/* :root {
    --primary-color: #001F68;
    --secondary-color: #e95a5a;
    --primary-text-color: #fff;
    --secondary-text-color: #000000;
    --hover-color: #0040a0;
    --font-family: Arial, sans-serif;
    --border-radius: 9px; 
    --border-radius-m: 5px;
    --body-bg-color: #e1e1e1;
} */

.container{
    max-width: 1500px;
}

.container-fluid{
    max-width: 1500px;
}

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

.bg-secundary {
    background: var(--secondary-color) !important;
}

.bg-third {
    background: var(--third-color) !important;
}

.text-primary {
    color: var(--primary-color) !important;
}

.text-secondary {
    color: var(--secondary-color) !important;
}

.text-third {
    color: var(--third-color) !important;
}

.bg-header {
    background: var(--primary-color) !important;
    color: var(--secondary-color) !important;
}

.bg-header{
    background: var(--primary-color) !important;
}

.btn-primary{
    background-color: var(--primary-color)!important ; 
}
.btn-primary:hover,
.btn.bg-gradient-primary:hover {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.btn:disabled,
.btn.disabled,
fieldset:disabled .btn {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: linear-gradient(310deg, #001F68 0%, #003399 100%);
}

.input-otp{
    width: 50px; 
    height: 50px;
}
.nav.nav-pills .nav-link.active {
    background-color: white;
}

.fade-in {
    animation: fadeIn 0.5s ease-in-out forwards;
}
.fade-out {
    animation: fadeOut 0.5s ease-in-out forwards;
}
@keyframes fadeIn {
    from { opacity: 0; transform: scale(0.9); }
    to { opacity: 1; transform: scale(1); }
}
@keyframes fadeOut {
    from { opacity: 1; transform: scale(1); }
    to { opacity: 0; transform: scale(0.9); }
}

.navbar{
    box-shadow: none !important;
}
.bg-nav{
    background-color: #102959 !important;
}

.mw-1500px{
    max-width: 1500px !important;
}
.h-70px{
    height: 70px !important;
}

.fs-6px { font-size: 6px; }
.fs-8px { font-size: 8px; }
.fs-10px { font-size: 10px; }
.fs-12px { font-size: 12px; }
.fs-14px { font-size: 14px; }
.fs-16px { font-size: 16px; }
.fs-18px { font-size: 18px; }
.fs-20px { font-size: 20px; }
.fs-22px { font-size: 22px; }
.fs-24px { font-size: 24px; }
.fs-34px { font-size: 34px; }
.mt-50px { margin-top: 50px; }
.radius-5px { border-radius: 5px; }


.loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 27%);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 105000;
}

.navbar-logo{
    height: 50px;
}

.div-logo{
    height: 130px;
    width: 130px;
}
.div-logo img{
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.fs-12px{
    font-size: 12px;
}
.div-navbar-logo{
    /* height: 60px;
    width: 75px;
    background: white; */
}
.div-navbar-logo img{
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.has-error{
    border-color: red;
}
.radio-card {
    border: 2px solid #ddd;
    border-radius: 10px;
    padding: 8px;
    text-align: center;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
}
.radio-card:hover {
    border-color: var(--primary-color);
}
.radio-input {
    display: none;
}
.radio-input:checked + .radio-card {
    border-color: var(--primary-color);
    background-color: var(--secondary-color);
    color: white;
}

.radio-card i {
    font-size: 1.5rem;
}

.height-48px + .select2-container .select2-selection--single {
    height: 48px !important;
    line-height: 48px !important;
    max-height: 48px !important;
}

.height-40px + .select2-container .select2-selection--single {
    height: 40px !important;
    line-height: 40px !important;
    max-height: 40px !important;
}

.height-30px + .select2-container .select2-selection--single {
    height: 30px !important;
    line-height: 30px !important;
    max-height: 30px !important;
}
.h-30px{
    height: 30px !important;
}

.h-40px{
    height: 40px !important;
}

.select2-container{
    width: 100% !important;
    max-width: 466px !important;
    height: 100%;
  /*   display: flex;
    align-items: center; */
    
}
.select2-container--open{
    height: auto;
}

.select2-container--default .select2-selection--single {
    /* border: none !important;
    border-bottom: 1px solid #d1cccc !important;
    border-radius: 0 !important; */
}
.select2-selection__arrow{
    display: none;
}
.select2-container--default .select2-selection--single{
    background-color: white !important;
    height: 100%;
    max-height: 38px;
}
.select2-search__field{
    height: 30px;
    padding-left: 5px !important;
}
.select2-selection__rendered{
    display: flex !important;
    align-items: center;
    height: 100%;
}
.fw-bold{
    font-weight: bold;
}
.fs-20px{
    font-size: 20px;
}
.confeti-bg {
    background-image: url('/confeti.gif');
    width: 100%;
}
.team-match{
    min-height: 28px;
}
.table-default{
    height: calc(100vh - 249px);
}
.base-height{
    height: calc(100vh - 278px);
    max-height: calc(100vh - 278px);
}
.guion-match{
    position: absolute;
    left: 33%;
}
.guion-quinigol{
    left: 28%;
}
.guion-purchase-match{
    left: 41%;
}
table {
    border-collapse: separate; 
}

thead th {
    position: sticky;
    top: 0;
    background-color: #fff !important; 
    z-index: 10;
    box-shadow: inset 0 -1px 0 #fff; 
    opacity: 1;
}

.custom-pagination-nav {
  display: flex;
  justify-content: start;
  margin-top: 0.5rem;
}

.custom-pagination-list {
  list-style: none;
  padding: 0;
  display: flex;
  gap: 0.5rem;
}

.custom-pagination-item {
  border-radius: 0.375rem;
  overflow: hidden;
}

.custom-pagination-link {
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 1rem;
  color: #5e72e4;
  background-color: #fff;
  border: 1px solid #dee2e6;
  text-decoration: none;
  border-radius: 0.375rem;
  transition: background-color 0.2s ease;
}

.custom-pagination-link:hover {
  background-color: #f6f9fc;
}

.custom-pagination-disabled .custom-pagination-link {
  pointer-events: none;
  color: #8898aa;
  background-color: #f8f9fe;
  border-color: #dee2e6;
}

.dropdown-menu.dropdown-menu-end.show {
    margin-top: 0px !important;
}
.border-bottom{
    border-bottom: 1px solid black !important;
}

.border-radius-0{
    border-radius: 0 !important;
}
.confirm-button, .confirm-button:hover, .confirm-button:active {
    background-color: #f78a2b;
}

.navbar-vertical.navbar-expand-xs .navbar-collapse{
    height: calc(100vh - 151px) !important;
}

.logo-ticket{
    height: 53px !important;
}

.div-footer{
    /* min-height: 75px; */
}
.main_logo{
    height: 80px !important;
    width: auto !important;
}
.transaction-logo{
    height: 70px !important;
    width: auto !important;
}

.select2-container--default .select2-selection--single{
    border: 0px !important;
    border-radius: 7px !important;
}

.table-perfect-scrollbar {
    height: calc(100vh - 249px);
    overflow: hidden;
    position: relative;
}

input[type="date"] {
    color-scheme: white;
}


@media (max-width: 991.98px) {
    .div-combination-list, .div-kay-list {
      margin-top: 0.5rem;
    }
    
  }

@media screen and (min-width: 1050px) and (max-width:1279px) {
    .navbar-logo {
        height:38px
    }

}

@media screen and (min-width: 801px) and (max-width:1049px) {
    .navbar-logo {
        height:35px
    }
}

@media screen and (min-width: 701px) and (max-width:800px) {
    .navbar-logo {
        height: 28px;
    }
}

@media screen and (min-width: 601px) and (max-width:700px) {
    .navbar-logo {
        height: 24px;
    }
}

@media only screen and (max-width: 600px) {
    .hide-movil {
      display: none !important;
    }
    .movil-fs{
        font-size: 12px !important;
    }
    .mb-sm-3{
        margin-bottom: 1rem !important;
    }
}
@media only screen and (min-width: 600px) {
    .hide-desktop {
      display: none !important;
    }
}

@media (max-width: 1049px) {
    .penias-header p{
        font-size: 9px  !important;
    }
    .penias-header a{
        font-size: 9px  !important;
    }
    .penias-header span{
        font-size: 9px  !important;
    }
    .penia-card-header p{
        margin-top: 0.25rem !important;
        padding: 0px !important;
    }
}

@media (max-width: 715px) {
    .penias-header p{
        font-size: 8px  !important;
    }
    .penias-header a{
        font-size: 8px  !important;
    }
    .penias-header span{
        font-size: 8px  !important;
    }
    .penia-card-header p{
        margin-top: 0.25rem !important;
        padding: 0px !important;
    }
    .fs-sm-24px{
        font-size: 24px !important;
    }
    .fs-sm-18px{
        font-size: 18px !important;
    }
    .w-sm-50{
        width: 50% !important;
    }

    .w-sm-80{
        width: 80% !important;
    }
}