.theme-dark{
    --theme-body-bg: #061022;
    --theme-body-bg-rgb: 6, 16, 34;
    --theme-body-secondary-bg: #1d283b;   
    --theme-body-secondary-bg-rgb: 29, 40, 59;
    --theme-link-color-rgb: 109, 73, 251;
    --theme-link-hover-color-rgb: 83, 51, 209;
    --theme-primary-color: #fff;
    --theme-primary-bg: #6D49FB;
    --theme-primary-rgb: 109, 73, 251;
    --theme-primary-bg-dark: #6643f0;
    --theme-primary-rgb-dark: 83, 51, 209;
    --theme-primary-bg-darker: #5333d1;
    --theme-primary-rgb-darker: 83, 51, 209;
    --theme-primary-bg-light: #8f75fc;
    --theme-primary-rgb-light: 143, 117, 252;
    --theme-secondary-color:  #EAE8FC;
    --theme-secondary-bg:  #1d283b;    
    --theme-secondary-rgb: 29, 40, 59;
    --theme-secondary-bg-dark: #5333d1;
    --theme-secondary-rgb-dark: 83, 51, 209;
    --theme-secondary-bg-darker: #4628b0;
    --theme-secondary-rgb-darker: 70, 40, 176;
    --theme-secondary-bg-light: #f4f3fd;
    --theme-secondary-rgb-light: 244, 243, 253;
    --theme-text-color: #fff;
    --theme-text-secondary-color: #7B879F;
    --theme-text-primary-color: #fff;
    --theme-border-color: #061022;
    --theme-logo: url('/static/assets/boletera-icon-md-white.png');
}
.theme-light{
    --theme-body-bg:#fff;
    --theme-body-bg-rgb: 255, 255, 255;
    --theme-body-secondary-bg: #fff;
    --theme-body-secondary-bg-rgb: 255,255,255;
    --theme-link-color-rgb: 109, 73, 251;
    --theme-link-hover-color-rgb: 83, 51, 209;
    --theme-primary-color: #6D49FB;
    --theme-primary-bg: #6D49FB;
    --theme-primary-rgb: 109, 73, 251;
    --theme-primary-color-dark: #5333d1;
    --theme-primary-bg-dark: #5333d1;
    --theme-primary-rgb-dark: 83, 51, 209;
    --theme-primary-color-darker: #4628b0;
    --theme-primary-bg-darker: #4628b0;
    --theme-primary-rgb-darker: 70, 40, 176;
    --theme-primary-bg-light: #EAE8FC;
    --theme-primary-rgb-light: 143, 117, 252;
    --theme-secondary-color: #EAE8FC;
    --theme-secondary-bg: #EAE8FC;
    --theme-secondary-rgb:  234, 232, 252;
    --theme-secondary-color-dark: #5333d1;
    --theme-secondary-bg-dark: #5333d1;
    --theme-secondary-rgb-dark: 83, 51, 209;
    --theme-secondary-color-darker: #4628b0;
    --theme-secondary-bg-darker: #4628b0;
    --theme-secondary-rgb-darker: 70, 40, 176;
    --theme-secondary-color-light: #f4f3fd;
    --theme-secondary-bg-light: #f4f3fd;
    --theme-secondary-rgb-light: 244, 243, 253;
    --theme-text-color: #061022;
    --theme-text-secondary-color: #747983;
    --theme-text-primary-color: #fff;
    --theme-border-color: #CFD9E7;
    --theme-logo: url('/static/assets/boletera-icon-md.png');
}
.theme-red{
    --theme-body-bg:#932828;
    --theme-body-bg-rgb: 147, 40, 40;
    --theme-body-secondary-bg: '';
    --theme-body-secondary-bg-rgb: '';
    --theme-link-color-rgb: 109, 73, 251;
    --theme-link-hover-color-rgb: 85, 31, 31;
    --theme-primary-color: #fff;
    --theme-primary-bg: #000000;
    --theme-primary-rgb: 0, 0, 0;
    --theme-primary-bg-dark: #000000;
    --theme-primary-rgb-dark: 0, 0, 0;
    --theme-primary-bg-darker: #000000;
    --theme-primary-rgb-darker: 0, 0, 0;
    --theme-primary-bg-light: #a95353;
    --theme-primary-rgb-light: 169, 83, 83;
    --theme-secondary-color: #fff;
    --theme-secondary-bg: #7a2020;
    --theme-secondary-rgb: 122, 32, 32;
    --theme-secondary-bg-dark: #551f1f;
    --theme-secondary-rgb-dark: 85, 31, 31;
    --theme-secondary-bg-darker: #471a1a;
    --theme-secondary-rgb-darker: 71, 26, 26;
    --theme-text-color: #fff;
    --theme-text-secondary-color: #fff;
    --theme-text-primary-color: #ffffff;
}
.theme-green{
    --theme-body-bg:#289339;
    --theme-body-bg-rgb: 40, 147, 57;
    --theme-body-secondary-bg: #1f5537;
    --theme-body-secondary-bg-rgb: 31, 85, 55;
    --theme-link-color-rgb: 109, 73, 251;
    --theme-link-hover-color-rgb: 31, 85, 55;
    --theme-primary-color: #fff;
    --theme-primary-bg: #000000;
    --theme-primary-rgb: 0, 0, 0;
    --theme-primary-bg-dark: #000000;
    --theme-primary-rgb-dark: 0, 0, 0;
    --theme-primary-bg-darker: #000000;
    --theme-primary-rgb-darker: 0, 0, 0;
    --theme-primary-bg-light: #53a961;
    --theme-primary-rgb-light: 83, 169, 97;
    --theme-secondary-color: #fff;
    --theme-secondary-bg: #207a33;
    --theme-secondary-rgb: 32, 122, 51;
    --theme-secondary-bg-dark: #1f5537;
    --theme-secondary-rgb-dark: 31, 85, 55;
    --theme-secondary-bg-darker: #1a472d;
    --theme-secondary-rgb-darker: 26, 71, 45;
    --theme-secondary-bg-light: #28a041;
    --theme-secondary-rgb-light: 40, 160, 65;
    --theme-text-color: #fff;
    --theme-text-secondary-color: #fff;
    --theme-text-primary-color: #ffffff;
    --theme-border-color: #289339;
    --theme-logo: url('/static/assets/boletera-icon-md-green.png');
}
/* APLICA VARIABLES DEL THEME A VARIABLES BOOTSTRAP */
*[class*=theme]{
    --bs-body-bg: var(--theme-body-bg);
    --bs-body-bg-rgb: var(--theme-body-bg-rgb);
    --bs-border-color: var(--theme-border-color);
    --bs-primary: var(--theme-primary-color);
    --bs-primary-rgb: var(--theme-primary-rgb);
    --bs-primary-bg: var(--theme-primary-bg);
    --bs-primary-bg-subtle: var(--theme-primary-bg-light);
    --bs-secondary-rgb: var(--theme-secondary-rgb);
    --bs-secondary: var(--theme-secondary-color);
    --bs-secondary-bg: var(--theme-secondary-bg);
    --bs-border-radius-sm : var(--theme-border-radius-sm);
    --bs-link-color-rgb: var(--theme-link-color-rgb);
    --bs-link-hover-color-rgb: var(--theme-link-hover-color-rgb);

    color: var(--theme-text-color);
    background-color: var(--theme-body-bg);
}

.tooltip {
    --bs-tooltip-color: white;
    --bs-tooltip-bg: black;
}

/* .theme-dark .tooltip{
    --bs-tooltip-bg: white;
    --bs-tooltip-color: black;
    --bs-tooltip-opacity: 1;
} */

body{
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
}
.text-primary{
    color: var(--theme-text-color) !important;
}
.text-secondary{
    color: var(--theme-text-secondary-color) !important;
}
.text-accent{
    color: var(--theme-primary-color) !important;
}
.bg-black {
    background-color: #061022 !important;
    color: #fff;
}

#logo-boletera {
    --icon : var(--theme-icon);

    display: block;
    background-image: var(--theme-logo);
    background-repeat: no-repeat;
    background-size: cover;
    width: 56px;
    height: 32px;
    text-indent: -9999px;
    overflow: hidden;
}

.landing .btn-lg {
    font-size: 0.875em;
    text-transform: uppercase;
    font-weight: 600;
} 
.landing .hero ul {
    list-style: none;
}
.landing .display-1 {
    font-size: 3em;
    font-weight: 700;
}
.landing .display-2 {
    font-size: 2.5em;
    font-weight: 700;
}
.landing p,
.landing li {
    font-size: 1.125em;
}
.landing .card {
    background: rgba(123,135,159,.2);
    color: #fff;
}
.landing .card p {
    font-size: 1em;
}
.landing h2 {
    font-weight: 600;
}
.landing h2 span {
    display: inline-block;
    background: #C95898;
    padding: .25em .5em;
    border-radius: 4px;
}
.landing .button-container small {
    color: #5B687E;
}
.landing .realtimeImg {
    max-width: 312px;
}
.landing .screenshotImg {
    max-width: 200px;
}
.landing h3 {
    font-size: 1.125em;
    font-weight: 600;
}
.form-control{
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0.825em;
    border: none;
    border-bottom: 1px solid #CACFD9;
    border-radius: 0;

    background-color: transparent;
}
.form-control::placeholder {
    color: #9C9FA7;
}
.form-floating>label{
    padding-left: 0;
    padding-right: 0;
}
.form-control:focus{
    background-color: transparent;
    border: inherit;
    border-bottom: 1px solid var(--theme-primary-color);
    box-shadow: none;
}
.list-group-item{
    border: none;
}

.form-floating>.form-control:focus~label::after,
.form-floating>.form-control:not(:placeholder-shown)~label::after{
    background-color: transparent;
}

.legals{
    font-family: 'Times New Roman', Times, serif;
}
.legals h1,
.legals h2 {
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
}
.cursor-pointer{
    cursor: pointer;
}
.bg-light {
    background-color: var(--theme-primary-bg-light);
    color: var(--theme-text-primary-light);
}
.bg-dark {
    background-color: var(--theme-primary-bg-dark);
    color: var(--theme-text-primary-dark);
}
.image-blur {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
    background-size: cover;
    background-position: center;
    transform: scale(1.1);
    filter: blur(4px);
}
.box-shadow-primary-sm {
    box-shadow: 0px 2px 10px #6D49FB80;
}
.box-shadow-sm {
    box-shadow: 0px 4px 14px #4646581A;
}
.box-shadow-md {
    box-shadow: 0px 6px 20px #4646581A;
}
[contenteditable]:focus{
    outline: none;
    border-bottom: 1px solid var(--theme-primary);
}
.buy-module .btn-dark {
    --bs-btn-bg: #3A2C8F !important;
    --bs-btn-border-color: #3A2C8F !important;
    --bs-btn-hover-bg: #291D70 !important;
    --bs-btn-hover-border-color: #291D70 !important;
    --bs-btn-active-bg: #130C3E !important;
    --bs-btn-active-border-color: #130C3E !important;
}
.buy-module .btn-disabled {
    background-color: rgba(0,0,0,.2);
    color: rgba(255,255,255,.7);
    border: none;
}

.fs-huge {
    font-size: 3em !important;
}

.landing .btn-secondary {
    --bs-btn-bg: #DBD1FE; 
    --bs-btn-color: #4A2CCA;
    --bs-btn-border-color: transparent;
}

.text-ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* OVERRIDE IN-COMPONENT BOOTSTRAP VARIABLES */
.dropdown-menu{
    --bs-dropdown-color: var(--theme-text-secondary-color);
    --bs-dropdown-link-color: var(--theme-text-secondary-color);
    --bs-dropdown-link-hover-color: var(--theme-text-color);
    --bs-dropdown-bg: var(--theme-body-secondary-bg);
}

.dropdown li:hover,
.item-group:not(.no-hover) .list-group-item:hover,  
tbody tr:hover td,
.upcomingEvents li:hover {
    background-color: var(--theme-body-secondary-bg);
}

#toast{
    z-index: 1000000000 !important; /* 1 more than offcanvas's overlay */
    --bs-toast-bg: transparent;
}

.table {
    --bs-table-color : var(--bs-body-color);
    --bs-table-color-state : var(--bs-body-color);
}
.card{
    --bs-card-bg: var(--theme-body-secondary-bg);
    --bs-card-color: var(--theme-text-color);
    --bs-card-title-color: var(--theme-text-color);
}

.offcanvas{
    --bs-offcanvas-width: 442px;
}
.offcanvas-backdrop.show{
    opacity: .45;
}

.btn{
    --bs-btn-border-radius: 10px;
}
.btn-primary{
    --bs-btn-color: var(--theme-text-primary-color);
    --bs-btn-bg: var(--theme-primary-bg);
    --bs-btn-border-color: var(--theme-primary-bg);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--theme-primary-bg-dark);
    --bs-btn-hover-border-color:  var(--theme-primary-bg-dark);
    --bs-btn-focus-shadow-rgb: 130,138,145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg:  var(--theme-primary-bg-dark);
    --bs-btn-active-border-color:  var(--theme-primary-bg-dark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #7c6ac5;
    --bs-btn-disabled-border-color:  #7c6ac5;
}
.btn-outline-primary {
    --bs-btn-color: var(--theme-primary-color);
    --bs-btn-border-color: var(--theme-primary-bg);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--theme-primary-bg-dark);
    --bs-btn-hover-border-color: var(--theme-primary-bg-dark);
    --bs-btn-focus-shadow-rgb: 130,138,145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--theme-primary-bg-dark);
    --bs-btn-active-border-color: var(--theme-primary-bg-dark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ccc;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ccc;
    --bs-gradient: none;
}
.btn-secondary{
    --bs-btn-color: var(--theme-primary-color);
    --bs-btn-bg: var(--theme-secondary-bg);
    --bs-btn-border-color: var(--theme-secondary-bg);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--theme-secondary-bg-dark);
    --bs-btn-hover-border-color: var(--theme-secondary-bg-dark);
    --bs-btn-focus-shadow-rgb: 130,138,145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--theme-secondary-bg-dark);
    --bs-btn-active-border-color: var(--theme-secondary-bg-dark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d;
}
.table {
    --bs-table-color: var(--theme-text-primary-color);
    --bs-table-color-state: var(--theme-text-primary-color);
}
tr td:first-child, tr th:first-child {
    padding-left: 1rem;
}
tr>td:first-child {
    border-radius: 10px 0 0 10px;
}
tr td:last-child, tr th:last-child {
    padding-right: 1rem;
}
tr>td:last-child {
    border-radius: 0 10px 10px 0;
}
.list-group-item{
    color: var(--theme-text-color);
}

.funFact small {
    opacity: .7;
}

.orderFooter .btn-link {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}

.orderFooter .btn-link:hover {
    text-decoration: underline !important;
}
.orderFooter .backBtn:hover {
    background-color: rgba(0,0,0,.3);
    text-decoration: none !important;
}

.offcanvas header p + h2 {
    margin-bottom: 1em !important;
}

#offcanvas-close {
    left: -56px !important;
}
.table tr th,
.table tr td:not(:nth-child(1)) {
    color: var(--theme-text-secondary-color-dark);
}

#invite_form #id_number {
    padding: .8em 0 .7em 1em !important;
    line-height: 1;
}

.ticketListItem {
    background-color: var(--bs-primary-bg-subtle)!important;
}

.bg-subtle-gray-purple {
    background-color: #C7C4E2;
}
.bg-green-allgood {
    background-color: #4EA072;
}
.bg-green-allgood-light {
    background-color: #DFEFE1 !important;
}
.bg-red-rejected {
    background-color: #dc3545;
}
.bg-red-rejected-light {
    background-color: #ffe7eb !important;
}

.inviteUsername {
    text-indent: 18px;
}

.logoHeading {
    font-size: 1em;
}
.theme-green .event-success .badge.rounded-pill.text-bg-secondary {
    background-color: rgba(0,0,0,.4) !important;
}

.theme-green .event-success .badge.text-bg-success {
    background-color: #6D49FB !important;
}
.offcanvas.show, 
.offcanvas.showing,
.offcanvas.show#ticketControl-offcanvas,
.offcanvas.show#accounts-offcanvas {
    --bs-offcanvas-zindex: 1045;
}

.login header h5,
.login header h5 ~ a {
    display: none;
}

.modal.show ~ .modal {
    --bs-modal-zindex: 1070;
}

.badge.approved:empty,
.badge.pending:empty,
.badge.rejected:empty,
.badge.refunded:empty {
    display: inline-block;
}

.badge.approved {
    background-color: #4EA072;
}
.badge.approved:after {
    content: "Entró";
}
.badge.pending {
    border: 1px solid #7B879F;
    color: #7B879F;
}
.badge.refunded {
    background-color: #dc3545;
}
.badge.refunded:after {
    content: "Reembolsado";
}
.badge.pending:after {
    content: "No ingresado";
}
.badge.rejected {
    background-color: #dc3545;
}
.badge.rejected:after {
    content: "Rechazado";
}

header.auxNav ~ main.container {
    padding-top: 0 !important;
}
header.auxNav ~ main.container .tabbedNav {
    display: none !important;
}

header.auxNav ~ main.container header {
    margin-bottom: 0 !important;
}

.hover\:underline:hover{
    text-decoration: underline;
}
.hover\:primary:hover{
    color: var(--theme-primary-color);
}
.hover\:opacity-50:hover{
    opacity:.5!important;
}
.hover\:opacity-75:hover{
    opacity:.75!important;
}

.hover\:box-shadow{
    box-shadow: 0 0 0px #00000000;
}
.hover\:box-shadow:hover{
    box-shadow: 0px 0px 15px -5px #ccc;
}


.pac-container{
    z-index: 100000;
}

.eventListing .card-img-top {
    text-align: center;
}
.eventListing .card-img-top .imgEvent {
    height: 250px;
    width: 100%;
    display: block;
    background-size: cover;
    background-position: center;
    margin: 0 auto;
}

body.user-61 {
    background-image: url('https://res.cloudinary.com/dp2uxjwve/image/upload/v1745941354/tileaoniken-6_mt2lmx.png');
    background-repeat: repeat;
    background-position: center;
}

body.user-61 .bg-primary {
    background-color: #A62323 !important;
}
body.user-61 .text-success {
    color: #A62323 !important;
}
body.user-61 .text-bg-success {
    background-color: #B2572F !important;
}

@media (max-width: 1199.98px) { 
    .table.prodList tr th:nth-child(2),
    .table.prodList tr td:nth-child(2),
    .table.prodList tr th:nth-child(3),
    .table.prodList tr td:nth-child(3) {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .table.prodList tr th:nth-child(4),
    .table.prodList tr td:nth-child(4),
    .table.prodList tr th:nth-child(5),
    .table.prodList tr td:nth-child(5) {
        display: none;
    }
    .backBtn {
        background-color: rgba(0,0,0,.2);
    }
}

@media (max-width: 575.98px) {
    #offcanvas-close {
        left: 0 !important;
        width: 2rem !important;
        height: 2rem !important;
        margin: .25em !important;
    }
    .offcanvas-body .container,
    .offcanvas-body .container > .p-4 {
        
    }
}

input[readonly] {
    color: #999;
    background-color: #cccccc33;
    pointer-events:none;
}

.form-check-input:focus {
    box-shadow: 0 0 0 .25rem rgba(0,128,0,.25);
    border-color: grey;
}

.form-check-input:checked[type=checkbox]{
    border-color: green;
    background-color:white;
}

.form-check-input:checked[type=checkbox]{
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='green' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-select:disabled{
    background-color: #eee;
    color: #666;
}

[class*="rotate"] {
    transition: transform 200ms linear;
}

.transition-delay-250 {
    transition-delay: 250ms;
}

[data-bs-toggle="collapse"][aria-expanded="true"] .expanded\:rotate-180deg {
    transform:rotate(180deg) !important;
}

[data-bs-toggle="collapse"][aria-expanded="true"] .expanded\:rotate-45deg {
    transform:rotate(45deg) !important;
}

[data-bs-toggle="collapse"][aria-expanded="true"] .expanded\:hidden {
    display:none !important;
}

[data-bs-toggle="collapse"][aria-expanded="false"] .collapsed\:text-primary {
    color: var(--theme-text-color) !important;
}

[data-bs-toggle="collapse"][aria-expanded="false"] .collapsed\:bg-white {
    background-color: white !important;
}

[data-bs-toggle="collapse"][aria-expanded="true"] .expanded\:hidden {
    display:none !important;
}

[data-bs-toggle="collapse"][aria-expanded="false"] .collapsed\:hidden {
    display:none !important;
}

@keyframes glowViolet {
    50% {box-shadow: 0px 2px 10px rgba(109,73,251,.6);}
}