a.hover-color {
	text-decoration: underline;
}
a.hover-color:hover {
	color: #3282B8;
	transition: color 0.5s;
}
a.hover-color.nounderline {
	text-decoration: none;
}
.sky-button:hover {
	cursor: pointer;
}
.register-button:hover {
	background: #3282B8;
	color: #fff;
}
.item-event {
	overflow: hidden;
	border: solid 1px #fff;
}
.item-event:hover {
	background: #f6f6f6;
	transition: scale 0.5s;
	scale: 101%;
	border: solid 1px #eee;
	
}

.item-event:not(:hover), .autocomplete-container li:not(:hover) {
	background: #fff;
	transition: all 1s;
	border: solid 1px #fff;
}
.btn-inactive {
	background: #eee;
}
.btn:hover {
	cursor: pointer;
}
.item-event-title {
	height: 3.5rem;
}
.item-event-cities {
	height: 3rem;
	overflow: hidden;
}

.avaliable-tickets .ticket:hover, .autocomplete-container li:hover, .avaliable-repertoires .repertoire:hover {
	background: #eee;
	transition: background 0.5s;	
}

.item-event:hover .bg-cover {
	/* background-position: 5% 5%; */
	scale: 105%;
	transition: all .5s;
}
.item-event:hover .blur {
  background: rgba(8, 4, 88, 0.5);  
  /* backdrop-filter: sepia(60%); */
  backdrop-filter: saturate(60%);
  transition: all .5s;
  height: 100%;
  width: 100%;
}

.item-event:not(:hover) .bg-cover, .item-event:not(:hover) .blur {
	transition: all 1s;
}

.form-error {
	color: red;
	font-size: 0.75rem;
}
/*
.avaliable-tickets .ticket :first-child {
	width: 80px;
}

.avaliable-tickets .ticket :last-child {
	width: 110px;
}
*/
.text-justify {
	text-align: justify;
}

.list {
	list-style-position: inside;
	padding: 10px;	
}

.list li {
	padding: 3px;
}

.list-numeric {
	list-style-type: decimal;
}
.list-disk {
	list-style-type: disc;
}

.icon32 {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position-x: left;
    width: 25px;
    height: 25px;
    vertical-align: middle;
}
.info-icon {
    background-image: url(../img/svg/info-main-icon-color.svg);
}
.pdf-icon {
    background-image: url(../img/svg/delivery-pdf-icon.svg);
}
.ticket-express-icon {
    background-image: url(../img/svg/delivery-express-icon.svg);
}
.app-icon {
	background-image: url(../img/svg/delivery-app-icon.svg);
}

.ticket-at-office-icon {
    background-image: url(../img/svg/delivery-office-icon.svg);
}

.ticket-mobile-icon {
	background-image: url(../img/svg/delivery-app-icon.svg);
}

.kurier-icon {
    background-image: url(../img/svg/delivery-courier-icon.svg);
}

.info-icon-blue {
    background-image: url(../img/svg/info-icon-blue.svg);
}

.close-icon-white {
    background-image: url(../img/svg/close-icon-white.svg);
}


select {
	padding: 0.3rem;
}

.select {
  display:flex;
  flex-direction: column;
  position:relative;
  width:250px;
  height:40px;
}

.option {
  padding:0 30px 0 10px;
  min-height:40px;
  display:flex;
  align-items:center;
  background:#333;
  border-top:#222 solid 1px;
  position:absolute;
  top:0;
  width: 100%;
  pointer-events:none;
  order:2;
  z-index:1;
  transition:background .4s ease-in-out;
  box-sizing:border-box;
  overflow:hidden;
  white-space:nowrap;
  
}

.option:hover {
  background:#666;
}

.select:focus .option {
  position:relative;
  pointer-events:all;
}

.flex-initial {
	flex: 0 1 auto;
}

.auto-cols-max {
	grid-auto-columns: max-content;
}

.row-end-auto {
	grid-row-end: auto;
}

.w-2 {
	width: 16.666%;
}

.w-3 {
	width: 25%; 
}

.w-4 {
	width: 33.333%; 
}

.autocomplete-container li {
	padding: 5px;
}
.ok-message-box, .confirm-box {
	background: #3282B8;
	font-size: 0.75rem;
	color: #fff;
}

.error-message-box, .confirm-box {
	background: red;
	font-size: 0.75rem;
	color: #fff;
}
.col-ticket-one{
  /* width: 25%; */
  flex-direction: column;
}
.col-ticket-two{
  /* width: 10%; */
  flex-direction: column;
}
.col-ticket-three{
  /* width: 7%; */
  flex-wrap: wrap;
  margin: 0 15px;
}
.col-ticket-four{
  /* width: 15%; */
}
.col-ticket-five{
  /* width: 15%; */
}
.col-ticket-six {
  /* width: 20%; */
  justify-content: flex-end;
}

#box-preview {
	scrollbar-width: thin;
	scrollbar-color: #eaf7fb #080458;
}
#box-preview::-webkit-scrollbar, #tickets-offers::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

#box-preview::-webkit-scrollbar-track, #tickets-offers::-webkit-scrollbar-track {
	background: #eaf7fb;
}

#box-preview::-webkit-scrollbar-thumb, #tickets-offers::-webkit-scrollbar-thumb {
	background-color: #080458;
	border-radius: 5px;
	border: 1px solid #eaf7fb;
}

.sm-btn {
	padding: 3px 4px;
	cursor: pointer;
}

@media (max-width: 768px) { 
  .col-ticket-five {
    /* width: 20%; */
} 
  .col-ticket-six{
    /* width: 20%; */
  }
  .item-event {
	border: 2px solid #eee; 
  }  
  .item-event-title {
	height: auto;
  } 
  .avaliable-tickets .ticket .btn {
	font-size: 0.7rem;;
  } 
  .avaliable-tickets .ticket .price {
	font-size: 0.825rem;;
  }    
  .btn {
	padding: 8px 12px;  
  }
  
  .text-4xl {
	font-size: 1.75rem;
	line-height: 2rem;
  }
  
  .sm\:hidden {
    display: none;
  }
  
  .sm\:text-lg {
	font-size: 0.825rem;
	line-height: 1rem;
  }
  
  .sm\:my-2 {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;	  
  }
  .sm\:mt-4 {
	margin-top: 1rem;  
  }
  .sm\:mb-8 {
	margin-bottom: 2rem;
  }

  .sm\:w-12 {
	width: 100%;
  }

  #tickets-box {
	margin-top: 15px;
  }	
  
}
@media (min-width: 650px) {
  .col-ticket-one {
    /* width: 35%; */
  }
  #tickets-box {
	margin-top: 15px;
  }		
}
@media (max-width: 639px) {
  .xs\:hidden {
	display: none;
  }
  .col-ticket-six {
    /* width: 25%; */
  }
  .xs\:width-110 {
	max-width: 110px; 
  }
  
  #tickets-box {
	margin-top: 15px;
  }	
}  