/*start todo: move to less*/
.alert {
	position: relative;
	padding: 0.75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: 0.25rem;
}

.alert-heading {
	color: inherit;
}

.alert-link {
	font-weight: 700;
}

.alert-dismissible {
	padding-right: 4rem;
}

.alert-dismissible .close {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	padding: 0.75rem 1.25rem;
	color: inherit;
}

.alert-primary {
	color: #004085;
	background-color: #cce5ff;
	border-color: #b8daff;
}

.alert-primary hr {
	border-top-color: #9fcdff;
}

.alert-primary .alert-link {
	color: #002752;
}

.alert-secondary {
	color: #383d41;
	background-color: #e2e3e5;
	border-color: #d6d8db;
}

.alert-secondary hr {
	border-top-color: #c8cbcf;
}

.alert-secondary .alert-link {
	color: #202326;
}

.alert-success {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}

.alert-success hr {
	border-top-color: #b1dfbb;
}

.alert-success .alert-link {
	color: #0b2e13;
}

.alert-info {
	color: #0c5460;
	background-color: #d1ecf1;
	border-color: #bee5eb;
}

.alert-info hr {
	border-top-color: #abdde5;
}

.alert-info .alert-link {
	color: #062c33;
}

.alert-warning {
	color: #856404;
	background-color: #fff3cd;
	border-color: #ffeeba;
}

.alert-warning hr {
	border-top-color: #ffe8a1;
}

.alert-warning .alert-link {
	color: #533f03;
}

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

.alert-danger hr {
	border-top-color: #f1b0b7;
}

.alert-danger .alert-link {
	color: #491217;
}

.alert-light {
	color: #818182;
	background-color: #fefefe;
	border-color: #fdfdfe;
}

.alert-light hr {
	border-top-color: #ececf6;
}

.alert-light .alert-link {
	color: #686868;
}

.alert-dark {
	color: #1b1e21;
	background-color: #d6d8d9;
	border-color: #c6c8ca;
}

.alert-dark hr {
	border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
	color: #040505;
}
.landing-back {
	padding-left: 0!important;
}
.dz-custom-error {
	color: #e65747;
	padding-top: 10px;
	text-align: center;
}
.form-fieldset--active .icon_dropdown {
	display: none;
}
.modal-with-icon legend i {
	font-size: 50px;
	padding-bottom: 15px;
}
.order-info-follow {
	padding-top: 10px;
}

.order-info-follow a {
	text-decoration: none;
}

.order-info-follow a span, .order-info-follow a i {
	font-size: 26px;
}

.order-info-follow .hashtag {
	vertical-align: sub;
}

.calendar-location {
	line-height: 24px;
}

.link_order_page i {
	text-decoration: none;
}

.fb_shout {
	padding-top: 0;
}
/* end todo: move to lass*/

.nav > ul > .active > a {
	border-bottom-color: #fff!important;
}
.order-page__error__order {
	padding: 0 30px 20px 30px;
	max-width: 395px;
	margin: 0 auto;
}
.order-page__steps__item a{
	text-decoration: underline;
	color: black;
}

.list > li {
	font-weight: normal;
	font-size: 15px;
}
.footer__pb {
	color: black;
}
.description {
	font-size: 18px;
	padding: 0 0 19px;
}

	.description img {
		max-width: 100%
	}

.order-page__thanks .subtitle p {
	padding-top: 10px
}

.order-page__thanks li {
	list-style-type: none
}

.footer__content a {
	display: inline-block
}

.ticket__availability {
	font-size: 12px;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}

.order-page__event {
	min-height: 1px
}

#header-banner {
	border-radius: 5px 5px 0 0;
}

.content > .container {
	padding-bottom: 157px
}

.content .container .lang > .btn-group{
	padding-left: 12px;
}

.content > .fix-mobile-bg {
	padding-bottom: 0!important;
}

.order-page--wrap {
	margin-bottom: 20px;
}

	.order-page--wrap .panel-group:last-child {
		border-bottom: 0;
	}

		.order-page--wrap .panel:last-child .panel-body {
			padding-bottom: 0
		}

.order-page--wrap h1 {
	margin-top: 60px;
}

#chart {
	border:1px solid #eee;
	padding: 15px;
	margin-bottom: 10px;
	min-height: 560px
}

.ticket__info {
	width: 100%;
}

.form-fieldset {
	min-height: auto
}

.nav .btn-group .dropdown-menu {
	width: auto;
}

.discount .input-group {
	margin-top: 26px;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
	background-color: #f5f5f5;
	color: inherit;
}

.form-select .bootstrap-select>.dropdown-toggle {
	line-height: 34px
}

p {
	line-height: 1.5em
}

a.text-underline, .text-underline a {
	text-decoration: underline;
}

.discount.discount-selection .input-group input[type="text"] {
	height: 40px
}

#loading-tickets {
	min-height: 95px;
	margin: 15px 0
}

	#loading-tickets .logo {
		top: auto;
		transform: translate(-50%, 0%);
	}

@media (min-width: 768px) {
	.content > .fix-mobile-bg.fix-background-image {
		background: none;
	}

	.content > .fix-mobile-bg:not(.fix-mobile-banner) {
		background-image: none !important;
	}
}

@media (min-width: 768px) {
	.description {
		padding: 0 0 29px;
	}

	.order-page__thanks {
		padding-top: 0
	}

	.order-page__thanks .order-page__step .subtitle {
		font-family: 'Nunito Sans Rg', sans-serif;
		font-weight: 600;
		text-transform: none;
	}

	fieldset.hide+fieldset {
		margin-top: 0
	}

	.order-page__step .title+.subtitle {
		margin-top: 15px;
		margin-bottom: 10px
	}

	.order-page__footer {
		box-shadow: 0 0 30px 0 rgba(0,0,0,.4);
	}

	.discount .btn, .discount .input-group input[type="text"] {
		height: 50px
	}

	fieldset[style*="display: none"]+fieldset {
		margin-top: 0
	}
}

@media (max-width: 768px) {
	.modal-help .modal-dialog {
		max-width: 320px;
	}

	.content > .fix-mobile-banner {
		margin: 0 15px;
	}

	.content.footer-sticky .order-page__footer {
		position: fixed;
		width: 100%;
		left: 0;
		bottom: 37px;
		background: #fff;
		padding-top: 15px;
		padding-bottom: 15px;
		box-shadow: 0 0 30px 0 rgba(0,0,0,.4);
		z-index: 101;
	}

	.content.footer-sticky  > .container {
		padding-bottom: 190px;
	}

	.header-banner-container {
		margin: 0 -15px;
	}

	#header-banner {
		border-radius: 0;
	}

	.content > .container {
		padding-bottom: 20px
	}

	.form-fieldset__btn--phone {
		top: 170px;
	}

	.form-fieldset .form-edit-product {
		min-height: 245px;
	}

	#chart {
		min-height: 250px
	}
}

@media (max-width: 374px) {
	.modal-help .modal-dialog {
		max-width: 300px;
	}

}

.notification-title p {
	line-height: 1em !important;
}

/* ORDER PAGE ============================================ */

.order-page__info .btn-cancel {
	width:250px;
}

/* HELP MODAL ============================================ */
.help-button-default {
	height: 50px;
}

.help-close-button {
	opacity: 1;
}

.help-close-button:hover {
	opacity: 1;
}

#help-modal-footer {
	background-color: #f9fafc;
}

.modal-help {
	text-align: center;
	padding: 0!important;
}

.modal-help:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -4px;
}

.modal-help .modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	width: 775px;
}

.ticket-canceled-success{
	margin-top: 20px;
}

.form-fieldset__btn--phone {
	top: 180px;
}

.form-fieldset__btn--pdf {
	top: 100px;
}

.link_order_page {
	text-decoration: underline;
	font-size: 12px;
	text-transform: uppercase;
	font-family: 'Nunito Sans Rg',sans-serif;
	font-weight: 700;
	font-style: normal;
}

/* CUSTOMER PAGER ====================================== */

.form-select .bootstrap-select>.dropdown-toggle {
	padding-right: 45px;
}

/* hide capture from camera button */
.upload .uploader-footer {
	display: none;
}

@media (min-width: 768px) {
	.upload .uploader-footer {
		display: block;
	}
}

/*TIMESLOTS ===========*/
.last .timeslots-slider-item-date::after {
	background: #E97451;
}

.selected .timeslots-slider-item-date {
	box-shadow: inset 0 0 0 2px #31AB34;
}

.selected.available .timeslots-slider-item-date {
	box-shadow: inset 0 0 0 2px #FCC101;
}

.selected.last .timeslots-slider-item-date {
	box-shadow: inset 0 0 0 2px #E97451;
}

.selected.blocked .timeslots-slider-item-date {
	box-shadow: inset 0 0 0 2px #C0C0C0;
}

.selected.disabled .timeslots-slider-item-date {
	box-shadow: inset 0 0 0 2px #e1e1e1;
}

.event-seated .fc-content .fc-title {
	font-weight: bold;
	display: block;
	text-align: center;
}

.fc-day:not(.calendar-day-disabled):hover, .fc-day-top:not(.calendar-day-disabled):hover {
	cursor: pointer;
}

.calendar-day-disabled {
	color: #b8b8b8;
}

.calendar-day-disabled:hover, .timeslots-item.disabled:hover {
	cursor: not-allowed;
}

.schedule_slots .timeslots-legend {
	padding-top: 20px;
}

.timeslots-legend {
	list-style: none;
	display: flex;
	justify-content: center;
}

@media (max-width: 992px) {
	.timeslots-legend {
		display: grid;
		grid-template-columns: repeat(2, auto);
	}
}

.timeslots-legend li {
	float: left;
	margin-right: 10px;
}

.timeslots-legend li .timeslots-item-info {
	border-radius: 10px !important;
	cursor: auto;
}

.timeslots-item.disabled:hover {
	cursor: not-allowed;
}

.timeslots-item.disabled .timeslots-item-label, .timeslots-item.disabled .timeslots-item-info span  {
	color: #999999!important;
	pointer-events: none;
}

.timeslots-item.disabled .timeslots-item-info::before {
	background-color: #E1E1E1!important;
}

.timeslots-slider-item.today {
	color: #000000!important;
}

.timeslots-item input[type="radio"]:checked ~ .timeslots-item-label {
	box-shadow: inset 0 0 0 2px #aaaaaa!important;
	background:#F6F6F6!important;
	color: #000000!important;
}

.calendarPlug.time-slot-calendar::before {
	border-top: 0px;
}
.calendarPlug.time-slot-calendar .fc-view-container {
	border: 1px solid #eaeef3;
}

.calendarPlug.time-slot-calendar .fc-day-header {
	height: 30px;
	background-color: #eaeef3;
	text-transform: uppercase;
	font-weight: bold;
}

td.schedule_slot_ticket_date {
	text-align: left!important;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 5px;
}

.selection-time-slot-availability {
	margin-right: 25px;
}

i.disabled {
	opacity: .4
}

.control-description {
	font-size: 85%;
	margin-top: 10px;
}

.order-page__thanks #header-banner {
	margin-bottom: 26px;
}

tfoot.collapse.in {
	display: table-row-group;
}

.order-page__tickets-total__body__button {
	display: flex;
	justify-content: space-between;
}

.order-page__tickets-total__body__button:hover {
	text-decoration: none;
}

.order-page__tickets-total__body__button__icon {
	height: 8px;
	font-size: 8px;
	position: relative;
	top: 9px;
	transition: transform 200ms;
	transform: scale(-1);
}

.order-page__tickets-total__body__button.collapsed .order-page__tickets-total__body__button__icon {
	transform: scale(1);
}

@media screen and (min-width:767px){
	.multi-collapse {
		display: table-row-group;
	}

	.order-page__tickets-total__body__button__icon {
		display: none;
	}
}

@media screen and (max-width:767px){
	.remove-border-mobile {
		border-bottom: none!important;
	}
}

.timeslots-select-change--no-center {
	justify-content: initial;
}

.authenticate__title {
	text-align: center;
	font-family: 'Nunito Sans Rg';
	font-weight: 800;
	font-size: 35px;
	text-transform: uppercase;
	margin-bottom: 30px;
}

.authenticate__text {
	background-color: #fff9e5;
	border-radius: 5px;
	padding: 30px;
	margin-bottom: 30px;
	font-size: 16px;
}

.authenticate__text img {
	max-width: 75px;
	margin-right: 30px;
}

.authenticate__text__title {
	font-family: 'Nunito Sans Rg';
	font-size: 24px;
	font-weight: 800;
	margin-top: 0;
}

.payment-method-channels {
	margin-bottom: 30px;
}

.well.bg-warning {
	background-color: #fcf8e3
}

/* PAYMENT DETAILS PAGE */

iframe.js-iframe {
	height: 35px!important;
}

@media screen and (max-width: 767px) {
	.btn.btn-default.visible-xs {
		display: flex!important;
	}
}

.line {
   height:10vh;
   float:left;
   margin-left:10px;
   border-right:solid 1px #dee1e8;
   width:2px;
}

.divider {
	padding-left: 0;
}

.divider-text {
	margin-top: 15px;
	margin-bottom: 15px;
}

.copy-link .copy-link-group input {
	font-size: 14px;
    height: 50px;
	display: table-cell;
}

.copy-link .copy-link-group i {
    color: #f8c41c;
}

.copy-link .copy-link-group .input-group-addon {
    background-color: white;
    border: 1px solid #e3e3e3;
    border-radius: 10px 0 0 10px;
    border-right: none;
    box-shadow: none;
}

.copy-link .copy-link-group .input-group-addon a:hover {
    text-decoration: none;
}

.copy-link .copy-link-group .input-group-addon a span {
    color: #f8c41c;
    font-size: 10px;
    font-weight: bold;
}

.copy-link .copy-link-group .form-control-feedback {
	background: #f8c41c;
	color: #fff;
	border: 1px solid #f8c41c;
    top: 8px;
    right: 10px;
    pointer-events: initial; /* or - auto // or -  unset  */
    width: auto;
    height: 34px;
}

.copy-link .copy-link-group .form-control-feedback.btn-green {
	background-color: #00bc00;
	border-color: #00bc00;
}

.copy-link .copy-link-group .form-control {
    border: 1px solid #e3e3e3;
    border-radius: 0 10px 10px 0 !important;
    box-shadow: none;
}

.copy-link .copy-link-group .form-control:focus {
    box-shadow: none;
}

.maintenance {
	background: #ececec;
	color: #777;
}

.icon.maintenance {
	color: #ececec!important;
}

/** Compact time slots **/

@media screen and (min-width:768px) and (max-width:1200px){
	.timeslots-item.compact .timeslots-item-time {
		font-size: 18px;
	}
}

@media screen and (min-width:480px){
	.timeslots-item.compact .timeslots-item-time {
		padding-left: 0;
		width: unset;
		margin-right: 0;
	}
}

.timeslots-item.compact .timeslots-item-info::before, .timeslots-item-info.compact::before {
	margin-right: 0;
}

.timeslots-item.compact.show_availability .timeslots-item-time {
	margin-bottom: 12px;
}

.timeslots-item.compact .timeslots-item-label {
	display: block;
    text-align: center;
}
.timeslots-item.compact.show_availability .timeslots-item-label {
	padding: 10px 0;
}

.margin-left-auto {
	margin-left: auto;
}

.margin-top-20 {
	margin-top: 20px;
}

/* ==========================================================================
Authentication
========================================================================== */

.authentication {
	text-align: center;
	border: 1px solid #dee1e8;
	border-radius: 5px;
	padding: 20px 30px;
	max-width: 450px;
	margin: 15px auto 30px;
}

.authentication__title {
	font-size: 16px;
	line-height: 20px;
	/* font-family: 'Nunito Sans Th', sans-serif; */
	font-weight: 800;
	font-style: normal;
	color: #000000;
	margin: 0 0 5px;
}

@media (min-width: 768px) {
	.authentication__title {
		font-size: 24px;
		line-height: 30px;
	}
}
.authentication__text {
	font-size: 12px;
	line-height: 17px;
}

@media (min-width: 768px) {
	.authentication__text {
		font-size: 16px;
		line-height: 25px;
	}
}

.authentication__toggle {
	color: #000000;
	font-weight: bold;
	font-style: normal;
	font-size: 14px;
	text-transform: uppercase;
	cursor: pointer;
	text-decoration: underline;
	display: inline-block;
	margin-bottom: 10px;
}

.authentication__selection {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	/* text-transform: uppercase; */
}

.authentication__selection .form-group {
	margin-bottom: 10px;
}

.authentication__selection input {
	/* height: 40px; */
}

.btn--authentication {
	height: 50px;
	border-radius: 5px;
	background-color: #fcc101;
	box-shadow: none;
	outline: none;
	color: #fff;
	font-size: 16px;
}

/* ==========================================================================
END Authentication
========================================================================== */

/* ==========================================================================
START Floating labels
========================================================================== */

.floating-label {
	position: relative;
}

.floating-label .control-label {
	cursor: text;
	position: absolute;
	color: #7A7A7A;
	background: white;
	padding: 2px 0;
	left: 15px;
	top: 16px;
	font-weight: 400;
	transition: padding 0.2s, left 0.2s, top 0.2s, font-size 0.2s;
	z-index: 3;
	width: calc(100% - 50px);
	border-radius: 3px;
}

.floating-label .input-group {
	z-index: 1;
}

.floating-label .control-label--focused,
.floating-label .control-label--value
 {
	padding: 2px 5px;
	top: -8px;
	font-size: 12px;
	width: auto;
}

@media screen and (min-width: 768px) {
	.floating-label .control-label {
		top: 12px;
		left: 20px;
	}

	.floating-label .control-label--focused,
	.floating-label .control-label--value
 	{
		top: -8px;
	}
}

/* ==========================================================================
END Floating labels
========================================================================== */
