@import url(https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap);

body {
	background-color: inherit;
	font-family: "Archivo", sans-serif;
}

.fa-shopping-basket:before {
	content: "\f291";
}

.error-notification{
	color: #61173a;
	text-transform: uppercase;
	font-weight: bold;
	margin: 50px;
	text-align: center;
}

.spaceManagement{
	height: 100%;
	width: 100%;
	background-color: rgba(251, 251, 251, 0.4);
}

.spaceManagement.content-loading{
	opacity: 0.5;
}

.breadcrumb{
	padding: 30px 15px 8px;
	list-style: none;
	/*background-color: white;*/
	border-radius: 4px;
	/*max-width: 100%;*/
}

.step-item{
	color: #636363;
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-size: 13px;
}

.step-item .section{
	padding-top: 65px;
	padding-left: 20px;
	padding-bottom: 0;
	color: #61173a;
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
}

.step-item .number {
	width: 5px;
	height: 5px;
	background: #61173a;
	margin: 5px auto 0;
	padding: 5px;
	border-radius: 50%;
	position: absolute;
	top: 5px;
	left: 50%;
	cursor: pointer;
	border: 5px solid #f2f2f2;
}
.step-item.active .number {
	top: -20px;
	left: 44%;
	border: 30px solid #eee;
}

.step-item .line {
	width: 100%;
	height: 1px;
	position: absolute;
	top: 20px;
	background: #f2f2f2;
}

.step-item.active .line{
	background: #f2f2f2;
}

.step-item.step-1 .line {
	width: 55%;
	left: 55%;
}

.step-item.step-4 .line {
	width: 55%;
}

.step-item.step-0 .section{
	padding-top: 65px;
	padding-right: 85px;
	padding-bottom: 0;
	color: #61173a;
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
}

.vouchers-page-right-sidebar {
	text-align: justify;
}

.vouchers-page-right-sidebar .image {
    margin-bottom: 10px;
}

.vouchers-page-right-sidebar img {
    max-width: 100% !important;
    height: auto !important;
}

.paymentBlock .name {
	float: left;
}
.paymentBlock img{
	float: left;
    max-width: 100%;
    max-height: 20px;
    margin-left: 15px;
}

.serviceBlock {
    border-bottom: 1px dotted #9c9c9c;
}

.serviceBlock .description{
	font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #525252;
    line-height: 1.4em;
    font-weight: normal;
    text-align: justify;
}

.profileBlock .name{
	display: contents;
}

.content{
	padding: 30px;
	margin-bottom: 30px;
}

.services{
	font-size: 12px;
	padding-top: 10px;
	color: #969090;
}

.openingHours{
	font-size: 12px;
	padding-bottom: 10px;
	color: #969090;
}

.description{
	font-size: 12px;
	padding-top: 10px;
	color: #969090;
	float: left;
	line-height: 12px;
	font-weight: normal;
}

.perex{
	padding: 25px 0;
	line-height: 12px;
	font-weight: normal;
}

.ticket-description{
	padding: 10px 0;
	text-align: left;
}

.price{
	font-size: 12px;
	color: #969090;
	text-align: right;
}
.price span{
	font-size: 13px;
	font-weight: bold;
}
.soldOut {
	color: darkred;
	padding: 0 1.5em;
}

.price small{
	display: block;
	display: none;
	color: #B8B2B2;
}

.old-price{
	font-size: 12px;
	padding-bottom: 10px;
	color: red;
	text-decoration: line-through;
	/*float: right;*/
	/*width: 15%;*/
}
.old-price span{
	font-size: 12px;
	font-weight: bold;
	text-decoration: line-through;
}

.mr-5{
	margin-right: 5px !important;
}

.old-price small{
	display: block;
	text-decoration: line-through;
	color: rgba(255, 0, 0, 0.51);
}

.ageCategoryCount:not(:last-child){
	border-bottom: 1px dashed #ddd;
	margin-bottom: 10px;
	padding-bottom: 10px !important;
}

.buttons{
	text-align: center;
	padding: 10px 0;
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	background: rgba(251, 251, 251, 1);
	z-index: 10;
}

.dayName{
	text-align: center;
	padding: 10px 0;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 14px;
	font-size: 12px;
}

.radio-label{
	width: 100%;
	color: #61173a;
}

.radio-label .name{
	font-weight: bold;
}

.times{
	height: 310px;
	margin-bottom: 15px;
}

.timeWrap{
	height: 380px;
	/*width: 360px;*/
	max-width: 100%;
	background: #fbfbfb;
}

.timeItem {
	padding: 5px 10px;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
}

.timeItem.active {
	background: #61173a;
	min-width: 52px;
	color: white;
	padding: 5px 10px;
}

.form{
	margin-top: 30px;
	padding-top: 30px;
}

.form .col-sm-2, .form .col-sm-6, .form .col-sm-12{
	padding-left: 0 !important;
}


.finalPrice{
	text-align: center;
}

input[type='radio']:after {
	width: 15px;
	height: 15px;
	border-radius: 15px;
	top: -2px;
	left: -1px;
	position: relative;
	background-color: white;
	content: '';
	display: inline-block;
	visibility: visible;
	border: 1px solid #61173a;
}

input[type='checkbox']:after {
	width: 15px;
	height: 15px;
	border-radius: 3px;
	top: -2px;
	left: -1px;
	position: relative;
	background-color: white;
	content: '';
	display: inline-block;
	visibility: visible;
	border: 1px solid #61173a;
	margin-top: 2px;
}

input[type='radio']:checked:after {
	width: 15px;
	height: 15px;
	border-radius: 15px;
	top: -2px;
	left: -1px;
	position: relative;
	background-color: white;
	content: '';
	display: inline-block;
	visibility: visible;
	border: 5px solid #61173a;
}

input[type='checkbox']:checked:after {
	width: 15px;
	height: 15px;
	border-radius: 3px;
	top: -2px;
	left: -1px;
	position: relative;
	background-color: white;
	content: '';
	display: inline-block;
	visibility: visible;
	border: 5px solid #61173a;
	margin-top: 2px;
}

.btn-custom {
	padding: 15px;
	width: 30%;
	color: white;
	background: #61173a;
}

.btn-custom-small {
	padding: 2px 5px;
	width: 30%;
	border: 1px solid #ddd;
	color: black;
	background: white;
}


.btn-custom i, .btn-custom-small i {
	float: right;
	padding-top: 2px;
}

.btn-custom-small i {
	padding-top: 2px;
}


.buttons .btn-default {
	padding: 15px;
	width: 60px;
	margin-right: 45px;
}

.buttons .buttonName div{
	float: left;
}

label{
	color: #999;
}

.fa.fa-user, .fa.fa-calendar{
	color: #61173a;
}

.personChange{
	padding: 10px;
	width: 52px;
	text-align: center;
	font-size: 15px;
	background: #61173a;
	color: white;
	border: 1px solid #61173a;
	display: inline-block;
	cursor: pointer;

	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;

	/*
	  Introduced in IE 10.
	  See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
	*/
	-ms-user-select: none;
	user-select: none;
}

.personInput{
	width: 52px;
	background: #f8f8f8;
	padding: 11px;
	text-align: center;
	border: 1px solid #f8f8f8;
	color: #61173a;
}

.personInput:focus{
	border: 1px solid #f8f8f8;
	outline: none;
}

.selectPerson, .selectDateAndTime, .selectSubresource, .selectTimeAndService{
	padding: 15px 0 40px;
	text-align: center;
}

.selectSubresource{
	text-align: center;
}

.selectSubresource select{
	width: 40%;
	margin: auto;
}

.personSection{
	padding: 15px 0;
}

.selectDateFirst{
	width: 100%;
	text-align: center;
	padding-top: 38%;
}

.daysWrap{
	height: 330px;
    /*width: 360px;*/
	max-width: 100%;
    background: #fbfbfb;
    position: relative;
    padding: 25px 0 25px;
    box-sizing: content-box;
}

.center-align{
	text-align: center;
	padding: 10px 0;
}

.closed{
	margin-top: 32%;
	text-align: center;
}

.timeItems{
	padding: 0 10px;
	position: absolute;
	top: 0px;
}

.itemRowSeparator{
	height: 1px;
	background: #ddd;
	width: 87%;
	margin: 9px 23px 10px;
	display: block;
}

.itemRowSeparator.transparent{
	height: 1px;
	background: transparent;
	width: 87%;
	margin: 9px 23px 10px;
	display: block;
}

textarea{
	resize: none;
}

.summaryDetails{
	margin: 0px 500px;
}

.reservationSuccess{
	padding-top: 30px;
	/*margin: 40px -500px;*/
	text-align: center;
}

.reservationError{
	padding-top: 30px;
	background: #f9f2f7;
	/*margin: 40px -500px;*/
	text-align: center;
}

.reservationWarning{
	padding-top: 30px;
	background: #ff980021;
	/*margin: 40px -500px;*/
	text-align: center;
}

.reservation{
	/*margin: 0px 500px;*/
}
.reservation .iconWrap{
	text-align: center;
	width: 100%;
	display: inline-block;
	font-size: 80px;
	font-weight: 100;
	padding: 0 35px;
}

.iconWrap{
	text-align: center;
	width: 100%;
	display: inline-block;
	font-size: 80px;
	font-weight: 100;
	padding: 35px;
}

.reservationSuccess .iconWrap{
	color: green;
}

.reservationError .iconWrap{
	color: red;
}

.reservationWarning .iconWrap{
	color: orange;
}

.reservation .description{
	width: 100%;
	text-align: center;
}

.timesRow{
	height: 195px;
	overflow: hidden;
	position: relative;
	padding: 20px 0;
}

.homeLink{
	font-size: 20px;
	padding: 10px;
	margin-bottom: 10px;
	color: #61173a;
}

.homeLink:hover, .homeLink:visited{
	color: #51172a;
}

.legend{
	color: #a5a4a4;
}

#central-error{
	color: red;
	display: inline;
}

.categoryServices{
	padding: 5px;
}

.categoryServices .serviceName{
	font-size: 13px;
}

.categoryServices .soldOut {
	color: darkred;
	padding: 0 1.5em;
}

.categoryName{
	padding: 5px 0;
    color: #831000;
    border-radius: 2px;
    width: 100%;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 25px;
    cursor: pointer;
    border-bottom: 2px solid;
}

.categoryName i{
	float: right;
	padding-top: 2px;
}

.clickable{
	color: #61173a;
	text-transform: uppercase;
	font-weight: bold;
	cursor: pointer;
	display: inline;
	padding-right: 50px;
	padding-left: 5px;
}

.clickable.client-info{
	padding-right: 5px;
}

.login-wrapper, .change-password-wrapper{
	width: 80%;
	margin: 30px auto;
}

.loyaltyClientSection {
	/*padding: 15px;*/
	width: 30%;
	margin-right: auto;
	margin-left: auto;
	display: inline;
}

.loyaltyClientSection .loyaltyClient{
	float: right;
}

.login-wrapper .submit, .change-password-wrapper .submit{
	margin-top: 35px;
}

#loader{
	max-height: 20px;
}

.totalPrice{
	font-size: 18px;
}

.ticketsTable tbody {
	display:block;
}

.ticketsTable thead, .ticketsTable tbody tr {
	display:table;
	width:100%;
	table-layout:fixed;
}
.ticketsTable thead {

}

.ticketsTable ::-webkit-scrollbar {
	display: none;
}

.ticketsTable {
	margin-top: 15px;
}

.selectedDate {
	 font-weight: bold;
    font-size: 18px;
    padding-bottom: 5px;
    text-align: left;
    cursor: pointer;
}

.paymentsRow {
	/*margin-top: 30px;*/
}

.importantNotification {
	margin-top: 30px;
}

.checkboxesWrap {
	margin-top: 30px;
	margin-bottom: 50px;
}

.checkboxesWrap .checkDiv{
	margin-top: 10px;
}

.checkboxesWrap p{
	margin: 0;
	display: inline;
}

.checkboxesWrap label{
	display: inline;
	font-family: "Archivo", sans-serif;
    font-weight: 600;
    color: #525252;
    font-size: 13px;
}

.checkboxesWrap label label{
	padding-left: 10px;
} 

.itemsSection table{
	width: 100%;
}

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

.full-width{
	width: 100%;
	text-align: center;
}

.tickets.dates{
	margin-left: 195px;
}

.timeWidth{
	width: 50px;
}

.tickets_data_screen .personsData {
	float: left;
	width: 50%;
}

.tickets_data_screen .selectDateAndTime {
	float: right;
	margin: 0;
	width: 50%;
}

.tickets_data_screen .tickets.dates{
	position: relative;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	float: right;
}

.tickets_data_screen .personSection{
	padding: 10px 0;;
}

.serviceCell .btn-success{
	background-color: #ffffff;
}

.serviceCell .btn-danger{
	background-color: #ffffff;
	color: red;
}

.serviceCell .btn-danger i{
	color: red;
}

.results{
	margin-bottom: 100px;
}


.info {
	padding: 5px 0 15px 0;
}

.table-responsive{
	border: none !important;
}

/*.itemsBasket{*/
/*	padding: 20px 0;*/
/*	background: #eee;*/
/*	margin: 0 485px 35px;*/
/*}*/

/*.summary{*/
/*	padding: 30px 10px 0;*/
/*	background: #eee;*/
/*	margin: 40px -500px;*/
/*}*/

.summary{
	padding: 30px 10px 0;
	background: #eee;
	margin: 20px -15px 40px;
}

.itemsBasket {
	padding: 20px 10px;
	background: #eee;
	margin: 0px 0px 35px;
	width: 100%;
}

.itemsSection thead {
	border-bottom: 1px solid black;
}

.itemsSection thead th{
	padding-bottom: 5px;
}

.itemsSection table td {
	padding: 12px 0;
}

.itemsSection .summaryRow {
	border-top: 1px solid black;
	font-size: 18px;
}

.itemsSection .summaryRow th{
	padding-top: 5px;
}

.itemsTable tr.item-type-service:not(:first-of-type){
	border-top: 2px solid #ddd;
}

.itemsTable tr.additional-info td{
	padding: 0 10px;
	border: 0;
	font-size: 12px;
}

.itemsTable tr.item-type-service td{
	font-weight: bold;
}

.itemsTable tr td[rowspan="2"]{
	vertical-align: middle;
}

.basketSummary .itemsBasket {
	padding: 10px;
	background: #eee;
	margin: 0;
	width: 100%;
}

.basketSummary .promo{
	padding: 0 20px 0;
	background: #eee;
	margin: -40px 0 15px;
	display: inline-block;
	width: 100%;
}

.basketSummary .promo input[name="promoCode"] {
	text-align: center;
}

.basketSummary .promo-wrapper{
	display: flex;
}

.basketSummary .error{
	color: red;
	width: 100%;
	text-align: center;
}

.basketSummary .verifyPromoCode{
	display: inline-block;
	margin-left: 5px;
}

.basketSummary .radio-label{
	width: auto;
}

.basketSummary .promoCodeData{
	display: inline-block;
	width: 100%;
	text-align: left;
	padding-bottom: 10px;
}

.basketSummary .promoCodeData span{
	display: block;
	padding: 5px 0;
}

.removePromoCode{
	width: 10px;
	display: inline;
	font-size: 13px;
	cursor: pointer;
	padding: 3px;
	color: red;
}

.basketSummary .promo-header{
	padding: 20px 10px;
	background: #eee;
	width: 100%;
	margin: 0;
}

.basketSummary .promo-header label{
	width: 100%;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 30px;
	border-bottom: 1px solid #dedede !important;
}

.basketSummary .emptyBasket{
	text-align: center;
	padding-bottom: 20px;
	font-weight: bold;
}

.products{
	padding: 0;
	background: #eee;
	margin: -40px 0 15px;
	display: inline-block;
	width: 100%;
}

.products-wrapper{
	display: flex;
}

.products-header{
	padding: 20px 10px;
	background: #eee;
	width: 100%;
	margin: 0;
}

.products-header label{
	width: 100%;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 30px;
	border-bottom: 1px solid #dedede !important;
}


.product-category{
	background-size: cover !important;
	height: 150px;
	line-height:150px;
	border: 1px solid #dedede;
	margin-top: 20px;
	cursor: pointer;
	text-transform: uppercase;
	padding: 0;
	text-align: center;
	vertical-align: middle
}

.product-category-name{
	text-align: center;
	/*padding-top: 30%;*/
	color: white;
	text-shadow: 1px 0 black;
	font-size: 15px;
}
.category-products{
	margin-top: 30px;
}

.product{
	border-bottom: 1px solid #dedede;
}

.product-row{
	margin: 10px -15px;
	font-size: 15px;
	cursor: pointer
}

.product-info{
	display: none;
}

.product input{
	min-width: 50px;
}

.product img, .product .image{
	margin-top: 0;
	width: 100%;
	height: 200px;
	background-size: cover;
}

.product .product-price{
	font-size: 18px;
	font-weight: bold;
}

.product-modal .modal-body{
	position: relative;
}

.product-modal .product-basket-message{
	/*position: absolute;*/
	bottom: 5px;
	left: 15px;
	display: none;
}

.product-modal .product-basket-message.btn-success,
.product-modal .product-basket-message.btn-error {
	display: block;
}

.visible{
	display: inline-block;
}

.invisible{
	display: none;
}

.verified{
	box-shadow: 0 0 4px 1px green;
}

.unverified{
	box-shadow: 0 0 4px 1px red;
}

.ticketTimeBox{
	box-sizing: border-box;
    display: inline-block;
    width: calc((100% / 9) - 7px);
    padding: 3px 5px;
    margin: 4px 2px;
    color: #fff;
    background-color: #5cb85c;
    border: 1px solid #4cae4c;
    border-radius: 10px;
    cursor: pointer;
}

.ticketTimeBox .ticketTime{
	font-size: 22px;
    font-weight: 600;
    text-align: center;
    padding: 0px;
}

.spaceManagement .ticketTimeBox .ticketPrices {
    text-align: center;
    border-top: 1px dashed #6f6f6f;
    padding-top: 5px;
}

.spaceManagement .ticketTimeBox .ticketPrices small {
	text-decoration: line-through; 
	color: #ff5151; 
	font-weight: 600;
	font-size: 90%;
	display: block;
}

.spaceManagement .ticketTimeBox .ticketPrices strong {
    font-size: 14px;
}

.ticketServiceBox {
	margin: 25px 0;
}

.ticketServiceTimes{
	text-align: left;
    border-top: 1px solid black;
    padding-top: 10px;
}

.summaryContent .itemsBasket{
	padding: 0 !important;
}

.catOpened{
	display: block;
}

.catClosed{
	display: none;
}

.customerStep{
	display: inline-block;
	border: 1px solid;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	line-height: 25px;
}

.notification{
	margin: 5px 0 15px;
	font-size: 12px;
}

.loyaltyClientSection .clickable{
	float: left;
	padding: 0 10px;
}

#loader img, .loading img{
	display: inline;
}

.tickets_data_screen .tickets.dates .loading{
	position: absolute;
	top: 45%;
	left: 52%;
	z-index: 9;
}

.dates_screen .dates .loading{
	position: absolute;
	top: 45%;
	left: 48%;
	z-index: 10;
}

.spaceManagement .container{
	width: 100% !important;
	padding: 0;
	margin-bottom: 50px;
}

.webColor1_background_hover.btn.focus,
.webColor1_background_hover.btn:focus,
.webColor1_background_hover.btn:hover,
.webColor1_background.btn.focus,
.webColor1_background.btn:focus,
.webColor1_background.btn:hover{
	color: white;
}

.unavailable{
	opacity: 0.2;
}

.ageCategoriesCount {
	padding: 5px 0 !important;
}

.ageCategoryCount input, .ageCategoryCount select{
	width: 90%;
}

.personSection input{
	width: 30% !important;
	text-align: center !important;
}

.eshop_services_screen .personSection{
	padding: 0;
}

.ageCategoryName{
	display: inline-block;
	font-weight: 100;
}

.half-width{
	width: 50% !important;
}

.no-selectable{
	opacity: 50% !important;
}

#dateSelect{
	width: 70%;
	float: right;
}

.date-picker-wrapper .month-wrapper table .day{
	margin-top: 5px;
	margin-bottom: 5px;
}

.date-picker-wrapper .month-wrapper{
	height: 380px;
}

.basketSection{
	/*padding: 15px;*/
	/*width: 10%;*/
	margin-right: auto;
	margin-left: auto;
	display: inline;
}

.basketSection .clickable{
	float: right;
	padding: 0 10px;
}

.basket-small{
	display: inline;
}

.basket-small .showBasket{
	display: inline;
	position: relative;
}

.basket-items-count{
	display: block;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background-color: #db2e2e;
	font-size: 0.78em;
	font-family: "Source Sans Pro", sans-serif;
	font-weight: 600;
	color: #f4f4f4;
	position: absolute;
	top: 5px;
	right: -5px;
	text-align: center;
	line-height: 18px;
}

.pulse {
	cursor: pointer;
	transform: scale(1);
	box-shadow: 0 0 0 rgba(204,169,44, 0.4);
	animation: pulse 2s infinite;
}

.basket-overview.basket-closed{
	display: none;
}

.basket-overview.basket-open{
	display: block;
}

.item-action{
	font-size: 10px;
	padding: 5px;
	cursor: pointer;
}

div.itemRow{
	padding: 5px 0;
}

div.itemRow:not(:last-child) {
	border-bottom: 1px solid #ddd;
}

.basketSummary .old-price, .basketSummary .price{
	padding: 0;
}

.basketSummary .headerRow{
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
	text-transform: uppercase;
}

.basketSummary .summaryRow {
	border-top: 2px solid #909090;
	font-size: 18px;
	padding: 5px 0;
}

.cardGuarantee {
	/*background: #f1faff;*/
	display: none;
}

.guestAccount {
	display: none;
}

.besteron {
	display: none;
}

.cardIcon{
	padding: 0 !important;
	text-align: left;
	font-size: 25px;
	margin-top: 25px;
}

.cardIcon i{
	min-width: 25px;
	min-height: 25px;
	margin-left: -10px;
}

.cardIcon.valid i{
	color: green;
}

.cardIcon.invalid i{
	color: red;
}

.no-left-padding{
	padding-left: 0 !important;
}

.reservations-wrap{
	margin-bottom: 30px;
}

.reservation-row{
	background: white;
	padding: 15px;
	margin-bottom: 10px;
}

.profile_screen .btn{
	padding: 3px 6px;
}

.reservation-detail{
	display: none;
	margin-top: 10px;
	border-top: 1px solid rgb(222, 222, 222);
}

.reservation-item{
	display: block;
	padding: 5px 0;
	margin-bottom: 5px;
}

.reservation-item:not(:last-child){
	border-bottom: 1px dashed #ddd;
}

.reservation-price{
	display: inline;
}

.reservation-price .paid-div {
	display: inline-block;
}

.green{
	color: green;
}

.red{
	color: red;
}

#pagination{
	text-align: center;
}

#pagination span{
	padding: 5px 10px;
	background: white;
	font-weight: bold;
	border: 1px solid #ddd;
	border-radius: 5px;
	margin: 0 2px;
}

.flashMessage{
	color: black;
	position: fixed;
	bottom: 5px;
	right: 5px;
	z-index: 5;
	padding: 15px;
	border-radius: 5px;
}

.flashMessage.success{
	background: #daf3b4;
	border: 1px solid #bfe4c9;
}

.flashMessage.error{
	background: #f3b4b4;
	border: 1px solid #f6cccc;
}

.tabs.tabs-inline{
	text-align: center;
}

.tabs.tabs-inline li{
	display: inline-block;
}

.tabs.tabs-inline li a{
	width: 100%;
	color: white !important;
	padding: 5px;
	border-radius: 5px;
	text-decoration: none !important
}

.tabs.tabs-inline li.active a{
	color: black !important;
	background: white !important;
	text-decoration: none !important
}

.item-upsell{
	cursor: pointer;
}

.item-upsells{
	/*display: none;*/
}

.row.itemRow.serviceGroup:not(:first-child){
	border-top: 1px solid #909090;
}

.locations_screen .content{
	margin-bottom: 0 !important;
}

.locations_screen .location .image{
	width: 100%;
	height: 290px;
	position: relative;
	background-size: cover;
	background-position: center;
}
.locations_screen .location .image .name {
    text-align: left;
    font-size: 16px;
    font-weight: 900;
    color: white;
    text-shadow: 0px 0 10px black;
    position: absolute;
    bottom: 7%;
    width: 100%;
    text-decoration: none;
    z-index: 1;
    max-width: 100%;
    padding-left: 1em;
    padding-right: 1em;
    line-height: 1.3em;
}

.locations_screen .location .image .price {
    color: white !important;
    z-index: 9999;
    font-size: 16px;
    position: absolute;
    top: 1em;
    right: 0;
    font-weight: 600;
    padding: 2px 15px 2px 20px;
    clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%);
}

.locations_screen .location a:hover{
	text-decoration: none;
}


.locations_screen .location{
	margin: 10px 0;
}

.season_tickets_screen .checkbox+.checkbox, .radio+.radio{
	margin-top: 10px;
}

.seasonTicketUse, .promoCodeUse{
	text-align: center;
	padding: 30px 15px;
}

.verifySeasonTicket{
	margin-top: 5px;
}

[for="season-ticket-error"]{
	width: 100%;
	color: red;
}

.overlay-bg:after {
    content: "";
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 1;
    background: linear-gradient(to top,rgba(35,32,46,.39) 40%,rgba(34,31,46,.38) 35%,rgba(42,38,55,.36) 60%,rgba(183,181,190,.08) 100%);
    border-radius: .75rem;
}

.editClient{
	float: right;
	padding: 0 4px;
}

.changePassword {
	float: left;
	padding: 0 4px;
}

.servicePricesWrap{
	padding: 5px;
}

.servicePricesWrap .loading img{
	width: 18px;
	height: 18px;
}

.servicePricesWrap .price,
.servicePricesWrap .old-price{
	padding: 5px 10px;
	color: black;
	font-weight: bold;
	font-size: 18px;
}

.servicePricesWrap .old-price{
	color: red;
	text-decoration: line-through;
}

.loyaltyCardVerificationBlock{
	display: none;
}

.loyaltyCardVerificationBlock input{
	text-align: center;
}


.loyaltyCardVerification .message{
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 0;
}

.language-dropdown-list img{
	display: inline;
}

.language-dropdown-list a{
	font-size: 14px !important;
}

@media all and (max-width:1199px){
	.tickets_data_screen .personsData{
		width: 100%;
	}

	.tickets_data_screen .selectDateAndTime{
		width: 100%;
	}

	.tickets_data_screen .tickets.dates{
		width: 75%;
		/*float: none;*/
		margin-right: 0;
	}

	.dates_screen .col-sm-6 {
		width: 85%;
		padding-bottom: 15px;
		text-align: center;
		margin-left: 90px;
	}

	.dates_screen .timeWrap{
		margin: 0;
	}

	.dates_screen .date-picker-wrapper .month-wrapper{
		float: none;
	}

	.ticketTimeBox {
		min-width: calc((100% / 8) - 7px);
	}

	select.serviceCount{
		padding: 6px !important;
	}

	.tickets_data_screen .tickets.dates .loading{
		top: 45%;
		left: 61%;
	}

	.dates_screen .dates .loading{
		position: absolute;
		top: 43%;
		left: 30%;
		z-index: 10;
	}
}

@media all and (max-width:992px){
	.dates_screen .col-sm-6 {
		margin-left: 150px;
	}

	.ticketTimeBox {
		width: calc((100% /4) - 8px);
	}

	.tickets_data_screen .tickets.dates .loading{
		top: 45%;
		left: 45%;
	}

	.dates_screen .dates .loading{
		position: absolute;
		top: 38%;
		left: 43%;
		z-index: 10;
	}
}

@media all and (max-width:991px){
	.tickets_data_screen .tickets.dates{
		width: 88%;
		float: right;
		margin-right: 0 !important;
	}

	.dates_screen .col-sm-6 {
		margin-left: 55px;
	}
}

@media (min-width: 768px) {
	.loyaltyClientSection {
		width: 750px;
	}
}

@media (min-width: 992px) {
	.loyaltyClientSection {
		width: 970px;
	}
}

@media (min-width: 1200px){
	.loyaltyClientSection {
		width: 1170px;
	}
}

@media (min-width: 820px) and (max-width:1200px) {
	.tickets_data_screen .tickets.dates{
		margin-left: 35px;
		margin-right: 25%;
	}
}

@media all and (max-width:992px){
	.date-picker-wrapper .month-wrapper{
		float: left;
	}

	.timeWrap{
		margin-left: 0;
	}

	.daysWrap{
		margin-left: 0;
	}

	.times{
		/*margin-top: 10px;*/
	}

	.timeItems{
		width: 100%;
	}

	.content {padding: 30px 15px;}

	.login-wrapper, .change-password-wrapper {
		width: 85%;
	}
}

@media all and (max-width:820px){
	.step-item{
		width: 100%;
	}

	.step-item .line{
		background: #f2f2f2;
	}

	.step-item.step-1 .line
	{
		left: 20%;
	}

	.step-item.active .number{
		left: 50%;
		top: 0px;
		border: 5px solid white;
		background: #eee;
	}

	.step-item .section{
		padding-top: 30px;
	}

	.tickets_data_screen .personsData {
		float: none;
		width: 100%;
	}

	.tickets_data_screen .selectDateAndTime {
		float: none;
		width: 100%;
	}
	.tickets_data_screen .calendarWrap{
		display: inline-block;
		width: 100%;
	}

	.date-picker-wrapper .month-wrapper {
		width: 100% !important;
		max-width: 100%;
	}
	.date-picker-wrapper .month-wrapper table {
		width: 100% !important;
		max-width: 100%;
	}

	.date-picker-wrapper .month-wrapper table .day {padding: 10px 0;}

	.tickets_data_screen .tickets.dates{
		margin-left: 0;
		margin-right: 0;
		text-align: center;
		width: 100%;
	}

	.buttons .btn{
		width: 90%;
		margin-bottom: 10px;
	}

	.buttons .btn-default{
		margin-right: 0;
	}

	.login-wrapper .btn-custom, .change-password-wrapper .btn-custom{
		width: 100%;
		margin-bottom: 5px;
		height: 30px;
		padding: 5px;
	}

	.step-item {display: none;}
	.step-item.active {display: inline-block;}
	.clickable {padding: 5px 10px; }
	.breadcrumb {padding: 5px 15px 8px;}
	.selectPerson, .selectDateAndTime, .selectSubresource, .selectTimeAndService {padding: 15px 5px 40px;}
	.equal-content-sidebar-by-gridLex .sidebar-wrapper {display: none;}

	body {width: 100%;}
}

@media (max-width: 768px) {
	.ageCategoryCount{
		padding: 15px 0!important;
	}

	.ticketTimeBox {
		width: calc((100% /3) - 8px);
	}
}

@media (max-width: 250px) {
	.loyaltyClientSection {
		width: 100%;
	}

	.container {
		width: 100%;
	}
}

@media only screen and (max-width: 991px) {
	.navbar-mini {
		margin-right: 0;
		margin-top: -1px;
	}

	.itemsTable .itemRow .item-name{
		margin-bottom: 10px;
	}
	
	.itemsTable .itemRow .additional-info{
		margin-top: 10px;
	}
}

@media (max-width: 820px) {
	.dates_screen .col-sm-6 {
		margin-left: 0;
		width: 100%;
	}
}

@media (max-width: 479px) {
	.basket-items-count {
		top: -15px;
	}
}

@media (max-width: 560px) {
	.itemsTable .itemRow small,
	.itemsTable .headerRow strong,
	.itemsTable .itemRow strong {
		/* width: 100%; */
		text-align: left !important;
	}

	.summaryRow .col-xs-4{
		display: block;
		/* width: 100%; */
	}
	
	.itemsTable .itemRow small,
	.itemsTable .headerRow strong,
	.itemsTable .itemRow strong,
	.itemsTable .summaryRow strong{
		padding: 0 5px;
	}

	.summary{
		padding: 0;
	}

	.itemsTable .itemRow .item-action{
		font-size: 12px;
	}

	/* .basket-items-count {
		right: 15px !important;
		top: 65px;
	} */

	.language-dropdown-list{
		text-align: right;
		/* float: none !important; */
	}
}

@media (max-width: 439px) {
	.language-dropdown-list{
		text-align: right;
		float: right !important;
	}
}