/*.input-container
	//width //100%
	text-align center
	padding-top 5px
	position: relative
	*,*:before,*:after
		transition .25s ease-in-out
.ios-toggle,
.ios-toggle:active
	position absolute
	top 0
	height 0
	width 0
	opacity 0
	border none
	outline none

.checkbox-label
	display inline-block
	position relative
	padding 10px
	font-size 12px
	line-height 0
	font-weight 400
	width 60px
	//min-width 40px
	height 30px
	border-radius 18px
	background-color baliHai
	cursor pointer
	margin-bottom 0
	
	&:before
		content '\6d'
		display block
		position absolute
		z-index 1
		line-height 30px
		//text-indent 40px
		height 30px
		width 30px
		border-radius 100%
		top 0px
		left 0px
		right auto
		background blanco
		box-shadow 0 3px 3px rgba(0,0,0,.2),0 0 0 2px baliHai
		font-family 'exxicon'
		text-align center
		color baliHai
		font-size 2.500rem
		// -webkit-font-smoothing antialiased
		// -moz-osx-font-smoothing grayscale
		

.off
	color baliHai
	left 0
	position absolute
	i
		&:before
			font-size 3rem
.on
	color baliHai
	position absolute
	right 0
	i
		&:before
			font-size 3rem

.ios-toggle:checked + .checkbox-label
	box-shadow inset 0 0 0 20px online,0 0 0 2px online

.ios-toggle:checked + .checkbox-label:before
	left calc(100% - 30px)
	box-shadow 0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3)
	color online

#checkbox1 + .checkbox-label
	box-shadow inset 0 0 0 0px online,0 0 0 2px #dddddd
#checkbox1:checked + .checkbox-label
	box-shadow inset 0 0 0 18px online,0 0 0 2px online*/


input[type="checkbox"].ios-toggle
    display none
.margin
	margin 1em 0
.ios-toggle + label
    color #f2f2f2
.phototooltip
	background red
.ios-toggle + label span
	border-radius 5px
	display inline-block
	width 25px
	height 25px
	margin -2px 10px 0 0
	vertical-align middle
	background-color blanco
	cursor pointer
	border 1px solid online
.ios-toggle:checked + label span
	text-align center
	&:before
		content '✓'
		display block
		color online
		font-size 2.7rem
	    margin-top -1.3rem
	    margin-left 0.5rem

.booking
	//background-color blanco
	max-width 1200px
	z-index 5
	.trans-label
		color online
	
	p
		margin-bottom 0
	.nav--tab
		padding-left 0
		.nav-tab--item
			max-width 50%
			position relative
			border-radius 1.2em 1.2em 0 0
			transition background-color 0.200s ease-in
			color $cColorTabDefault
			&:nth-of-type(1)
				background-color darken($bColorTabDefault, 40%)
				&.active
					background-color $bColorTabDefault
				&:hover
				&:focus
					background-color $bColorTabDefault
			&.as_banner
				margin 0 auto
				max-width 100%
			&:nth-of-type(2)
				background-color darken($bColorTabSecond, 40%)
				&.active
					background-color $bColorTabSecond
				&:hover
				&:focus
					background-color $bColorTabSecond
			a
				display table
				width 100%
				text-align center
				height 100%
			&.active
				z-index 20
				background primary !important
				&:after
					content ''
					display block
					position absolute
					left 0
					bottom 0
					right 0
					width 0
					height 0
					margin auto
					border-left 10px solid transparent
					border-right 10px solid transparent
					border-bottom 8px solid blanco
				// &.as_banner
				// 	background-color primary
				// 	color blanco
				// &:hover
				// &:focus
				// 	background-color @background-color
				// i
				// 	display inline
				// &:nth-of-type(1)
				// 	color primary
				// &:nth-of-type(2)
				// 	color sixth
				
	.left
		//padding $default
		//background-color blanco
		.flexie
			> div
				margin-bottom $default
			.six
				width 50%
			
			.flex--wrap
				flex-direction column
			
			.flex--item
				margin-bottom $default
				flex-basis 25%
.negative
	.left
		.flexie
			.flex--item
				flex-basis 100%

	.tab--container
		.nav--tab
			.nav-tab--item
				border 0 none
	
	.tab--content
		background-color $bColor_Booking
		float left
		margin-bottom 1em
		> .tab-pane
			border 0 none
			width 100%
	
	.home-display
		display none
	aside
		.tab--content
			>.tab-pane
				padding-left 0
				padding-right 0
	.trans-label
		color negro
		font-size 1.4rem
	.upgrades-items
		.amount--regular
			font-size 1.4rem
	.no-home-display
		display block
		.discounts__belt
			border-bottom 0px
			.title-msi
				color azul
				display inline
				margin-top 2em
			.text-msi
				color gris
				font-size 1.3rem
				line-height 1.2em
			.icon-credit-card
				img
					width 20px
					display inline
	.prices-content
		.six
			width 50%
			display inline-block
		.experience
			h4
				color azul
				margin-top 1.5em
				font-weight 400
		.title-person
			color #209000
		.amount--regular
			font-size 1.2rem !important
			text-decoration line-through !important
		.amount--total
			font-size 2rem !important
		.optionsCart
			input
			select
				border-color red
				
.amount-linethrough
	text-decoration line-through !important
aside 
	.booking
		.tab--content
			{$bookingAside}
//-------------
// Up to 768px
//-------------
@media (min-width : 48.000em)
	.home
		.booking
			position absolute
			left 0
			right 0
			margin auto
			bottom -80px
			//top 50vh
			//All stiles on home 
			.home-display
				display block
				#addProduct
					width 10em
					margin 0 1em
			.prices-content,
			.no-home-display,
			.amount--regular
				display none
			//All stiles on home 
			.left
				float left
				width 100%
				padding $default
				//border 1px solid border_booking_home
				border-radius 0 0 1em 1em
				.total
					line-height 2rem
					display none
				.flexie // Main wrap with flexbox
					display flex
					justify-content center
					align-items stretch
					//padding-left $default
					.flex--wrap
						flex-direction row
					> div
						flex 1
						align-self center
						position relative
						margin-bottom 0
						&.optionsCart
							flex-grow 3
						&:last-child
							flex-grow 1
							padding-left $default
						.flex--item
							padding-left $default
							&:nth-of-type(1)
								padding-left 0
						&:nth-of-type(3)
							padding-left $default
						.photopass-upgrade
						.plus-upgrade
							padding-left 0	

			.tab--container
				left 0
				//margin auto
				position absolute
				//right 0
				top emify(-45px)
				width 30%
				z-index 1
				.nav--tab
					
					.nav-tab--item
						border 0 none
						margin-right remify(2px)
						&:last-child
							margin-right 0
						a
							line-height 2.500em
						&.active
							&:after
								display none
			.tab--content
				border-radius 0 0 1em 1em !important
				margin-bottom 0
				> .tab-pane
					padding 0
					width 100%
					border 0 none
					background blanco
			
			.trans-label
				font-size 1.2rem
				color trans-label
			.amount
				white-space nowrap
				&--total
					font-size 2.500rem
			.legals
				line-height remify(17px)
	aside
		.booking
			margin-bottom 0
			.tab--content
				border-left 1px solid gris
				border-right 1px solid gris
				border-bottom 1px solid gris
				// > .tab-pane
				// 	padding-left 0
				// 	padding-right 0
			.flex--wrap
				flex-direction row !important
				.flex--item
					margin-bottom $default
					&:nth-of-type(1)
						flex-basis 25%
						flex-grow 2
					&:nth-of-type(2)
					&:nth-of-type(3)
						select
							max-width 99%
					&:nth-of-type(4)
						flex-basis 25%
						flex-grow 2
		.banner-top
			background blanco
			position absolute
			top -1em
			width 8.5em
			left 50%
			margin-left -4.25em
			text-align center
		.card
			margin-top 5em
			position relative
			border-top 1px solid gray
			border-bottom 1px solid gray
			padding-top 2em

.booking-quintanaroo
	margin-bottom 0
	.tab--content
		border-left 1px solid gris
		border-right 1px solid gris
		border-right 1px solid gris
		// > .tab-pane
		// 	padding-left 0
		// 	padding-right 0
	.flex--wrap
		flex-direction row !important
		.flex--item
			margin-bottom $default
			&:nth-of-type(1)
				flex-basis 25%
				flex-grow 2
			&:nth-of-type(2)
			&:nth-of-type(3)
				select
					max-width 99%
			&:nth-of-type(4)
				flex-basis 25%
				flex-grow 2
.banner-top
	background blanco
	position absolute
	top -1em
	width 8.5em
	left 50%
	margin-left -4.25em
	text-align center
.card
	margin-top 2em
	position relative
	border-top 1px solid gray
	border-bottom 1px solid gray
	padding-top 2em
//-------------
// Up to 990px
//-------------
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .home .booking .amount {
        white-space: normal
		width: 163px
   }
}
@media (min-width : 61.875em)
	.home
		.booking
			bottom 74px
			.left
				border 1px solid border_booking_home
				.total
					display block
			.tab--content
				background-color alpha(negro, 50%)
				margin-bottom 1em
				> .tab-pane
					background-color alpha(negro, 50%)
					border-radius 0em 0em 1em 1em !important
			.tab--container
				.nav--tab
					.nav-tab--item
						//background-color alpha(negro, 50%)
						&:first-child
							background quinary
							&.active
								background primary !important
								&:after
									border-bottom 0 none
									border-top 0px
									z-index 90
									top 55px
						&:last-child
							background quinary
							&.active
								background primary !important
								&:after
									border-bottom 0 none
									border-top 0px
									z-index 90
									top 55px
			
			.trans-label
				color blanco
			.amount--total
				color blanco
			.legals
				color blanco
//-------------
// Up to 1024px (1025px)
//-------------		
@media(min-width : 64.063em)
	.home
		.booking
			bottom 66px
	aside
		.booking
			margin-bottom 0
			.tab--content
				border-left 1px solid gris
				border-right 1px solid gris
				border-bottom 1px solid gris
				// > .tab-pane
				// 	padding-left 0
				// 	padding-right 0
			.flex--wrap
				flex-direction row !important
				.flex--item
					margin-bottom $default
					&:nth-of-type(1)
						flex-basis 100%
						flex-grow 2
					&:nth-of-type(2)
					&:nth-of-type(3)
						select
							max-width 99%
					&:nth-of-type(4)
						flex-basis 100%
						flex-grow 2