:root {
	--background-green: #ccff99;	
	--background-purple-light: #E6E6FA;
	--background-red: #DEC0C0;
	--background-dark-grey: #ccc;
	--background-link-hover: #CCCCFF;
}

body {
	margin: 0 0 0 0;
	background-color:#FFFFFF;
	color: #000;
	text-decoration: none;
	font-family: Verdana, arial, sans-serif;
	font-size: 12px;
	background-repeat: repeat-x;
	
}

td, th {
	color: #000;
	text-decoration: none;
	font-size: 12px;
}

.success {
	color:green;
}

.bold {
	font-weight:bold;
}


table.alternate {border-collapse:collapse;margin:0.5em 0em;}
table.alternate td,
table.alternate th {padding:0.3em .5em;border:1px solid #bbbbbb;white-space:nowrap;vertical-align: middle;}
table.alternate th {font-weight:normal;text-align:center;}

table.alternate_rows > tbody > tr:nth-child(even) {background-color:#eee;}
table.alternate_rows > tbody > tr:nth-child(odd) {}

table.alternate_rows_shifted tbody tr:nth-child(even) {}
table.alternate_rows_shifted tbody tr:nth-child(odd) {background-color:#eee;}


table.alternate thead, 
.greybackground_1 {
	background-color:#E6E6FA;
}

td.grey {
	background-color:#eee;
}

tr.thickline {border-bottom:2px solid #bbb;}

table.disablenowrap td {
	white-space:normal;
}

td.letitwrap {
	white-space:normal!important;
}


table.general {border-collapse:collapse;margin:0.5em 0em;}
table.general td, table.form  td 	{padding:0.3em .5em;vertical-align:top;}
table.general {text-align:left;}

table.boxedform {
	padding:1em;
	margin:0 0 2em 0;
}
table.boxedform td {
	padding:0.3em .5em;
}

div.formhugger {display:table;padding:1em 3em;background-color:#eeeeee;}

table.centertd td {text-align:center;}
td.left, th.left  {text-align:left !important;}
td.center, th.center {text-align:center !important;}
td.right, th.right {text-align:right !important;}
td.middle, th.middle {vertical-align:middle !important;}
td.top, th.top {vertical-align:top !important;}
td.bottom, th.bottom {vertical-align:bottom !important;}

.tourheader {
	font-size:	120%;
}


input[type="text"],
input[type="submit"], 
input[type="password"],
input[type="number"],
select, 
option, 
textarea
{padding:0.6em 1em;border:#aaa 1px solid;border-radius:4px;} 

input[type="number"] {text-align:right;}

input[type="button"], 
button 
	{padding:0.6em;border:1px solid grey;border-radius:3px;}
input[type="button"]:hover, 
button:hover {
	filter:brightness(90%);
}	

input[type="text"].money {text-align:right;}

input[type='number']{width: 70px;
} 

/* remove arrows - Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* remove arrows - Firefox */
input[type=number] {
  -moz-appearance: textfield;
}




.nowrap {
	white-space:nowrap;
}

a { 
	font-family: Verdana, arial, sans-serif;
	color: #EB0005;
	text-underline-offset:3px;
	/* 
		!!! The following three lines require "initial" or "!important" values for the 
		".ui-datepicker td a" selector in jquery-ui.css to reset/adjust these values
	*/
	padding:10px;
	margin-left:-10px;
	margin-right:-10px;
}

a:hover { 
	color:black;
	background-color:#CCCCFF;
}

a.clear {
	padding:unset;
	margin:unset;
	text-decoration:none;
	color:black;
}


a.clear:hover {
	color:unset;
	background-color:unset;
}


.like-link:hover {
	background-color:#CCCCFF;
	cursor:pointer;
}

.redtext {color:red;}
.error_message {
	display:table;
	border:1px solid #dab5ae;
	text-align:center;
	background-color:#dab5ae!important;
	border-radius:10px!important;
	padding:1em!important;
	margin:1em 0em;
}


a.bad, a.badfeb {background-color:powderblue;}
.pagetitle {text-align:left;font-size:large;margin-bottom:0.5em;}


/**** START: bigger checkbox ****/
.checkbox-real {
	display:none;
}

/* Fake checkbox */
.checkbox-fake {
  display:inline-block;
  width:20px;
  height:20px;
  vertical-align: middle;
  background: #fff; /*#ededed;*/
  border: 1px solid #aeaeae;
  border-radius: 4px;
  margin: 0 .5em;
  cursor:pointer;
}

/* Adding the checkmark when the checkbox is checked */
.checkbox-real:checked + span:after { /* '+' to to select following span element, ':after' to add content to that found element
	/* Add a block-level blank space */
	  content:"";
	  display:block;
	/* Make a small rectangle */
	  width: 4px;
	  height: 10px;
	/* Add a border on the bottom and right, creating an 'L' */
	  border: solid #505050;
	  border-width: 0 4px 4px 0;
	/* Position it on top of the custom checkbox */
	  position:absolute; 
	  top: 0.3em;
	  left: 1.2em;
	/* Rotate the L to make it look like a checkmark */
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
}

.checkboxcontainer {
	position:relative;
	display:table;
	margin:0px auto;
}

/**** END: bigger checkbox ****/

.rowlineabove {
	border:solid;
	border-width:2px 0px 0px 0px;
	border-color:#bbbbbb;
}




table.price_quantities {border-collapse:collapse;} /* prevent extra padding/margins so that they line up with the text in parent table */
table.price_quantities tbody tr td {border-width:0px;}
table.price_quantities td:nth-child(1) {width:8em;}
table.price_quantities td:nth-child(2) {width:2em;}

.required, .red {
	color: red;
}

hr.nav {
	height:1px;
	border:none;
	color:#000;
	background-color:#bbb;
}



div.tooltip {
  position: relative;
}

div.tooltip div {
	display:inline-block;
	color:#EB0005;
	padding:0px 6px;
	border:1px solid #EB0005;
	border-radius:4px;
}

div.tooltip:hover div {
	display:inline-block;
	color:#fff;
	background-color: #EB0005;
}

div.tooltip > .tooltiptext {
	visibility: hidden;
	width: 260px;
	background-color: #000!important;
	color: #fff;
	font-weight:bold;
	text-align: left;
	border-radius: 6px;
	padding: 14px;
	position: absolute;
	z-index: 1;
	text-wrap:wrap;
}

div.tooltip:hover > .tooltiptext {
  visibility: visible;
}

a.jump {}
a.jump_disabled { 
	pointer-events:none;
	cursor:default;
	color:grey;
}

.button_animate
{	background : url(/img/ajax-loader.gif) no-repeat;
	background-position: center center;		
	background-color:#eee;
	color:transparent;
}

tr.lessimportant:nth-child(even) {background-color:#bdfa00!important;}
tr.lessimportant:nth-child(odd) {background-color:#e7fd00!important;}

.highlight {
	background-color: #fffa8b;
}

.page-message {
	padding: 10px;
	margin: 10px 0;
	border-radius: 4px;
}

.page-message.success {
	background-color: #d4edda;
	color: #155724;
	border: 1px solid #c3e6cb;
}

.page-message.error {
	background-color: #f8d7da;
	color: #721c24;
	border: 1px solid #f5c6cb;
}

.entire-tour-form .charge-btn {
	margin-left: 385px;
}

.show-basis-form .charge-btn {
	margin-left: 280px;
}

.charge-btn {
	margin-top:1em;
}