/*------------------------------------------------------------------
 [Custom Stylesheet]
-------------------------------------------------------------------*/

/*--------------- NAVBAR ---------------*/
.lang-flag {
  width: 20px;
  padding: 4px 0;
}

.lang-link{
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.lang-link:hover{
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .count-indicator .count {
  left: unset;
  right: 0;
  width: 10px;
  height: 10px;
}

@keyframes heartbeat {
  from { transform: none; }
  35% { transform: none; }
  40% { transform: scale(1.15); }
  45% { transform: none; }
  55% { transform: none; }
  60% { transform: scale(1.15); }
  65% { transform: none; }
  to { transform: none; }
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown #messages-button .count {
  top: 4px;
  right: -3px;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .count-indicator .count {
  animation: heartbeat 2.2s infinite;
  transform-origin: center;
}

.notification-dropdown .dropdown-item:hover {
  color: inherit;
  background-color: inherit;
}

.navbar .navbar-menu-wrapper {
  padding-left: 1.3rem;
  padding-right: 1.3rem;
}

@media (max-width: 991px) {
  .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown {
    left: auto;
    right: 20px;
    top: 97px;
    width: 260px;
  }
}
/*------------- FIN NAVBAR -------------*/


/*--------------- SIDEBAR ---------------*/
.sidebar-dark .navbar .navbar-brand-wrapper .navbar-brand .bl-light {
  display: none;
}

.sidebar-dark .navbar .navbar-brand-wrapper .navbar-brand .blm-light {
  display: none;
}

.sidebar-light .navbar .navbar-brand-wrapper .navbar-brand .bl-dark {
  display: none;
}

.sidebar-light .navbar .navbar-brand-wrapper .navbar-brand .blm-dark {
  display: none;
}

.sidebar .nav .nav-item.active > .nav-link i.menu-arrow::before {
  content: "\F142" !important;
}
/*------------- FIN SIDEBAR -------------*/


/*--------------- CONTENT ---------------*/
.content-wrapper {
  padding: 0 1.5rem 1.5rem 1.5rem;
}
/*------------- FIN CONTENT -------------*/


/*-------------------- FORMS --------------------*/
textarea {
  resize: vertical !important;
  min-height: 5rem !important;
}

.form-control, .asColorPicker-input, .dataTables_wrapper select,
.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-search__field,
.typeahead, .tt-query, .tt-hint {
  appearance: auto;
  outline: none !important;
}

/*------------ CHECKBOX ------------*/
.cb-filter-subcat-cont {

}
.cb-filter-subcat {
  margin: 1rem 0 0 0;
  display: flex;
  overflow: hidden;
  flex-wrap: wrap;
}

.cb-filter-subcat .form-check {
  margin: 0 25px 0 0;
}

.cb-filter-subcat .form-check .form-check-label {
  margin-left: 1.4rem;
  margin-bottom: 0;
}
/*---------- FIN CHECKBOX ----------*/
/*------------------ FIN FORMS ------------------*/

/*----------------- BUTTONS & BADGES -----------------*/
.btn-xs {
  padding: 0.2rem 0.7rem !important;
  font-size: 0.76rem !important;
  border-radius: 15px;
}

.btn-xs .btn-icon-prepend {
  margin-right: .2rem !important;
}
.btn-xs .btn-icon-append {
  margin-left: .2rem !important;
}

.badge-opacity-danger {
  background: #ffcaca;
}

a.badge-opacity-success:hover {
  color: var(--bs-success);
}
/*--------------- FIN BUTTONS & BADGES --------------*/

/*----------------- CONTENT HEADER -----------------*/
.content-header{
  margin-bottom: 2rem;
}

.page-header {
  margin-bottom: .5rem;
}
/*--------------- FIN CONTENT HEADER ---------------*/

/*----------------- CARD -----------------*/
.card-header {
  border-radius: 20px 20px 0 0 !important;
  padding: 1.5rem 1.5rem;
}

.card-body {
  border-radius: 0 0 20px 20px !important;
}

.card-header-tabs {
  margin-right: 0;
  margin-bottom: -1.5rem;
  margin-left: 0;
  border-bottom: 0;
}

.card-header-tabs .nav-item:not(:first-child) .nav-link {
  /*margin-left: -1px;*/
  border-left: 0;
}

.card-header-tabs .nav-item .nav-link {
  color: var(--bs-gray-600);
  background-color: var(--bs-light);
}

.card-header-tabs .nav-item .nav-link:hover {
  color: var(--bs-gray-700);
  border-color: var(--bs-gray-300);
  background-color: var(--bs-secondary);
}

.card-header-tabs .nav-item.active .nav-link {
  color: var(--bs-body-color);
  background-color: var(--bs-white);
  border-bottom-color: var(--bs-white);
}

.card-inverse-warning .card-header {
  border-bottom: 1px solid var(--bs-warning);
}
.card-inverse-danger .card-header {
  border-bottom: 1px solid var(--bs-danger);
}
.card-inverse-success .card-header {
  border-bottom: 1px solid var(--bs-success);
}
/*--------------- FIN CARD ---------------*/


/*------------- FLASH MESSAGES -------------*/
.alert-dismissible .close {
  position: absolute;
  right: 1rem;
  padding: 0;
  color: inherit;
  background: none;
  border: none;
  font-size: 20px;
}
/*----------- FIN FLASH MESSAGES -----------*/

/*------------- MODALS -------------*/
.default-modal {
  max-width: 60%;
}

.modal-header .modal-title {
  color: var(--bs-primary);
}
@media (max-width: 1400px) {
  .default-modal {
    max-width: 75%;
  }
}
@media (max-width: 992px) {
  .default-modal {
    max-width: 95%;
  }
}

.modal-header .close {
  opacity: .7;
}
.modal-header .close:hover {
  opacity: 1;
}
/*----------- FIN MODALS -----------*/

/*------------- TABLES -------------*/
.table th, .table td {
  padding: 0.75rem 0.6rem !important;
  white-space: normal !important;
}

.btn-column * {
  margin: 3px 0 !important;
}
/*----------- FIN TABLES -----------*/

/*------------------ SWEETALERT ------------------*/
.swal-text {
  text-align: center;
}
/*---------------- FIN SWEETALERT ----------------*/

/*------------------ DATERANGEPICKER ------------------*/
.daterangepicker .ranges li.active {
  background-color: var(--bs-primary) !important;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: var(--bs-primary) !important;
}
.daterangepicker.show-calendar .ranges {
  margin-top: 0 !important;
  border-right: 1px solid #ddd;
}
.daterangepicker.show-ranges.ltr .drp-calendar.left {
   border-left: none !important;
}
/*---------------- FIN DATERANGEPICKER ----------------*/

/*------------------ EVENTS ------------------*/
.home-tab .nav-tabs .nav-item .nav-link.active {
  font-weight: bold;
}

/*------------- EVENTS GRID -------------*/
.events-card .card-body {
  padding: 15px;
}



.events-card .name {
  text-shadow: 0 0 5px #000;
  color: white;
  font-size: 1.15rem;
  font-weight: bold;
  text-align: center;
  display: block;
  position: absolute;
  width: 100%;
  top: 40px;
  z-index: 10;
  padding: 0 10px;
  max-height: calc(1.4em * 6);
  overflow: hidden;
  white-space: normal;
}

.events-card .events-cover {
  border-radius: 10px;
  width: 100%;
}

.events-card .events-overlay {
  border-radius: 10px;
  background: rgb(0, 0, 0, 0.55);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.events-card:hover .events-overlay {
  background: rgb(0, 0, 0, 0.35);
}

.events-card .events-overlay .event-name {
  text-shadow: 0 0 5px #000;
  color: white;
  font-size: 1.15rem;
  font-weight: bold;
  text-align: center;
  display: block;
  max-width: 90%;
  max-height: calc(1.4em * 5);
  overflow: hidden;
  white-space: normal;
}

.events-card .events-overlay .event-logo {
  max-width: 80%;
  max-height: calc(1.4em * 5);
  width: auto !important;
}

.events-card .badges {
  position: absolute;
  bottom: 25px;
  left: 25px;
  z-index: 100;
}

.events-card .badge {
  text-decoration: none;
  font-weight: 800;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.events-card .badge:hover {
  cursor: pointer;
}

.events-card .badge-subcat {
  background: #b6c1f2;
  color: #172d88;
}
.events-card .badge-subcat:hover {
  background: #172d88;
  color: #b6c1f2;
}

.events-card .badge-venue {
  background: #fff2d6;
  color: #cc8c00;
}
.events-card .badge-venue:hover {
  background: #cc8c00;
  color: #fff2d6;
}
/*----------- FIN EVENTS GRID -----------*/

/*------------ EVENTS GENERAL -----------*/
.div-calendar{
  word-break: break-word;
}

.div-calendar-row {

}

.div-calendar .com-closed-message {
  background: rgba(247, 168, 168, 0.3);
  text-align: center;
  padding: 20px 10px;
  margin-top: 30px;
  border: 2px solid #ffa0a0;
  color: #da4a4a;
  font-size: 10pt;
}
.div-calendar .name {
  font-weight: 400;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  color: #8c8c8c;
}

.div-calendar-row {
  width: 100%;
  border-bottom: 1px solid #ccc;
}

@media (min-width: 576px) {
  .div-calendar-row {
    width: 50%;
  }
}

@media (min-width: 768px) {
  .div-calendar-row {
    width: 25%;
  }
}
@media (min-width: 992px) {
  .div-calendar-row {
    width: 12.5%;
  }
}
/*--------- FIN EVENTS GENERAL ----------*/


/*------------ EVENT INFO ------------*/
.langs .change-lang.active {
  color: var(--bs-light);
}

.calendar .datepicker {
  cursor: default;
  padding: 5px 5px 18px 5px;
}

.calendar .datepicker .datepicker-days,
.calendar .datepicker .datepicker-months,
.calendar .datepicker .datepicker-years {
  padding: 0 !important;
}

.calendar .datepicker .table-condensed {
  width: 100% !important;
}

.calendar .datepicker .table-condensed thead tr th {
  text-align: center !important;
  padding: 0.5rem 0 !important;
}

.calendar .datepicker .table-condensed tbody {
  position: relative !important;
  top: 13px !important;
}

.calendar .datepicker .table-condensed tbody td {
  text-align: center !important;
  font-size: 0.875rem;
  color: #1F1F1F ;
}

.calendar .datepicker .table-condensed tbody td span {
  text-align: center !important;
  font-size: 0.875rem;
  color: #1F1F1F;
  display: block;
  float: left;
  padding: .5rem;
}

.calendar .datepicker .table-condensed tbody td span.disabled {
  display: none;
}

.calendar .datepicker .prev {
  color: var(--bs-light) !important;
  padding-bottom: 1rem !important;
  padding-top: 1rem !important;
  background: var(--bs-dark) !important;
  border-radius: .25rem 0 0 0;
}

.calendar .datepicker .prev.disabled {
  pointer-events: none;
  color: transparent !important;
}
.calendar .datepicker .next.disabled {
  pointer-events: none;
  color: transparent !important;
}

.calendar .datepicker .datepicker-switch {
  color: var(--bs-light) !important;
  background: var(--bs-dark) !important;
  padding-bottom: 1rem !important;
  padding-top: 1rem !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
}

.calendar .datepicker .next {
  color: var(--bs-light) !important;
  padding-bottom: 1rem !important;
  padding-top: 1rem !important;
  background: var(--bs-dark) !important;
  border-radius: 0 .25rem 0 0;
}

.calendar .datepicker .prev:hover,
.calendar .datepicker .datepicker-switch:hover,
.calendar .datepicker .next:hover {
  cursor: pointer;
  opacity: .9;
}

.calendar .datepicker .dow {
  font-weight: bold !important;
}
.calendar .datepicker td.cw {
  font-size: .6rem !important;
  opacity: 0.8;
  background-color: #f4f4f4;
  color: #1F1F1FB2 !important;
}

.calendar .datepicker .new,
.calendar .datepicker .old {
  color: #d9dde3 !important;
}

.calendar .datepicker .has-tickets {
  background-color: var(--bs-success);
  font-weight: bold;
}
.calendar .datepicker .has-tickets:hover {
  cursor: pointer;
  background-color: var(--bs-success) !important;
  opacity: .8;
}

.calendar .datepicker .old.has-tickets,
.calendar .datepicker .new.has-tickets {
  background-color: #34B1AAB3;
}
/*--------- FIN EVENT INFO ----------*/

/*----------- EVENT SELL ------------*/
.sell-modal .reqs {
  margin-bottom: 1rem;
}

.sell-modal .alert>p {
  margin-bottom: 0;
  font-size: 13pt;
}

.reqs-block > div {
  font-size: 0.812rem;
  margin-bottom: .5rem;
  line-height: 1.3rem;
  text-align: justify;
}

.reqs-block > p {
  font-size: 0.812rem;
  margin-bottom: .5rem;
  line-height: 1.3rem;
  text-align: justify;
}
/*--------- FIN EVENT SELL ----------*/

/*---------------- FIN EVENTS ----------------*/

/*------------------ SALES ------------------*/
/*-------------- FILTERS --------------*/
.filters {
  width: fit-content;
  flex: fit-content;
}
.get-report {
  width: fit-content;
  flex-grow: initial;
}
.filters .form-group {
  margin-bottom: 0.5rem;
}
.filter-sp, .sales-filter-date {
  width: fit-content;
  margin-bottom: 0.5rem;
}
/*------------ FIN FILTERS ------------*/

.table-sales thead th {
  border-bottom-width: 3px;
}

.table-sales .tr-sale.hover {
  background-color: var(--bs-table-hover-bg)
}

.table-sales .tr-data td {
  border-style: solid;
  border-bottom-width: 3px;
}

.table-sales .tr-data.tickets-view td {
  border-style: dashed;
  border-bottom-width: 2px;
}

.table-sales .tr-data.hover td {
  border-bottom-color: white;
}

.table-sales .tr-tickets td {
  border-bottom-width: 3px;
}

.table-sales .ul-tickets {
  list-style-type: circle;
  list-style-position: inside;
  font-family: monospace;
  font-size: 11px;
}

.badge-sale-list-extra {
  padding: 1px 5px;
  font-weight: bold;
  text-decoration: inherit;
  font-family: monospace;
  font-size: 10px;
}

.table-sales tr.refunded, .table-sales .ul-tickets li.refunded {
  color: var(--bs-danger);
  text-decoration: line-through var(--bs-danger);
}

.table-sales tr.collected td {
  background-color: rgba(var(--bs-success-rgb), .15) !important;
}

.te-trigger.expand {
  display: block;
}
.te-trigger {
  display: none;
  float: right;
  cursor: pointer;
}

.te-cont.expand {
  display: table-row;
}
.te-cont {
  display: none;
}
/*---------------- FIN SALES ----------------*/

/*----------------- COLLECTIONS -----------------*/
.table-collections tr.collected td {
  background-color: rgba(var(--bs-success-rgb), .15) !important;
}

.table-collections tr.pending td {
  background-color: rgba(var(--bs-danger-rgb), .15) !important;
}
/*--------------- FIN COLLECTIONS ---------------*/

/*----------------- GUESTLIST -----------------*/
.line-list .status b { display: none; }
.line-list .status-0 .pending { display: block; color: var(--bs-warning); }
.line-list .status-1 .accepted { display: block; color: var(--bs-success); }
.line-list .status-2 .rejected { display: block; color: var(--bs-danger); }

.spots-complete .howmany,
.spots-complete .maxlist {
  color: var(--bs-danger);
}
.spots-remaining .howmany,
.spots-remaining .maxlist {
  color: var(--bs-success);
}
/*--------------- FIN GUESTLIST ---------------*/

/*----------------- VIP -----------------*/
.vip-block {
  border: 1px solid transparent !important;
}

.vip-block.card-inverse-warning:hover {
  border: 1px solid var(--bs-warning) !important;
}
.vip-block.card-inverse-danger:hover {
  border: 1px solid var(--bs-danger) !important;
}
.vip-block.card-inverse-success:hover {
  border: 1px solid var(--bs-success) !important;
}

.vip-block.card-inverse-warning .card-body {
  background-color: #F4F3EE !important;
}
.vip-block.card-inverse-danger .card-body {
  background-color: #F4EEED !important;
}
.vip-block.card-inverse-success .card-body {
  background-color: #EEF4F4 !important;
}

.vip-block .card-header {
  padding: .5rem 1rem;
}
/*--------------- FIN VIP ---------------*/

/*----------------- REFUNDS -----------------*/
/*-------------- REFUND --------------*/
.modal-refund li {
  list-style: none;
}

.refunds-pin-block .pin-content {
  width: fit-content;
}
/*------------ FIN REFUND ------------*/
/*--------------- FIN REFUNDS ---------------*/

/*----------------- PUBLIC -----------------*/
.public-page .main-panel {
  width: 100%;
}

.public-page .date-tickets .date-tickets-nav .tab-content {
  border: 1px solid #dee2e6;
  border-top: 0;
  padding: 2rem 1rem;
  text-align: justify;
}

.public-page .date-tickets .date-tickets-nav .nav-tabs .nav-link {
  background: #f6f8fa;
  color: #000000;
  border-radius: 0;
  border: 1px solid #dee2e6;
  padding: .75rem 1.5rem;
}

.public-page .date-tickets .date-tickets-nav .nav-tabs .nav-link.active,
.public-page .date-tickets .date-tickets-nav .nav-tabs .nav-item.show .nav-link {
  color: #1F1F1F;
  background-color: #ffffff;
  border-color: #ebedf2 #ebedf2 #ffffff;
}

.public-page .date-tickets .date-tickets-nav .nav-tabs .nav-link:hover,
.public-page .date-tickets .date-tickets-nav  .nav-tabs .nav-link:focus {
  border-color: #ebedf2 #ebedf2 #ebedf2;
  isolation: isolate;
}

.public-page .date-tickets .date-tickets-nav .btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1;
  color: #1F1F1F;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.875rem 1.5rem;
  font-size: 0.875rem;
  border-radius: 0.1875rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.public-page .date-tickets .date-tickets-nav .btn-primary {
  background: #1F3BB3;
  color: #ffffff;
}

.public-page .date-tickets .date-tickets-nav .btn-success {
  background: #34B1AA;
  color: #ffffff;
}

.public-page .date-tickets .date-tickets-nav .btn-primary:hover,
.public-page .date-tickets .date-tickets-nav .btn-primary:focus {
  background: #172d88;
  color: #ffffff;
}

.public-page .date-tickets .date-tickets-nav .btn-success:hover,
.public-page .date-tickets .date-tickets-nav .btn-success:focus {
  background: #288a84;
  color: #ffffff;
}
/*--------------- FIN PUBLIC ---------------*/

/*----------------- SETTINGS - WHATSAPP -----------------*/
.whatsapp-ct{
  background-color: #00A884;
}

.whatsapp-ct .settings-heading {
  background-color: #fff;
  opacity: 1;
}

.whatsapp-title {
  font-size: 18px;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.9);
}
.whatsapp-title:hover {
  color: #00A884;
}

.whatsapp-img {
  width: 100%;
}

.whatsapp-btn #settings-trigger {
  background: #00A884;
  right: 15px;
  display: flex;
  border: 3px solid #FFF;
  box-shadow: 0 0 10px 2px #00000070;
  bottom: 47px;
  animation: fadeInUp 5s normal, wa-animation 5s infinite;
  width: 55px;
  height: 55px;
}

.whatsapp-btn #settings-trigger i {
  font-size: 28px;
  animation: none;
  right: -1px;
  position: relative;
  top: 1px;
}

@keyframes wa-animation {
  from { transform: none; }
  10% { transform: none; }
  15% { transform: scale(1.15); }
  20% { transform: none; }
  25% { transform: none; }
  30% { transform: scale(1.15); }
  35% { transform: none; }
  to { transform: none; }
}
/*--------------- FIN SETTINGS - WHATSAPP ---------------*/