/* 
Theme Name: JourneyCalculator
Theme URI: https://www.bernhard-riedl.com/websites/
Version: 2.31
Description: JourneyCalculator.com Style
Author: Dr. Bernhard Riedl
Author URI: https://www.bernhard-riedl.com/
*/

body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
}

/*
containers
*/

header, main, nav, footer {
	display: block;
}

#journeycalculator {
	width: 950px;
	margin: 12px auto;
}

#journeycalculator_content, #journeycalculator_header, #journeycalculator_footer {
	background-color: #ffffff;
	padding: 14px 20px;
	border: 1px solid #c6c6c6;
	margin: 15px auto;
}

#journeycalculator_footer {
	margin: 0 auto;
	padding: 0;
}

#journeycalculator_header, #journeycalculator_footer {
	text-align: center;
}

#journeycalculator_content {
	text-align: left;
}

#journeycalculator_content h2 {
	font-size: 1.2em;
}

.languages {
	margin:10px 0px;
}

/*
headers
*/

#journeycalculator_header h1, #journeycalculator_header a {
	color: #333333;
	padding: 0;
	margin: 0;
	text-decoration: none;
}

#journeycalculator_header h1 {
	margin-bottom: 10px;
	font-size: 30px;
	font-weight: bold;
}

#journeycalculator_header h1 a {
	background: transparent url("images/logo.png") no-repeat scroll left center;
	padding-left: 42px;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	#journeycalculator_header h1 a {
		background: transparent url("images/logo@2x.png") no-repeat scroll left center;
		background-size: 32px 32px;
	}
}

#journeycalculator_header, #journeycalculator_footer {
	background: #F1F1F1;
}

/*
menu
*/

ul.subsubsub.journeycalculator {
	list-style: none;
	margin: 8px 0 5px;
	padding: 0;
	white-space: nowrap;
	float: none;
	display: block;
}
 
ul.subsubsub.journeycalculator a {
	line-height: 2;
	padding: .2em;
	text-decoration: none;
}

ul.subsubsub.journeycalculator li, a.border_left {
	display: inline;
	margin: 0;
	border-left: 1px solid #ccc;
	padding: 0 .5em;
}

ul.subsubsub.journeycalculator li:first-child, a.first_border_left {
	padding-left: 0;
	border-left: none;
}

/*
forms
*/

form.save_entry, form.delete_entry {
	float:left;
}

form.delete_entry {
	margin: 0px 6px;
}

/*
form-icons
*/

button {
	background: none;
	border: none;
	cursor: pointer;
	color: #1C4182;
}

button:hover {
	color: #D54E21;
}

input[type="button"], input[type="submit"] {
	border: 1px solid #C6C6C6;
	background: #DDD;
	cursor: pointer;
}

input[type="button"]:hover, input[type="submit"]:hover {
	border: 1px solid #666;
}

button.flaticons, a.flaticons {
	width: 24px;
	margin-top: 1px;
}

a.button_load:before {
	content: "\e600";
}

a.button_calendar_link:before {
	content: "\e601";
}

a.button_google_calendar_link:before {
	content: "\e602";
}

button.button_convert:before {
	content: "\e603";
}

button.button_delete:before {
	content: "\e604";
}

button.button_save:before {
	content: "\e605";
}

button.button_update:before {
	content: "\e606";
}

a.button_map:before {
	font-family: flaticons;
	font-size: 18px;
	margin-right: 3px;
	text-decoration: none;
	display: inline-block;
	vertical-align: bottom;
	white-space: nowrap;
}

a.button_map:before {
	content: "\e607";
}

div.icon_turn_clock_forward:before, div.icon_turn_clock_back:before {
	content: "\e608";
}

div.icon_turn_clock_forward {
	-moz-transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
}

input[disabled], input[disabled='disabled'] {
	background: #EEE;
}

textarea, input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="url"], select {
	margin: 0;
	padding: 0;
	border: 1px solid #DDD;
	box-shadow: none;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="url"]:focus, select:focus {
	border: 1px solid #AAA;
}

/*
links
*/

a, a:visited {
	color: #1C4182;
}

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

a.current {
	color:#000;
	font-weight:bold;
}

/*
tables
*/

#table_journeycalculator_history, table {
	width: 906px;
}

table {
	margin: 0.6em 0;
	border-color: #dfdfdf;
	background-color: #fff;
	border-width: 1px;
	border-style: solid;
	border-spacing: 0;
	clear: both;
	margin: 0;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	word-wrap: break-word;
}

td {
	padding: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

td, th {
	line-height: 23px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-size: 11px;
	border-color: #dfdfdf;
	border-bottom: 0 none;
}

th {
	text-shadow: rgba(255,255,255,0.8) 0 1px 0;
	padding: 7px 7px 8px;
	text-align: left;
	line-height: 1.3em;
}

thead tr th, tr th {
	color: #333;
	background: #F3F3F3;
}

th, td {
	overflow: hidden;
}

td p {
	margin: 2px 0 0.8em;
}

.alternate, tr.line1 {
	background: #F9F9F9;
}

table.contact tr td {
	padding:5px 20px;
}

/*
messages
*/

p.error {
	color: red;
	font-weight: bold;
}

.updated,
.error {
	border-width: 1px;
	border-style: solid;
	padding: 0 0.6em;
	margin: 25px 0px 25px 0px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.updated p,
.error p {
	margin: 0.5em 0;
	line-height: 1;
	padding: 2px;
}

.updated {
	background-color: #ffffe0;
	border-color: #e6db55;
}


.error {
	background-color: #ffebe8;
	border-color: #c00;
}

/*
input
*/

select.clock {
	width: 45px;
}

#departure_hour, #arrival_hour {
	width: 100px;
}

select.continent {
	width: 100px;
}

select.timezone {
	width: 200px;
}

/*
flag-icons
*/

a.flag {
	margin: 2px 2px 0 2px;
	background: url(images/sprite_flags.png) no-repeat top left;
	float: left;
	display: block;
	width: 16px;
	height: 16px;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	a.flag {
		background: url(images/sprite_flags@2x.png) no-repeat top left;
		background-size: 16px 380px;
	}
}

a.flag_ar {
	background-position: 0 0;
}

a.flag_at {
	background-position: 0 -26px;
}

a.flag_au {
	background-position: 0 -52px;
}

a.flag_be {
	background-position: 0 -78px;
}

a.flag_ca {
	background-position: 0 -104px;
}

a.flag_ch {
	background-position: 0 -130px;
}

a.flag_de {
	background-position: 0 -156px;
}

a.flag_es {
	background-position: 0 -182px;
}

a.flag_fr {
	background-position: 0 -208px;
}

a.flag_lu {
	background-position: 0 -234px;
}

a.flag_mx {
	background-position: 0 -260px;
}

a.flag_nz {
	background-position: 0 -286px;
}

a.flag_th {
	background-position: 0 -312px;
}

a.flag_uk {
	background-position: 0 -338px;
}

a.flag_us {
	background-position: 0 -364px;
}

/*
hover for icons
*/

a.flag:hover, a.about:hover {
	opacity: 0.8;
}

/*
other elements
*/

fieldset.flags {
	display:inline;
	font-size:10px;
	border-color:#FFF;
}

img {
	border:0;
}

.hidden {
	display:none;
}

ul.left {
	margin: 0;
	padding: 0px 0px 0px 15px;
}

/*
link & share
*/

a.link_img:before, div.link_img:before {
	content: "\e614";
}

a.link_img:before, div.link_img {
	margin-right: 5px;
}

a.about_twitter:before {
	content: "\e615";
}

a.about_google_plus:before {
	content: "\e616";
}

a.about_facebook:before {
	content: "\e617";
}

a.about_addtoany:before {
	content: "\e618";
}

div.align_left {
	float:left;
}

div.align_right, iframe.align_right {
	float:right;
}

br.clear {
	clear:both;
}

div.space_right {
	margin-right:3px;
}

.screen-reader-shortcut {
	position: absolute;
	top: -1000em;
}

.screen-reader-text {
	position: absolute;
	left: -1000em;
	top: -1000em;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.clear {
	clear: both;
}

#recaptcha_widget_div td {
	line-height: inherit;
}

.recaptchatable {
	width: 100%;
}

/*
based on http://visitsteve.com/made/diy-paypal-buttons/
*/

.button_donate {
	width: 85px;
	height: 24px;
	text-decoration: none;
	display: block;
	text-align: center;
	position: relative;

	background: #FEE1A5;

	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;

	border: 1px solid #FFB829;

	text-shadow: 0px 1px 1px white;

	font: italic bold 14px/24px helvetica, arial;
}

.tb-close-icon:before {
	content: '\e604' !important;
	font: normal 20px/29px 'flaticons' !important;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*
datatables
*/

/*#table_journeycalculator_history {
	width: 100% !important;
}*/

.dt-layout-row {
	margin: 6px 0px 6px 0px;
}

.dt-start {
	float:left;
}

.dt-end {
	text-align: right;
}

div.dt-search input {
	margin-left: 5px;
}

.dt-orderable-asc, dt-orderable-desc {
	cursor: pointer;
}

.dt-ordering-asc:after {
	font-family: flaticons;
	font-size: 16px;
	color: #666;
	float: right;
	content: "\e610";
}

.dt-ordering-desc:after {
	font-family: flaticons;
	font-size: 16px;
	color: #666;
	float: right;
	content: "\e612";
}

.ordering:after {
	font-family: flaticons;
	font-size: 16px;
	color: #666;
	float: right;
	content: "\e613";
}

.dt-paging-button {
	border-color: #bbb;
	color: #464646;
	background: #f7f7f7;
	margin-left:1px;
	margin-right:1px;
	text-shadow: rgba(255,255,255,1) 0 1px 0;
	text-decoration: none;
	font-size: 11px !important;
	line-height: 13px;
	padding: 2px 7px;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
}

.dt-paging-button:hover {
	color: #000;
	border-color: #666;
}

.dt-paging-button:active, .dt-paging-button.current {
	background: #eee repeat-x scroll left top;
	font-weight: bold;
}

.dt-paging-button.first:before, .dt-paging-button.previous:before, .dt-paging-button.next:before, .dt-paging-button.last:before {
	font-family: flaticons;
	font-size: 16px;
	line-height: 14px;
	vertical-align: bottom;
}

.dt-paging-button.first:before, .dt-paging-button.last:before {
	letter-spacing: -4px;
}

.dt-paging-button.previous:before, .dt-paging-button.next:before {
	padding-left: 5px;
}

.dt-paging-button.first:before {
	content: "\e609\e609";
}

.dt-paging-button.previous:before {
	content: "\e609";
}

.dt-paging-button.next:before {
	content: "\e611";
}

.dt-paging-button.last:before {
	content: "\e611\e611";
}