/*
Version 2025-04-18
*/

:root {
  --darkblue:#036;
  --blue1:#347;
  --light-blue:#e6e9f0;
  --beige:#cca;
  --pink:#f8a;
  --indigo:#95f;
  --flesh-0:#cac4ba;
  --flesh-1:#dad4ca;
  --gray-0:#babfb8;
  --gray-dark:#575a5d; /* ludz */
  --gray-blue: #89b;
  --gray-light:#e2e5dc;
  --gray-white:#e8eae5;
  --white-gray:#eceee7;
  --near-white: #f2f6f0;
  --bggreen:#ded8;
  --bgblue:#dee8;
  --bgyellow:#eed8;
  --bgviolet:#dce8;
  --bgred:#edd8;
/*
Bootstrap-Farben überschreiben
*/
  --highlight:#fff2cc;
  --white:#fcfffa;
  --primary:#708ac4;
  --danger:#d56;
  --purple: #5b3c88; /* jw-library */
  --warning:#a9c;
  --success:#9ca;
  --info:#569;
  --light:#eff;
  --blue: #4a6da7;  /* jw.org */
  --red: #7e0024; /* ludz */
  --yellow: #be8900; /* ludz */
  --orange: #e2ae75;
  --green: #388858;
  --gray:#999;
}

body{
	font-family:Roboto,"Trebuchet MS",Helvetica,Sans-serif;
	background-color:var(--white);
	font-size:1.1em;
	color:var(--gray-dark);
}

#mainscreen {
	padding: 0px 5px;
	top:0px;
	width:100%;
	position:relative;
}

#docdiv,
#warn-div,
#graph-div,
#calender_section {
	margin:.5em auto 0;
	padding:.5em 0px 5px;
	position:relative;
	top:1em;
	z-index:500;
}

#modal-div {
	background-color:#024a;
    cursor: not-allowed;
}

div.table {
	display:table;
	border-collapse:collapse;
	width:100%;
}

div.td {
	display:table-cell;
	padding:5px;
	margin-left:9px;
	margin-right:14px
}

a:hover {
	color:var(--secondary);
	text-decoration:underline;
}

.link a:hover {
	color:var(--highlight);
}

.login-container {
	background:var(--gray-white);
	padding:12px;
}

/* Reset top and bottom margins from certain elements */
header,
.login .header,
.login p {
	margin-top:0;
	margin-bottom:0;
}

header a,
.login .header a {
	color:#aaffff;
	/* gelb */
}

header,
.login .header {
	background:var(--info);
	padding:.6em .3em;
	font-size:1.4em;
	text-align:center;
	color:var(--near-white);
}

.login {
	margin:1px auto;
	font-size:16px;
	min-width:320px;
	max-width:400px;
}

/* Every row inside .login-container is defined with p tags */
.login p {
	padding:6px;
}

input,
select,
textarea {
	background:var(--light);
	box-sizing:border-box;
	border:1px solid var(--gray);
	border-radius:.2em;
	padding:.2em .4em;
	margin-bottom:.2em;
	outline:0;
	font-family:inherit;
	font-size:1.2em;
	max-width:100%;
}

input[type=number],
input[type=date],
input[type=time] {
	font-size:1.1em;
}

#bericht input,
#bericht select {
	text-align:center;
}

#bericht option {
	text-align:left;
	max-width:100%;
	overflow:none;
}

#bericht input[type=number] {
	max-width:5em;
}

.myform select option,
.myform select {
	display:block;
	-webkit-appearance:none;
	appearance:none;
	width:100%;
	margin:0;
}

.myform select:not([size]):not([multiple]) {
	background-image:url('down.svg'),linear-gradient(to bottom,var(--light) 0%,var(--primary) 400%);
	background-color:transparent;
	background-repeat:no-repeat,repeat;
	background-position:right .1em top 50%,0 0;
	background-size:1.6em;
}

input.optional {
	border: 2px solid var(--success);
	background: var(--bggreen);
}

input.required {
	border: 2px solid var(--warning);
	background: var(--bgviolet);
}

/* Hide arrow icon in IE browsers */
.myform {
	padding:10px;
	background:#f4f4f4;
}

.myform select::-ms-expand {
	display:none;
}

.myform input,
.login input,
.login select,
/*.myform select,*/ 
.bar input:not([type="radio"]):not([type="checkbox"]),
.bar textarea {
	display:block;
	width:100%;
}

input[type="username"],
input[type="password"] {
	background:var(--light);
	border-color:var(--gray-light);
	color:var(--gray-dark);
}
.myform label {margin-bottom:0px;}

input[type=radio] + label.rb,
input[type=checkbox] + label.xb,
input[type=checkbox] + label.cb {
	padding-left:36px;
	margin:6px 0px;
	/*line-height:32px;*/
	height:30px;
	background-repeat:no-repeat;
	background-size: 30px;
	font-size:1em;
	cursor:pointer;
}

input:disabled,
textarea:disabled,
select:disabled {
	opacity:0.6;
}

select:disabled,
textarea:disabled,
input:not([type="radio"]):not([type="checkbox"]):not([type="button"]):disabled {
	background:var(--white-gray);
}

label.rb {
	background-image:url('form/rb_act.svg');
	padding-right:20px;
}

label.cb {
	background-image:url('form/cb_act.svg');
}

label.xb {
	background-image:url('form/xb_act.svg');
}

button.xb, button.xb_checked,
button.cb, button.cb_checked {
	width: 32px;
	height: 30px;
	background: none !important;
	background-image: url('checkbox.svg') !important;
	background-repeat: no-repeat !important;
	background-size: 30px 60px !important;
}

button.xb_checked, button.cb_checked {
	background-position: 0 -32px !important;
}

button.xb, button.cb {
	background-position: 0 -2px !important;
}

button.xb:disabled {
	background-image: url('form/xb_dis.svg') !important;
}

button.cb:disabled {
	background-image: url('form/cb_dis.svg') !important;
}

/* die eigentlichen Steuerelemente Elemente von Radiobutton und Checkbox werden versteckt */
input[type=radio],
input[type=checkbox] {
	position:absolute;
	z-index:-1000;
	left:-3000px;
	overflow:hidden;
	clip:rect(0 0 0 0);
	height:1px;
	width:1px;
	margin:-1px;
	padding:0;
	border:0;
}

input[type=radio] {
	width:auto;
	display:inline;
}

input[type=radio]:checked + label.rb,
input[type=checkbox]:checked + label.xb,
input[type=checkbox]:checked + label.cb {
	background-position:0 -30px;
}

input[type=radio]:disabled + label.rb {
	background-image:url('form/rb_dis.svg');
}

input[type=checkbox]:disabled + label.xb {
	background-image:url('form/xb_dis.svg');
}
input[type=checkbox]:disabled + label.cb {
	background-image:url('form/cb_dis.svg');
}

input [type=radio]:checked + label.rb {
	font-weight:bolder; 
}

button,
input[type="button"] {
	background:var(--info);
	border-color:transparent;
	color:var(--near-white);
	cursor:pointer;
}

/* Button focus effect */
button:hover,
input[type="button"]:hover {
	background:var(--blue1);
}

input[type="button"]:disabled {
	background:var(--gray-dark);
}

input[type="button"]:focus {
	border-color:var(--darkblue);
}

input[type="username"]:focus,
input[type="password"]:focus {
	border-color:var(--gray);
}

fieldset {
	padding: .5em;
	border: solid 1px var(--flesh-1);
	background-color: var(--gray-white);
	border-radius: .3em;
}

legend {
	font-size:1em;
	margin:0;
}

[role=note] {
	border-left: thick solid var(--danger);
	padding-left: 0.5em;
	/*max-height: 150px;
	overflow-y: hidden;*/
}

/*[role=note]:focus {
	max-height:inherit;
}*/

[role=note]:before {
	content: 'Bitte beachten:';
	color: var(--danger);
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
	padding-right: 10px;
}

.saved {
	background-color:var(--success);
	text-align:center;
}

div.error {
	border:solid 2px var(--warning);
} 
.error, .error input{
	background-color:var(--bgviolet) !important;
}

.abort {
	background-color:var(--warning) !important;
}

.tag, .searchtag, .imgtag  {
	border-radius: .25rem !important;
	padding:3px 10px;
	margin:2px 7px;
	font-size:smaller;
	display:inline-block;
}

.cut, .imgtag, .searchtag {
	overflow: hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.imgtag {
	max-width: 100%;
	position:relative;
	padding-left: 2px !important;
}

.searchtag {
	background-color:var(--gray-dark);
	color:var(--near-white);
}

.tag img, .searchtag img {
	position:relative;
	left:15px;
}

.tinylink {
	font-size:0.6em;
}

.tinylink,
.grayed,
.disabled {
	color:var(--gray);
	opacity:.6;
}
.grayed img {
	opacity:.6;
	background-color:var(--gray-0);
}

a[href*=".pdf"], a.pdf {
	padding-left:1.5em;
	background:url(file_pdf.svg) no-repeat;
}

a.symbol[href^="http"] {
	padding-left:0.5em;
	background:url(link_symbol.svg) no-repeat;
}

#infowin a[target="_new"]:not([class*="symbol"]), a.symbol[href^="http"] {
	padding-left:1.5em;
	background:url(link_global.svg) no-repeat;
}

a.symbol[href^="mailto"] {
	padding-left:1.5em;
	background:url(email.svg) no-repeat;
}

a.symbol[href^="tel"] {
	padding-left:1.5em;
	background:url(phone_full.svg) no-repeat;
	color:inherit;
}

a.symbol.mobile[href^="tel"] {
	padding-left:1.5em;
	background:url(mobile.svg) no-repeat;
}

a.symbol.line[href^="tel"] {
	padding-left:1.5em;
	background:url(phone.svg) no-repeat;
}

div.info {
	position:absolute;
	left:0px;
	background:var(--gray-blue);
	border:solid 2px var(--info);
	padding:2em;
	margin:auto;
}

.infobox {
	position:absolute;
	background-color:var(--highlight);
	border:solid 2px var(--orange);
	border-radius: 5px;
	padding:.7em;
	margin:.7em;
	z-index:10;
	max-width:400px;
}

.infowin {
	position:absolute;
	width:100%;
	left:0px;
	background:var(--info) none repeat scroll 0% 0%;
	border:4px solid var(--info);
	z-index:500;
	border-radius: 15px 15px 5px 5px;
}

.infowin > h3 {
	display:block;
	color:var(--near-white);
	background:var(--info);
	top:5px;
	position:relative;
	padding: 0 15px;
}

#warn-div div.content,
.infowin div.content {
	background:var(--gray-light);
	padding:.5em 1em;
	color:var(--darkblue);
}

.infowin > img.menu {
	position:relative;
	top:-22px;
	left:15px;
	background:var(--info);
	border-radius:15px;
}

span.tooltip {
	border:1px solid var(--success);
	border-radius:5px;
	display:none;
	opacity:1;
	padding: 5px;
	background-color: #efe;
}

.toolbox {
	position:relative;
}
 
.flyout {
	right:10px;
	margin-right:10px;
	min-width:250px;
	max-width:400px;
	position:absolute;
	padding:.3em;
	font-size: 13pt;
	z-index:499;
	border:solid 1px var(--gray-blue);
	background:var(--white-gray);
	color:var(--gray-dark);
	text-align: left;
}

.flyout .link { display:block; }

.flyout hr {
	margin:3px;
}

.flyout .head {
	position:relative;
	line-height:10px;
	top:-15px;
	margin:auto;
	padding:3px 10px;
	background:var(--gray-blue);
	color:var(--near-white);
	margin-right:.5em;
}

.static-note .img-box {
	width:2.5em;
	height:100%;
	float:left;
	padding-left:.5em;
}

.static-note .img-box img {
	position:relative;
	top:1em;
}

.infowin img.close {
	opacity:1;
	top:2px;
}

.flyout img.close, 
.static-note img.close {
	position:absolute;
	right:-10px;
	top:-10px;
	opacity:1;
	width:20px;
}

#inform-note-button,
#warning-note-button,
#success-note-button {
	position: fixed !important;
	z-index: 1000;
	display:none;
	right:-.5em;
	border-radius:12px;
	border: 1px solid var(--gray-blue);
	height:1.6em;
	width:1.6em;
	opacity:.7;

}

#inform-note-button,
#inform-note {
	bottom:12rem;
	background:#ffffe9;
}

#warning-note-button,
#warning-note {
	top:4rem;
	background:#ede9ff;
}

#success-note-button,
#success-note {
	top:auto;
	bottom:4rem;
	background:#edffe9;
}


.static-note {
	position: fixed !important;
	z-index: 1000;
	display: -webkit-box;
	display: -ms-flexbox;
	right: 1rem;
	padding: 0.5rem;
	border-radius: 4px;
	border: 1px solid var(--gray-blue);
	margin-top: .5rem;
	margin-bottom: .5rem;
	min-height:5em;
	display: none;
}

.static-note h5 {
	margin-top:0.3em;
}


#inform-note-content,
#warning-note-content,
#success-note-content {
	margin-left:0.5em;
	width:14em;
	float:left;
}

div.card, h2.card, h4.card {
	border:solid 1px var(--gray-blue);
	padding:.5em .2em;
	box-shadow:.2em .2em .5em 0 rgba(0,0,0,.3);
	margin:-4px;
}

div.card {
	background:var(--near-white);
	border-top:none;
	margin-top: 4px;
	border-radius:0em 0em 0.4em 0.4em;
	display:inherit;
}

h2.card {
	font-size:1.5em;
	color:var(--white);
	background:var(--gray-blue);
	border-bottom:none;
	border-radius:0.4em 0.4em 0em 0em;
}

div.home {
	margin-bottom:1em;
}

.home > div {
	min-height:200px;
	/*background:var(--highlight);*/
}
/*
.home img {
	opacity:0.7;
}
.home img:hover {
	opacity:1;
}
*/

.asline {
	display:block !important;
}

.sidemenu {
	height:100%;
	width:400px;
	position:fixed;
	z-index:1;
	top:0;
	left:-800px;
	background-color:var(--white);
	overflow-x:hidden;
	transition:0.5s;
	-moz-box-shadow:inset -7px 0 9px -7px var(--gray-dark);
	-webkit-box-shadow:inset -7px 0 9px -7px var(--gray-dark);
	box-shadow:inset -7px 0 9px -7px var(--gray-dark);
}

.sidemenu-content {
	position:relative;
	top:65px;
	width:100%;
	text-align:right;
}

.sidemenu-sub .sidemenu-line {
	background-color:var(--gray-white);
}

.sidemenu-line {
	padding:15px;
	margin-right:30px;
	text-decoration:none;
	font-size:1.5em;
	display:block;
	transition:0.2s;
	cursor:pointer;
}

#mylist div.stripe:nth-child(odd),
.stripes div.stripe:nth-child(odd),
.odd,
.bgc1 {
	background-color:var(--white-gray);
}

#mylist div.stripe:nth-child(even),
.stripes div.stripe:nth-child(even),
.even,
.bgc2 {
	background-color:var(--near-white);
}

.bgc3,
.sidemenu-sub .sidemenu-line:hover,
.sidemenu-sub .sidemenu-line:focus,
.sidemenu-line:hover,
.sidemenu-line:focus {
	background-color:var(--gray-light);
}

.bgc4 {
	background-color:var(--gray-white);
}

.bgc5 {
	background-color:var(--flesh-0) !important;
}

.bgc6 {
	background-color:var(--flesh-1) !important;
}

.menu-bar {
	/*display:table-cell;
	width:100%;*/
	background-color:var(--blue1);
	color:var(--near-white);
	height:50px;
	right:0;
	left:0;
	top:0;
	position:absolute;
	/*vertical-align:middle;*/
}

.menu-bar img {
	position:relative;
	top:4px;
	width:32px;
	height:32px;
}

.menu-bar img.h1 {
	top:-4px;
	height:80%;
	width: inherit;
	min-width:
	min-width: 140px;
	max-width: 50%;
}

.hide {
	display: block;
	visibility: hidden;
	width: 0;
	height: 0;
}

.hidden-div {
	display:none;
	top:50px;
}

.menu-bar_side {
	cursor:pointer;
	-moz-box-shadow:inset -7px 0 9px -7px var(--gray-dark);
	-webkit-box-shadow:inset -7px 0 9px -7px var(--gray-dark);
	box-shadow:inset -7px 0 9px -7px var(--gray-dark);
}

.danger,.red,.warning	{
	color:var(--warning);
}

/*div.ques {
	background-image:url("bg_ques.svg");
	background-size:25%;
}

div.warn {
	background-image:url("bg_excl.svg");
	background-size:25%;
}
*/
div.question,
div.warning {
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
}

.thumb,
.explain {
	float:left;
	padding-right:1em;	
}

.thumb	{
	max-height:120px;
	max-width:120px;
}

.thumb:hover {
	max-height:240px;
	max-width:240px;
}

div.drop, div.more, .opt {
	background-position: right 1em top !important;
	background-size: 1.5em !important;
}

div.drop {
	background:url(abtn_down.svg) no-repeat;
} 

div.more {
	background:url(options_h.svg) no-repeat;
} 

.opt {
	background:url(options_v.svg) no-repeat;
} 

.link-button, .link img {
	cursor:pointer;
}

.link-button {
	background: var(--info);
	color: var(--near-white);
	font-size:1.2em;
}

.link-button:hover {
	background: var(--darkblue);
} 
span.link-button {
	display:block;
	margin: 5px 15px;
}

div.btn_list span[onclick],
.link,
div.drop,
div.more {
	font-weight:bold;
	cursor:pointer;
	color:var(--info);
}

div.btn_list span[onclick],
.link:hover,
div.drop:hover,
div.more:hover {
	color:var(--near-white);
	background-color:var(--secondary);
}

img.button_menu {
	width:28px;
	padding:1px;
	margin-right:3px;
}

img.img_sm,
.link img, .menu img,
img.button_sm,
img.menu {
	width:30px;
	padding:2px;
	margin-right:2px;
}

img[class*="button_"] {
	color:#003264;
}

img.img_em,
img.button_em {
	width:1.3em;
	padding:.05em;
	margin-right:.05em;
}

img.img_xs,
img.button_xs {
	width:22px;
	padding:1px;
	margin-right:5px;
}

span.headline, img.headline {
	display:inline;
	float:right;
	position: relative;
    z-index: 2;
}

div.stick {
	background: var(--white);
	padding: 5px 15px;
	position: sticky;
	top: 50px;
	z-index:200;
}

img.img_md,
img.button_md {
	width:54px;
	padding:2px;
}

img.img_lg,
img.button_lg {
	width:90px;
	margin:5px;
	padding:4px;
}

img.img_xl,
img.button_xl {
	width:125px;
	margin:7px;
	padding:5px;
}

.btl {
	background:no-repeat url("button_bg2.svg");
}

.btd {
	background:no-repeat url("button_bg3.svg");
}

/*.btx {
	background:no-repeat url("button_bg1.svg");
}
.btx:hover,*/

.btl:hover,.btd:hover {
	background-image:none !important;
	background-color: white;
	border-radius: 0.25em;	
}

/*.link img:hover,*/
img.button_em:hover,
img.button_xs:hover,
img.button_menu:hover,
img.button_sm:hover,
img.button_md:hover,
img.menu:hover,
img.button_lg:hover,
img.button_xl:hover {
	padding:0px;
}


img.miss {
	padding-left:20px;
	background:no-repeat url("miss.svg");
}

.menubox {
	display:block;
	max-width:140px;
	text-align:center;
	height:180px !important;
}

.rowbox {
	background-color:var(--gray-light);
	border:solid 1px var(--flesh-0);
}

.highlight {
	background-color:var(--highlight);
	color:var(--darkblue);
}

.light {
	color:#A0A0A0;
	cursor:not-allowed;
}

.valid	{
	color:#041;
}

.todo	{
	background-size:2em;
	background-image:url(todo.svg);
}

.stripe > .todo	{
	background-color:var(--bgviolet);
	background-image:none;
}

.done	{
	background-size:2em;
	background-image:url(done.svg);
}

.stripe > .done	{
	background-color:var(--bggreen);
	background-image:none;
}

.none	{
	display:none;
}

.w-10 {width:10%;}
.w-20 {width:20%;}
.w-25 {width:25%;}
.w-30 {width:30%;}
.w-40 {width:40%;}
.w-50 {width:50%;}
.w-60 {width:60%;}
.w-75 {width:75%;}
.w-90 {width:90%;}
.w-100 {width:100%;}

[class*="w-"] {
	float:left;
 	overflow: hidden;
	text-overflow:ellipsis;
}

[class*="w-"] * {
	margin-left: 15px;
}

/*#mylist	div.row.theader,
#mylist	div.row.stripe {
	margin:0px;
}*/

#mylist div.stripe {
	border-bottom:1px solid var(--flesh-1);
	padding:.5em 0px;
	position:relative;
}

.stripes .header {
	padding-left:0px;
}

.lines .stripe {
	border-bottom:1px solid var(--gray-blue);
	margin: 0px;
}

#mylist div[class*="w-"], .separate {
	text-align:center;
	border-left: 1px solid var(--gray-blue);
}

#report_table,
.larger {
	font-size:larger;
}

.smaller {
	font-size:smaller;
}

.condensed {
	line-height:1;
	padding-top:.25em;
}

.lower {
	position:relative;
	top:0.6em;
	padding-bottom:0.6em;
}

.selected {
	background-color:var(--primary);
}

.eye.inactive, .notactive {
	opacity:.25;
	background-color:var(--gray-white);
}

.eye {
	width:.8em;
	height:.8em;
	border: 1px solid var(--primary);
	border-radius:4px;
	background-image:url("visible.svg");
	background-repeat:no-repeat;
	background-size:.7em;
	background-position:center;
}

.checked {
	z-index:500;
	cursor:pointer;
	float:right;
	margin-right:20px;
	font-size:1.5em;
	font-weight:bold;
}

.checked.locked {
	color:#fbb;
}

.checked.inactive {
	color:var(--flesh-1);
}

.checked.active {
	color:var(--info);
}

.checked.remove {
	color:#f30;
}

.mini {
	display:table-cell;
	font-weight:normal;
	font-size:0.7em;
}

.narrow {
	cursor:pointer;
	padding:5px;
	text-align:left;
}

.usel {
	height:40px;
	vertical-align:middle;
	cursor:pointer;
}

.g_me	{
	color:var(--green);
}

.g_he	{
	color:var(--blue1);
}

.g_she	{
	color:var(--red);
}

.th	{
	background-color:var(--info);
	color:var(--near-white);
}


.center,
.t_nav.center {
	float:center;
	margin-left:auto;
	margin-right:auto;
}

.tinylink,
.t_nav {
	cursor:pointer;
}

.t_nav img {
	float:left;
	padding-right:1em;
}

.t_nav.right:active {
	color:var(--gray);
}

h2 img,
h3 img,
.t_nav.right {
	float:right;
	margin-right:4px;
}

.t_nav.left:active {
	color:var(--gray);
}

.t_nav.left {
	float:left;
	margin-left:4px;
}

.rTable p {
	padding:.2em .5em;
}
 
.rTable {
	display:table;
	width:100%;
}
 
.theader,
.rTableHead {
	background-color:var(--gray-blue);
	color:var(--near-white);
	font-weight:bold;
	padding: 5px 0px;
}
 

.rTableHead {
	display:table-header-group;
	border:1px solid var(--white);
	text-align: center;
}
 

.rTableBody {
	display:table-row-group;
}
 
.rTableFoot {
	display:table-footer-group;
}
 
.rTableRow {
	display:table-row;
	position:relative;
}
 

.rTableCell,
.rTableHead {
	display:table-cell;
	padding:.5em;
}

.rTableCellCal,
.rTableCell.header,
.button,
.checked,
.light,
label.rb,
label.cb {
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

button, .link-button,
div.btn_list span[onclick],
.bordered {
	border-radius:.3em;
	border:solid 1px var(--info);
	margin:.5em 0em;
	padding:.2em 1em;
}

.button,
.header {
	vertical-align:middle;
	padding:12px;
	font-size:1.2em;
	font-weight:bold;
	background-color:var(--info);
	color:var(--near-white);
	text-align:center;
}

.rTableCellCal {
	display:table-cell;
	padding:.5em;
	width:14.286%;
	border:1px solid var(--white);
	text-align:right;
	font-weight:bold;
	background-color:var(--near-white);
}

.rTableCellCal .button_xs {
	position:absolute;
	bottom:3px;	
}

.button_xs.meet {
	left:3px;
}

.button_xs.work {
	left: 18px;
}

.dayTour {
	cursor:pointer;
	background-color:var(--gray-light);
}

.activeTour {
	cursor:pointer;
	background-color:var(--gray-blue);
}

div#warn-div {
	border-radius:.5em;
}

#warn-div,
.bookedTour,
input.warning {
	cursor:pointer;
	background-color:var(--warning);
	/*background-image:url("bg_excl.svg");
	background-size:25%;
	*/
	color:var(--near-white);
	padding:1em;
}

#warn-div::before {
	top:-.5em;
	position:relative;
	padding-right:1.2em;
	/*content:url("close_full.svg");*/
}

.ownTour {
	cursor:pointer;
	background-color:var(--success);
	color:var(--near-white);
}

.specialTour {
	cursor:pointer;
	background-color:var(--gray-0);
}

.CalDay {
	width:100%;
	background-color:var(--gray-0);
	text-align:center;
	color:#fff
}

.today {
	padding:7px;
	border:solid 4px var(--blue1);
	background-image:url("light.png");
}

.today2 {
	padding:4px 1px;
	border-right:solid 4px var(--blue1);
	border-left:solid 4px var(--blue1);
	background-image:url("light.png");
}

.today2.top {
	padding-top:1px;
	border-top:solid 4px var(--blue1);
}

.today2.bottom {
	padding-bottom:1px;
	border-bottom:solid 4px var(--blue1);
}

.free {
	padding:1px;
	border:solid 4px var(--success);
}

.set_menu {
	opacity:.2;
	position:absolute;
	z-index:200;
	right:0px;
	margin:-2px 13px !important;
}

.set_menu:hover {
	opacity:1;
}

@media print {
	body * {
		visibility:hidden;
	}

	#calender_section * {
		visibility:visible;
	}

	#calender_section {
		position:absolute;
		margin:0 auto;
		width:100%;
		padding:1em;
		left:0;
		top:0;
	}
	.flyout, .infowin, img[class*="button_"]{
		visibility:hidden;
		display:none;
	}
	
	[class*="col-"] {width:50%;}
	[class*="col-1-"],[class*="col-2-"],[class*="col-3-"] {width:25%;}
	[class*="col-8-"],[class*="col-9-"] {width:75%;}
	[class*="col-10-"],[class*="col-11-"] {width:100%;}
	
	h2.card {
		background:var(--info);
		border-color:var(--darkblue);
	}

}