.navbar .offcanvas
 {
     overflow-y: unset !important;
 }

.light {
  /* background: #FFF !important; */
  color: #28305F !important;
  background-color: #f7f5f4 !important;
    background-image: url(/front/assets/imag/main_desktop-light.jpg) !important;
    background-size: cover;
}
@media (max-width: 1024px) {
    /* body {
      background-size: contain;
    } */
  }
.light h3, .light h4, .light h1, .light h2:not(.title-section-details):not(.title-head-info):not(.title-success):not(.title):not(.title-box):not(.title-sell):not(.title-top-step):not(.title-product):not(.text-icon):not(.title-top), .light .About-us-text-content h2
{
   color: #BB1C69 !important;
}

 .light p{
   color: #28305F !important;
}

.light a:not(.mobile-event-text):not(.btn-main) {
  text-decoration: none !important;
  color: #28305F  !important;
}
.light p {
   color: #28305F  !important;
}
.light div:not(.countdown):not(.price-offer-num):not(.time-box):not(.timer-container):not(.timer-conter):not(.title-section-details):not(.card-option-one):not(.text-card-details):not(.title-section-details):not(.text-card-details){
   color: #28305F  !important;
}


.light footer .d-flex, .light footer .end-footer .icon a
{
    border-color: #28305F !important;
    /*border: 1px solid #28305F !important;*/
}

.light footer .end-footer
{
    border-top: 1px solid #28305F !important;
}


.AS {
  position: relative;
}

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.light .orange {
  /*background-color: #fff4eb !important;*/
  background: none !important;
}

.pink {
  /*background-color: #fff4eb !important*/
    background: none !important;

}

.light-pink {

  /*background-color: #f27474 !important;*/
    background: none !important;


}

.light .navbar .Sign-in
{
    color: #28305F !important;
    border-color: #28305F !important;
}

.light .d-md-block
{
    color: #28305F !important;
    border-color: #28305F !important;
}

.light .links li a
{
    background-color: #e9eaef !important;
    color: #304E81 !important;
    border-radius: 50px;
}

.light .links li a.active
{
    background-color: #c0a170 !important;
    color: #000 !important;

}

.light .sell-title
{
    color: #28305F !important;

}

.light .search .search-text
{
    border: 1px solid #CACACA !important;
    background-color: #fff !important;
    color: #6c757d !important;
}

.light .search .btn-search
{
    background-color: #28305F !important;
    color: #fff !important;
}

.light .hafalat h2, .hafalat-2 h2
{
color:#961654 !important;
}

.light .event-text h2
{
color:#961654 !important;

}

.light .hafalat .hafalat-swiper .card
{
    border: 1px solid #CACACA !important;
}

.light .hafalat .buy-ticket-btn, .hafalat-2 .buy-ticket-btn
{
    border: 1px solid #CACACA !important;
}

.light .title-section
{
    color:#961654 !important;
}

.light .navbar {

    border-bottom: 1px solid #d8d6d4 !important;
}

.light .hafalat a:not(.mobile-event-text), .hafalat-2 a:not(.mobile-event-text)
{
    color: #28305F !important;
}

.light .btn-archive {
    border-color: #d8d6d4 !important;
    color: #d8d6d4 !important;
}


 .light .navbar-scroll {
  background: #FFF !important;
  /*transition: 0.5s ease-in-out;*/
}


 .light .section-heading
{
    color: #28305F !important;
}

.light .Browse-all-events h2
{
    border-bottom: 1px solid #d8d6d4 !important;
}

.light .Browse-all-events .col-6 .card
{
    background-color: #28305F !important;
}


.light .Browse-all-events .row
{
    background-color: #2c2c48 !important;
    padding-bottom: 22px;
}

.light footer::before
{
    background-color: #e9aed0 !important;
}

.light footer::after
{
    background-color: #bbbcf7 !important;
}

.light .footer-links a
{
    color: #28305F !important;
}

 .btn-select
 {
    padding: 0 !important;
 }


 body.light::after {

    background-color: #f7f5f4 !important;
 }

 body.light::before {

    background: none !important;
 }

 .light .About-us-text-content .contact-content
 {
         background: #F5F5F5 !important;
 }
 .navbar   button:not(.accordion-button):not(.dropdown-toggle)
 {
     padding:2px ;
     margin: 3px;
 }

 .light .ri-arrow-left-s-line:before
 {
     color: #000 !important;
 }

 .light input:not(.filter_tickets):not(.ticket-input):not(.gift):not(.create):not(.coupon-input), .light textarea, .light button:not(.accordion-button):not(.btn-main-dark):not(.button-pay-code):not(.btn-main):not(.download-btn--1)
 {
     border:1px solid #28305F !important;
     background: #fff !important;
     color: #28305F !important;
 }

 .light input[type=checkbox]:checked
 {
     background-color: #e5b96c !important;
     color: #28305F !important;
   border-color: #e5b96c;
  box-shadow: none !important;
 }

 .light button:not(.btn-main-dark):not(.btn-main):not(.accordion-button)
 {
     color: #28305F !important;
 }

 .light .accordion-item
 {
     background: rgb(227 211 188 / 46%) !important;
 }

 /*.light #pills-profile-tab.active, #pills-home-tab.active*/
 /*{*/
 /*   background: #28305f !important;*/
 /*   color: #fff !important;*/
 /*}*/

  .light .auth_btn .active, .light .auth_btn .active
 {
    background: #28305f !important;
    color: #fff !important;
 }

 .light .phoneStaticCode
 {
    border:1px solid #28305F !important;
    color: #28305F !important;
 }

 .light .group-select option
 {
     color: #28305F !important;
    background-color: #fff !important;

 }

 .light .About-us-text-content .sell-your-ticket
 {
    background: none !important;
 }

 .light .only-select
 {
     border:1px solid #28305F !important;
 }


  .light .About-us-text-content .sell-your-ticket, .light .form-select
  {
      border: 1px solid #28305F !important;
  }

  .light .file-upload label
  {
      border-color:  #28305F !important;
  }

  .light .bg-dark
  {
      background-color: white !important;
  }

   .light .tabs {
    & span {
        &.active {
            color: #28305F;
            border-bottom: 5px solid #28305F;
        }
    }
}

.light .tabs {
    & span {
        color: #28305F;
    }
}

.light .tabs
{
    border-color: #a6a6a6 !important;
}

.light .avatar
{
    border: 1px solid #28305F !important;
    background-color: #fff;
}

.light .events-tab .card
{
    border: 1px solid #CACACA !important;
}

.light .chart
{
   background-color: #fff !important;
   border-color: #fff !important;
}

  .light #pills-profile-tab, .light #pills-home-tab
  {
      background-color : #fff !important;
      color: #b0b3c4 !important;
      border-color: #b0b3c4 !important;
  }

 .light #pills-tab .nav-link {

      border-color: #b0b3c4 !important;
      opacity: unset;
 }

 /*.light #pills-tab .nav-link .active{*/

 /*     border-color: #BB1C69 !important;*/
 /*     background-color : #fff !important;*/
 /*     opacity: unset;*/
 /*}*/

 .light #pills-profile-tab.active, .light #pills-home-tab.active
 {
     border-color: #BB1C69 !important;
     color: #BB1C69 !important;
      background-color : #fff !important;
      opacity: unset;
 }
 .auth {
 border-radius: 0px 5px 5px 0px;
    border: 1px solid #e5b96c;
    padding: 10px 40px;
    color: #e5b96c;
    font-weight: 600;
    width: 50%;
    }

    .auth_profile
    {
            border-radius: 5px 0px 0px 5px;
    color: #e5b96c;
    border: 1px solid #e5b96c;
    padding: 10px 40px;
    font-weight: 600;
    width: 50%;
    }

 /*.light #pills-tab .nav-link .active  h3, .light #pills-tab .nav-link .active  p*/
/* .light #pills-profile-tab.active h3, .light #pills-home-tab.active p*/
/* {*/
/*     color: #BB1C69 !important;*/
/* }*/


/*.light .active .total h3, .light .total .active p*/
/*{*/
/*     color: #BB1C69 !important;*/
/*}*/

  /*.light #pills-profile-tab.active, .light #pills-home-tab.active*/
  /*{*/
  /*    background-color : #fff !important;*/
  /*    color: #BB1C69 !important;*/
  /*}*/

  .light #pills-tab .nav-link .total h3 , .light #pills-tab .nav-link .total p{
     color: #A8A8A8 !important;
  }
    .light #pills-tab .active .total h3 , .light #pills-tab .active .total p{
     color: #28305F !important;
  }

  .light .nav-pills .icon
  {
      background-color: #494eb11a !important;
  }

  .light .wallet-card
  {
      /*border-color: #494eb11a !important;*/
      border-color: #28305F !important;
      background-color: #fff !important;
      background-image: none;
  }
  .light .wallet-card .header
  {
      border-bottom: 0.5px solid #494eb169 !important;
  }

  .light .wallet-card .row div p, .event-card .row div p
  {
      color: #BB1C69 !important;
  }

 .light ::placeholder {
  color: #071364;
  opacity: 1;
}

.light ::-ms-input-placeholder {
  color: #071364;
}

.light .table .bg-dark
{
    background-color: #071364 !important;
}


/*.light #eventsTableBody*/
/*{*/
/*    background-color: #fafafb !important;*/
/*    color: #071364 !important;*/
/*}*/

.light .orders td
{
    background-color: #fafafb !important;
    color: #071364 !important;
}

.light .table-striped>tbody>tr:nth-of-type(odd)>*
{
 /*--bs-table-color-type: var(--bs-table-striped-color); */
  --bs-table-bg-type: #fafafb !important;
}

.light .orders th
{
     background-color: #28305F  !important;
}

.light .action
{
    border-color: #000 !important;
}

.light .modal, .light .modal-ticket
{
    background-color: #FFF !important;
}

.light .form-control:not(.ticket-input)
{
    color: #000 !important;
}

.light .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback):not(.btn-check-coupon)
{
    color: #071364 !important;
}

.light .input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating):not(.btn-check-coupon)
{
     color: #071364 !important;
}

.light .form-control:disabled
{
    color: #071364 !important;
}

.light .modal h2
{
    color: #071364 !important;
}

.light .badge.failed
{
    color: #fff !important
}

.light .badge.waiting {
    background-color: #BB1C69 !important;
    color: #fff !important
}

.light .end-btn-ticket-foooter
{
    background: #c5a775 !important;
    border: 1px solid #c5a775 !important;
}

.light .tickets-container-privacy h2
{
     color: #071364 !important;
}

.light .ticket-row
{
    background: #fff !important;
    border: 1px solid #071364 !important;
}

.light .form-select::not(.filter_tickets )
{

    background: #fff !important;
    color: #000;
}

/*.light .ticket-row span*/
/*{*/
/*    color: #BB1C69 !important;*/
/*}*/

.light footer .end-footer .copy button
{
    background: #c5a775 !important;
    border: 1px solid #c5a775 !important;
}

.light .filter_tickets
{
    background-color: #c5a775 !important;
    color: #fff !important;
}

.light .ticket-row .form-select
{
    background: #fff !important;
    color: #000;
}

.light .col-sm-3, .light .col-sm-2
{
    border-left: 1px solid #d8d6d4 ;
}

.light .form-check-label
{
    color: #BB1C69 !important;
}

.light .buy-section .card,.light .ticket-page
{
    border-color: #28305F   !important ;
}

.light  h2.card-text, .light .ticket-page.price, .light .card h3
{
    color: #28305F   !important ;
}

.light  .card-title, .light  .card-body p, .light .ticket-info i
{
    color: #BB1C69   !important ;
}

.light .card p {
    color: #000 !important;
}

.light .date-cont .date-cardd
{
    background: linear-gradient(135deg, transparent 11px, #ffffff44 0) top left, linear-gradient(-45deg, transparent 11px, #d8d6d4ad  0) bottom left;
}

.ligth .btn-check-coupon, .ligth .input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating)
{
    color: #000 !important ;
}
.text-color{
    color: #000 !important ;
}

.input-group
{
   color: #000 !important ;

}

.light .border
{
    border: 1px solid #28305F !important;
}

.light .color-white
{
    color: #28305F !important;
}

.light .center
{
    border-color: #28305F !important;
}

.light .wrapper-dropdown-one
{
    border-left: 1px solid #28305F !important;
}

.light .wrapper-dropdown.active .dropdown {

    background-color: #fff !important;
}

.toggle-mood-app
{
    background-color: #c5a775;
    border-radius: 50%;
    padding: 3px 6px 6px 6px;
    margin:3px;
}

.light .toggle-mood-app
{
    background-color: #28305F;
    border-radius: 50%;
    padding: 3px 6px 6px 6px;
}

.light .booking-header
{
    background-color: #fff !important;
    color:#28305F !important;
}

.light .event-card-3 h3, .light .event-card-3 h5
{
    color: #fff !important;
}

.light .form-control
{
    background-color:#fff !important;
    border: 1px solid rgb(40 48 131) !important;
}

@media (max-width: 575px) {
.light  .offcanvas
{
    background-image:none !important;
    background: #fff !important;
}

.light .offcanvas-body .nav-item .nav-link
{
           border: 0.637px solid rgb(40 48 95) !important;
}

.light .offcanvas-body .nav-item .nav-link .icon i
{
    color: rgb(40 48 95) !important;

}

.light .close.text-start
{
    border: none !important;
}

.light .mobile-inputs .form-label
{
    color: #000 !important;
}

.light .order-card
{
    background:#fff !important;
}

.light .order-card .header,.light .order-card .header p
{
    background-color: #28305f !important;
}

.light .badge.active
{
    color: #fff !important;
}






.light .avatar-app
{
    font-weight: 700 !important;
    font-size: 30px !important;
    background-color: #c0a170 !important;
    padding: 8px 18px !important ;
    border-radius: 50% !important ;
    width: 65px !important ;
    height: 65px !important;
}


}

.arrow
{
    float:none !important;
    margin-top: 4px !important;
}

.light #ticketsContentMobile .form-select
{
    background-color: #fff !important;
    color: #28305f !important;
     /*background-image: url(/front/assets/imag/selectIcon.png) !important;*/
}
ol {
    color: #fff;
}
/*light*/