/*-------  Products -----------*/
.productName
{
	/*
	color:#5777A9;
	font-size:1.5em;
	margin-bottom:0.3em;
*/
	font-size: 130%;
    font-weight: bold;
	display: block;
	color: #5777A9;
	text-decoration: none;
	word-break: break-word;
}
.productData
{
	padding:1em;
}
.productDescription
{
	font-size:1.2em;
	margin-bottom:0.3em;
	word-break: break-word;
}
.productImages .item_image.small,
.productImages .item_image.large
{
	display:none;
}
.productData .medium_image_container, .productData .item_image
{
	float:left;
	
}
.productData .medium_image_container .item_medium_image, .productData .item_image
{
	height: auto;
    width: auto;
    margin-right: 0.5em;
    max-height: 9em;
    max-width: 9em;
}
.showInfoSmall .item_medium_image
{
	width:15em;
}
.productInfo .buttonsContainer
{
	clear:both;
}

.largeImage IMG
{
	width: 200px;
}

.ui-dialog .item_big_image
{
	max-width:50em;
}
.productInfo.item_data_background
{
	background-color:White;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin: 1em 1em;
}

@media screen and (max-width:780px)
{
	.productName
	{
		padding-left: 15px;
		margin: 17px;
	}
	.productData .medium_image_container .item_medium_image, .productData .item_image
	{
		float:none;
	}
	.buttonsContainer .button.small_button_b
	{
		position:absolute;
		top:0;
		left:0;
		width:auto;
		white-space:nowrap;
	}
	.buttonsContainer .button.small_button_b A
	{
		background-color: Transparent!important;
		color: Blue;
		text-decoration: underline;
		font-size: small;
		background: none;
		box-shadow: none;
		text-shadow: none;
		padding:0.1em;
		min-width:0;
	}
	.buttonsContainer .button.small_button_b A::before
	{
		content:'<<';
	}
	#group_Header + DIV
	{
		position:relative;
	}
	.general_caption
	{
		margin-top:20px;
	}
}
/*--------- form properties ----------*/
FIELDSET
{
	border:none;
	padding:0px;
    min-width: 0;
}
FORM input[type=text], FORM SELECT, FORM input[type=password], 
FORM input[type=email], FORM input[type=tel], 
.spForm input[type=text], .spForm SELECT, .spForm input[type=password],
.spForm input[type=email], .spForm input[type=tel]
{
	height: 24px;
	margin: 0 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	vertical-align: middle;
}
FORM input[type=text].placeholder, FORM input[type=password].placeholder, 
FORM input[type=email].placeholder, FORM input[type=tel].placeholder, 
.spForm input[type=text].placeholder, .spForm input[type=password].placeholder,
.spForm input[type=email].placeholder, .spForm input[type=tel].placeholder
{
	color:#aaa;
}
FORM input[type=text], FORM input[type=password], FORM input[type=email],FORM input[type=tel],
.spForm input[type=text], .spForm input[type=password], .spForm input[type=email], .spForm input[type=tel]
{
	padding: 3px 0 3px 2px;
	text-align:left;
}
FORM .ui-spinner input[type=text]
{
    border-style:none;
  	padding: 0;
	
    margin: 0;
	margin-left: .4em;
	margin-right: 22px;
}
FORM input[type=text]:disabled, FORM SELECT:disabled, FORM input[type=password]:disabled,
.spForm input[type=text]:disabled, .spForm SELECT:disabled, .spForm input[type=password]:disabled
{
	border: 1px solid #e3e3e3;
	background-color:rgb(235, 235, 228);
	
}
FORM input.amount
{
	width: 50px;
}

FORM input[type=checkbox], .spForm input[type=checkbox]
{
	width: 1.3em;
    height: 1.3em;
    vertical-align: middle;
}
.mandatoryFieldMarker
{
	color:Red;
	font-size:1em;
	padding-right:0.1em;
}
.invalidData
{
	background-color:#FFFFA3!important;
}
.emailValidationConfirmationDlg .ui-dialog-content {
    white-space: pre-line;
}
.form_padded_row > DIV
{
	padding: 3px 0;
}
@media screen and (max-width:780px)
{
	.fieldsForm input[type=text], .fieldsForm input[type=password], .spForm input[type=text], .spForm input[type=password], 
	.fieldsForm SELECT
	{
		width:100%;
	}
	.fieldsForm TR
	{
		position:relative;
	}
	.fieldsForm TD
	{
		display:block;
	}
	.fieldsForm TR[data-type=CheckBox] .formCaptionColumn
	{
		display:none;
	}
	.fieldsForm input[type=text].hasDatepicker
	{
		width:85%;
	}
	.fieldsForm input[type=checkbox]::after
	{
		content:attr(data-label);
		white-space:nowrap;
		padding-left:20px;
		color:#494949;
	}
}

.timer-tooltip .timerMessage
{
    padding:initial;
    border:none;
    background:none;
}
#CountDown .graphicCountdownHolder 
{
    height:auto;
    width:auto;
    border:none;
}
.qtip.timer-tooltip
{
    background-color: #FAF5A1;
    border-radius: 3px;
    /*border-top-left-radius:0;*/
    border: 1px solid #E9C47F;
}
.timer-tooltip .qtip-content
{
    padding: 0.3em 0 0 0.5em;
}

@media only screen and (max-width: 780px) 
{
	.timer-tooltip .qtip-content .timerMessage .idCountDown
	{
		font-weight: bold;
	}
	
}
.graphicCountdownHolder
{
	display:none;
}
.CountDownRemainingTimeTitle
{
	display:inline-block;
}
.timerMessage
{
	color:black;
	background-color:#FAF5A1;
	padding:3px;
	border-radius:5px;
}
.CancelTransFromTimer 
{
	background-color:Transparent;
	display: inline-block;
	padding: 0 2px;
	border-radius: 10px;
	text-decoration:underline;
}
.CancelTransFromTimer label
{
	cursor:pointer;
}

@media only screen and (max-width: 780px) 
{
	.CancelTransFromTimer 
	{
		/*display:none;*/
	}
	.pageSectionContainer .CountDownRemainingTimeTitle:nth-child(2) 
	{
		float:right;
		margin-right:5px;
		margin-top: -25px;
		/*position: absolute;*/
		height: 21px;
		float: left;
	}
}
/*
	+-----------------------------------------------------------------------------------------------------------------+
	| Attention: please follow the conventions described at https://seatgeekenterprise.atlassian.net/wiki/x/H4G2Bg !  |
	+-----------------------------------------------------------------------------------------------------------------+ 
*/
/*TODO: @notMobileMediaQuery: e(%("not %s", @mobileMediaQuery)); --and dtop the 'only'*/

/*ATTENTION: override only via config files!*/

@keyframes blinkTitle {
  from {
    color: silver;
  }
  to {
    color: #404041;
  }
}
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.15, 1.15, 1.15);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
#instructionsPanel {
  font-size: 1.3rem;
}
#instructionsPanel #content {
  display: inline-block;
  padding-left: 1em;
  padding-bottom: 2em;
  margin-left: 1em;
  border-left: 0.1em solid #cccccc;
}
#instructionsPanel #content A {
  text-decoration: none;
  display: inline-block;
  margin: 0.2em 0;
}
@media screen and (max-width: 1000px) {
  #instructionsPanel {
    display: none;
  }
  .pageSectionContainer,
  .bottomButtonsBar {
    width: 96%;
  }
}
@media screen and (max-width: 780px) {
  #instructionsPanel #content {
    margin-left: 0px;
  }
  #PH_Payment_details .pageSectionContainer {
    width: 100%;
  }
}

/*
	+-----------------------------------------------------------------------------------------------------------------+
	| Attention: please follow the conventions described at https://seatgeekenterprise.atlassian.net/wiki/x/H4G2Bg !  |
	+-----------------------------------------------------------------------------------------------------------------+ 
*/
/*TODO: @notMobileMediaQuery: e(%("not %s", @mobileMediaQuery)); --and dtop the 'only'*/

/*ATTENTION: override only via config files!*/

@keyframes blinkTitle {
  from {
    color: silver;
  }
  to {
    color: #404041;
  }
}
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.15, 1.15, 1.15);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
FIELDSET {
  border: none;
  padding: 0px;
  min-width: 0;
}
FIELDSET LEGEND {
  display: none;
}
FORM input[type=text],
FORM input[type=password],
FORM input[type=email],
FORM input[type=tel],
FORM input[type=number],
.spForm input[type=text],
.spForm input[type=password],
.spForm input[type=email],
.spForm input[type=tel],
.spForm input[type=number],
FORM SELECT {
  padding: 0em;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
}
FORM .ui-spinner {
  height: 26px;
}
FORM input:focus,
.spForm input:focus,
FORM select:focus,
.spForm select:focus {
  border-color: #66afe9;
  /*outline: 0;*/
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
FORM input.mandatory:focus,
FORM select.mandatory:focus {
  border-color: #cb2b19;
  /*outline: 0;*/
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(236, 28, 36, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(236, 28, 36, 0.6);
}
.inputimage {
  /*background-color:#cccccc;*/
  display: inline-block;
  /*width:25px;
	height:27px;*/
  vertical-align: middle;
  margin-left: -33px;
  background-position: center center;
  background-repeat: no-repeat;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.inputimage:before {
  font: normal normal normal 19px/1 FontAwesome;
  color: #757575;
  width: 27px;
  line-height: 26px;
  display: inline-block;
  text-align: center;
}
FORM input[type=text],
FORM input[type=password],
FORM input[type=email],
FORM input[type=tel],
FORM input[type=number],
.spForm input[type=text],
.spForm input[type=password],
.spForm input[type=email],
.spForm input[type=tel],
.spForm input[type=number],
FORM SELECT,
FORM .ui-spinner {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-color: #afb1be;
  border-width: thin;
  border-style: solid;
}
FORM IMG.ui-datepicker-trigger {
  background-image: url('../style/flowtheatre.css/images/Forms/datepicker.png');
  width: 0px;
  height: 0px;
  padding: 8px;
  background-size: auto;
  vertical-align: middle;
  /*background-size:contain;*/
  background-repeat: no-repeat;
  background-position: center center;
}
FORM .ui-datepicker-trigger {
  font-size: larger;
}
FORM input[type=text].invalidData,
FORM input[type=password].invalidData,
FORM input[type=email].invalidData,
FORM input[type=tel].invalidData,
FORM input[type=number].invalidData,
.spForm input[type=text].invalidData,
.spForm input[type=password].invalidData,
.spForm input[type=email].invalidData,
.spForm input[type=tel].invalidData,
.spForm input[type=number].invalidData,
FORM SELECT.invalidData,
FORM .ui-spinner.invalidData {
  border-color: #fff0ba;
}
.mandatoryFieldMarker {
  color: #cb2b19;
}
.productInfo.item_data_background {
  background-color: inherit;
}
@media only screen and (max-width: 780px) {
  .buttonsContainer {
    -webkit-box-shadow: 0px -4px 13px -1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px -4px 13px -1px rgba(0, 0, 0, 0.75);
    box-shadow: 0px -4px 13px -1px rgba(0, 0, 0, 0.75);
    border-radius: 0.1px;
    /*For IOS*/
    padding-bottom: 22px;
    background-color: #b7b4b4;
    width: 100%;
    height: 59px;
    position: fixed;
    bottom: 0px;
    margin-bottom: 0px !important;
    left: 0px;
    z-index: 3;
  }
  .buttonsContainer .button.small_button_a {
    margin-right: 13px;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .productData .ui-spinner.ui-widget,
  .productData + div .ui-spinner.ui-widget {
    padding-left: 33px;
    border-width: 0px;
    height: 26px;
    width: 50px;
    margin-left: -14px;
    margin-top: -3px;
    background: transparent none;
  }
  .productData .ui-spinner-button .ui-icon,
  .productData + div .ui-spinner-button .ui-icon {
    background-image: none;
  }
  .productData .ui-spinner-button,
  .productData + div .ui-spinner-button {
    height: 26px;
    width: 26px;
    background-size: cover;
    background-color: transparent;
    border-width: 0px;
  }
  .productData .count,
  .productData + div .count {
    margin-right: 47px;
    border: 1px gray solid !important;
    text-align: center;
  }
  .productData .ui-spinner-button.ui-spinner-down,
  .productData + div .ui-spinner-button.ui-spinner-down {
    left: 0px;
    background-image: url('../style/flowtheatre.css/images/counterLessIcon.png');
    background-color: #e6e6e6;
  }
  .productData .ui-spinner-button.ui-spinner-up,
  .productData + div .ui-spinner-button.ui-spinner-up {
    background-image: url('../style/flowtheatre.css/images/counterMoreIcon.png');
    background-color: #e6e6e6;
  }
  form .productData .ui-spinner input[type=text],
  .productData + div .ui-spinner input[type=text] {
    margin-right: 47px;
    border: 1px gray solid !important;
    text-align: center;
    height: 26px;
    margin-left: -7px;
    width: 31px;
    background-color: white;
  }
}
.screen-content {
  border: 1px #cccccc solid;
  border-width: 0 1px 1px 1px;
  background: url('../style/flowtheatre.css/images/lower-tab.png') repeat-x;
  float: left;
  width: 80%;
  box-sizing: border-box;
  padding: 0 1em;
}
#PH_Explanation {
  float: left;
  width: calc(20% - 1em);
  /* border-left:1px #CCCCCC solid; */
  min-height: 10em;
  /* box-sizing:border-box; */

  /* margin-left: 1em; */

}
.screen-content,
#PH_Explanation {
  margin-top: 28px;
}
.screen-GiftVoucher_aspx .general_caption {
  margin: 0;
  background-color: white;
  color: inherit;
  position: relative;
  top: -28px;
  display: inline-block;
  line-height: 1em;
  height: 1em;
  padding: 0.3em;
  left: -13px;
  font-size: 20px;
  background-image: url('../style/flowtheatre.css/images/center-higher-tab.png');
  border-left: 1px solid #cccccc;
  width: 48%;
}
.screen-GiftVoucher_aspx .general_caption::after {
  content: ' ';
  display: inline-block;
  width: 36px;
  height: 54px;
  background-image: url('../style/flowtheatre.css/images/tab-right-curve.png');
  background-color: white;
  position: absolute;
  top: -1px;
  right: -36px;
}
body.dir-RTL.screen-GiftVoucher_aspx .general_caption::after {
  background-image: url('../style/flowtheatre.css/images/tab-left-curve.png');
}
.productInfo {
  border: 1px #cccccc solid;
  border-width: 1px 0 0 0;
}
.productInfo.item_data_background {
  border-radius: 0;
  -moz-border-radius: 0;
  margin: 0;
}
.productData div.medium_image_container {
  background: url('../style/flowtheatre.css/images/GiftVouchersMed.svg') no-repeat;
  width: 133px;
  height: 108px;
  box-sizing: border-box;
}
.productData div.medium_image_container img.item_medium_image {
  padding: 20% 26%;
  box-sizing: border-box;
  height: auto;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  margin-top: 21px;
  margin-left: 4px;
}
.productData div.medium_image_container img.bigImageMagnifier {
  float: right;
  margin-top: -119px;
  margin-right: 18px;
}
.productData .ui-spinner {
  margin-left: 16px;
  margin-right: 12px;
}
.productData #lblPrice {
  margin-left: 6px;
  margin-right: 16px;
}
.productName {
  color: inherit;
}
.button.small_button_b {
  display: none;
}
.pricing,
.dates {
  display: block;
  margin-bottom: 1em;
}
.pricing > *:first-child,
.dates > *:first-child {
  display: initial;
}
.details .pricing > span:first-child,
#lblCurrentPriceForPriceType {
  display: none;
}
#lblTotal:before {
  content: initial;
}
#lblTotal {
  color: #cb2b19;
  font-weight: bold;
  font-size: 1.3em;
  margin-left: 1em;
}
.buttonsContainer {
  border: 1px #cccccc solid;
  border-width: 1px 0 0 0;
}
.details .ownerName,
.details .priceTypeName,
.details .endDate {
  display: none;
  font-weight: 600;
  line-height: 1.5em;
}
.details .endDate .caption:after {
  content: ":";
}
.details .ownerName:after {
  content: " | ";
}
.details .ownerName .caption,
.details .priceTypeName .caption {
  display: none;
}
.screen-GiftVoucher_aspx .productInfo .small_text_a.property {
  margin-bottom: 0.3em;
  margin-left: 16px;
  display: list-item;
}
@media only screen and (max-width: 780px) {
  .screen-content {
    width: 100%;
    background-image: none;
    background-color: #e6e6e6;
    color: black;
    border: 0;
  }
  .screen-GiftVoucher_aspx .screen-content .general_caption {
    display: none;
  }
  .productInfo {
    border: 0;
  }
  .productInfo.item_data_background {
    background-color: Transparent;
  }
  .productData div.medium_image_container,
  .productName {
    display: block;
    vertical-align: top;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-left: 0px;
  }
  .productName {
    margin-bottom: 39px;
  }
  .details {
    margin-left: auto;
    margin-right: auto;
  }
  .details #txtFrom {
    width: 179px !important;
    text-align: center;
  }
  .details #txtFrom[disabled="disabled"] {
    width: 209px !important;
  }
  #lblTotal {
    margin-right: 5px;
    float: right;
    text-align: right;
    width: auto;
    display: block;
    position: relative;
  }
  .productData span.ui-spinner + span {
    float: left;
    display: block;
    position: absolute;
    font-size: 17px;
    margin-left: 91px;
    margin-top: -22px;
  }
  .productData div.medium_image_container img.item_medium_image {
    padding: 42px 15%;
  }
  .productData div.medium_image_container img.bigImageMagnifier {
    float: left;
    margin-left: 62%;
    margin-top: -174px;
  }
  .hasRenewOption .membershipExistsWarning {
    width: 94%;
  }
  .buttonsContainer {
    -webkit-box-shadow: 0px -4px 13px -1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px -4px 13px -1px rgba(0, 0, 0, 0.75);
    box-shadow: 0px -4px 13px -1px rgba(0, 0, 0, 0.75);
    border-radius: 0.1px;
    /*For IOS*/
    padding-bottom: 22px;
    background-color: #b7b4b4;
    width: 100%;
    height: 59px;
    position: fixed;
    bottom: 0px;
    margin-bottom: 0px !important;
    left: 0px;
    z-index: 3;
  }
  .screen-GiftVoucher_aspx #PH_ScrollTop,
  .screen-GiftVoucher_aspx #group_Footer {
    display: none;
  }
  .screen-GiftVoucher_aspx .button.small_button_a {
    width: 50%;
    padding-right: 4%;
    padding-top: 9px;
    /*
  		height: 15px;
  		line-height: 15px;
  		margin-top: -8px;*/
  
  }
  .productData div.medium_image_container {
    width: 100%;
    background-position: 50%;
    height: 162px;
  }
  .screen-GiftVoucher_aspx .ui-dialog.ui-resizable {
    top: 0px !important;
    width: 100% !important;
    height: 100% !important;
    overflow-y: scroll;
  }
  .screen-GiftVoucher_aspx .ui-dialog.ui-resizable .item_big_image {
    width: 100% !important;
    padding: 0px;
  }
  .pricing,
  .dates {
    width: 310px;
  }
  .screen-GiftVoucher_aspx .productInfo .small_text_a.property:last-child {
    margin-bottom: 2.3em;
  }
}

/*
	+-----------------------------------------------------------------------------------------------------------------+
	| Attention: please follow the conventions described at https://seatgeekenterprise.atlassian.net/wiki/x/H4G2Bg !  |
	+-----------------------------------------------------------------------------------------------------------------+ 
*/
/*TODO: @notMobileMediaQuery: e(%("not %s", @mobileMediaQuery)); --and dtop the 'only'*/

/*ATTENTION: override only via config files!*/

@keyframes blinkTitle {
  from {
    color: silver;
  }
  to {
    color: #404041;
  }
}
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.15, 1.15, 1.15);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.ph_tunnellocation {
  height: 80px;
  background-image: url('../style/flowtheatre.css/images/tunnel/topShadow.png');
  background-repeat: repeat-x;
  padding-top: 30px;
}
.tunnelLocation {
  max-width: 960px;
  width: 50%;
}
.part {
  width: 25%;
  /* height:130px; */
  float: left;
  position: relative;
  margin-left: -4px;
}
.part:first-child {
  margin-left: 0;
  margin-right: 2px;
  width: 16.66%;
}
.part:last-child {
  width: 8.33%;
  margin-left: -2px;
}
.path {
  /*border: 1px solid #999999;*/
  width: 60%;
  width: calc(100% - 50px);
  height: 8px;
  float: left;
  position: relative;
  margin-top: 39px;
  background: white;
  z-index: 5;
  border-left: 0;
  border-right: 0;
}
.part:last-child .path {
  width: 100%;
}
.innerpath {
  background: #cccccc;
  width: 107%;
  height: 100%;
  position: relative;
  z-index: 5;
  margin-left: -3%;
}
.part:first-child .path {
  padding-left: 1px;
}
.part:first-child .innerpath {
  margin-left: 0;
  width: 104%;
}
/*
.part:last-child .path
{
	border-left: 0;
	border-right: 1px solid;
	margin-left: -2px;
	padding-right: 1px;
}

.part:last-child .innerpath
{
	margin-right: 0;
	width:103%;
}*/

.tunnelLocation .name {
  font-size: 1.3rem;
  position: absolute;
  right: 0;
  width: 100px;
  text-align: center;
  margin-right: -25px;
}
.pointer {
  border: 1px solid #999999;
  border-top: 0;
  border-bottom: 0;
  width: 6px;
  height: 42px;
  position: absolute;
  bottom: 0;
  right: 17%;
  z-index: 5;
  background: white;
  padding: 0 1px;
  display: none;
}
.innerpointer {
  background: #1f76b1;
  width: 100%;
  height: 45px;
  margin-top: -3px;
}
.wrapstep {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  top: 0;
  position: absolute;
  right: 2px;
  background: white;
  box-sizing: border-box;
  margin-top: 20px;
  -ms-behavior: url('../style/ie/PIE.htc');
}
.part:first-child .wrapstep {
  right: 0;
}
.step {
  background: #cccccc;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  color: white;
  font-size: large;
  text-align: center;
  position: relative;
  -ms-behavior: url('../style/ie/PIE.htc');
}
.part:not(.selected):not(.complete) .step {
  color: black;
}
.stepContent {
  position: absolute;
  top: 13px;
  left: 39%;
}
.tunnelLocation .selected .name {
  color: #081f2f;
}
.selected .step {
  background-color: #1f76b1;
}
.selected .pointer {
  display: none;
}
.selected .innerpath {
  background: #1c7251;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTM0NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYjc1YmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, #1c7251 0%, #1f76b1 100%);
  /* FF3.6-15 */
  background: -webkit-gradient(linear, left top, right top, from(#1c7251), to(#1f76b1));
  background: -webkit-linear-gradient(left, #1c7251 0%, #1f76b1 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(left, #1c7251, #1f76b1);
  background: -ms-linear-gradient(left, #1c7251, #1f76b1);
  background: linear-gradient(to right, #1c7251 0%, #1f76b1 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff1c7251, endColorstr=#ff1f76b1, GradientType=1);
  /* IE6-9 */

}
.future .innerpath {
  background: #1f76b1;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFiNzViYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMjk4OWQ4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(left, #1f76b1 0%, #cccccc 100%);
  /* FF3.6-15 */
  background: -webkit-gradient(linear, left top, right top, from(#1f76b1), to(#cccccc));
  background: -webkit-linear-gradient(left, #1f76b1 0%, #cccccc 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(left, #1f76b1, #cccccc);
  background: -ms-linear-gradient(left, #1f76b1, #cccccc);
  background: linear-gradient(to right, #1f76b1 0%, #cccccc 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff1f76b1, endColorstr=#ffcccccc, GradientType=1);
  /* IE6-9 */

}
/* lock dir {{*/

body.dir-RTL .selected .innerpath {
  background: -moz-linear-gradient(left, #1f76b1 0%, #1c7251 100%);
  /* FF3.6-15 */
  background: -webkit-gradient(linear, left top, right top, from(#1f76b1), to(#1c7251));
  background: -webkit-linear-gradient(left, #1f76b1 0%, #1c7251 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(left, #1f76b1, #1c7251);
  background: -ms-linear-gradient(left, #1f76b1, #1c7251);
  background: linear-gradient(to right, #1f76b1 0%, #1c7251 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff1f76b1, endColorstr=#ff1c7251, GradientType=1);
  /* IE6-9 */

}
body.dir-RTL .future .innerpath {
  background: -moz-linear-gradient(left, #cccccc 0%, #1f76b1 100%);
  /* FF3.6-15 */
  background: -webkit-gradient(linear, left top, right top, from(#cccccc), to(#1f76b1));
  background: -webkit-linear-gradient(left, #cccccc 0%, #1f76b1 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(left, #cccccc, #1f76b1);
  background: -ms-linear-gradient(left, #cccccc, #1f76b1);
  background: linear-gradient(to right, #cccccc 0%, #1f76b1 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffcccccc, endColorstr=#ff1f76b1, GradientType=1);
  /* IE6-9 */

}
/*}}*/

.complete .innerpath,
.complete .step {
  background: #1c7251;
}
.tunnelLocation .complete .name {
  color: #1c7251;
}
.tunnelLocation .complete .name::after {
  content: '\f00c';
  font-family: FontAwesome;
  padding-left: 0.1em;
}
@media screen and (max-width: 1151px) {
  .tunnelLocation .name {
    font-size: smaller;
  }
}
@media only screen and (max-width: 780px) {
  .ph_tunnellocation {
    background: 0;
    margin-top: 0;
    height: 50px;
    padding-top: 18px;
  }
  .tunnelLocation {
    width: 100%;
    float: left;
  }
  .tunnelLocation > DIV:last-child,
  .tunnelLocation > DIV:first-child .path {
    display: none;
  }
  .wrapstep {
    width: 30px;
    height: 30px;
    margin-top: 0;
  }
  .stepContent {
    top: 5px;
    left: 33%;
  }
  .path {
    margin-top: 13px;
    width: 71%;
    width: calc(100% - 30px);
    height: 4px;
  }
  .part {
    height: 45px;
  }
  .tunnelLocation .name {
    font-size: 11px;
    width: 89px;
    margin-top: 0px;
    margin-right: -33px;
    padding-top: 8px;
    bottom: 0em;
  }
  .tunnelLocation .step {
    font-size: larger;
  }
  .pointer {
    right: 15%;
    bottom: 26px;
    height: 22px;
  }
  .innerpointer {
    height: 25px;
  }
  .complete .name {
    /*width: initial;*/
    background-position: center;
    background-position-y: 0px;
    padding-top: 14px;
    background-size: 13px;
    margin-top: 0px;
  }
}


/*# sourceMappingURL=http://jon.tixcast.com/style/Css.ashx?i=4&iv=e0de8af6-3da3-43cc-8df9-ea6af8ddff5b&p=2G1FCuCmDvD&map */