/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 
  /*
*  FrontEndTicket
*/
#carouselTPANELControls .inner {border: 1px solid #27c8fe;border-radius:10px;background: #e0f2fa;height:200px;position:relative;z-index:0;}
#carouselTPANELControls .inner .right, #carouselTPANELControls .inner .left { background:#fff;border: 1px solid #27c8fe;width:15px;margin:50px -1px 50px 0px;border-radius:7px 0 0 7px;z-index:1}
#carouselTPANELControls .inner .right {border-right:0px}
#carouselTPANELControls .inner .left { margin:50px 0px 50px -1px !important;border-left:0px;border-radius:0 7px 7px 0}
#carouselTPANELControls .content-side{border-left:10px dotted #fff;height:210px;margin:-5px 0;position:relative;z-index:2;color:#fff}
#carouselTPANELControls .inner:before{content:"";width:28%;height:100%;background:#27c8fe;position:absolute;right:-1px;top:0px;z-index:1;border-radius:0 10px 10px 0}
#carouselTPANELControls .content{color:#555;font:300 13px/27px "iranyekanlight"}
@media(max-width:600px){
    #carouselTPANELControls .inner:before{width:calc(48% - 4px);}
}
#carouselTPANELControls .content input{display:none}
#carouselTPANELControls .content label{width:100%;position:relative}
#carouselTPANELControls .content label:hover{cursor:pointer;}
#carouselTPANELControls .content label:before{content:"\f00c";font:300 30px "FontAwesome";background:#e0e0e0;color:#f6f6f6;position:absolute;left:20px; bottom:-40px;padding:10px;border-radius:100%;}
#carouselTPANELControls .content input:checked + label:before{background:#a0dff9;color:#00bfff;}


select.ticket_services{background:#9cddfa;border:0px solid #27c8fe}



/* 
* Checkout 
*/
.woocommerce-billing-fields.form-group .form-row.address-field.validate-state{flex-flow:column wrap}
 
.woocommerce-checkout #customer_details, .woocommerce-checkout-review-order, #order_review_heading{width:calc(50% - 20px);margin:0 10px;float:right;}
.woocommerce-checkout #customer_details{flex-flow:column wrap}
.woocommerce-checkout #customer_details .col-1, .woocommerce-checkout #customer_details .col-2{width:100%}
@media(max-width:900px){
.woocommerce-checkout #customer_details, .woocommerce-checkout-review-order, #order_review_heading{width:100%;float:unset;margin:0px}
}
@media(max-width:500px){
  .woocommerce-billing-fields__field-wrapper > *{width:100% !important;}

}
.blink {

  animation: blinker 1s step-start infinite;
}

@keyframes blinker {
50% {
  opacity: 0;
}
}

.tblheader{

background-color: #3323b7!important
}

/* 
.pludds{
    width:26;
    height:30px;
    background:#f2f2f2;
    border-radius:4px;
   
    border:1px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
  } */
  .bg-light-body-color{
background-color:#f4f4f9;

  }

  .shopbtn{

  background-color:  #3323b6;
  }
/* 
  .pluddsm{
    width:26;
    height:30px;
    background:#f2f2f2;
    border-radius:4px;
   
    border:1px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
  } */
.warn{
      background-color: #bf0909;
}
.tpanel-tickets .rounded-3 {
border-radius: 0.75rem;
}
.tpanel-tickets .rounded-full{
border-radius: 50px;
}
.tpanel-tickets .bg-gray{
background-color: #c9c9c9;
}
.tpanel-tickets .border-md-price{
border-left: 2px solid #fff;
}
.tpanel-tickets .bg-light{
background-color: #eee !important;
}
.tpanel-tickets .old-price {
text-decoration: line-through;
text-decoration-color: darkred;
}
.tpanel-tickets .small{
font-size: 15px;
margin-block-start: .5em;
margin-block-end: .5em;
}
.tpanel-tickets span{
margin-block-start: .5em;
margin-block-end: .5em;
}
.tpanel-tickets .btn-success {
color: #fff !important;
background-color: #28a745 !important;
border-color: #28a745!important;
}
.tpanel-tickets .text-success{
color: #28a745 !important;
}
.tpanel-tickets .btn-success:hover {
  color: #fff;
  background-color: #218838 !important;
  border-color: #1e7e34 !important;
}
.tpanel-tickets input{
border: 1px solid #eee;
box-sizing: border-box;
margin: 0;
background-color: #fff;
outline: none;
padding: 2px;
border-radius: 4px;
color: #000 !important;
}

.tpanel-tickets input::-webkit-outer-spin-button,
.tpanel-tickets input::-webkit-inner-spin-button {
-webkit-appearance: none;
}

.tpanel-tickets .input-group {
clear: both;
margin: 8px 0;
position: relative;
display: block;
}

.tpanel-tickets .input-group .minus,
.tpanel-tickets .input-group .plus {
font-weight: bold;
height: 30px;
font-size: 17px;
padding: 0;
width: 30px;
position: relative;
background-color: #ddd;
transition: all 300ms ease;
-webkit-appearance: button;
cursor: pointer;
 border: 1px solid #eee;
 border-radius: 4px;
}

.tpanel-tickets .input-group .quantity-field {
position: relative;
height: 30px;
left:0;
text-align: center;
width: 60px;
display: inline-block;
font-size: 18px;
margin: 0;
resize: vertical;
}

.tpanel-tickets input[type="number"] {
-moz-appearance: textfield;
-webkit-appearance: none;
}
/* .tpanel-ticket .btn .gray{
   border: 2px solid #e4eaec !important;
  background-color: #e4eaec !important;
  color: #222 !important;
  padding: 1.22em 2.78em !important;
} */
@media screen and (max-width:500px) {
.tpanel-tickets .border-md-price{
  border-left:0;
}
.tpanel-tickets .border-sm-price{
  border-bottom:2px solid #fff;
}
}

.skeleton-loader {
position: relative;
height: 185px;
}
.skeleton-loader:after {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-repeat: no-repeat;
background-image: linear-gradient( 90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100% ), 
    linear-gradient(#aaaaaa 16px, transparent 0), 
    linear-gradient(#aaaaaa 16px, transparent 0), 
    linear-gradient(#aaaaaa 16px, transparent 0), 
    linear-gradient(#aaaaaa 32px, transparent 0), 
    linear-gradient(#aaaaaa 32px, transparent 0), 
  linear-gradient(#ffffff 100%, transparent 0);
background-size: 264px 100%, 400px 16px, 293px 16px, 253px 16px, 128px 32px, 128px 32px, 100% 100%;
background-position: 0 0 , 107px 70px, 214px 96px, 254px 120.5px, 379px 22.5px, 107px 136.5px, 0 0;
animation: skeleton-animation 2100ms infinite;
}

@keyframes skeleton-animation {
to {
  background-position: 100% 0, 107px 70px, 214px 96px, 254px 120.5px, 379px 22.5px, 107px 136.5px, 0 0;
}
}


/* Custom row */
.custom-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  
  border-radius: 0.75rem; /* Rounded corners */
  /*margin: 1rem 0;  Vertical margin */
  text-align: right; /* Right text alignment */
}

/* Custom column */
.custom-col-12 {
  flex: 0 0 100% !important;
  max-width: 100%;
}

.custom-col-md-5, .custom-col-md-4, .custom-col-md-3 {
  flex: 0 0 auto;
}

@media (min-width: 768px) {
  .custom-col-md-5 {
      flex: 0 0 41.66667%;
      max-width: 41.66667%;
  }
  .custom-col-md-4 {
      flex: 0 0 33.33333%;
      max-width: 33.33333%;
  }
  .custom-col-md-3 {
      flex: 0 0 25%;
      max-width: 25%;
  }
}

/* Custom text and spacing */
.custom-text-center {
  text-align: center;
}

.custom-font-weight-bold {
  font-weight: bold;
}

.custom-px-0 {
  padding-left: 0;
  padding-right: 0;
}

.custom-mb-2 {
  margin-bottom: 0.5rem;
}

.custom-my-2 {
  margin: 0.5rem 0;
}

.custom-text-success {
    color: rgb(20, 20, 20);
    font-size: 1.1em;
}

.custom-old-price {
  text-decoration: line-through;
  color: #959595;
}

.custom-mt-5 {
  margin-top: 0rem;
}

.custom-small {
  font-size: 0.875rem;
}

.custom-bg-gray {
  /*background-color: #6c757d;  Bootstrap's secondary background color */
}

.custom-bg-light {
  background-color: #f8f9fa;
}

.custom-rounded-3 {
  border-radius: 0.75rem;
}

.custom-input-group {
  display: flex;
  align-items: center;
}

.custom-btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.custom-btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.custom-btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.custom-mb-3 {
  margin-bottom: 1rem;
}

.custom-alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.custom-alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

/* Custom padding and margin */
.custom-p-2 {
  padding: 0.5rem;
}

.custom-p-4 {
  padding: 1.5rem;
}

.custom-my-3 {
  margin: 1rem 0;
}

.custom-px-md-4 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* Custom border */
.custom-border-sm-price {
  border: 0px solid #dee2e6;
}

.custom-border-me-price {
  border: 0px solid #dee2e6;
}

/* Flex alignment */
.custom-d-md-flex {
  display: flex;
}

.custom-justify-content-center {
  justify-content: center;
}

.custom-align-items-center {
  align-items: center;
}

.custom-text-right {
  text-align: right;
}

.custom-rounded-full {
  border-radius: 999px;
}

.noarrow {
  -moz-appearance: textfield;
}

.noarrow::-webkit-outer-spin-button,
.noarrow::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/////

/* Custom row */
.custom-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

/* Custom column */
.custom-col {
  flex: 0 0 100%;
  max-width: 100%;
}


/* Custom text center */
.text-center {
  text-align: center;
}

/* Custom font weight bold */
.custom-font-weight-bold {
  font-weight: bold;
}

/* Custom padding x 0 */
.custom-px-0 {
  padding-left: 0;
  padding-right: 0;
}

/* Custom margin bottom 2 */
.custom-mb-2 {
  margin-bottom: 0.5rem;
}

/* Custom text danger */
.custom-text-danger {
  color: #dc3545; /* Bootstrap's text-danger color */
}

/* Custom button styles */
.custom-btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.75rem;
  color: #222;
  background-color: #e4eaec;
  border: 2px solid #e4eaec;
}

.custom-btn-block {
  display: block;
  width: 100%;
}

.custom-justify-content-between {
  display: flex;
  justify-content: space-between;
}

/* Custom padding x 5 */
.custom-px-5 {
  padding-left: 3rem;
  padding-right: 3rem;
}