#all.page-mytour {margin: 0;}
.mytour {padding-top: 7em;}
.mytour .login {max-width: 500px; margin: 0 auto 5em auto; text-align: center;}
.login .forgotlink { line-height: 1.6em; position: relative;}
.login .userforgotdiv	{position: absolute; width: 15em; background: #FFF6AA; top: 2em; right: -30px; text-align: center; border: 1px solid #D6D26F;  box-shadow: 1px 1px 6px #CCC; color: #333; padding: 5px; display: none;}
form.inline			{display: inline-block;}

.mytour h3 {margin: 2em 0 0.3em 0;}
.mytour .info {position: fixed; top: 5.5em; right: 0; padding: 0.3em; background: #FFFFFFEE; z-index: 10; box-shadow: 0 0 1em #00000011;}
.mytour .info .welcome {float: right; margin-top: 1.2em;}
.mytour .info .logo img {width: 12em;}

.flex2 .tourselect {flex: 0 0 40%;}
.tourselect form		{ text-align: left; margin: 0 0 0 1em; display: inline-block; padding: 0.5em; font-size: 0.9em; color: #BBB;}
.tourselect form.selected	{background: var(--contentbg);position: relative; color: #000;}
.tourselect form.selected:before {content: '▲'; position: absolute; left: -1em; transform: rotate(90deg);}
.tourselect form label { font-weight: bold; margin-left: 0.4em;margin-right: 1em;}
.tourselect form.selected label {color: var(--blue2);}

.tourselect .quotelist>div {font-size: 0.8em; background: var(--contentbg); margin: 0.3em 0 0.3em 0.5em; padding: 0.2em; position: relative;}
.tourselect .quotelist>div>div:first-child {display: block; font-weight: bold; color: var(--blue2);}
.tourselect .quotelist>div>div:nth-child(5) {float: right; position: relative; top: -1em;}
.tourselect .quotelist>div>div {display: inline-block; padding: 0 0.5em;}
.tourselect .quotelist>div::before {content: '▲'; position: absolute; left: -1em; transform: rotate(90deg); top: 30%;}

/*
**Countdown**
*/
.progressbars		{}
.progressbarkeret {background: var(--contentbg);border: 0.3em solid #FFF; opacity: 0.7; margin-bottom: 1em;}
.progressbarkeret.selected {border-color: var(--gold1); opacity: 1;}
.progressbarkeret h2	{margin-bottom: 0; background: var(--blue1); font-size: 0.9em; color: #FFF; padding: 0.2em;}
.progressbarkeret.selected h2	{background: var(--blue2);}
h3.countdown	{text-align: center; font-size: 0.6em; margin: 0;}
h3.countdown span	{color: var(--blue1); font-size: 1.2em; font-weight: bold;}

/*
** Progress bar **
*/
.progressbardiv	{margin: 0; clear: both;}
.progresscapt	{color: var(--blue2); margin: 0 1em; font-weight: normal; font-size: 0.6em;}
.progressbar{ width:90%; height:1.1em; margin:0 auto; padding:0; background: var(--contentbg); border-width:1px; border-style:solid; border-color: #FFF; box-shadow:inset 0px 2px 3px #bbb; clear: both;}
.progressbar, .progressbar-inner{border-radius:0.1em;}
.progressbar-inner{ width:50%; height:100%; background-color: var(--blue1);}

/*selected tour*/
.tourinfo {}
.tourinfo label {color: var(--blue2); font-weight: bold; text-transform: uppercase; padding: 0.2em;}
.tourinfo span {margin: 0 2em 0 1em;}

/*docs menu*/
.flex2 .docs {flex: 0 0 35%;}
.docs li.item {position: relative; display: block;}
.docs li.item:before {content: ''; position: relative; top: 0.5em; background: url('../../files/img/page/document.svg'); background-size: 100%; width: 2em; height: 2em; display: inline-block;}
.docs li.item a {position: relative; padding: 0.5em; text-decoration: none; font-weight: bold;}
.docs li.item.newdoc:after {content: 'NEW'; background: #FFF; border: 1px solid var(--blue2); color: var(--blue2); position: relative; right: 0; top: -0.2em; font-size: 0.6em; padding: 0.2em;}
.docs li.item span.label {}

.flex2 .doc {flex: 0 0 65%;}
.doc a.print {float: right; display: inline-blick; background: url(../../files/img/page/print.svg) 0 0 no-repeat; padding-left: 1.5em;}
.doc a.download {display: inline-blick; background: url(../../files/img/page/pdf.svg) 0 0 no-repeat; padding-left: 1.5em;}
.doc #pdf {text-align:center; border: 1px solid var(--blue1); box-shadow: 0.5em 0.5em 0.5em #EEE; max-height: 60vh; overflow-y: scroll; margin-top: 1em;}
.doc #pdf canvas {width: 100%;}

/*
** checklist **
*/
ul.checklist	{padding: 0 0 3em 0;}
ul.checklist li	{font-size: 1em;  margin: 0.5em 2em 2em 4em; padding: 0.5em 3em 0.5em 1em; position: relative; font-weight: normal;}
ul.checklist li.ok	{background-color:var(--green1); color: #FFF; margin-bottom: 0;}
ul.checklist li.inactive	{opacity: 0.6;}
ul.checklist li a	{color: var(--gold2); text-decoration: none; font-weight: normal;}
ul.checklist li.not a:after	{content: "Fill in"; position: absolute; right: 0px; top: 50%; margin-top: -0.3em; 
	background: var(--blue2) ; border: none; border-radius: 0; color: #fff; display: inline-block; font-size: 1em; line-height: 1.6em; padding: 0 1em; text-decoration: none; text-transform: none; height: auto;}
ul.checklist li.not.inactive a:after	{content: ""; }
ul.checklist li.ok:before,ul.checklist li.not:before	{background: url('../../files/img/page/check_green.svg'); background-repeat:no-repeat;  width: 2.0em; height: 2.0em;  content: ""; position: absolute; left: -3em; top: 60%; margin-top: -1em; background-size: 100%;}
ul.checklist li.ok:after	{background: var(--red1); content: "COMPLETED"; position: absolute; right: 0.5em; top: 50%; margin-top: -1em; z-index: 2; color: #FFF; font-size: 0.5em; padding: 0.3em 0.5em; box-shadow: 1px 1px 0.3em #00000099; text-shadow: 0 0 5px #FFFFFF;}
ul.checklist li.not:before	{background: url('../../files/img/page/pencil.svg'); left: -3em; margin-top: -0.4em; width: 2em; height: 2em;}

ul.checklist li.message	{background: none; border: none; padding: 0 1em; box-shadow: none; text-shadow: none; margin: 0; font-size: 0.8em; text-align: justify;}
ul.checklist .hatarido	{display: block; position: absolute; font-weight: normal; font-size: 0.8em; color: var(--red1); margin-top: 0.5em;}
ul.checklist .hatarido label	{display: inline; width: auto;margin: 0; padding: 0;background: var(--red4); color: #FFF; padding: 0.2em 0.4em; font-size: 0.9em; font-weight: bold;}
ul.checklist .hatarido span	{color: var(--green1); margin-left: 1em;}
ul.checklist .hatarido span.lejart	{color: #E22;}
/*
**result**
*/
ul.checklist li.result	{margin-top: 6px; margin-bottom: 12px; font-weight: normal;  z-index: 1;  padding: 0;}
ul.checklist li.result .title	{font-size: 11px; background: rgba(109, 129, 101, 0.19); padding: 2px 3px; color: #367027; cursor:pointer;}
ul.checklist li.result .title span	{float: right;}
ul.checklist li.result .rcontent	{background: #F5F9F7; display: none; font-size: 11px; padding: 5px 5px; border: 1px solid #D3EAD2; margin-bottom: 20px; color: #0D3A0B; line-height: 1.4em; border-top: none;}
ul.checklist li.result .rcontent img	{border: 1px solid #D3EAD2;}

/**
**formok**
**/
a.showpassword {position: absolute; right: 1.8rem; top: 1.7rem; text-decoration: none; font-size: 0.9em;}
.signupform	{font-size: 1.1em; line-height: 1.6em;}
.signupform span	{font-weight: bold;}
.signupform div.listcontent	{margin: 1em 2em;}
.signupform p	{margin: 1em 0; font-size: 1em; text-align: left;}
.signupform h1	{display: none;}
.signupform h2	{ margin-left: auto; margin: 2em 0; color: var(--blue2);}
.signupform h4 {text-align: center; margin: 1em 0 0 0;}
.signupform form	{padding: 1em; max-width: 800px; margin: 1em auto;}
.signupform form div	{margin: 1em 0;}
.signupform form select	{}
.signupform label	{font-weight: bold; margin-right: 1em; text-transform: uppercase; width: 20em; max-width: 90%; display: inline-block; text-align: right; font-size: 0.8em; color: var(--gold2);}
.signupform label.error	{font-size: 0.8em; margin: 0; position: absolute; color: #F00;}
.signupform label.radio	{width: auto; margin: 1em;}
.signupform input[type="checkbox"] + label {width: auto;}
.signupform form input[type="text"], .signupform form textarea	{padding: 0.6em; width: 20em; max-width: 90%; border: 1px solid var(--blue2); border-radius: 0.2em; margin: 0.5em 0; background: var(--contentbg);}
.signupform form textarea.small {height: 2em;}
.signupform form input[type="text"].disabled	{opacity: 0.6; background: #EEE;}
.signupform form input[type="text"].tiny {width: 3em;}
.signupform form input[type="submit"]	{display: inline-block; font-size: 1rem; margin: 0 1em;}
.signupform .birthday select	{margin-right: 0; width: 4em;}
.signupform .birthday select:nth-child(4)	{width: 6em;}
.signupform img.myphoto	{border: 1px solid #000; margin: 0 20px;}
.signupform form input[type="text"].error, .signupform form select.error {background: #FEE; border: 1px solid #F77 !important;}
.signupform form input[type="file"].error {background: #FEE; border: 1px solid #F77 !important;}
.signupform *:disabled {opacity: 0.6;}

/**introduce**/
.signupform.intro label					{width: 4em;}
.signupform.intro label.question		{width: auto; display: block; text-align: left; padding: 0.5em 2em; background: var(--blue2); margin: 0 0 1em 0; color: #FFF;}
.signupform.intro textarea	{height: 2.4em; width:100%; display: inline-block; font-size: 0.9em;  color: #444;}
.signupform.intro textarea.big	{width: 50em; height: 10em; margin: 0;}
.signupform.intro .answer	{text-align: left; padding: 1em 1em 1em 2em;}


/*introduce view*/
.signupform.intro .greenbutt {margin-left: 10px;}
.signupform.intro form input[type="submit"]	{height: 28px;}
.signupform.intro form input[type="submit"], .signupform.intro form .editmode	{display: none;}
.signupform.intro form.view label.question,
.signupform.intro form.view .listcontent,
.signupform.intro form.view .viewmode,
.signupform.intro form.view .cancel,
.signupform.intro form.view .sor.yesnoemail {display: none;}
.signupform.intro form.view input[type="submit"], .signupform.intro form.view .editmode	{display: inline-block;}
.signupform.intro form .viewmode.error	{border-color: #F33; background: #FDD;}

.signupform.intro form.view textarea	{border: none; background: none; padding-left: 0; margin-left: 0;}
.signupform.intro form.view .answer, .signupform.intro form.view .sor		{padding-top: 0; padding-bottom: 0;}

.signupform.intro textarea.error	{background: #FDD; border-color: #F33;}
.signupform.intro label.error	{display: none !important;}

/*flight info*/
.flightinfo input[type="text"].datum	{width: 7em; padding-left: 1em; background: #FFF url('../../files/img/admin/date.png') no-repeat 95% 50%; margin-right: 1em;}
.flightinfo input[type="text"].time	{width: 3em; text-align: center; background: none; border: none; margin-right: 1em;}
.flightinfo form select.hour,.flightinfo form select.minute	{width: 5em; margin: 0;}
.flightinfo form span	{padding: 0.3em; line-height: 1.5em; display: inline-block; width: 300px; text-align: left; font-weight: normal;}
.flightinfo div.meet	{display: none;}

.flightinfo label.error	{display: none !important;}
.flightinfo select.error, .flightinfo input.error {border: 1px solid #F00 !important; background: #FEE !important;}
.flightinfo .pretourdiv, .flightinfo .posttourdiv {display: none;}

div.roomtype label {background-size: 2em; background-repeat: no-repeat; background-position: 0%; text-align: right; width: auto; padding-left: 3em;}
div.roomtype.rtype2D label {background-image: url('../../files/img/page/bed_double.png');}
div.roomtype.rtype2T label {background-image: url('../../files/img/page/bed_twin.png');}