/* Fr_styles.css */


h1 {
	color: lightGrey;
}


header[id] {
	height: 1.6rem;
}


header a {
	margin: 1.4rem;
}


h2 {
	height: 1.6rem;
}

h2 a {
	color: black;
	text-decoration: none;
}

pre a {
	color: black;
	font-weight: bold;
	font-size: larger;
}


th {
	text-align: left;
	color: #222;
	font-weight: normal;
}

th[t$=ID],  td[t$=ID]  {
	color: lightGrey;
}

input[name$=ID]  {
	color: darkGrey;
}




input[name=B_DETAILS]  {
	border: solid 1px darkGray;
}



td, d-td.td {
	vertical-align: top;	
}


[name="BID"], [name="WID"] {
	color: darkGrey;
	width: 3rem;
}

td[name="WOBJECT"], td[name="PTEXT"] {
	border: solid 1px darkGray;
}

td[name="WOBJECT"],                         td[name="BELDATUM"] {
	min-width: 20rem;
	font-weight: bold;
}

td[name="WOBJECT"] a, td[name="PTEXT"] a,   td[name="BELDATUM"] a {
	text-decoration: none;
}


td[name="PTEXT"] {
	white-space: pre;
	max-width: 50rem;
}



/* Chrome */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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


print_content h2 {
	background-color: lightGray;
	padding: 1rem 0;	
} 


table[name=ACalendar] {
	width: 90%;
}

table[name=ACalendar] tr td:first-child, table[name=ACalendar] tr th:first-child {
	display: none
}

acal_details {
	display: block;
	padding-bottom: 1rem;
}

acal_liste, acal_title {
	color: darkGrey;
}

acal_knz {
	color: lightcyan;
}

acal_datum {
	font-weight: bold;
}

th[name=ACAL_WEEK] {
	width: 7%;
}

th[name^=ACAL_DETAILS_LIST] {
	width: 10%;
}

td[name^=ACAL_DETAILS_LIST_1], td[name^=ACAL_DETAILS_LIST_3], td[name^=ACAL_DETAILS_LIST_5] {
	background-color: lightGray;
}

td[name^=ACAL_DETAILS_LIST_2], td[name^=ACAL_DETAILS_LIST_4] {
	background-color: #e0e0e0;
}


td[name^=ACAL_DETAILS_LIST_6], td[name^=ACAL_DETAILS_LIST_7] {
	background-color: lightBlue;
}


pre {
	margin: 0;
	padding: 0;	
}


.A_LISTE tr td {
	border: solid 1px darkGray; 
}


@media print {
  a[id=download] {
    display: none;
  }
  
  body { 
  	background-color: white; 
  }
  
  * {
		font-size: 100%;
  }
  
}


@media screen and ( max-width: 1000px) {
  * {
		font-size: 120%;
  }
  
  header {
		font-size: 140%;
  }
}