@charset "utf-8";
/* 

CONTENTS

 · Typography
 · Reset & Global
 · Layout
 · Footer
 · Components
   · Cards
   · Tabs
   · Tables
   · Styled Selects
   · Forms
   · Calendar
   
 · Toolbar
   · Search Bar
   
 · Statistics
 · Errors
 · Login
 · Detail
 · Product Card
 · Product Options
 · Product List / Product Item
 · Sale List
 · Sale / Transactions Detail
 · Shopping Cart
 · Paying Details
 · Voucher
 
*/

/* 	————————————————————————————————————————————————
	TYPOGRAPHY
	———————————————————————————————————————————————— */
	
	/*
	@font-face{
		font-family:"Futura LT W01 Book";
		src:url("../fonts/cf053eae-ba1f-44f3-940c-a34b68ccbbdf.eot?#iefix");
		src:url("../fonts/cf053eae-ba1f-44f3-940c-a34b68ccbbdf.eot?#iefix") format("eot"),url("Fonts/8bf38806-3423-4080-b38f-d08542f7e4ac.woff2") format("woff2"),url("Fonts/e2b9cbeb-fa8e-41cd-8a6a-46044b29ba52.woff") format("woff"),url("Fonts/c2a69697-4f06-4764-abd4-625031a84e31.ttf") format("truetype"),url("Fonts/dc423cc1-bf86-415c-bc7d-ad7dde416a34.svg#dc423cc1-bf86-415c-bc7d-ad7dde416a34") format("svg");}
	@font-face{
		font-family:"Futura LT W01 Heavy";
		src:url("../fonts/752e3189-96d5-4999-8ae7-c435a470461b.eot?#iefix");
		src:url("../fonts/752e3189-96d5-4999-8ae7-c435a470461b.eot?#iefix") format("eot"),url("Fonts/f3fa9288-dc04-4f75-b949-b06584863c9c.woff2") format("woff2"),url("Fonts/6b1bbd38-7556-4809-a151-88182a37116e.woff") format("woff"),url("Fonts/1f56887e-52d4-4229-b219-513cbef3ff58.ttf") format("truetype"),url("Fonts/33342cd1-a4fd-46e1-a810-aee3d1c24099.svg#33342cd1-a4fd-46e1-a810-aee3d1c24099") format("svg");}
	
 font-family:'Futura LT W01 Book';
	font-family:'Futura LT W01 Heavy'; */
	
	.fadein.ng-hide-remove,
	.fadeout.ng-hide-add {
	    -webkit-transition: 400ms ease-in-out all;
	    -moz-transition: 400ms ease-in-out all;
	    -o-transition: 400ms ease-in-out all;
	    transition: 400ms ease-in-out all;
	    display: block !important;
	}
	
	.fadein.ng-hide-remove,
	.fadeout.ng-hide-add.ng-hide-add-active {
	    opacity: 0;
	}
	
	.fadeout.ng-hide-add,
	.fadein.ng-hide-remove.ng-hide-remove-active {
	    opacity: 1;
	}
	
	.angular-google-map-container { 
	  height: 300px; 
	}
	
	* {
		font: normal 16px 'Futura LT W01 Book', Helvetica, Arial, sans-serif;
		line-height: 120%;}
	
	/* h1 {
		font: bolder 33px 'Futura LT W01 Heavy', Helvetica, Arial, sans-serif;
		margin: 90px 0 60px;
		color: black;}	
	h2 {font: 500 18px 'Futura LT W01 Heavy', Helvetica, Arial, sans-serif;}
	h3 {
		font: bolder 18px 'Futura LT W01 Heavy', Helvetica, Arial, sans-serif;
		color: #353A3D;} */
	p {font: normal 18px 'Futura LT W01 Book', Helvetica, Arial, sans-serif;}

/* 	————————————————————————————————————————————————
	RESET & GLOBAL
	———————————————————————————————————————————————— */

	a, a:hover, a:focus, a:active {
		color: #F1682B;}

	a:hover, a:focus, a:active {
		text-decoration: underline;}
		
	input:focus {
		outline: none;
		box-shadow: none!important;}		
	
	.nav, .pagination, .carousel, .panel-title a {
		cursor: pointer;}

	.btn {
		border-radius: 0;}

		.btn.btn-primary {
			background: #F1682B;
			border-color: #F1682B;}
			
	h1 time {
		float: right;
		font-size: 18px;
		text-align: right;
		color: #353A3D;}
		
	.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
		background-color: #F1682B;}
	
	md-content {
		background: #F6F6F6;}
						
	md-datepicker {
		    margin: 15px 0 0;}
		
		md-datepicker > button.md-datepicker-button.md-button.md-icon-button {
		    margin: 0;
		    padding: 0;
		    width: auto;}
		    
		md-datepicker > .md-datepicker-input-container {
			    width: 90%;
			    width: calc(100% - 25px);}
			    
    	md-datepicker .md-datepicker-expand-triangle.ng-scope {
		    border-left-color: transparent!important;
		    border-right-color: transparent!important;}
		
	/* button {
	    border: 1px solid #F1682B;
	    box-shadow: none!important;
	    border-radius: 0!important;} */
	    
	    button.md-button {
			padding: 5px 25px;}
	    
	    button.btn-outline {
	    	color: rgb(255,87,34)!important;
	    	border: 1px solid!important;
	    	background: transparent!important;}

		    button.btn-outline.md-raised.md-primary.md-button:hover {
		        background: rgb(255,87,34)!important;}
		
				button.md-raised.md-primary.btn-outline.md-button span {
				    font: bold 14px 'Futura LT W01 Book', Helvetica, Arial, sans-serif;
				    letter-spacing: 1px;}
				
				    button.md-raised.md-primary.btn-outline.md-button:hover span {
				        color: white;}
	
		
	md-backdrop._md-dialog-backdrop {
		z-index: 98;}
		
	.md-dialog-container {
		z-index: 99;}
		
		.md-dialog-container md-toolbar:not(.md-menu-toolbar) {
			background: white;
			border: 0;}
			
			.md-dialog-container md-toolbar:not(.md-menu-toolbar) h2 {
				color: #222;}
				
	._md-icon{
		border-radius: 4px!important;
		border-width: 1px!important;}
		
	md-radio-button ._md-off{
		border-width: 1px;}
		
/* 	————————————————————————————————————————————————
	TOOLBAR
	———————————————————————————————————————————————— */
				
	md-toolbar:not(.md-menu-toolbar) {
		background-color: #F3F3F3;
		border-bottom: 1px solid #CCC;
		min-height: 46px;
		z-index:90;
		}	
		
		
		md-toolbar:not(.md-menu-toolbar) .md-toolbar-tools {
			height: 46px;
			max-height: 46px;
			position: relative;
		}

		md-toolbar:not(.md-menu-toolbar) .md-toolbar-tools .go-home {
			position: absolute;
			top: 16px;
		}
				
		md-toolbar:not(.md-menu-toolbar) .md-toolbar-tools .toolbar-divider {
			position: relative;
			top: 3px;
			display: inline-block;
			height: 15px;
			width: 1px;
			background: #d3d3d3;		
			margin: 0 15px;}
		
			md-toolbar:not(.md-menu-toolbar) .md-toolbar-tools > .md-subhead {
				font-size: 16px;
				color: #49565F;}
		
		md-toolbar:not(.md-menu-toolbar) .md-button.md-icon-button {
			width: auto;
			margin: 8px 0 0;
			padding-right: 0;
			padding-left: 0;}
					
			md-toolbar:not(.md-menu-toolbar) .md-button.md-icon-button .material-icons {
				font-size: 18px;
				color: #F1682B;
				fill: #F1682B;}

		md-toolbar:not(.md-menu-toolbar) .md-button.md-icon-button + .toolbar-divider {
			top: 0;}
		
		md-toolbar:not(.md-menu-toolbar) .md-button.md-icon-button + span {
			margin-left: 15px;
			font-size: 14px;}

		md-toolbar:not(.md-menu-toolbar) span + button.md-button.md-icon-button {
			margin-left: 45px;}

			md-toolbar:not(.md-menu-toolbar) span + button.md-button.md-icon-button .material-icons {
				color: #8B9FAB;
				fill: #8B9FAB;}
	
	.md_hotel-users {
		background-color: #e0e0e0 !important;
		display: flex;
		align-items: center;
		flex-direction: row;
		flex-wrap: wrap;
    	padding: 10px;
	}

	.hotel-login-user {
		padding: 10px;
		background-color: #fff;
		color: #F1682B;
		border-radius: 20px;
		cursor: pointer;
		margin: 10px;
		text-align: center;
		transition: all .2s ease-in;
		box-shadow: 0px 1px 5px #0000004d;
	}

	.hotel-login-active {
		background-color: #F1682B;
		color: #fff;
	}

	.hotel-login-user span {
		font-weight: bold;
	}

	.hotel-login-user:hover {
		transform: scale(1.1);
	}

	.hotel-login-user::selection {
		outline: none;
	}

	/*  Search Bar */
	/* div[ui-view="searchbar"] {
		padding: 8px 0;
	}
	div[ui-view="searchbar"] form {
		width: calc(100% - 320px);
		display: flex;
		flex-flow: row;
		flex-wrap: wrap;
		justify-content: flex-end;
		align-items: flex-end;
		max-width: 50%;
		height: 100%;
	}

	div[ui-view="searchbar"] md-errors-spacer {
		display: none;
	}

	div[ui-view="searchbar"] md-input-container {
		margin: 0;
		padding-right: 16px;
		flex: 1 0 calc((100% - 24px) / 2);
		height: 40px;
	}

	div[ui-view="searchbar"] md-input-container input {
		margin: 0;
		font-size: 14px;
	}

	div[ui-view="searchbar"] md-input-container:first-of-type {
		flex: 1 0 auto;
		width: 100%;
		padding-right: 34px;
	}

	div[ui-view="searchbar"] md-input-container:first-of-type label {
		font-size: 18px;
		font-weight: bold;
	}
	    	
	div[ui-view="searchbar"] md-input-container ~ md-input-container input {
		border-color: rgba(0,0,0,0.12);
	}

	div[ui-view="searchbar"] .md-icon-button {
		padding-bottom: 0;
	} */
			
	.bar-icon__display {
		display: flex;
		justify-content: flex-end;
		margin-right: 15px;
	}
	.searchbar__cirDetails {
		color: #F1682B;
		font-size: 12px;
		padding: 8px 0 0 4px;
		text-align: left;
	}
	.searchbar__cirDetails .material-icons {
		color: #F1682B !important;
		font-size: 18px;
	}
	div[ui-view="searchbar"] a:hover{
		text-decoration: none;
	}
	
	
/* 	————————————————————————————————————————————————
	LAYOUT
	———————————————————————————————————————————————— */
	
	/* [ui-view="mainbody"] {
		width: 95%;
		width: calc(100% - 60px);
		display: block;
		max-width: 1280px;
		margin: 0 auto;
		padding-bottom: 50px;} */
		
		/* [ui-view="mainbody"] > .alert {
			z-index: 90;
			position: relative;
			top: 20px;
			margin: 0;
			} */

/* 	————————————————————————————————————————————————
	FOOTER
	———————————————————————————————————————————————— */
	
	#footer{
		background: #2e2e2e!important;
		padding: 45px 0 40px 0;}

/* 	————————————————————————————————————————————————
	COMPONENTS
	———————————————————————————————————————————————— */
	/*  Cards */

	.card {
		position: relative;
		background: white;
		margin-bottom: 20px;
		padding: 30px;
		border-radius: 5px;}
		
		.card:before,
		.card:after {
			content: '';
			position: absolute;
			height: 20px;}
		
		.card:not(.header):before,
		.card:not(.header):after {
			z-index: 2;
			width: 20px;
			left: 45px;
			bottom: -20px;
			background: #F4F4F4;
			border-radius: 20px 0 0 20px;}

		.card:not(.header):before {
			left: 10px;
			border-radius: 0 20px 20px 0;}

		.card + .card.header:before {
			z-index: 1;
			background: white;
			top: -20px;
			width: 30px;
			left: 25px;}
			
		.card.header {
			padding: 20px 30px;
			margin-bottom: 4px;
			font: bolder 16px 'Futura LT W01 Heavy', Helvetica, Arial, sans-serif;
			line-height: 1.25;
			color: #49565f;
			border-radius: 5px 5px 0 0;}
			
			.card.header p{
				margin-top: 15px;}
			
			.card.header + .card {
				border-radius: 0 0 5px 5px;}
			
		.card p {
			font-size: 16px;}
		
		.card label + span {
			display: block;
			clear: both;
			margin: 0 0 15px;}
				
		.card table {
			width: 100%;}
			
			.card table th {
				font-size: 16px;
				padding: 15px 0;
				color: #F1682B;}
				
				.card table th:last-child {
					text-align: right;}
			
			.card table tr:not(:last-child) {
				border-bottom: 1px solid #eee;}
					
				.card table tr td {
					padding: 15px 0;
					font-size: 16px;
					color: #647884;}
					
					.card table tr td:last-child {
						text-align: right;}
			
		.card md-input-container,
		.card md-datepicker {
			display: block;}
			
			.card md-input-container:last-child,
			.card md-datepicker:last-child {
				margin-bottom: 0;}
				
		.card button.md-raised.md-primary.btn-outline.md-button,
		.card button.md-primary.md-button {
		    margin: 35px auto 5px;
		    padding: 5px 25px;
		    display: table;}
		
	/* 	Tabs */
	md-tabs md-tabs-wrapper {
		padding: 0 15px;
		margin-bottom: 15px;}
		
		md-tabs md-tabs-wrapper .md-tab.md-active span {
			font-weight: bold;}
			
		md-tabs md-tabs-wrapper md-ink-bar {
			color: #F1682B;
			background-color: #F1682B;}
	
	/*  Tables */		
	/* table thead tr th {
		color: #F1682B;} */
		
	/*  Styled Selects */
	/* .styledSelect {
		position: relative;
		width: 100%;
		background: transparent;
		overflow: hidden;
		border-bottom: 1px solid rgba(0,0,0,0.12); */
	}
		/* .styledSelect + .styledSelect,
		p + .styledSelect {
			margin-top: 20px;} */
		
		.styledSelect:after {
			content: '';
			position: absolute;
			top: 18px;
			right: 10px;
		    width: 0;
		    height: 0;
		    border-left: 5px solid transparent;
		    border-right: 5px solid transparent;
		    border-top: 5px solid #9e9e9e;}
		
		.styledSelect select {
			cursor: pointer;
			background: transparent;
			border: 0;
			outline: 0;
			padding: 10px 0;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			width: 115%;
			max-width: 100%;
		}
	
	.product-box {
		border-radius: 14px;
		padding: 15px;
		margin-bottom: 25px;
		cursor: pointer;
		border: 1px solid #00000036;
	}	
	.product-box:hover {
		box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
	}	

	.package-title{
		margin-bottom: 30px;
		font-weight: bold;
		color: black !important;}		

	/* .select-grouped-option{
		width:60%;
		margin-left: 5px;} */

		.selected-grouped-product{
			color:#49565f;}

			.selected-grouped-dates{
				color:#49565f;
				font-size: 13px;}

	/* .selected-grouped-times{
		width:29%;
		margin-right: 5px;
		margin-left: 5px;
		align-content: right;} */
	
		/* .selected-grouped-times select{
			font-size: 14px !important;
		} */

		.no-margin {
			margin: 0 !important;
		}
		.select-date-center{
			display: flex;
			font-size: 13px;
			align-items: center;}
			
	.circle-a{
		position: relative;
		display: inline-block;
		background-color: #CCC;
		border: 2px solid #f2f2f2;
		box-shadow: 0 0 0 2px #d0d0d0;
		width: 16px;
		height: 16px;
		border-radius: 16px;}

	.circle-b{
		position: relative;
		display: inline-block;
		background-color: #5BD019;
		border: 2px solid #f2f2f2;
		box-shadow: 0 0 0 2px #d0d0d0;
		width: 16px;
		height: 16px;
		border-radius: 16px;}

	/* .single-option-time{
		width:29%;
		margin-right: 5px;
		margin-left: 5px;
		align-content: right;} */

		/* .single-option-time select{
			font-size: 14px !important;
		} */

	.single-option{
		width:60%;
		margin-left: 5px;
		color:#49565f;}

	.options-box{
		display: flex;
		align-items: center;}
	
	.product-date {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 10px 5px 10px 0px;
		min-height: 40px;
	}

	/* .selected-packages {
		display: flex;
    	justify-content: center;
    	align-items: center;} */
	
	.groupes-box{
		/* align-items: center; */
		/* display: flex; */
		/* margin-bottom: 45px; */
		position: relative;}
	
		@media all and (max-width: 991px){

			/* .select-grouped-option {
				width: 40%;} */

			/* .selected-grouped-times {
				width: 15%;} */

			.single-option-notAvailable{
				width: 40%; }

			.single-option {
				width: 40%; }

			/* .single-option-time{
				width:15%;} */

			.arrow_box {
				right: 5%;
				animation: moveLeft .5s ease; }

			.arrow_box:after, .arrow_box:before {
				display: none; }
		}

	/* 	Forms */		
	/* form input.form-control,
	form select.form-control,
	form textarea.form-control {
	    background: white;
	    border: 0;
	    border-bottom: 1px solid #9BACB7;
	    box-shadow: none;
	    text-shadow: none;
	    resize: none;
	    border-radius: 0;
	    margin-bottom: 15px}   
    	 
    form label,
    form md-input-container>md-select span:not([class*="md-select-icon"]) {
    	font: 100 16px 'Futura LT W01 Book', Helvetica, Arial, sans-serif;
		color: #647884;}
		
	form md-input-container>md-select span:not([class*="md-select-icon"]) {
		padding: 7px 0;}	    	
	    	
   	form .styledSelect {
		border-bottom: 1px solid #F1682B;
	    color: #F1682B;
  		}
  		form .styledSelect select {
  			font-weight: bold;
  			font-size: 16px;
  			}
	    
    form #divAvailability form input.form-control ~ .input-group-btn > a {
    	border-bottom: 1px solid #9BACB7;
    	border-radius: 0;
    	box-shadow: none} */

	/*  Calendar */
	.hide-datepicker {
		display: none;
	}

	.uib-datepicker-popup {
		border: 0;
		padding: 0;
		background: #F1F1F1;
		overflow: hidden;
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;}
		
		.uib-datepicker-popup * {
			outline: 0!important;}
	
		.uib-datepicker-popup thead tr:first-child th {
			padding: 10px 5px;
			background: #1C1C1C;
			border: 0;}
		
			.uib-datepicker-popup thead tr:last-child th {
				padding: 10px 0;}
		
				.uib-datepicker-popup thead tr:first-child th button {
					background: transparent;
					border: 0;
					color: white;
					text-transform: uppercase;
					letter-spacing: 0.6px;}
	
		.uib-datepicker-popup tbody * {
			border: 0;
			color: #708998;
			background: transparent;
			box-shadow: none !important;}
		
		.uib-datepicker-popup .uib-button-bar {
			background: #ffd447;
			height: auto;
			margin-top: 5px;
			padding-bottom: 10px;}
		
			.uib-datepicker-popup .uib-button-bar:after {
				content: '';
				clear: both;
				display: table;}

	.ui-datepicker-trigger{cursor:pointer}

/* 	————————————————————————————————————————————————
	STATISTICS
	———————————————————————————————————————————————— */
	
	
	.statistics > div #stadisticContent md-content .not-margin-md-input md-input-container{
		margin-top: -7px;}
	
	div.overlay{
		position:fixed;
		width: 100%;}
	
	.overlay:after{
		content: '';
		display: block;
		position: fixed;
		background: rgba(0, 0, 0, 0.5);
		top: 47px;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 90;}
	
		.overlay .statistics{
			position: fixed;
			z-index: 91;
			top: 100px;
		    overflow: auto;
		    height: calc(100% - 100px);
		    align-items: baseline;
		    } 

	._md-clickable{
		z-index:91;}
/* 
	.statistics {
		position: relative;
		width: 100%;
		padding: 0;
		}
		
		.statistics > button {
			position: relative;
			z-index: 2;}
		
		.statistics > div {
			position: relative;
			width: 100%;}
			
			.statistics > div #stadisticContent {
				position: absolute;
				z-index: 1;
				left: 0;
				top: 0;
				padding: 0;
				margin: 0;
				min-height: 46px;
				width: 100%;
				}
				
				.statistics > div #stadisticContent md-content {
					position: absolute;
					height: auto;
					padding: 0;
					z-index: 9;
					background: #F1682B;
					display: block;}
					
					.statistics > div #stadisticContent md-content:after {
						content: '';
						display: block;
						clear: both;}
					
					.statistics > div #stadisticContent md-content form #stadisticsData {
						padding: 0px 30px 20px;}
					
					.statistics > div #stadisticContent md-content button.statsToggle {
						float: right;}
						
						.statistics > div #stadisticContent md-content button.statsToggle md-icon {
							color: white;}
					
					.statistics > div #stadisticContent md-content h3 {
						font-size: 28px;
						color: white;
						letter-spacing: 1.8px;}
						
					.statistics > div #stadisticContent md-content h4 {
						font: bolder 16px 'Futura LT W01 Heavy', Helvetica, Arial, sans-serif;
						margin: 15px 0 35px;
						letter-spacing: 1px;
						color: #ffffff;}
						
					.statistics > div #stadisticContent md-content .container-fluid .border-left {
						height: 200px;
						border-left: 1px solid rgba(0, 0, 0, 0.15);}
						
					.statistics > div #stadisticContent md-content .container-fluid .border-top {
						padding-top: 10px;
    					border-top: 1px solid rgba(0, 0, 0, 0.15);}
					
					.statistics > div #stadisticContent md-content [class*="col-md"] > *:not(button) {
						display: block;}
						
					.statistics > div #stadisticContent md-content [class*="col-md"] > button {
						border: 1px solid white!important;
						background: white;
    					padding: 5px 15px;
						border-radius: 0;
						cursor: pointer;
						float: right}
						
						.statistics > div #stadisticContent md-content [class*="col-md"] > button[disabled="disabled"] {
						    opacity: 0.5;
    						cursor: not-allowed;}
						
						.statistics > div #stadisticContent md-content [class*="col-md"] > button:not([disabled="disabled"]):hover {
							background: #d34a0d;
							color: white;}
							
							.statistics > div #stadisticContent md-content [class*="col-md"] > button:not([disabled="disabled"]):hover > span {
								color: white;}
						
						.statistics > div #stadisticContent md-content [class*="col-md"] > button > span {
							color: #F1682B;}
							
							.statistics > div #stadisticContent md-content [class*="col-md"] > button.btn-outline:not([disabled="disabled"]):hover {
								background: #d34a0d!important;}
							
							.statistics > div #stadisticContent md-content [class*="col-md"] > button.btn-outline > span {
								color: white;}

						.statistics > div #stadisticContent md-content [class*="col-md"] > * *,
						.statistics > div #stadisticContent md-content [class*="col-md"] > * *:after {
							border-color: white;
							color: white;}
							
						.statistics > div #stadisticContent md-content [class*="col-md"] > * ::-webkit-input-placeholder {
							border-color: white;
							color: white;}
							
						.statistics > div #stadisticContent md-content [class*="col-md"] > * md-checkbox:not([disabled]).md-primary.md-checked ._md-icon {
							background: white;}
							
							.statistics > div #stadisticContent md-content [class*="col-md"] > * md-checkbox:not([disabled]).md-primary.md-checked ._md-icon:after {
								border-color: #F1682B;}
															
						.statistics > div #stadisticContent md-content [class*="col-md"].not-margin md-input-container {
								margin: 8px 0 43px 0;}

						.statistics > div #stadisticContent md-content [class*="col-md"] md-input-container .md-errors-spacer {
							display: none;}
							
						.statistics > div #stadisticContent md-content [class*="col-md"] md-input-container span.error {
							font-size: 14px;
							position: relative;
							top: 10px;}
							
							.statistics > div #stadisticContent md-content span.error.orphan {
								font-size: 14px;
							    margin: 0 15px;
							    position: relative;
							    top: -10px;}
							    
							 .statistics > div #stadisticContent md-content span.error.orphan.absolute {
								position: absolute;
								top: 155px;
								left:0;}

							    					    						    
						.statistics > div #stadisticContent md-content [class*="col-md"] label[for*="countryOrigin"] {
						    top: -14px;
						    overflow: visible;}
						    
					    .statistics > div #stadisticContent md-content [class*="col-md"] .margin-top {
					    	margin-top: 25px;}
					    	
					    .statistics * span.error {
							color: #260c00!important;}
							 */
	@media all and (max-width: 991px){
		.error-top-mobile{
			top: 140px !important;
		}
	}

/* 	————————————————————————————————————————————————
	TERMS
	———————————————————————————————————————————————— */

	.term {
		display: flex;
		justify-content: center;
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.term-parent {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.term-title {
		text-decoration: underline;
		text-decoration-color: #F1682B;
	}

	.term-container {
		border: .5px solid #F1682B;
    	border-radius: 24px;
    	padding: 10px 40px;
	}

	.term-rules {
		width: 70%;
	}

	.term-subtitle {
		font-weight: bold;
		font-size: 22px;
		padding: 20px 0 10px 0;
	}
					    	

/* 	————————————————————————————————————————————————
	ERROR
	———————————————————————————————————————————————— */
		
	.errorMessage,
	.successMessage{
   		z-index: 99;
   		top: 0;
  		width: 100%;
   		padding: 14px 20px 14px 40px;
  		position: fixed;}
		
	.errorMessage{
		color:red;
		background-color: #f2dede;}
			
	.successMessage{
		color:green;
		background-color: #ddffe8;}		
	
	.salesErrorMessage{
		color:red;
		background-color: #f2dede;
		padding: 10px;
		border-radius: 10px;
		margin: 5px;
	}

					    						    
/* 	————————————————————————————————————————————————
	LOGIN
	———————————————————————————————————————————————— */

	.terms-conditions {
		position: absolute;
		bottom: 0;
		margin-bottom: 10px;
		cursor: pointer;
	}

	body.login md-content {
		background: #F1682B;}
		
		body.login md-content img {
			display: block;
			margin: 0 auto 75px;}
	
	.login-container {
		box-shadow: none;
		min-width:450px;}
		
		.login-container md-toolbar:not(.md-menu-toolbar) {
			background: #F1682B;
			border: 0;}
		
		.login-container form md-content {
			background: white;
			padding: 30px 15px 15px;}
			
			.login-container form md-content h3 {
				margin: 0;}
			
			.login-container form md-content div[ng-repeat] {
				margin-top: 25px;}
			
			.login-container form md-content md-input-container + md-input-container {
				margin-top: 0;}
				
			.login-container form md-content md-checkbox {
			    border-bottom: 1px solid #eaeaea;
    			padding: 15px 0;}
    			
    			.login-container form md-content md-checkbox:last-child {
				border-bottom: 0;}

	.salepoint-radio {
		display: flex;
	}

	.salepoint-repeat {
		flex: 1;
	}

	.login-env {
		width: 650px;
		height: 45px;
		position: absolute;
		margin: 0 auto;
		z-index: 999;
		transform: rotate(-45deg);
		display: flex;
		justify-content: center;
		align-items: center;
		box-sizing: content-box;
		background: repeating-linear-gradient( -45deg, #fcfc16, #fcfc16 10px, #000 5px, #000 20px );
	}

	.login-env--span {
		font-size: 20px;
		font-weight: bold;
		width: 100%;
		background-color: #fcfc16;
		text-align: center;
	}

	.login-container-salepoint{
		overflow: auto;
		height: 450px;
		min-width: 300px;
		margin-right: 20px;
		margin-left: 20px;
	}

	.login-container-shift {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.login-div-shift {
		width: 140px;
	}
			
	.login-shift {
		display: flex;
		height: 50px;
		border: 1px solid rgb(240,104,42);
		align-items: center;
		padding: 5px 10px;
		margin-right: 20px;
		cursor: pointer;
		transition: border 0.2s ease-in;
		border-radius: 3px;
		margin-bottom: 25px;
		outline: none;
		text-overflow: ellipsis;
    	overflow: hidden;
	}

	.login-shift::before, .login-shift::after {
		content: '';  
		margin: auto; 
	  }

	.login-shift:hover {
		border: 2px solid rgb(240,104,42);
	}

	.shift-active {
		background-color: rgb(240,104,42);
		color: white;
	}

/* 	————————————————————————————————————————————————
	DETAIL
	———————————————————————————————————————————————— */
	/* .detail--img {
	    width: 100%;
	    width: 100vw;
	    height: 540px;
	    background: #CCC;
	    position: relative;
	    left: 50%;
	    transform: translate(-50%,0);
	    -moz-transform: translate(-50%,0);
	    -webkit-transform: translate(-50%,0);
	    background-repeat: no-repeat;
	    background-size: cover;
	    background-position: center;
	    align-items: flex-end;
	    }
	    
	.detail--summary {
		position: relative;
		background: white;
		padding: 30px 5px 15px 5px;}

		.detail--summary .discount,
		.detail--summary .certify {
			position: absolute;
			top: 15px;
			left: 0;}

		.detail--summary .certify {
			left: 50%;
			width: 100px;
			margin-left: -50px;}

		.detail--summary h1 {
			display: block;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
			margin: 0 0 10px;}

		.detail--summary .rate,
		.detail--summary .visits,
		.detail--summary .comments {
			display: inline-block;
			margin-right: 10px;
			font-size: 14px;
			font-weight: 500;
			letter-spacing: 0.6px;}

		.detail--summary .visits {
			color: #708998;}

		.detail--summary .category {
			margin: 10px 0;
			font-size: 14px;
			font-weight: 500;
			letter-spacing: 0.6px;
			color: #F1682B;}

		.detail--summary .gallery * {
			text-align: right;
			color: #F1682B;}
					
		.detail--summary .gallery .btn-primary {
			font-size: 12px;
			font-weight: 900;
			line-height: 1.67;
			letter-spacing: 0.4px;
			display: block;
			width: 100%;
			text-align: center;
			color: white;
			padding: 15px 0;}

			.detail--summary .gallery .btn-primary:hover {
				opacity: .85;}
				
			.detail--summary .gallery .btn-primary > i {
				color: white;
				font-size: 22px;}
	
	.detail--info {
		position: relative;}
		
	.detail--info md-input-container{
		padding: 0;
		margin: 0 0 -15px 0;}	
		
	.detail--info textarea{
		font: normal 18px 'Futura LT W01 Book', Helvetica, Arial, sans-serif;
		color: #49565f;
		border-bottom: 0;
		padding: 0;}
		
		.detail--info .detail-product-col {
			padding-right:50px;}
				
		.detail--info p, textarea {
   			word-wrap: break-word;
   			color: #49565f;}
   			
   			.detail--info .services-icon {
   				position: relative;
  				bottom: 28px;
    			left: 70px;}
		
		.detail--info h1 {			
			margin:0;}	
		
		.detail--info h2 {			
			font-size: 18px;
			font-weight: bold;
			letter-spacing: 0.2px;
			color: #F1682B;
			margin-bottom: 25px;}			
		
		.detail--info ul[ng-repeat*="highlight"] {
			margin: 0;
			padding: 0;}
			
			.detail--info ul[ng-repeat*="highlight"] li {
				font-size: 18px;
				position: relative;
				list-style: none;
				padding: 10px;
				padding-left: 40px;
				color: #49565f;}
				
			.detail--info ul[ng-repeat*="highlight"] li + li {
				padding-top: 10px;}
				
				.detail--info ul[ng-repeat*="highlight"] li:before {
					content: '\2714';
					display: block;
					position: absolute;
					left: 15px;
					top: 12px;
					font-size: 16px;
					line-height: 19px;}
			
		.detail--info > [class*=col-] {
			margin-top: 50px;}
			
			.detail--info > [class*=col-] h1,
			.detail--info > [class*=col-] h3 {
				text-transform: uppercase;
				letter-spacing: 1px;}
				
			.detail--info > [class*=col-] h3 {
				margin: 35px 0 20px}
		
			.detail--info > [class*=col-] + [class*=col-] {
				padding: 0}

				.detail--info > [class*=col-] + [class*=col-] > a.btn {
					display: table;
					margin: 0 auto 25px;					
					font-size: 14px;
					font-weight: 500;
					letter-spacing: 0.5px;
					color: #435763;
					padding: 10px 35px;
					border: 1px solid #bacad3;}

					.detail--info > [class*=col-] + [class*=col-] > a.btn:hover {
						background: #bacad3;}

					.detail--info > [class*=col-] + [class*=col-] > a.btn > i {
						margin: 5px 0 0 10px;}		 */
						
						
/* 	————————————————————————————————————————————————
	PRODUCT CARD
	———————————————————————————————————————————————— */		
	
	/* #divAvailability.card {
    	margin-bottom: 4px;}
    		
	    #divAvailability.card:before, div#divAvailability.card:after {
	 		display: none;}
	 		  
		 	#divAvailability button.md-raised.md-primary.btn-outline.md-button.md-ink-ripple{
		 		margin-top: 20px;}
		 			
		#divAvailability button.btn-outline[disabled]{
			color: #fff!important;
   			background: rgba(0,0,0,0.12)!important;}
   			
   		#divAvailability button.btn-outline{
   			background: #F1682B!important;
    		color: #fff!important;}
 
	 	#divAvailability #product-card-span{
			font-size:12px;
			margin-left:38px}		
		
		#divAvailability #availabilityInfo{	
			margin: 25px 10px 0px 0px;
			display: inline-block;	    
			width: 10%;
			vertical-align: top;}
		#divAvailability .pax-row{
			font-size: 18px;
			border-bottom: 1px solid #bacad3;
			padding-top: 10px;
		}
		#divAvailability .pax-row .age{
			font-size: 12px;
		}
		.pax-row .input-buttons{
			float: right;
		}
		.pax-row .input-buttons md-icon{
			cursor:pointer;
		}
		.pax-row .input-buttons md-icon::selection{
			background: none;
		}
		.pax-row .input-buttons input{
			width: 3em;
			border: none;
			text-align: center;
		}
		.pax-row .input-buttons input::-webkit-inner-spin-button{
			-webkit-appearance: none;
		}			
		#divOptions .card{
			padding-top: 12px;
		}
			
				#divOptions .card.header{
					padding-top: 20px;}
			
		#divOptions .styledSelect:after{
			border-top: 5px solid #F1682B;
			}
			
			#divOptions .meeting-point span{
				font-size: 16px;
			    color: #49565f;} */

/* 	————————————————————————————————————————————————
	PRODUCT OPTIONS
	———————————————————————————————————————————————— */
	.product--options p + .styledSelect {
		margin: 20px 0 25px}
		
		.product--options .selects{
		    padding: 0 0 30px 0;}
		
		.product--options .details {
			position: relative;
			margin: 0 -30px 0;
		    padding: 35px 30px;
		    border-top: 4px solid #f6f6f6;
		    font-size: 16px;}
		    
		    .product--options .details p {
				border-bottom: 1px solid #eee;
				padding-bottom: 12px;}
				
			.product--options .details p:last-of-type {
				border: 0;
				margin-bottom: 0;
				padding-bottom: 5px;}
		     				
			.product--options .details .material-icons {
				float: left;
				margin-left: 5px;
			    color: #647884;
			    fill: #647884;}
			    
		 .product--options .total-amount {
			margin: 0 -30px 0;
		    padding: 35px 30px 10px;
		    border-top: 4px solid #f6f6f6;}
		    
		 	.product--options .total-amount strong{
				font-size: 16px}
			
		.product--options p strong {
			font: bolder 16px 'Futura LT W01 Heavy', Helvetica, Arial, sans-serif;
			display: inline;
			color: #49565f;
			margin-bottom: 5px;}
			
		.product--options .row {
			margin-top: 15px;}
			
		.product--options .map-row {
			margin-left: -23px;
			margin-right: -23px;}
			
			.product--options .row .col-angular-google-map {
				padding: 0;}		
			
			.product--options .row .amount {
				display: block;
				font: bolder 33px 'Futura LT W01 Heavy', Helvetica, Arial, sans-serif;
				text-align: right;
				color: #F1682B;}
				
			.product--options .row button.md-raised.md-primary.md-button {
				margin-top: 0;
    			margin-left: 0;}
    			
	    		.product--options .row button.md-raised.md-primary.md-button .material-icons {
					position: relative;
					top: 6px;
					color: white;
					font-size: 22px;
					margin-right: 5px;}
					
				.product--options .row button.md-raised.md-primary.md-button span {
					color: white;
					font-weight: bold;}

		.product--options .subdetails p:nth-child(3) span{
			display: block;
			font-size: 16px;}
			
	/* Free Option */
			
	#divOptions form.free .product--options .selects{
		display:none;}
		
	#divOptions form.free .product--options .details{
		padding: 20px 30px;}				

	#divOptions form.free .product--options .total-amount{
		padding: 10px 30px 10px;}
		
		#divOptions form.free .product--options .total-amount div.row div.col-md-6{
			width: 100%;
			text-align: center;}							
					
			#divOptions form.free .product--options .total-amount div.row div.col-md-6 button{
			    margin: 0;
			    display: inline;}	

	#divMoreGroups button.btn-outline{
   			background: #F1682B!important;
    		color: #fff!important;
    		margin: 0px auto 5px;}
    		
    #divAddGroups button.btn-outline{
   			background: #F1682B!important;
    		color: #fff!important;
			margin: 0px auto 5px;}

	.cutOffModal {
		position: absolute;
		width: 100%;
		background-color: #fff;
		height: 230px;
		bottom: 300px;
		z-index: 300;
		border-radius: 8px;
		border: 1px solid #F1682B;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 40px;
		box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
		animation: modalShow .2s ease-in;}

	/* 	————————————————————————————————————————————————
	PRODUCT LIST / PRODUCT ITEM
	———————————————————————————————————————————————— */

	.product--list .md-tab{
		float: none;
		line-height: 53px;}
		
	.product--list-card span{
		color: #647884;}
		
		.product--list-card md-checkbox.active span{
			font-weight: bold;}
		
		.product--list .productlist-viewmode-icons{
    		font-size: 25px;
   			margin: 0 15px 15px 0;
    		float: right;
    		outline:0;
    		transition: 0.3s;}
    		
		.product--list .productlist-viewmode-icons:hover{
			color: #F1682B;}
    		
    		.product--list .productlist-viewmode-icons.active{
    			color: #F1682B;}	
    				
    		.product--list .demo-tab .productlist-viewmode-icons:nth-child(1){
				 font-size: 23px;
   				 margin-top: 1.4px;}

	.product--list .product-row{
		position: relative;
		background-color: #fff;
		margin-bottom: 15px;}

		.product-row--image {
			position: relative;}

		.product-row--icon {
			position: absolute;
			top: 20px;
			right: 0;
			color: #F1682B;
			background-color: #fff;
			border-radius: 50%;
			padding: 2px;
			border: 2px solid #F1682B;
			border-color: #F1682B;}
		
		.product--list .product-row.listview{
			padding-bottom: 10px;}
		
		.product--list .product-row .listview-col-one{
			padding: 10px 0 10px 40px;}
			
		.product--list .product-row .listview-col-two{
			right: 0;
    		position: absolute;
   			top: 50%;
    		transform: translateY(-50%);
    		-ms-transform: translateY(-50%);
    		-webkit-transform: translateY(-50%);}
    		
    		.product--list .product-row .listview-col-two p{
				margin: 0;}		   
    		
		.product--list .product-row img.img-responsive{
			padding: 30px 0;
			margin: 0 auto;
			border-radius: 5px 0 0 5px;}
			
		.product--list .product-row	.product-detail a{
			font: 22px 'Futura LT W01 Heavy', Helvetica, Arial, sans-serif;}
			
		.product--list .product-row	.product-languages {
			padding-right: 20px;}
		
			.product--list .product-row	.product-provider,
			.product--list .product-row	.product-languages {
				font-size: 16px;
				word-wrap: break-word;}
			
		.product--list .product-row	.product-reference {	
			font-size: 12px;
    		margin-top: -10px;}
		
		.product--list .product-row	.product-minamount,
		.product--list .product-row	.product-minamount strong{
			font-size: 20px;}
			
			.product--list .product-row	.product-minamount strong{
				color: #49565f;}	
			
		.product--list .product-row	.product-provider,
		.product--list .product-row	.product-languages,
		.product--list .product-row	.product-reference,
		.product--list .product-row	.product-minamount{
			color: #647884;}
			
		.product--list button{
			margin:0;}

	.right-icons{
		text-align: right;
	}
	.icons-arrow{
		cursor: pointer;
	}

		
		
/* 	————————————————————————————————————————————————
	DATEPICKER
	———————————————————————————————————————————————— */		
		.availabilityStatus-green a.ui-state-default {
    		background-color: #5af906;
			background-image: none;
			color:white;
		}
		.availabilityStatus-red  a.ui-state-default{
   			background-color: red;
			background-image: none;
			color:white;
		}
		.availabilityStatus-yellow  a.ui-state-default{
   			background-color: #feff0d;
			background-image: none;
			color:white;
		}
		.availabilityStatus-grey  a.ui-state-default{
   			background-color: #5f5c5c;
			background-image: none;
            color:white;
		}
		.availabilityStatus-black  a.ui-state-default{
			background-color: black;
			background-image: none;
			color:white;
		}
		.availabilityStatus-black  span.ui-state-default{
			background-color: black;
			background-image: none;
			color:white;
		}

/* 	————————————————————————————————————————————————
	SALE LIST
	———————————————————————————————————————————————— */		
	.sale-list table,
	.sale-list ._md-label,
	.sale--detail table{
		color:#647884;}
					
	.sale-list .card md-checkbox {
	    display: block;}
	    
		.sale-list .card md-checkbox > ._md-container,
		.sale-list md-radio-group ._md-container {
		    right: 0;
		    left: auto;}
		    
		.sale-list .card md-checkbox > ._md-label,
		.sale-list md-radio-group ._md-label {
		    float: left;
		    margin: 0;}
	
	.sale-list md-radio-group {
		display: block;
		margin-top: 20px;
		margin-bottom: 20px;}
		    
		.sale-list md-radio-group > * {
			display: inline-block;
			margin-right: 25px;
			padding-right: 35px;}
	
	.sale-list button.md-raised.md-primary {
	    width: 100%;
	    margin: 0 0 35px;
	    padding: 5px 0;
		border-radius: 4px!important;}
		
	.radio-btn__date {
		width: 100%;
		box-sizing: border-box;}
	.radio-btn__event {
		width: 100%;
		margin: 0 !important;
		padding: 0 !important;}
	.radio-label {
		font: bolder 16px 'Futura LT W01 Heavy', Helvetica, Arial, sans-serif;
    	line-height: 1.25;
    	color: #49565f;}

/* 	————————————————————————————————————————————————
	SALE / TRANSACTIONS DETAIL
	———————————————————————————————————————————————— */

		.sale--detail label{
			font: normal 16px 'Futura LT W01 Heavy', Helvetica, Arial, sans-serif;}
			
		.sale--detail .card label + span {
			color: #647884;}
			
		.sale--detail .card.header{
			text-transform: uppercase;}
		  
		.sale--detail .card table {
			margin-top: 20px;}
			
		.sale--detail .card button.md-button {
			display: inline-block;}				

			.sale--detail .card button.md-button + button.md-primary {
				width: 50%;}
				
				.sale--detail .card button.md-button.md-datepicker-triangle-button.md-icon-button{
				margin-top:0;}
				
		.sale--detail a[download] {
			display: block;
		    margin: 20px 0 0;
		    border-bottom: 1px solid;}
		    
		    .sale--detail a[download]:hover {
		    	text-decoration: none;
		    	border-bottom-style: dotted;}
		    	
		#progress-circular-sale-detail svg{
			bottom: 85px;
    		left: 115px;
			top:inherit;}		
		
		.col-button-sale-detail{
			padding-bottom:20px}

	.sale--detail md-datepicker[aria-invalid="true"] .md-datepicker-input-container{
		border-width: 2px;}
		
	.sale--detail .amount{
		margin-top: 20px;}
		
	.sale--detail .date-error{
	    float: right;
	    font-size: 14px;
	    margin-right: 10px;
	    margin-top: 5px;}
		
	.sale--detail .amount-error{
		float: right;
	    font-size: 14px;
	    margin-top: 8px;
	    float: right;}
	    
	.sale--detail .amount-error:last-of-type{
		margin-top: -16px;}

		.manager--sale-flex {
			display: flex;
			justify-content: space-around;}
		
			.manager--sale-flex-vertical {
				display: flex;
				justify-content: center;
				align-items: center;}

			.manager--sale-open-datepicker {
				display: flex;
    			align-items: center;
    			justify-content: center;
    			background-color: #f0682a;
    			border-radius: 8px;
    			color: #fff;
    			padding: 10px;}

	.sale--detail md-select[name="optionTime"]{
		margin-top: 21px;}

		.manager__container{
			position: relative;}
		.manager__head{
			display: flex;
			align-items: flex-end;}
		.manager__title {
			width: 400px;}
		.manager__salehead{
			width: 100%;
			display: flex;
			justify-content: center;
			border-bottom: .5px solid #000;
			padding-bottom: 9px;
			flex-direction: column;
			align-items: center;}
		.manager__btn {
			background-color: #f0682a;
			border-radius: 24px !important;
			color: #fff;
			font-weight: bold;
			font-size: 15px;
			padding: 4px 10px;}
		.manager__confirm {
			font-size: 25px;
			color: #0eb50e;
			background-color: #eae4d7;
			margin: 3px 0px;
			display: flex;
			justify-content: center;
			align-items: center;
			width: 100%;
			animation: modalShow .2s ease-in;
			transition: 1s all ease-in;
			padding: 5px 0px;}
	
		.sale-modal {
			/* z-index: 999; */
			position: absolute;
			width: 100%;
			top: 100px;
			display: flex;
			justify-content: center;
			align-items: center;}
		
		.sale-modal__box {
			background: #fff;
			border: 1px solid #f0682ade;
			width: 500px;
			border-radius: 8px;
			transition: 1s all ease-in; 
			animation: modalShow .2s ease-in;
			position: relative;}
		
		.sale-modal__box-close {
			position: absolute;
			top: 0;
			right: 0;
			padding: 10px;}
	
		.sale-moda__form {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			padding: 20px;}
	
		.modal-pax {
			display: flex;
			width: 180px;
			align-items: center;
			flex-wrap: wrap;
			justify-content: center;}
	
		.modal-pax__btn {
			display: flex;}
	
		.modal-pax__input {
			-webkit-appearance: none;
			background: none;
			border: none;
			text-align: center;
			width: 32px;}
		
		.modal-pax__icon {
			cursor: pointer;
		}
	
		.pdtop10 {
			padding-top: 10px;
		}
			
/* 	————————————————————————————————————————————————
	SHOPPING CART
	———————————————————————————————————————————————— */		
/* 	
	.shopping--cart-detail .summary .card{
		padding: 20px 30px;}

	.shopping--cart-detail .summary .card md-input-container:first-of-type{
		margin: 10px 0 35px 0;}
		
		.shopping--cart-detail .summary .card md-input-container:first-of-type label{
			bottom: 35px}
		
		.shopping--cart-detail .summary .card md-input-container:first-of-type md-select{
			margin: 0;}
		
	.shopping--cart-detail .card.header strong {
		margin-top: 6px;
	    display: block;
	    font-size: 22px;
	    font-weight: 900;
	    line-height: 23px;
	    letter-spacing: 0.6px;
	    text-align: center;
	    color: #f1682b;}

	.shopping--cart-detail .summary .card.header{
		text-align: center;}

		.shopping--cart-detail span.shoppingcart-required{
			font-size: 12px;
			position: absolute;
			left: 3px;
			bottom: 7px;}
					
	.shopping--cart-detail a.delete {
		display: block;
		cursor: pointer;
		margin-bottom: 20px;
		font-size: 12px;
		font-weight: bold;}
		
	.shopping--cart-detail form md-input-container>md-select {
		margin-bottom: 24px;}
		
	.shopping--cart-detail .btn.btn-primary {
		width: 100%;
		padding: 15px 10px;}
		
		.shopping--cart-detail .btn.btn-primary:hover {
			opacity: .85;}
		
	.shopping--cart-detail .items .card.header h2 {
	    display: inline-block;
	    font-weight: 900;
	    line-height: 1.56;
	    letter-spacing: 0.8px;
	    color: #F1682B;
	    margin:0 15px 0 0;
	    text-transform: uppercase;
	    font-size: 16px;}
	
	.shopping--cart-detail .items .card.header h2 + span {
	    font-size: 16px;
	    font-weight: 900;
	    line-height: 1.56;
	    letter-spacing: 0.8px;
	    color: #49565f;}
	    
	.shopping--cart-detail .items .card.header {
		padding-top: 15px;
		padding-bottom: 15px;}
	
		.shopping--cart-detail .items .card.header i {
			font-size: 18px;
		    float: right;
		    margin-top: 5px;
		    color: #F1682B}
		    
		    .shopping--cart-detail .items .card:after {
			    position: relative;
			    clear: both;
			    display: block;
			    height: 0;}
		    
		    .shopping--cart-detail .items .card .thumbnail {
			    border: 0;
			    padding: 0;
			    margin: 0 20px 0 0;
			    width: 120px;
			    height: 100px;
			    float: left;
			    overflow: hidden;
			    border-radius: 3px;
			    -moz-border-radius: 3px;
			    -webkit-border-radius: 3px;}
			    
		.shopping--cart-detail .items .item + .item {
			margin-top: 25px;}
			    
		.shopping--cart-detail .items .item .card .data {
			float: left;
			max-width: 80%;
			max-width: calc(100% - 140px);			
			font-size: 18px;
			line-height: 1.11;
			color: #647884;}
			
			.shopping--cart-detail .items .item .card .data > * {
				margin: 5px 0 15px;}

			.shopping--cart-detail .items .item .card .data .date {
				margin-bottom: 0;}
			
			.shopping--cart-detail .items .item .card .data .visitors i,
			.shopping--cart-detail .items .item .card .data .date i {
				font-size: 17px;
				display: inline-block;
				margin-right: 15px;}
				
				.shopping--cart-detail .items .item .card .data .date i.glyphicon-time {
					margin: 0 0 0 15px;}
					
			.shopping--cart-detail .items .item .card .data .provider {
				font-size: 18px;}
							
			.shopping--cart-detail .items .item .card .data .visitors ul {
				display: inline-block;
				margin: 0;
				padding: 0;}
				
				.shopping--cart-detail .items .item .card .data .visitors ul li {
					font-size: 18px;
					display: inline-block;
					margin-right: 10px;}
					
					.shopping--cart-detail .items .item .card .data .visitors ul li b {
						font-size: 18px;
						color: #353a3d;}
						
			.shopping--cart-detail .items .item .card .data span {
				font-size: 18px;
				color: #353a3d;}
							
		.shopping--cart-detail .items .item .card .payment {
			float: right;
			text-align: right;}
			
			.shopping--cart-detail .items .item .card .payment md-input-container.md-input-has-value label {
				opacity: 0;}
			
			.shopping--cart-detail .items .item .card .payment md-input-container {
				margin: 0;}
				
				.shopping--cart-detail .items .item .card .payment md-input-container input {
    				width: 114px;
    				color: #49565F;
    				text-align: right;
    				font: normal 22px 'Futura LT W01 Book', Helvetica, Arial, sans-serif;
    				font-weight: 900;
    				float: right;}
    				
    			.shopping--cart-detail .items .item .card .payment md-input-container span {
					display: block;}
			
			.shopping--cart-detail .items .item .card .payment .amount {
				font-size: 22px;
				font-weight: 900;
				line-height: 0.96;
				display: flex;
				align-items: center;
				color: #49565F;}
				
				.shopping--cart-detail .items .item .card .payment .amount .amount-currency{
				    font-size: 22px;
				    font-weight: 900;
				    line-height: 0.96;
				    color: #49565F;}

				.shopping--cart-detail .items .item .card .payment .amount .amount-required{
					position: absolute;
				    bottom: 8px;
				    right: 73px;
				    font-size: 14px;}

				.shopping--cart-detail .items .item .card .payment .amount .amount-limit{
				    position: absolute;
				    bottom: 8px;
				    width: 100%;
				    left: -73px;
				    font-size: 14px;}
				
			.shopping--cart-detail .items .item .card .payment .amount md-input-container {
				position: inherit;}
				
			.shopping--cart-detail .items .item .card .payment md-select {
   				float: right;}
   				 */
   	.divError {
   		border: rgb(241, 104, 43) 7px solid;
    	border-radius: 10px;
	   }
	   
	.total-discount{
		position: relative;
		display: inline-block;
	}

		.total-discount::before, .total-discount::after {
			content: '';
			width: 100%;
			position: absolute;
			right: 0;
			top: 50%;
		}
		.total-discount::before {
			border-bottom: 2px solid rgb(255, 0, 0);
			-webkit-transform: skewY(-30deg);
			transform: skewY(-30deg);
		}
		.total-discount::after {
			border-bottom: 2px solid #FF0000;
			-webkit-transform: skewY(30deg);
			transform: skewY(30deg);
		}

	.package-detail {
		display: flex;
		flex-wrap: wrap;
	}

	.gr-selected {
		border: 1px solid #F1682B
	}

	.shopping-package__title {
		font-size: 18px;
		color: #647884;
	}

	.package-detail__opt {
		display: flex;
		height: 50px;
		align-items: center;
		padding: 5px 10px;
		margin-right: 20px;
		cursor: pointer;
		border-radius: 3px;
		margin-bottom: 25px;
		outline: none;
		background-color: white;
		font-size: 18px;
		color: #647884;
	}

	.package-detail__opt:hover {
		border:1px solid #F1682B;
	}

	.package-detail-active {
		background-color: #F1682B;
		color: white;
	}

	.free__cir {
		padding-left: 35px;
		font-weight: bold;
	}

	.table_pay--total {
		font-weight: bold;
	}

	.tablet--min {
		min-width: 1460px;
	}

	.csv__btn {
		background-color: rgb(240,104,42);
		border-radius: 24px !important;
		color: white;
		font-weight: bold;
		font-size: 15px;
		padding: 4px 10px;
	}

	
	.option-cutoff {
		margin: 0 !important;
		margin-left: 12px !important;
	}
				
/* 	————————————————————————————————————————————————
	PAYING DETAILS
	———————————————————————————————————————————————— */
	.paying--detail .table-title {
		font: bolder 16px 'Futura LT W01 Heavy', Helvetica, Arial, sans-serif;
		color: #F1682B;}
		
		.paying--detail .row + .table-title {
			margin-top: 50px;}
		
	.paying--detail table {
		width: 100%;}
		
		.paying--detail .card:before{
			display:none;}
			
		.paying--detail .reconciliation-icons{
			margin: 8px 0 0 88px;}	
			
			.paying--detail .reconciliation-icons md-icon:nth-child(2){
				font-size: 28px;
	    		margin-top: -5px;}	
			
				.reconciliation-icons md-icon.active{
					color:#F1682B}
		
		.paying--detail table th {
			font-size: 16px;
			padding: 15px 0;
			color: #F1682B;}
			
			.paying--detail table th:last-child {
				text-align: right;}
		
		.paying--detail table tr:not(:last-child) {
			border-bottom: 1px solid #D3D3D3;}
				
			.paying--detail table tr td {
				padding: 15px 0;
				font-size: 16px;
				color: #647884;}
				
				.paying--detail table tr td:last-child {
					text-align: right;}
					
	.paying--detail button.md-raised.md-primary.md-button {
		float: right;
	    margin: 35px 0 25px auto;
	    padding: 5px 25px;}

	.paying--detail .extra {
		display: flex;
		flex-direction: column;
	}

/* 	————————————————————————————————————————————————
	VOUCHER
	———————————————————————————————————————————————— */
	
	.voucher-row{
		padding-bottom: 450px;}


/* 	————————————————————————————————————————————————
	SPINNER
	———————————————————————————————————————————————— */
		
	#loading {
		
			width: 40px;
			height: 40px;
			border-radius: 50%;
			background: transparent;
			
			border-top: 4px solid #fff;
			border-right: 4px solid #fff;
			border-bottom: 4px solid #F1682B;
			border-left: 4px solid #F1682B;
			
			-webkit-animation: loading 1.2s infinite linear;
			-moz-animation: loading 1.2s infinite linear;
			-ms-animation: loading 1.2s infinite linear;
			animation: loading 1.2s infinite linear;

			position: absolute;
			top: 77%;
			left: 50%;
			margin: -20px 0 0 -20px;
			
		}


	/* Animation */

	@-webkit-keyframes loading {
		to { -webkit-transform: rotate(360deg); }
  	}	
  	@-moz-keyframes loading {
		 to { -moz-transform: rotate(360deg); }
  	}
  	@-ms-keyframes loading {
		 to { -ms-transform: rotate(360deg); }
  	}
  	@keyframes loading {
		  to { transform: rotate(360deg); }
	}
	@keyframes modalShow {
		0% {
			transform: scale(0.3);
		}
		100% {
			transform: scale(1);}
	}
	@keyframes modalShow {
		0% {
			transform: scale(0.3);
		}
		100% {
			transform: scale(1);}
	}
	@keyframes arrowAnimation {
		0% {
			top: 0;
		}
		50% {
			top: 6px;
		}
		100% {
			top: 10px;
		}
	}

/* 	————————————————————————————————————————————————
	extra
	———————————————————————————————————————————————— */

	.confirming {
		padding: 0 4px;
		margin-bottom: 44px;
	}
	.confirming div {
		font-family: "Futura LT W01 Book", Helvetica, Arial, sans-serif;
		font-size: 16px;
		font-weight: 600;
		color: #000;
	}

	/* .md-button[disabled="disabled"]:hover {
		cursor: not-allowed;
	} */

	.info {
		margin: 12px 0;
		text-align: left;
	}

	.info .info__message {
		display: inline-block;
		width: 100%;
		font-size: 10px;
		font-weight: bold;
		color: #575757;
		background-color: #F1682B40;
		padding: 8px 12px;
		border-radius: 2px;
		border: 1px solid #F1682B80;
		position: relative;
	}

	.info .info__arrow {
		position: absolute;
		top: 0;
		right: 2px;
	}

	.info .info__arrow md-icon {
		font-weight: bold;
		font-size: 18px;
	}

	.info--animated .info__arrow {
		animation: arrowAnimation 1.5s ease infinite;
	}


/* 	————————————————————————————————————————————————
	adyen-component
	———————————————————————————————————————————————— */
	.adyen-component {
		padding: 0 4px;
	}
	.adyen-component .component__label { 
		font-family: "Futura LT W01 Book", Helvetica, Arial, sans-serif;
		font-size: 16px;
		font-weight: 100;
		color:rgb(100, 120, 132);
		display: block;
		margin-bottom: 12px;
		padding-bottom: 6px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	}
	.adyen-component .adyen-card {
		margin-bottom: 32px; 
	}
	.adyen-card .adyen-checkout__label__text {
		font-family: "Futura LT W01 Book", Helvetica, Arial, sans-serif;
		font-size: 12px;
		font-weight: 100;
		color:rgb(100, 120, 132);
	}
	.adyen-redirecting {
		padding: 0 4px;
		margin-bottom: 44px;
	}
	.adyen-redirecting div {
		font-family: "Futura LT W01 Book", Helvetica, Arial, sans-serif;
		font-size: 16px;
		font-weight: 600;
		color: #000;
	}
	.hidSalePointDiv {
		display: none;
	}
	
	.n-main.dynamic-bg-override {
		background-image: var(--dynamic-bg-url) !important;
	}
	
	.n-login-bar-sec.dynamic-color-override {
		background-color: var(--dynamic-header-color) !important;
	}