/* ######################################################################## */
/* Copyright 2013     		 Nijboer IT 			    https://www.nijboer.it  */
/*                                                                          */
/* Licensed under the Apache License, Version 2.0 (the "License");          */
/* you may not use this file except in compliance with the License.         */
/* You may obtain a copy of the License at                                  */
/*                                                                          */
/*    http://www.apache.org/licenses/LICENSE-2.0                            */
/*                                                                          */
/* Unless required by applicable law or agreed to in writing, software      */
/* distributed under the License is distributed on an "AS IS" BASIS,        */
/* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. */
/* See the License for the specific language governing permissions and      */
/* limitations under the License.                                           */
/* ######################################################################## */

:root {
	--color-amber--: #ff8000;
	--background-amber--: #ffd4a6;
}

body {
	background-image: url('/images/blokschrift_background_yellow.png');
}

div#copyright div#logo p.AdministratieManager {
	color: var(--color-amber--);
}

div.rounded span.header { color: #ff8000; }

input[type=text], input[type=password], input[type=file], input[type=email], input[type=number], input[type=date], select, textarea { background-color: #ffd4a6; }
input:autofill{ background-color: #ffd4a6 !important; }
#textinput, #datuminput { background-color: #ffd4a6; }

	ul#nav-menu li a, ul#nav-menu li:first-child a {
		color: #FFFFFF;
		background: linear-gradient(to left, #ECECEC 0%, #ff8000 100%);
	}

	ul#nav-menu li:last-child a {
		box-shadow: 5px 6px 10px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFFFFF;
	}

	ul#nav-menu li a.active {
		z-index: 98 !important;
		color: #ff8000;
		/*background: linear-gradient(to left, #ECECEC 50%, #D1D1D1 100%);*/
		background: linear-gradient(to top, #FFFFFF -5%, #D1D1D1 100%);
		text-shadow: 0 1px #FFF;
	}

	ul#nav-menu li:not(:last-child) a.active {
		box-shadow: 5px 6px 10px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFFFFF;
	}

	ul#nav-menu li a:hover {
		z-index: 99 !important;
		color: #ff8000;
		background: linear-gradient(to left, #ECECEC 15%, #EEEEEE 100%);
		text-shadow: 0 1px #FFF;
		transition: background 5s;
	}

	ul#nav-menu li:not(:last-child) a:hover {
		box-shadow: 5px 6px 10px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF;
	}

#factuur table#subtable tbody td:nth-child(1) input[type=text] { width: 500px; }
#factuur table#subtable tbody td:nth-child(2) input[type=text] { width: 75px; }
#factuur table#subtable tbody td:nth-child(3) select { width: 100px; }
#factuur table#subtable tbody td:nth-child(3) input[type=text] { width: 75px; }
#factuur table#subtable tbody td:nth-child(4) input[type=text] { width: 75px; }

#factuur table#weekstaat { width: 50% !important; }
#factuur table#weekstaat tbody tr td { text-align: center; }
#factuur table#weekstaat tbody tr td input[type=text] { width: 30px; }

#factuur thead tr:not(:last-child) th { text-align: right; width: 300px; }
#factuur thead tr:not(:last-child) td { width: 200px; }

form#resultaten table tbody tr:hover td,form#rechten_form table tbody tr:hover td {
	background-color: #ffd4a6;
}
form#resultaten table tbody tr.highlight {
	background-color: #ffd4a6;
}
table tbody.striped tr:hover {
	background-color: #ffd4a6;
}

ul:not(#nav-menu) {
  list-style: none; /* Remove default bullets */
}
ul:not(#nav-menu,#langselect) li::before {
	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	font-weight: bold; /* If you want it to be bold */
	display: inline-block; /* Needed to add space between the bullet and the text */
	width: 1em; /* Also needed for space (tweak if needed) */
	margin-left: -1em; /* Also needed for space (tweak if needed) */
 	color: #ff8000;
}

input[id^='gauth'] {
	border-color: #ff8000;
}