/*..new...*/
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*......default.......*/
.z-index-0 {
  z-index: 0;
}

/*......calendar manage show......*/
.manage-show-card .show-info {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}
.manage-show-card .info-label {
  color: #1F242E;
  font-size: 20px;
  font-weight: 500;
}
.manage-show-card .info-label i {
  color: #4AB0C1;
}
.manage-show-card .info-label span {
  margin-left: 8px;
}
.manage-show-card .section-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
}
.manage-show-card .section-title h4 {
  font-size: 20px;
  font-weight: 600;
  color: #1F242E;
}
.manage-show-card .section-title span {
  color: #3273dc;
  font-size: 15px;
}
.manage-show-card .section-title span i {
  margin-right: 6px;
}

.p-m-show {
  position: relative;
  padding: 20px;
  border-radius: 10px;
  border-color: #4AB0C1;
  border-style: solid;
  border-left-width: 45px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
}
.p-m-show.show-error {
  border-color: #FF4B4B;
}
.p-m-show .ta-show-warning {
  font-size: 14px;
  color: #FF4B4B;
  margin-top: 8px;
  list-style: none;
}
.p-m-show .ta-show-warning li {
  display: flex;
  gap: 6px;
  align-items: center;
}
.p-m-show:not(:last-child) {
  margin-bottom: 15px;
}
.p-m-show .show-number {
  position: absolute;
  left: -41px;
  top: 50%;
  transform: translateY(-50%);
  height: 38px;
  width: 38px;
  border-radius: 50%;
  background: white;
  display: flex;
  justify-content: center;
  font-size: 18px;
  align-items: center;
  font-weight: 700;
}
.p-m-show .show-item-1row {
  display: flex;
  align-items: end;
  gap: 20px;
  margin-bottom: 20px;
}
.p-m-show .show-item-2row {
  display: flex;
  align-items: end;
  gap: 20px;
}
.p-m-show .ticket-item-wrapper {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 20px;
}
.p-m-show .label-key {
  font-size: 15px;
  color: #1F242E;
  font-weight: 500;
  margin-bottom: 2px;
}
.p-m-show input, .p-m-show select {
  height: 38px;
  border: 1px solid #EFF2F7;
  color: #1F242E;
  font-size: 15px;
  transition: 0.3s ease;
  outline: unset;
  border-radius: 5px;
  padding: 2px 10px;
}
.p-m-show input:hover, .p-m-show select:hover {
  border: 1px solid #4AB0C1;
}
.p-m-show input:active, .p-m-show input:focus, .p-m-show select:active, .p-m-show select:focus {
  border: 1px solid #4AB0C1;
  box-shadow: unset;
}
.p-m-show input.s-width, .p-m-show select.s-width {
  width: 120px;
}
.p-m-show input.m-width, .p-m-show select.m-width {
  width: 100%;
}
.p-m-show .form-grow {
  flex-grow: 1;
}
.p-m-show .form-checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
}
.p-m-show .form-checkbox input {
  height: unset;
  transform: scale(1.2);
}
.p-m-show .ticket-btn {
  height: 38px;
  background: #4AB0C1;
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  border-radius: 5px;
  padding: 0 15px;
}
.p-m-show .ticket-btn i {
  font-size: 12px;
  margin-left: 6px;
}
.p-m-show .card-close {
  position: absolute;
  top: 4px;
  right: 10px;
  color: #FF4B4B;
  font-size: 18px;
  cursor: pointer;
}

/*......calender copy popup........*/
.copy-show-body {
  position: relative;
}
.copy-show-body .copy-show-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 30px;
  color: #4AB0C1;
}

.copy-show-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 70px;
}
.copy-show-wrapper .copy-item {
  background: rgba(74, 171, 187, 0.1803921569);
}
.copy-show-wrapper .copy-show-title {
  font-size: 20px;
  color: #ffffff;
  background: #4AB0C1;
  font-weight: 500;
  text-align: center;
  padding: 8px 0;
}
.copy-show-wrapper .one-column-data {
  padding: 20px;
}
.copy-show-wrapper .copy-show-btn {
  font-size: 16px;
  background: #4AB0C1;
  font-weight: 500;
  text-align: center;
  padding: 8px 0;
}
.copy-show-wrapper .copy-show-btn a {
  color: #ffffff;
  transition: 0.3s ease;
}
.copy-show-wrapper .copy-show-btn a:hover {
  color: #1F242E;
}
.copy-show-wrapper .copy-show-btn span {
  margin-left: 8px;
}

/*.........screen seat dashbord......*/
.ta-dScreen-layout .ta-rowname, .ta-dScreen-layout select {
  height: 38px;
  border: 1px solid #EFF2F7;
  color: #1F242E;
  font-size: 15px;
  transition: 0.3s ease;
  outline: unset;
  width: 130px;
  border-radius: 5px;
  padding: 8px 10px;
}
.ta-dScreen-layout .ta-rowname:hover, .ta-dScreen-layout select:hover {
  border: 1px solid #4AB0C1;
}
.ta-dScreen-layout .ta-rowname:active, .ta-dScreen-layout .ta-rowname:focus, .ta-dScreen-layout select:active, .ta-dScreen-layout select:focus {
  border: 1px solid #4AB0C1;
  box-shadow: unset;
}
.ta-dScreen-layout .ta-rowname {
  width: 50px;
}
.ta-dScreen-layout table {
  margin: auto;
  background: #ffffff;
  border: 1px solid #EFF2F7;
}
.ta-dScreen-layout thead tr th {
  padding: 10px 10px;
  background: #F1F4F8;
  color: #1F242E;
  font-size: 14px;
  font-weight: 500;
}
.ta-dScreen-layout thead tr th:not(:last-child) {
  border-right: 1px solid #ffffff;
}
.ta-dScreen-layout tbody tr:not(:last-child) {
  border-bottom: 1px solid #EFF2F7;
}
.ta-dScreen-layout tbody tr td {
  padding: 10px 15px;
  vertical-align: middle;
}
.ta-dScreen-layout tbody tr td .taSeatName {
  line-height: 1;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
}
.ta-dScreen-layout tbody tr td.taSeats input {
  transform: scale(1.2);
  height: 18px;
  width: 18px;
}
.ta-dScreen-layout tbody tr td:not(:last-child) {
  border-right: 1px solid #EFF2F7;
}
.ta-dScreen-layout tbody .chkHoldSeat {
  transform: scale(1.2);
  height: 18px;
  width: 18px;
}
.ta-dScreen-layout .ta-screen {
  width: 800px;
  background: #1C8EA1;
  margin: auto;
  margin-top: 20px;
  text-align: center;
  color: white;
  font-size: 18px;
  font-weight: 500;
  padding: 4px 4px;
}
.ta-dScreen-layout .ta-screen.ta-bottom {
  border-radius: 0 0 50px 50px;
}
.ta-dScreen-layout .ta-screen.ta-top {
  border-radius: 50px 50px 0 0;
}

/*......Blocked Seat Design........*/
.ta-bSeat-condition {
  display: flex;
  justify-content: center;
  gap: 25px;
}
.ta-bSeat-condition .ta-SeatArrangement {
  display: flex;
  gap: 6px;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
}
.ta-bSeat-condition .ta-SeatArrangement .ta-seat-box {
  height: 25px;
  width: 25px;
  background: #000000;
  border-radius: 50%;
}
.ta-bSeat-condition .ta-SeatArrangement .ta-seat-box.ta-available {
  background: #00B5A1;
}
.ta-bSeat-condition .ta-SeatArrangement .ta-seat-box.ta-blocked {
  background: #999999;
}
.ta-bSeat-condition .ta-SeatArrangement .ta-seat-box.ta-booked {
  background: #2e97e5;
}

.ta-db-seatBoard {
  margin: auto;
}
.ta-db-seatBoard tr {
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
}
.ta-db-seatBoard tr td {
  height: 32px;
  width: 32px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 1px 2px 4px #bbbbbb;
}
.ta-db-seatBoard tr td span {
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ta-db-seatBoard tr td span.available {
  background: #00b5a1;
}
.ta-db-seatBoard tr td span.blocked {
  background: #999999;
}
.ta-db-seatBoard tr td span.booked {
  background: #2e97e5;
}

.ta-emptyseat {
  box-shadow: unset !important;
}

.ta-d-bR-screen {
  width: 800px;
  background: black;
  color: white;
  text-align: center;
  margin: auto;
  padding: 5px;
  margin-top: 20px;
  border-radius: 0 0 35px 35px;
  box-shadow: 0 -11px 22px -3px #333;
}

/*.......Booking Reprot design........*/
.booking-report-tab.ta-toggle li.ta-active a {
  background: #4AB0C1;
}

.ta-d-booking-report .ta-d-booking-head {
  display: flex;
  gap: 25px;
  margin-bottom: 30px;
  flex-flow: column;
  /*.ta-d-booking-head-wrapper {
      display: flex;
      gap: 20px;
      align-items: center;
  }

  .ta-d-booking-toggle {
      border-right: 2.5px solid #868686;
      padding-right: 20px;

      .ta-checkBox-body {
          .ta-checkBox-body-wrapper {
              display: flex;
              gap: 2px;
              flex-flow: column;
              align-items: center;
              justify-content: center;

              .ta-checkBox-title {
                  font-size: 18px;
                  font-weight: 700;
                  color: #3273dc;
                  width: max-content;
              }
          }
      }
  }

  .ta-d-show-detail {
      display: flex;
      gap: 15px;

      .taGrandTotal {
          display: flex;
          align-items: center;

          .layout-sub-title {
              font-size: 18px;
              font-weight: 500;
              margin-right: 6px;
          }

          span {
              font-weight: 500;
              color: green;
          }
      }

      .ta-d-selected-seats {
          display: flex;
          align-items: center;

          .layout-sub-title {
              margin-right: 10px;
              font-size: 18px;
              font-weight: 500;
          }

          .seats-booked {
              display: flex;
              gap: 10px;
              flex-flow: wrap;
              justify-content: center;

              li {
                  height: 32px;
                  width: 32px;
                  border-radius: 4px;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  overflow: hidden;
                  cursor: pointer;
                  box-shadow: 1px 2px 4px #000000;
                  background: #cca606;
                  font-size: 12px;
                  color: white;
                  font-weight: 500;
              }
          }
      }
  }

  .ta-d-show-prp {
      .divProcessWrapper {
          width: max-content;
      }
  }*/
}
.ta-d-booking-report .ta-d-booking-head .page-filter .page-filter-wrapper {
  align-items: center;
}
.ta-d-booking-report .ta-d-booking-head .page-filter input {
  min-width: unset;
}
.ta-d-booking-report .ta-d-booking-head .page-filter .button {
  outline: unset;
  font-size: 15px;
  height: 38px;
  border-radius: 5px;
  border: unset;
  display: flex;
  gap: 8px;
  padding: 6px 20px;
}
.ta-d-booking-report .ta-d-booking-head .page-filter .filter-right {
  gap: unset;
}
.ta-d-booking-report .ta-d-booking-head .page-filter .filter-right .filter-item:not(:last-child) .button {
  margin-right: 15px;
}
.ta-d-booking-report .ta-d-booking-head .page-filter .ta-res {
  background: #2E97E5;
  color: #ffffff;
}
.ta-d-booking-report .ta-d-booking-head .page-filter .ta-unh {
  background: #4AB0C1;
  color: #ffffff;
}
.ta-d-booking-report .ta-d-booking-head .page-filter .ta-h {
  background: #000000;
  color: #ffffff;
}
.ta-d-booking-report .ta-d-booking-head .booking-seat-price {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #EFF2F7;
  align-items: center;
}
.ta-d-booking-report .ta-d-booking-head .booking-seat-price .booking-seat-mess {
  font-size: 16px;
  font-weight: 600;
  color: #1F242E;
}
.ta-d-booking-report .ta-d-booking-head .booking-seat-price .seats-booked {
  display: flex;
  gap: 10px;
  flex-flow: wrap;
}
.ta-d-booking-report .ta-d-booking-head .booking-seat-price .seats-booked li {
  height: 32px;
  width: 32px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 1px 2px 4px #000000;
  background: #cca606;
  font-size: 12px;
  color: white;
  font-weight: 500;
}
.ta-d-booking-report .ta-d-booking-head .booking-seat-price .taGrandTotal {
  display: flex;
}
.ta-d-booking-report .ta-d-booking-head .booking-seat-price .taGrandTotal .booking-sub-title {
  font-weight: 600;
  color: #4AB0C1;
  font-size: 16px;
  margin-right: 3px;
}
.ta-d-booking-report .ta-d-booking-head .booking-seat-price .taGrandTotal span {
  color: #1F242E;
  font-size: 16px;
  font-weight: 500;
}
.ta-d-booking-report .ta-available {
  background: #00B5A1;
}
.ta-d-booking-report .ta-blocked {
  background: #999999;
}
.ta-d-booking-report .ta-hold {
  background: #000000;
}
.ta-d-booking-report .ta-booked-pos {
  background: #2e97e5;
}
.ta-d-booking-report .ta-booked-web {
  background: #2e97e5;
}
.ta-d-booking-report .ta-sold-pos {
  background: #c38353;
}
.ta-d-booking-report .ta-sold-web {
  background: #ff0000;
}
.ta-d-booking-report .ta-selected, .ta-d-booking-report .ta-hold-select {
  background: #ffc107;
}
.ta-d-booking-report .ta-comp {
  background: #c91ae8;
}
.ta-d-booking-report .ta-seat-condition ul {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin-bottom: 25px;
  flex-flow: wrap;
}
.ta-d-booking-report .ta-seat-condition ul li {
  display: flex;
  align-items: center;
  gap: 6px;
}
.ta-d-booking-report .ta-seat-condition ul li div {
  height: 32px;
  width: 32px;
  border-radius: 4px;
  box-shadow: 1px 2px 4px #bbbbbb;
}
.ta-d-booking-report .ta-d-bookinBlockWrapper {
  display: flex;
  column-gap: 25px;
  row-gap: 25px;
}
.ta-d-booking-report .ta-d-bookinBlockWrapper .ta-seat-condition {
  width: 160px;
}
.ta-d-booking-report .ta-d-bookinBlockWrapper .ta-seat-condition ul {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin-bottom: unset;
  flex-flow: column;
}
.ta-d-booking-report .ta-d-bookinBlockWrapper .ta-seat-condition ul li {
  font-size: 14px;
  font-weight: 600;
  color: #1F242E;
}
.ta-d-booking-report .ta-d-bookinBlockWrapper .ta-seat-condition ul li span {
  color: #4AB0C1;
}
.ta-d-booking-report .ta-d-bookinBlockWrapper .ta-screenSeat-wrapper {
  margin: auto;
  width: calc(100% - 185px);
}
.ta-d-booking-report .taBlock {
  margin: auto;
}
.ta-d-booking-report .taBlock td, .ta-d-booking-report .taBlock th {
  border: unset;
  border-width: unset;
  padding: unset;
  vertical-align: unset;
}
.ta-d-booking-report .taBlock tr {
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
}
.ta-d-booking-report .taBlock tr td {
  height: 32px;
  width: 32px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 1px 2px 4px #bbbbbb;
}
.ta-d-booking-report .taBlock tr td span {
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*......Show Manager Page desing.........*/
.ta-shProceed .ta-dTkt-tp {
  display: flex;
  gap: 10px;
}
.ta-shProceed .ta-dTkt-tp .ticket_data {
  display: flex;
}
.ta-shProceed .ta-dTkt-tp .ticket_data .ta-dTkt-ttl {
  display: flex;
  align-items: center;
  background: #1C8EA1;
  color: #ffffff;
  padding: 2px 10px;
  border-radius: 4px 0 0 4px;
}
.ta-shProceed .ta-dTkt-tp .ticket_data input {
  border-radius: 0 4px 4px 0;
  width: 70px;
}
.ta-shProceed .ta-shProceedBtn {
  display: flex;
  gap: 10px;
}
.ta-shProceed .ta-shProceedBtn .button {
  height: 38px;
  padding: 2px 15px;
  font-size: 14px;
  border-radius: 4px;
  background: #1C8EA1;
  color: #ffffff;
  border: unset;
  outline: unset;
  min-width: 85px;
}
.ta-shProceed .ta-shProceedBtn .button.btnProceed {
  background: #438EFF;
}
.ta-shProceed .ta-shProceedBtn .button.btnEdit {
  background: #4AB0C1;
}

/*.....image gallery page........*/
.gallery-table .table-image {
  border: 2px solid #4AB0C1;
  border-radius: 5px;
  padding: 5px;
  height: 120px;
  width: 120px;
  overflow: hidden;
}
.gallery-table .table-image img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.gallery-table .table-img-change {
  margin-top: 10px;
}
.gallery-table .table-img-change button {
  font-size: 14px;
  padding: 4px 15px;
  height: unset;
  border-radius: 4px;
  min-width: 120px;
}
.gallery-table .table thead tr th:first-child {
  width: 144px;
}
.gallery-table .table thead tr th:nth-child(2) {
  width: 300px;
}

/*.....Transition Stall.......*/
.ta-tkt-cnt {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, 1fr);
}

.ta-tkt-itm {
  box-shadow: 2px 2px 10px #9e9e9e;
}

.ta-ticketsearch-result {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

/*....cinema calendar......*/
#calendar {
  height: calc(100vh - 130px);
}

.fc-header-toolbar {
  padding: 10px 15px;
  margin-bottom: 0px !important;
}

.fc-toolbar-chunk .fc-button-group > .fc-button:not(:first-child) {
  margin-left: unset;
}
.fc-toolbar-chunk:first-child {
  display: flex;
}
.fc-toolbar-chunk:first-child .ta-cld-select {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 30px;
  color: #1F242E;
  font-size: 15px;
  font-weight: 400;
  white-space: nowrap;
}
.fc-toolbar-chunk:first-child .fa-film, .fc-toolbar-chunk:first-child .fa-map-marker {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #4AB0C1;
  left: 10px;
}
.fc-toolbar-chunk:first-child .ta-cld-flt-wrap {
  position: relative;
  background: #F5F5FF;
  border-radius: 2px;
  width: 150px;
}
.fc-toolbar-chunk:first-child .ta-cld-flt-wrap .fa-caret-down {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  font-size: 14px;
}
.fc-toolbar-chunk:first-child .ta-cld-flt-wrap.ta-cld-screen .ta-cld-select {
  left: 35px;
}
.fc-toolbar-chunk:first-child button {
  height: 38px;
  width: 38px;
  border-radius: 2px;
  background: #F5F5FF;
  border: unset;
  padding: 0;
  font-size: 10px;
  color: #1F242E;
  transition: 0.3s ease;
}
.fc-toolbar-chunk:first-child button:active {
  background: #4AB0C1;
  color: #ffffff;
}
.fc-toolbar-chunk:first-child button:hover {
  background: #4AB0C1;
  color: #ffffff;
}
.fc-toolbar-chunk:first-child select {
  height: 38px;
  border-radius: 2px;
  padding: 0 10px;
  border: unset;
  background: #F5F5FF;
  max-width: 150px;
  font-size: 14px;
  color: #1F242E;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  opacity: 0;
}
.fc-toolbar-chunk:last-child {
  display: flex;
}
.fc-toolbar-chunk:last-child .ta-cld-flt-wrap {
  position: relative;
  background: #F5F5FF;
  border-radius: 2px;
  width: 115px;
}
.fc-toolbar-chunk:last-child .ta-cld-flt-wrap .fa-caret-down {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  font-size: 14px;
}
.fc-toolbar-chunk:last-child .ta-cld-flt-wrap.ta-cld-screen .ta-cld-select {
  left: 35px;
}
.fc-toolbar-chunk:last-child .ta-cld-select {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 30px;
  color: #1F242E;
  font-size: 15px;
  font-weight: 400;
  white-space: nowrap;
}
.fc-toolbar-chunk:last-child .fa-clock-o {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #4AB0C1;
  left: 10px;
}
.fc-toolbar-chunk:last-child select {
  height: 38px;
  border-radius: 2px;
  padding: 0 10px;
  border: unset;
  background: #F5F5FF;
  max-width: 150px;
  font-size: 14px;
  color: #1F242E;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  opacity: 0;
}
.fc-toolbar-chunk:last-child .fc-button-group {
  height: 38px;
  border-radius: 2px;
  overflow: hidden;
  align-items: center;
  padding: 3px;
  margin-left: 6px !important;
}
.fc-toolbar-chunk:last-child .fc-button-group button {
  height: 38px;
  padding: unset;
  font-size: 13px;
  background: #F5F5FF;
  border: unset;
  color: #1F242E;
}
.fc-toolbar-chunk:last-child .fc-button-group:last-child {
  gap: 6px;
}
.fc-toolbar-chunk:last-child .fc-button-group:last-child button {
  height: 38px;
  width: 38px;
  border-radius: 2px;
  background: #F5F5FF;
  color: #1F242E;
  font-size: 14px;
  font-weight: 500;
  transition: 0.3s ease;
}
.fc-toolbar-chunk:last-child .fc-button-group:last-child button.fc-button-active {
  background: #4AB0C1;
  color: #ffffff;
}
.fc-toolbar-chunk:last-child .fc-button-group:last-child button:active {
  background: #4AB0C1;
  color: #ffffff;
}
.fc-toolbar-chunk:last-child .fc-button-group:last-child button:hover {
  background: #4AB0C1;
  color: #ffffff;
}
.fc-toolbar-chunk button:hover {
  background: #4AB0C1;
  color: #ffffff;
}
.fc-toolbar-chunk:nth-child(2) .fc-button-group {
  height: 38px;
  border-radius: 2px;
  overflow: hidden;
  align-items: center;
  padding: 3px;
}
.fc-toolbar-chunk:nth-child(2) .fc-button-group button {
  height: 38px;
  padding: unset;
  font-size: 13px;
  background: #F5F5FF;
  border: unset;
  color: #1F242E;
  transition: 0.3s ease;
}
.fc-toolbar-chunk:nth-child(2) .fc-button-group button.fc-prev-button {
  width: 38px;
  border-radius: 2px 0 0 2px;
}
.fc-toolbar-chunk:nth-child(2) .fc-button-group button.fc-next-button {
  width: 38px;
  border-radius: 0 2px 2px 0;
}
.fc-toolbar-chunk:nth-child(2) .fc-button-group button:hover {
  background: #4AB0C1;
  color: #ffffff;
}
.fc-toolbar-chunk:nth-child(2) .fc-button-group .fc-custom_title-button {
  padding: 0 10px;
  font-size: 14px;
}
.fc-toolbar-chunk:nth-child(2) .fc-today-button {
  height: 38px;
  background: #F5F5FF !important;
  border: unset;
  border-radius: 2px;
  font-size: 14px;
  padding: 0 20px;
  color: #1F242E !important;
}

.fc .fc-timegrid-now-indicator-line {
  display: flex;
  align-items: center;
  justify-content: center;
  border-color: #F87171;
}
.fc .fc-timegrid-now-indicator-line i {
  background-color: #F87171;
  padding: 4px 6px;
  text-align: center;
  position: absolute;
  color: #ffffff;
  top: -13px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 62px;
  border-radius: 13px;
}
.fc .fc-timegrid-now-indicator-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  border-color: #F87171;
}
.fc .fc-timegrid-now-indicator-arrow i {
  background-color: #F87171;
  padding: 4px 6px;
  text-align: center;
  position: absolute;
  color: #ffffff;
  top: -13px;
  font-size: 11px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 62px;
  left: 0;
  border-radius: 13px;
}

.ta-calender-page .fc .fc-timegrid-slot .fc-timegrid-slot-label-cushion {
  font-size: 14px;
}

.fc .fc-col-header-cell-cushion {
  width: 100%;
  text-align: center;
  padding: 6px 8px;
  font-weight: 600;
  font-size: 14px;
  color: #1F242E;
}

.ta-calender-page .fc-timegrid-event .fc-event-time {
  font-size: 12px;
  color: #1F242E;
}
.ta-calender-page .fc-resourceTimeGridDay-view .fc-timegrid-event {
  overflow: hidden;
  padding: 0 4px;
  border-width: 2px;
}
.ta-calender-page .fc-v-event .fc-event-title {
  font-size: 13px;
  color: #1F242E;
  font-weight: 600;
}

.calendar-noti {
  padding: 6px 15px;
  background: #ffb482;
  margin-bottom: 5px;
}
.calendar-noti:not(:last-child) {
  margin-bottom: unset;
}
.calendar-noti .topaction-close {
  top: 50%;
  transform: translateY(-50%);
  background: #FF4B4B;
}
.calendar-noti h1 {
  font-size: 14px;
  color: #1F242E;
  text-align: center;
  font-weight: 600;
}

/*.....cinema popup calendar.......*/
.sd-buttons {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  margin-top: 15px;
}
.sd-buttons button {
  padding: 8px 20px;
  font-size: 14px;
  height: unset;
  border-radius: 4px;
  border: unset;
  outline: unset;
}

.show-add-btn {
  margin-top: 25px;
  padding: 8px 20px;
  font-size: 14px;
  height: unset;
  border-radius: 4px;
  border: unset;
  outline: unset;
}

.valid-position label {
  position: absolute;
  left: 0;
  top: 37px;
  width: max-content;
}

.show-add-popup .modal-card {
  width: 820px;
}
.show-add-popup .modal-card .select2-container--default .select2-selection--single .select2-selection__rendered {
  justify-content: left;
}

.movie-card {
  display: grid;
  grid-template-columns: 225px auto;
  gap: 20px;
}
.movie-card .movie-img {
  height: 300px;
  width: 225px;
  border-radius: 5px;
  overflow: hidden;
}
.movie-card .movie-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.movie-card .movie-name {
  font-size: 22px;
  color: #4AB0C1;
  font-weight: 600;
}
.movie-card .movie-dis {
  color: #878A99;
  margin-bottom: 8px;
}
.movie-card .movie-lable {
  display: grid;
  grid-template-columns: 100px auto;
  gap: 12px;
}
.movie-card .movie-lable:not(:last-child) {
  margin-bottom: 6px;
}
.movie-card .movie-lable .lable-title {
  font-size: 16px;
  font-weight: 600;
  color: #1F242E;
}
.movie-card .movie-lable .lable-dis {
  color: #1F242E;
  font-size: 16px;
}
.movie-card .movie-lable .lable-dis.typo-focus {
  font-size: 18px;
  color: #FF9800;
  font-weight: 600;
}

.seat-body {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-top: 10px;
  background: #f3f3f3;
  padding: 5px 10px;
  border-radius: 4px;
}
.seat-body .seat-status {
  color: #4AB0C1;
  font-weight: 600;
  font-size: 16px;
}
.seat-body .seat-status span {
  color: #1F242E;
  margin-left: 4px;
  font-weight: 400;
}

/*.......Manage state page........*/
.sc-wrapper {
  display: grid;
  grid-template-columns: 40% 60%;
  margin: auto;
  border: 1px solid #EFF2F7;
  border-radius: 5px;
  overflow: hidden;
}
.sc-wrapper .sc-column:first-child {
  border-right: 1px solid #EFF2F7;
}
.sc-wrapper .sc-column:first-child .sc-head {
  border-right: 1px solid #ffffff;
}
.sc-wrapper .sc-column:first-child .sc-item-body .sc-item {
  background: #F1F4F8;
  cursor: pointer;
}
.sc-wrapper .sc-column:first-child .sc-item-body .sc-item .sc-item-name {
  font-size: 16px;
  font-weight: 500;
  color: #1F242E;
}
.sc-wrapper .sc-column:first-child .sc-item-body .sc-item.active {
  background: #d1e0f5;
}
.sc-wrapper .sc-column:first-child .sc-item-body .sc-item:hover {
  background: #d1e0f5;
}
.sc-wrapper .sc-column:last-child .sc-item-body .sc-item {
  padding: 0.4rem 0.75rem;
  cursor: pointer;
}
.sc-wrapper .sc-column:last-child .sc-item-body .sc-item .sc-item-name {
  font-size: 14px;
  font-weight: 500;
  color: #1F242E;
}
.sc-wrapper .sc-head {
  padding: 0.75rem;
  font-size: 18px;
  font-weight: 500;
  color: #1F242E;
  background: #F1F4F8;
  text-align: center;
}
.sc-wrapper .sc-item-body {
  padding: 0.75rem;
}
.sc-wrapper .sc-item-body .sc-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem;
  border: 1px solid #d6dde9;
  border-radius: 5px;
  transition: 0.3s ease;
}
.sc-wrapper .sc-item-body .sc-item:not(:last-child) {
  margin-bottom: 0.75rem;
}
.sc-wrapper .sc-item-body .sc-item-action {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 13px;
}
.sc-wrapper .sc-add-btn {
  padding: 0 0.75rem 0.75rem 0.75rem;
}
.sc-wrapper .sc-add-btn button {
  width: 100%;
  border-radius: 5px;
}

/*...report.....*/
.ta-report-main-list .ta-report-head {
  font-size: 22px;
  font-weight: 600;
  color: #1F242E;
  margin-bottom: 8px;
}
.ta-report-main-list .ta-report-list-wrapper:not(:last-child) {
  margin-bottom: 25px;
}
.ta-report-main-list .ta-report-name-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.ta-report-main-list .ta-report-name {
  background: #f5f5f5;
  padding: 20px 15px;
  border-radius: 10px;
}
.ta-report-main-list .ta-report-name a {
  font-size: 16px;
  font-weight: 600;
  color: #4AB0C1;
  margin-bottom: 4px;
}
.ta-report-main-list .ta-report-name .report-des {
  font-size: 14px;
  font-weight: 500;
  padding-top: 6px;
  color: #1F242E;
}

.ta-report-table-wrapper hr {
  margin: 12px 0;
}
.ta-report-table-wrapper .dataTables_wrapper {
  overflow: auto;
}

/*.....Ads Manager........*/
.ta-posLc {
  position: relative;
  cursor: pointer;
}
.ta-posLc .ta-posLcW {
  padding: 10px;
  border-radius: 2px;
  background: #d1e8ff;
  display: flex;
  flex-flow: column;
  gap: 2px;
  align-items: center;
  box-shadow: 0px 0px 5px rgba(151, 151, 151, 0.4784313725);
}
.ta-posLc .ta-posLcW .ta-posLc-ttl {
  font-size: 18px;
  font-weight: 600;
  color: #1F242E;
}
.ta-posLc .ta-posLcW .ta-posLc-mac {
  color: #1F242E;
}
.ta-posLc .ta-posIcon {
  position: absolute;
  top: 0;
  right: 5px;
  font-size: 20px;
  display: none;
  color: #f5f5f5;
}
.ta-posLc.active .ta-posLcW {
  background: #4AB0C1;
}
.ta-posLc.active .ta-posLcW .ta-posLc-ttl {
  color: #ffffff;
}
.ta-posLc.active .ta-posLcW .ta-posLc-mac {
  color: #ffffff;
}
.ta-posLc.active .ta-posIcon {
  display: block;
}

/*.....sales bill......*/
.sales-customer-detail p {
  font-size: 16px;
  font-weight: 500;
  color: #1F242E;
}
.sales-customer-detail p span {
  font-weight: 400;
}
.sales-customer-detail p:not(:last-child) {
  margin-bottom: 6px;
}

.bill-select-effect {
  position: relative;
}
.bill-select-effect:hover .ta-sign-check {
  display: block;
}
.bill-select-effect .ta-sign-check {
  display: none;
  position: absolute;
  top: 18px;
  right: 14px;
  color: #ffffff;
  font-size: 16px;
}
.bill-select-effect .ta-sign-check.ta-sign-checked {
  display: block !important;
}

/*....food item shorting....*/
.combo-wrapper {
  margin-bottom: 40px;
}
.combo-wrapper .combo-body {
  display: flex;
  border: 1px solid #4AB0C1;
}
.combo-wrapper .combo-title {
  background: #4AB0C1;
  color: #ffffff;
  padding: 15px 6px;
}
.combo-wrapper .combo-title h3 {
  font-size: 24px;
  font-weight: 600;
}
.combo-wrapper .combo-items {
  padding: 15px;
  overflow: auto;
}
.combo-wrapper .combo-items .combo-item-wrapper {
  display: flex;
  gap: 15px;
}
.combo-wrapper .combo-items .combo-card {
  background: #ffffff;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
  cursor: col-resize;
  min-width: 300px;
  max-width: 300px;
}
.combo-wrapper .combo-items .combo-card .combo-card-body .combo-card-image {
  height: 150px;
}
.combo-wrapper .combo-items .combo-card .combo-card-body .combo-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.combo-wrapper .combo-items .combo-card .combo-card-body .combo-card-name {
  padding: 5px 10px;
  background: #f1f1f1;
}
.combo-wrapper .combo-items .combo-card .combo-card-body .combo-card-name p {
  font-weight: 600;
  color: #1F242E;
  font-size: 14px;
}

.food-wrapper .food-1row {
  display: flex;
  border: 1px solid #4AB0C1;
}
.food-wrapper .food-1row .food-category-title {
  border-right: 1px solid #4AB0C1;
  width: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  color: #1F242E;
}
.food-wrapper .food-1row .tabs {
  width: calc(100% - 250px);
  padding: 15px;
}
.food-wrapper .food-1row .tabs ul {
  border-bottom: unset;
  gap: 12px;
}
.food-wrapper .food-1row .tabs ul li {
  border-radius: 4px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}
.food-wrapper .food-1row .tabs ul li.ta-active {
  background: #4AB0C1;
}
.food-wrapper .food-1row .tabs ul li.ta-active a {
  color: #ffffff;
}
.food-wrapper .food-1row .tabs ul li a {
  border-bottom: unset;
  color: #1F242E;
  font-weight: 500;
}
.food-wrapper .food-2row {
  display: flex;
  border-right: 1px solid #4AB0C1;
  border-left: 1px solid #4AB0C1;
  border-bottom: 1px solid #4AB0C1;
}
.food-wrapper .food-2row .category-parent-menu {
  border-right: 1px solid #4AB0C1;
  width: 250px;
  padding: 15px;
}
.food-wrapper .food-2row .category-parent-menu li {
  padding: 8px 10px;
  border-radius: 4px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.food-wrapper .food-2row .category-parent-menu li a {
  color: #1F242E;
  font-weight: 500;
}
.food-wrapper .food-2row .category-parent-menu li.ta-active {
  background: #4AB0C1;
}
.food-wrapper .food-2row .category-parent-menu li.ta-active a {
  color: #ffffff;
}
.food-wrapper .food-2row .category-parent-menu li:not(:last-child) {
  margin-bottom: 12px;
}
.food-wrapper .food-2row .menu-items {
  padding: 15px;
  width: calc(100% - 250px);
  min-height: 410px;
}
.food-wrapper .food-2row .menu-items ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
.food-wrapper .food-2row .menu-item {
  background: #ffffff;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
  cursor: col-resize;
}
.food-wrapper .food-2row .menu-item .combo-card-body .combo-card-image {
  height: 150px;
}
.food-wrapper .food-2row .menu-item .combo-card-body .combo-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.food-wrapper .food-2row .menu-item .combo-card-body .combo-card-name {
  padding: 5px 10px;
  background: #f1f1f1;
}
.food-wrapper .food-2row .menu-item .combo-card-body .combo-card-name p {
  font-weight: 600;
  color: #1F242E;
  font-size: 14px;
}

/*.....staff Detail.......*/
.staff-detail-d {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  background: #e5e5e5;
  padding: 15px 20px;
  width: max-content;
  gap: 20px;
}
.staff-detail-d .staff-d-img {
  height: 100px;
  width: 100px;
  border-radius: 50%;
  overflow: hidden;
}
.staff-detail-d .staff-d-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.staff-detail-d .ta-staff-d-body .ta-staff-d-label {
  font-size: 15px;
  color: #000000;
  display: flex;
}
.staff-detail-d .ta-staff-d-body .ta-staff-d-label span:first-child {
  font-weight: 500;
  display: flex;
  width: 90px;
}
.staff-detail-d .ta-staff-d-body .ta-staff-d-label span:last-child {
  margin-left: 10px;
}

.workinfo-detail-list .ta-eWinfo-w-cnt {
  gap: 20px;
  flex-flow: wrap;
}
.workinfo-detail-list .ta-eWinfo-w-cnt .ta-eWinfo-card-w {
  background: #e5e5e5;
  padding: 15px;
  border-radius: 4px;
  height: 100%;
  min-width: 300px;
}
.workinfo-detail-list .ta-eWinfo-w-cnt .ta-eWinfo-card-w .ta-eHead {
  font-size: 20px;
  font-weight: 500;
  color: #412a22;
  margin-bottom: 6px;
}
.workinfo-detail-list .ta-eWinfo-w-cnt .ta-eWinfo-card-w .info-row {
  display: flex;
  gap: 8px;
  line-height: 1.2;
  margin-bottom: 8px;
  font-size: 14px;
}
.workinfo-detail-list .ta-eWinfo-w-cnt .ta-eWinfo-card-w .info-row .info-key {
  font-weight: 500;
  color: #115868;
}

.ta-staff-leave-head {
  display: flex;
  gap: 30px;
  margin-bottom: 15px;
  align-items: center;
}
.ta-staff-leave-head .ta-eHead {
  font-size: 18px;
  font-weight: 600;
}
.ta-staff-leave-head .ta-staff-filter {
  display: flex;
  gap: 15px;
}
.ta-staff-leave-head .ta-staff-filter select {
  min-width: 200px;
}
.ta-staff-leave-head .ta-staff-filter .button {
  padding: 0 15px;
  height: 38px;
  font-size: 14px;
  border: unset;
  background: #3273dc;
  color: #ffffff;
}
.ta-staff-leave-head .ta-staff-filter .sub-filter {
  display: flex;
}
.ta-staff-leave-head .ta-staff-filter .sub-filter .sub-filter-title {
  border-radius: 5px 0 0 5px;
  background: #e0e6e7;
  display: flex;
  align-items: center;
  color: #1F242E;
  height: 38px;
  font-size: 15px;
  padding: 2px 15px;
  border: 1px solid #e0e6e7;
  white-space: nowrap;
}
.ta-staff-leave-head .ta-staff-filter .sub-filter .sub-filter-title.only {
  border-radius: 5px;
}
.ta-staff-leave-head .ta-staff-filter .sub-filter .select2-container--default .select2-selection--single .select2-selection__rendered {
  min-width: 200px;
}
.ta-staff-leave-head .ta-staff-filter .sub-filter .select2-container--default .select2-selection--single .select2-selection__arrow {
  background: #ffffff;
}
.ta-staff-leave-head .ta-staff-filter .sub-filter input, .ta-staff-leave-head .ta-staff-filter .sub-filter select {
  border-radius: 0 5px 5px 0;
}
.ta-staff-leave-head .ta-staff-filter .ta-search-btn {
  height: 38px;
  width: 38px;
  border-radius: 5px;
  outline: unset;
  background: #4AB0C1;
  color: #ffffff;
  font-size: 15px;
  padding: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s ease;
  cursor: pointer;
  border: unset;
}
.ta-staff-leave-head .ta-staff-filter .ta-search-btn:hover {
  background: #368795;
  border: unset;
}

.ta-leave-half {
  display: flex;
  justify-content: space-between;
  margin-top: 2px;
}
.ta-leave-half .ta-leave-half-label {
  font-size: 13px;
  margin-left: 6px;
}

/*......user Detail........*/
.user-detail-d {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  background: #e5e5e5;
  padding: 15px 20px;
  width: max-content;
  gap: 20px;
}
.user-detail-d .user-detail-d-img {
  height: 100px;
  width: 100px;
  border-radius: 50%;
  overflow: hidden;
}
.user-detail-d .user-detail-d-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.user-detail-d .user-detail-d-body .user-detail-d-label {
  font-size: 15px;
  color: #000000;
  display: flex;
}
.user-detail-d .user-detail-d-body .user-detail-d-label span:first-child {
  font-weight: 500;
  display: flex;
  width: 86px;
}
.user-detail-d .user-detail-d-body .user-detail-d-label span:last-child {
  margin-left: 10px;
}

/*.......feedback detail.........*/
.ta-feedback-report {
  margin-top: 20px;
}
.ta-feedback-report .ta-feedback-report-wrapper {
  display: flex;
  flex-flow: column;
  gap: 15px;
}
.ta-feedback-report .ta-feedback-report-wrapper .ta-feedback-item {
  background: #f1f4f8;
  padding: 15px 20px;
  border-radius: 8px;
  border: 1px solid #EFF2F7;
}
.ta-feedback-report .ta-feedback-report-wrapper .ta-feedback-item .ta-feedback-title label {
  font-weight: 600;
  color: #047c75;
}
.ta-feedback-report .ta-feedback-report-wrapper .ta-feedback-item .ta-feedback-head {
  margin-bottom: 8px;
}
.ta-feedback-report .ta-feedback-report-wrapper .ta-feedback-item .ta-feedback-head label {
  font-size: 20px;
  color: #000000;
  font-weight: 500;
}
.ta-feedback-report .ta-feedback-report-wrapper .ta-feedback-item .ta-feedback-value label {
  font-weight: 500;
}
.ta-feedback-report .ta-feedback-report-wrapper .ta-feedback-item .ta-feedback-item-wrapper:not(:last-child) {
  margin-bottom: 6px;
}

/*.....user detail.....*/
.ta-my-profile-wrapper-d {
  margin-bottom: 20px;
  width: max-content;
}
.ta-my-profile-wrapper-d .ta-user-profile {
  background: #f2f2f2;
  border-radius: 4px;
}
.ta-my-profile-wrapper-d .user-profile-head {
  height: 100px;
  padding: 20px 65px;
  border-radius: 4px;
  background: linear-gradient(98.18deg, rgb(30, 28, 28) 2.87%, rgb(148, 41, 45) 59.96%, rgb(225, 30, 38) 98.36%);
  display: flex;
  align-items: center;
  gap: 15px;
}
.ta-my-profile-wrapper-d .user-profile-head .ta-pImage {
  height: 100px;
  width: 100px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid rgb(204, 204, 204);
  margin-top: 30px;
}
.ta-my-profile-wrapper-d .user-profile-head .ta-pImage img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.ta-my-profile-wrapper-d .user-profile-head .ta-userName {
  margin-top: 30px;
}
.ta-my-profile-wrapper-d .user-profile-head .ta-userName h3 {
  color: #ffffff;
  font-size: 22px;
  font-weight: bold;
}
.ta-my-profile-wrapper-d .ta-user-details-head {
  margin-bottom: 10px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.ta-my-profile-wrapper-d .ta-user-details-head h4 {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
}
.ta-my-profile-wrapper-d .ta-user-details-head a {
  font-size: 12px;
  color: #219004;
  font-weight: 500;
}
.ta-my-profile-wrapper-d .member-btn a {
  font-size: 14px;
  font-weight: 500;
  color: #159dd3;
  transition: 0.3s ease;
  text-decoration: underline;
}
.ta-my-profile-wrapper-d .member-btn a i {
  margin-right: 5px;
}
.ta-my-profile-wrapper-d .member-btn a:hover {
  color: #1a6380;
}
.ta-my-profile-wrapper-d .user-profile-two-clm {
  padding: 40px 65px;
  display: flex;
  gap: 50px;
}
.ta-my-profile-wrapper-d .user-profile-two-clm .ta-userD-content {
  display: flex;
  gap: 15px;
  font-size: 14px;
  color: #000000;
}
.ta-my-profile-wrapper-d .user-profile-two-clm .ta-userD-content:not(:last-child) {
  margin-bottom: 8px;
}
.ta-my-profile-wrapper-d .user-profile-two-clm .ta-userD-content .ta-lbltitle {
  width: 97px;
}
.ta-my-profile-wrapper-d .user-profile-two-clm .ta-userD-content .ta-lbldis {
  font-weight: 500;
}
.ta-my-profile-wrapper-d .user-profile-two-clm .ta-user-activity {
  flex-grow: 1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.ta-my-profile-wrapper-d .user-profile-two-clm .ta-user-activity .ta-user-activity-item {
  padding: 15px 20px;
  border-radius: 2px;
}
.ta-my-profile-wrapper-d .user-profile-two-clm .ta-user-activity .ta-user-activity-item.bg1 {
  background: #ffabab;
}
.ta-my-profile-wrapper-d .user-profile-two-clm .ta-user-activity .ta-user-activity-item.bg2 {
  background: #85e3ff;
}
.ta-my-profile-wrapper-d .user-profile-two-clm .ta-user-activity .ta-user-activity-item.bg3 {
  background: #aff8db;
}
.ta-my-profile-wrapper-d .user-profile-two-clm .ta-user-activity .ta-user-activity-item.bg4 {
  background: #c5a3ff;
}
.ta-my-profile-wrapper-d .user-profile-two-clm .ta-user-activity .ta-user-activity-item .activity-title {
  font-size: 14px;
  color: #000000;
  font-weight: 600;
}
.ta-my-profile-wrapper-d .user-profile-two-clm .ta-user-activity .ta-user-activity-item .activity-value {
  font-size: 24px;
  font-weight: bold;
  color: #000000;
}
.ta-my-profile-wrapper-d .user-profile-one-clm {
  padding: 0px 65px 40px 65px;
}
.ta-my-profile-wrapper-d .user-profile-one-clm .membership-label {
  font-size: 14px;
  color: #000000;
  font-weight: 500;
}
.ta-my-profile-wrapper-d .user-profile-one-clm .membership-label span {
  font-weight: bold;
  margin-left: 6px;
  color: #4AB0C1;
}
.ta-my-profile-wrapper-d .user-profile-one-clm .membership-item-wrapper {
  margin-top: 10px;
  display: flex;
  gap: 15px;
}
.ta-my-profile-wrapper-d .user-profile-one-clm .membership-item-wrapper .membership-item {
  background: #fbe9e9;
  text-align: center;
  padding: 6px 30px;
  border-radius: 2px;
}
.ta-my-profile-wrapper-d .user-profile-one-clm .membership-item-wrapper .membership-item .membership-title {
  font-size: 14px;
  color: #000000;
  font-weight: 500;
}
.ta-my-profile-wrapper-d .user-profile-one-clm .membership-item-wrapper .membership-item .membership-value {
  font-size: 14px;
  font-weight: 600;
  color: #000000;
}

/*......voucher......*/
.voucher-card-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.voucher-card {
  width: max-content;
  font-family: "Montserrat", sans-serif;
  border: 2px solid #1E1C1C;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.voucher-head {
  display: flex;
  gap: 20px;
  padding: 25px 25px 25px 25px;
  justify-content: space-between;
}

.cmp-logo {
  display: flex;
}

.cmp-logo img {
  height: 40px;
  width: auto;
  object-fit: contain;
}

.voucher-title {
  font-size: 22px;
  font-weight: bolder;
  text-transform: uppercase;
  text-align: right;
  color: #1E1C1C;
}

.location-lable {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  text-align: right;
  color: #e11e26;
}

.voucher-detail {
  padding: 25px;
  border-bottom: 2px dashed #1E1C1C;
}

.voucher-detail-item {
  display: grid;
  grid-template-columns: 100px auto;
}

.voucher-detail-item:not(:last-child) {
  margin-bottom: 5px;
}

.voucher-key {
  display: flex;
  width: 100px;
  justify-content: space-between;
  color: #1E1C1C;
  font-size: 14px;
  font-weight: 700;
}

.voucher-value {
  margin-left: 4px;
  color: #3d3d3d;
  font-size: 14px;
  font-weight: 500;
}

.body-qr {
  display: flex;
  flex-flow: column;
  gap: 8px;
  align-items: center;
  padding: 15px;
}

.body-qr-wrapper {
  display: flex;
}

.body-qr-wrapper img {
  width: 100px;
  height: auto;
}

.body-qr-label {
  font-size: 16px;
  font-weight: 700;
  color: #1E1C1C;
}

.pattern {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  opacity: 0.3;
  display: flex;
}

.pattern img {
  width: 100%;
  height: 100px;
  object-fit: cover;
}

.top-pattern {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  opacity: 0.23;
  display: flex;
}

.top-pattern img {
  height: 150px;
}

/*.....Ticket Reprint Log.......*/
.ta-tkt-rp-movie {
  margin-bottom: 20px;
}
.ta-tkt-rp-movie .ta-tkt-rp-movie-wrapper {
  background: #dee1de;
  border-left: 3px solid #00B5A1;
  border-radius: 10px;
  padding: 20px;
}
.ta-tkt-rp-movie .ta-tkt-rp-movie-wrapper .mc-head {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  align-items: center;
}
.ta-tkt-rp-movie .ta-tkt-rp-movie-wrapper .mc-head h2 {
  font-size: 20px;
  font-weight: bold;
  color: #1E1C1C;
}
.ta-tkt-rp-movie .ta-tkt-rp-movie-wrapper .mc-show-info {
  display: flex;
  gap: 30px;
  position: relative;
}
.ta-tkt-rp-movie .ta-tkt-rp-movie-wrapper .mc-show-info p {
  position: relative;
}
.ta-tkt-rp-movie .ta-tkt-rp-movie-wrapper .mc-show-info p:not(:first-child)::before {
  content: "";
  position: absolute;
  height: 15px;
  width: 1px;
  background: #938585;
  left: -15px;
  top: 50%;
  transform: translateY(-50%);
}

/*.....Dashboard NewsLetter Page Design......*/
.news-letter-wrapper {
  display: grid;
  grid-template-columns: 400px auto;
  gap: 30px;
  border-bottom: 1px solid #EFF2F7;
  padding-bottom: 25px;
  margin-bottom: 20px;
}
.news-letter-wrapper .news-letter-filter {
  border: 1px solid #4AB0C1;
  padding: 20px;
  border-radius: 6px;
  background: #bcd5d9;
}
.news-letter-wrapper .news-apply-btn .button {
  height: 38px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 500;
  border: unset;
  padding: 5px 25px;
  min-width: 110px;
  transition: 0.3s ease;
  color: #ffffff;
  background: #4AB0C1;
}
.news-letter-wrapper .news-apply-btn .button:hover {
  background: #1C8EA1;
}
.news-letter-wrapper .one-column-data {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 20px;
  margin-bottom: 20px;
}
.news-letter-wrapper .two-column-data {
  gap: 20px;
  margin-bottom: 20px;
}

.news-letter-head {
  margin-bottom: 20px;
}
.news-letter-head .news-letter-head-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
}
.news-letter-head .news-letter-head-wrapper .filter-left .news-letter-filter-title {
  font-size: 14px;
  font-weight: 500;
}
.news-letter-head .news-letter-head-wrapper .filter-left .news-letter-filter-title span {
  color: #4AB0C1;
  font-weight: 700;
}
.news-letter-head .news-letter-head-wrapper .filter-left {
  display: flex;
  align-items: center;
  gap: 15px;
}
.news-letter-head .news-letter-head-wrapper .filter-right {
  display: flex;
  align-items: center;
  gap: 15px;
}
.news-letter-head .ta-search-btn {
  height: 38px;
  width: 38px;
  border-radius: 5px;
  outline: unset;
  background: #4AB0C1;
  color: #ffffff;
  font-size: 15px;
  padding: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s ease;
  cursor: pointer;
  border: unset;
}
.news-letter-head .ta-search-btn:hover {
  background: #368795;
  border: unset;
  color: #ffffff;
}

.news-letter-result {
  border: 1px solid #4AB0C1;
  padding: 20px;
  border-radius: 6px;
}
.news-letter-result .ta-grid-table {
  height: 250px;
  overflow: auto;
  border: 1px solid #EFF2F7;
}
.news-letter-result .table thead {
  position: sticky;
  top: 0;
}
.news-letter-result .table .table-action {
  vertical-align: middle;
}
.news-letter-result .table .table-action .nl-select {
  display: flex;
  align-items: center;
  gap: 5px;
}
.news-letter-result .table input {
  height: 15px;
  width: 15px;
  vertical-align: middle;
}
.news-letter-result .table tbody tr td {
  padding: 8px 0.75rem;
}

.ta-report-table-wrapper .dataTable th, .ta-report-table-wrapper .dataTable td {
  border: 1px solid #dbdbdb;
}