/* begin license *
 *
 * "Avarus" is the project management tool for Seecr.
 *
 * All rights reserved.
 *
 * Copyright (C) 2012-2014, 2016-2021, 2024 Seecr (Seek You Too B.V.) http://seecr.nl
 *
 * This file is part of "Avarus"
 *
 * end license */

*:focus {
    outline: none;
}

html, body, p, td, th, dd, dt, input, textarea, li, a, select, button, div {
    font-family: Candara, Lucida Grande, Calibri, Helvetica Neue, sans-serif;
}

html, input, textarea {
    font-size: 10pt;
}

body {
    font-size: 1.1rem;
    background-color: #E2E4E6;
    background-repeat: no-repeat;
    background-position: 50% 0;
    width: 100%;
    margin: 0;
    padding: 0;
}

#header {
    padding: 0.1em;
    border-bottom: 1px solid grey;
    background-image: url('/images/seecr-logo-small.png');
    background-repeat: no-repeat;
    background-color: #505050;
    background-position: 99.9% 50%;
}

#content {
    margin: 0.5em;
}

#leftside, #rightside {
    position: absolute;
    width: 49.5%;
}

#leftside {
    left: 0;
    padding-left: 0.5em;
}

#leftside:only-child {
    width: 99%;
}

#rightside {
    right: 0;
}

a {
    color: #0802c7;
    font-weight: 500;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a img {
    background-color: white;
    color: white;
    border-radius: 4px;
    border-style: outset;
    border-width: 1px;
    padding: 1px 2px;
}

a img:active {
    border-style: inset;
}

#header a {
    color: white;
    font-weight: normal;
}

.additem:hover, a:visited, a:active {
    text-decoration: none;
}

ul, p {
    margin: 0.1em;
}

img {
    border: 0px;
    vertical-align: text-top;
}

table {
    border-spacing: 0;
}

form, table:not(.autowidth) {
    width: 99%;
}

table, tr {
    text-align: left;
}
th.align-right {
    text-align: right;
}

table td {
    padding-right: 2px;
    white-space: nowrap;
}

table:not(.autowidth) td {
    vertical-align: top;
    white-space: normal;
}

table.planform-print td {
    white-space: normal;
}

table:not(.autowidth) tr td:first-child {
    padding-right: 1em;
    white-space: nowrap;
    width: 1%;
}

input[type="text"],
input[type="password"]{
    background-color: transparent;
}

input[disabled], input[type=text][disabled], textarea[disabled], select[disabled] {
    background-color: lightgrey;
    text-decoration: none;
}

input[type=button], input[type=submit] {
    -webkit-appearance: button;
    background-color: white;
    border-radius: 4px;
    border-width: 1px;
    cursor: pointer;
    font-size: 0.8em;
    height: 1.8em;
    padding-bottom: 0.2em;
    padding-top: 0.2em;
    vertical-align: middle;
}

input[type=button]:active, input[type=submit]:active {
    border-style: inset;
}

input[type=submit].changed {
    background-color: orange;
}


/*
    TextArea's
*/

/* non-expanding textarea properties */
textarea, input[type="text"], input[type="password"] {
    background-color: white;
    border: 1px solid #c9c9c9;
    border-radius: 4px;
    margin-left: 0.1em;
    padding-left: 0.5em;
}

textarea, input[type="text"] {
    width: 100%;
}

textarea {
    height: 4em;
}

textarea.json {
    width: auto;
    height: auto;
    font-family: "Courier New";
}

textarea.code {
    width: auto;
    height: auto;
    font-family: "Courier New";
    white-space: nowrap;  /* Never wrap. Too much for you? Use ``pre`` instead */
}

/* expanding textarea properties (from: http://www.alistapart.com/articles/expanding-text-areas-made-elegant/) with adaptations */
.expandingArea {
    position: relative;
    min-height: 4em;
    border: none;
    margin-left: 0.1em;
}

.expandingArea > textarea,
.expandingArea > pre {
    margin: 0;
    padding: 5px;
    white-space: pre-wrap;
}

.expandingArea > textarea {
  /* The border-box box model is used to allow
   * padding whilst still keeping the overall width
   * at exactly that of the containing element.
   */
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
    width: 100%;
}

.expandingArea.active > textarea {
  /* Hide any scrollbars */
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  /* Remove WebKit user-resize widget */
  resize: none;
}

.expandingArea > pre {
  display: none;
}

.expandingArea.active > pre {
  display: block;
  /* Hide the text; just using it for sizing */
  visibility: hidden;
}
/* End TextArea's */

select {
    background-color: white;
    border: 1px solid grey;
    margin-left: 0.1em;
}

fieldset {
  margin-top: 10px;
}

fieldset legend {
    background-color: white;
    border-radius: 4px;
    margin: -0.4em;
    padding-left: 0.4rem;
    padding-right: 0.6rem;
}

fieldset, .informationBlock {
    background-color: white;
    border-radius: 4px;
    border-width: 0;
    box-shadow: 0px 1px 1px grey;
    margin-bottom: 0.6em;
    margin-right: 0.6em;
    margin-top: 0.6em;
    padding: 0.5em;
}

input.additem {
    background-color: lightgreen;
}
.informationBlock a.additem {
    background-color: lightgreen;
    border-color: grey;
    border-radius: 3px;
    border-style: outset;
    border-width: 1px;
    box-shadow: 0px 0.5px 0.5px grey;
    color: black;
    font-size: 60%;
    height: 1.5em;
    padding: 0.2em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    vertical-align: middle;
}

.informationBlock a.additem:active {
    border-style: inset;
}

.informationBlock table {
    background-color: white;
    border-radius: 4px;
}


@media print {
    .noPrint, .notprintable { display: none; }
}

.warning {
    color: red;
    font-weight: bold;
}

.error, .message {
    display: inline-block;
    padding: .5em;
    font-size: 12pt;
    margin: 0.25em;
}

.error {
    border: 1px solid red;
    color: red;
}
.message {
    border: 1px solid green;
    color: green;
}

.heading, .heading input {
    font-size: 12pt;
    font-weight: bold;
}

.subheading {
    font-weight: bold;
    margin-top: 0.3em;
}

.filter {
    font-size: 0.8em;
    padding-left: 0.5em;
    padding-right: 0.4em;
    font-weight: normal;
}

.informationBlock .subheading {
    margin-left: 1em;
}



/* Start specific pages / models */

#loginbox{
    background-repeat: no-repeat;
    background-image: url(/images/avarus-logo.jpg);
    background-position: 10px 50%;
    background-color: white;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    margin-top: 250px;
    width: 500px;
    border-radius: 4px;
    border-width: 0;
    box-shadow: 0px 1px 1px grey;
    margin-bottom: 0.6em;
    padding: 0.5em;
}

#loginbox table {
    padding-left: 100px;
}

#login-form {
    padding-left: 105px;
}

#login-form input[type="text"] {
    width: auto;
}

.label {
  width: 100px;
}

.value {
  width: 300px;
}

.title {
    font-size: 16pt;
    text-align: center;
    margin: 0;
    margin-bottom: 10px;
}

#useraccount {
    position: absolute;
    top: 0;
    right: 1em;
    background-image: url(/images/penguin.png);
    background-repeat: no-repeat;
    height: 16px;
    text-indent: 25px;
    font-weight: bold;
    margin-right: 70px;
}

#useraccount form {
    display: inline;
}

#user_switch {
    margin-top: 30px;
    margin-left: 30px;
}

.expense th {
    border-bottom: 1px solid black;
}

.expense table {
    width: auto;
    padding-bottom: 1em;
}

.expense .label  {
    padding-right: 3em;
}

.expense .expense-lines {
    width: auto;
}

.expense-lines td {
    padding-left: 2em;
}


/********** MENU ********/
.menu {
  display: table;
  padding: 0;
  list-style-type: none;
  white-space: nowrap;
  margin-top: 0px;
  margin-bottom: 0px;
}

.menu li {
  display: table-cell;
  padding-right: 0.6em;
}

li a.selected{
    text-decoration: none;
    color: black;
    font-weight: bold;
}

.menu_page {
  display: table;
  padding: 0;
  list-style-type: none;
  white-space: nowrap;
  margin-top: 30px;
  margin-left: 30px;
  margin-bottom: 0px;
}

.menu_page li {
  padding: 0.6em;
  padding-right: 0.6em;
}

.menulink{
    background-repeat: no-repeat;
    background-position: 0 70%;
    padding-left: 18px;
}
.menulink_useraccount {
    background-image: url(/images/penguin.png);
}
.menulink_aantekeningen {
    background-image: url(/images/notes.png);
}
.menulink_taken {
    background-image: url(/images/tasks.gif);
}
.menulink_tags{
    background-image: url(/images/tags.png);
}
.menulink_lunch{
    background-image: url(/images/lunch.png);
}
.menulink_avarus{
    background-image: url(/images/avarus_log.png);
}
.menulink_facturen{
    background-image: url(/images/invoices.png);
}
.menulink_oudemeuk{
    background-image: url(/images/oudemeuk.png);
}
.menulink_contactpersonen{
    background-image: url(/images/contacts.png);
}
.menulink_klanten{
    background-image: url(/images/customers.png);
}
.menulink_projecten{
    background-image: url(/images/projects.png);
}
.menulink_logregels,
.menulink_overzichten,
.menulink_planformulieren{
    background-image: url(/images/planforms.png);
}
.menulink_server_urls,
.menulink_servers{
    background-image: url(/images/servers.png);
}
.menulink_users{
    background-image: url(/images/users.png);
}
.menulink_kilometerregistratie {
    background-image: url(/images/travel.png);
}
.menulink_lost_and_found {
    background-image: url(/images/lost_and_found.png);
}
.menulink_wbso_toekenningen {
    background-image: url(/images/wbsogrants.png);
}
.menulink_menu {
    background-image: url(/images/menu.png);
}

.menulink_debian_premium_repository {
    background-image: url(data:image/jpg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBggBBQkIBwgKCQkKDRYODQwMDRoTFBAWHxwhIB8cHh4jJzIqIyUvJR4eKzssLzM1ODg4ISo9QTw2QTI3ODUBCQoKDQsFGQ4OGTUkHiQ1KTU1NTU1NTU1NTU1NTU1NTU1NTUpNTU1NTU1NTU1NTU1NTU1KTU1NTU1NTU1NTU1Nf/AABEIABAAEAMBIgACEQEDEQH/xAAWAAEBAQAAAAAAAAAAAAAAAAAEBwD/xAAiEAACAgIABgMAAAAAAAAAAAABAgMEERIABSExUWEGB0H/xAAVAQEBAAAAAAAAAAAAAAAAAAAEAP/EAB0RAAECBwAAAAAAAAAAAAAAABEBAwACEkGxwfD/2gAMAwEAAhEDEQA/AKrzFZ/vK7NCbU9WlU1WQV20knkYAhdu6gAr2xkt3GONUgtfR/PK8C2p5qliFy0VhzK0bKVwQ564O3764VNXb4xzGZnRpadxAJFUZKOBjbp1wRgetR5OF16cXxJ913dyMbu5Y48DPbihiupKxTYayeEf/9k=);
}

.menulink_redhat_premium_repository {
    background-image: url(data:image/jpg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAkGBwgHBgkIBwgKCgkLDRYPDQwMDRsUFRAWIB0iIiAdHx8kKDQsJCYxJx8fLT0tMTU3Ojo6Iys/RD84QzQ5Ojf/2wBDAQoKCg0MDRoPDxo3JR8lNzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzf/wAARCAAQABADASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAgUGB//EACEQAAEDAwUBAQAAAAAAAAAAAAECAwQFBhEABxIhMUET/8QAFQEBAQAAAAAAAAAAAAAAAAAAAwX/xAAhEQACAAMJAAAAAAAAAAAAAAABAgADYQQREhQhIkFRcf/aAAwDAQACEQMRAD8AU7h31VatXZcWFLcYpkVwtBthRClEeqVjvR2He1WotehxJUl6VS5Sw2tLquRbJ8IJ1qMqxrbQqYJFO4plq5rdQTnlnOc/D3qYj7Yx37niS4j7iKdFWlRbVk/ood5yfPnWhKvjvB0iis+y5Yy2Tdwa+9Uj/9k=);
}

.menulink_sysadmin {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABq0lEQVQ4ja2TS0sCURiGNSqCViEtdNU+dWOYNyqo7KZBTY73NLKLSLToRib9gYou0lWoTbXI/kAtbFcUUovaGSgu3DV7N775nXDIRdBQBx7mO+d8z3sOw4xM9g9DXtPQeFavNn/UtnULNcZ+QW4ZEmQddkHWOfxFuZZbbGyPeqiXHHIpQKMYDWPg6h625MOvoF4FF0bZVVOAvnEwhKb5A0mQU3Z1LKBZ24WW3qAkyBEDNBoterp7JUGOGNBuMIIb4yVBjhhgNJnBO92YDE1hZ3cP8fg+lldW2Ro9FxaWWP0dcsQAk8kCp8uDfD6PdDqNm5tbbGxusbXFxWXkcjm4PT42r0BO1Q08Xj9KpRICgQnxlLXYeln0IpW6w+HR8c83MBhNrJGG1zeOMYeT8fj4BJ8/gOmZMAqFQtUeOWKAXt/OXkyxWEQ0GsNsOAL/eBCRyBw4zoGRUQ7J62ucX1yymiBHDNDp2mCzD2N7eweZzDuy2SxOEgm8vr6B511sj3e68Pz8wgJpTk4lQNOqVsNq7ZMEOZVPWV5XV3+qVKo+VCqV8Buol5zKz/Sn8QnC0ZE96RivYAAAAABJRU5ErkJggg==);
}

.menulink_api-keys {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAN1wAADdcBQiibeAAAAhVJREFUOMuNkjGoUnEYxc//Xn2mFuagLxTBUJqEEF0cWhRy8U5iRoRTGC5tBeFozqIW4WwgKmEOKjQVtIi+oUnoXhQHIS6YF0Wx9N2vJR/vPV76Dpzhg+93vj9/DiMiHJLH43G73e4nPM9bJpPJ1263+5H+gexQQCqVehMIBF5ZLBatRqOBw+FALpf72Wg0HsiyLHH74Fgs9lgQhNeKomhFUYTZbEa9XqdwOHwcCoW+AYBmX4Ddbn8py/LZEa1Wi1arJSqKoo3H43cZY0/3BhiNxjvz+fxs7vV6yGQy9xaLBZxOJ6xW68O9Aev1esNxHFRVBQCsVisMBgPodDro9XrMZjP5v39gNptvM8Zu7OCdGGPw+XxoNpvbzWZTufIFjLGjZDL5xe/3HyuKArvdDp7noaoqXC4X2u02NZvND0R0orkC5hOJxOdgMHh/Op0iFAohn8+fqqqqbrdbDIfDX91u991yucwAAIjoguPx+KdqtUqdTofG4zGlUqktx3EvABgB3Lq8f2GIRqPvG42GWi6XSZIk8nq9isFgyF6Gzps7V5pMNBpNrtdrZjKZkM1mSZKk2nK5TO+tKhFBEITnlUplW6vVqN/vUzqdJgDJXdX3GYIgPCqVSn+KxSJJkkSRSOS30+k8AXB0CCYiIBwOfxdFkUajERUKBdLr9W+vA+7MANy02WwtxphmPp//WCwWz4joFNfUXxTbczEXwBj+AAAAAElFTkSuQmCC);
}

.menulink_declaraties {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAABIAAAASABGyWs+AAAACXZwQWcAAAAQAAAAEABcxq3DAAADTElEQVQ4y3WSW2gcVQCG/3POzO7OzO6O2XSTbsSkbUy2ZSm70WAkMXFbK1QpSvECVcEXH4rigwShCiJekD74oFQD7YO9gBDwoV5Ai6YNGms02LpJm5ba1DTb2LCd3WRvmZ2ZMzPHF1ti1e/5+/+Hn59gDc+PbKeAJ08fKve0v1EaK+SX5fmPpPmNO+OPWSVzQRhRVjUMz7/Y5uT5eQEA0tqCa78UcerojJ3JpNGQzKBV4gjE0G6fDsemc1d+B5b+NpdvZQhuI5NJ3x96In849rTobNQI8RsySCk8LS6HTphLtrwybk1hvuWrufJvzq3QM1+nyc1w9ojuPnhNETuua16foXrdJdXfbKiio6qK5Dth0dqlFh8dziYAYGu2k7KdB9ro8efmxJ5vkhLvX1iI9IL++bFrB+/SmDXuEvdLictdOuSy5Jqf1Gj1ipiQk9WDd+7SSe5IXlBJViQAKHyoN8c1Ddc/5zDOeEHfh1s7y0l51L20vtyxl41zJoyAuXVw84u5EUOceXNJAAAlggoA0MbaHQBoHgr4cox6HiGMEyZWuRsfH5iq85GWl1Kb7tv20/GZP9ZuRna/10Pw5CWAClhlycd6F0VKuCSDmZWQcOeDbPWkg8UPKheYxz499+v+97vTrzj4L1Q9GH/kWOcXD//cZj2wGOGpZdVrr6i8va7aydEWocaZaN2g7wMAPaEQAGAAsG24g1ydrKDlbn1w8bvaLu+0VmseUJg3Y2laRSXiDp82UrYTNhiVFwMdZaNx2K67TnKoldDdB7bQ1mcNbJxVpN532Qmlx+y7MJnfZBUb+uoPNm68bFvhb5tcalIpHIsQqrmharWqAQBkQSijVBq9xxSdRwfXAUDq7QC69gYkMFuqF4Rwwq4sqQ7TqO8E8iGiBJVSNBpdAQBfOELKL69wACi98GNBmWvaIV8Oj23ZVw8wyj11WCNIOMwSFRGcaFJqVVRRjRwCCjyVjZPZU4b415X7s33Nba9dLdJ1jsWjXLLrlJKawivH9FlzJrD/7NT5z/B/ZLf3MwAYHBpI7ZlI8J5XZbGhN2b1P5Q5eNPpTifoP35we8lTb/UxT63pzNayK8bq68XvWSSXO5e89/GuoHdD8nKTF921/l8aLnKrW7NUdAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxMC0wMi0xMFQwMjo0NDowOS0wNjowMDavDdwAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMDgtMDMtMjdUMTg6MDg6NTQtMDU6MDAqdI4LAAAAAElFTkSuQmCC);
}
.menulink_logout {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAtFBMVEUAAAAEAAADAAAFAAAEAAAEAAAEAAAEAAAEAAAEAAAEAAAEAAAEAAAEAAAEAAAEAAAEAAAEAAAEAAAEAAAEAAAEAAAEAAAEAAAEAAAEAAAEAAAEAAAEAAAEAAAEAAAEAAAEAAAEAAAEAAAEAAAEAAAEAAAEAAAEAAADAAAEAAAEAAAEAAAEAAAEAAAEAAAEAAAEAAAEAAAEAAAEAAAEAAAEAAAEAAAEAAAEAAAEAAAEAAD///+dye6lAAAAO3RSTlMAAAAAKAKoM4QhsrMbfEHbvBy63EAaza0Va98EteCqpwGUB72NEqymAatu3iUmHdBGvlQnRTau5OIsTHO8+bIAAAABYktHRDs5DvRsAAAAB3RJTUUH5AkJDxoqUdOq/wAAAK9JREFUGNNVkOkSgjAMhInQIuCt3IicgqAgIOf7P5gtDDLuj7T5ZifdlGGoYBQzizYctyB6QxijmZCDXwuitNnyEwHY7Q+CKB5P5wsFALKiakiSkKYqMiEAusGBaVkmcFedAmTfHHBclxRsIwI8PyDDwpCUwPeo4x7FU7A4ehDHCpL0OYFXmoxDsxxTP4Q4z+i7LLyNoqyqskg/wE5J66bturapl+xePwy997fd7wO+SmwNKLJtOWoAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjAtMDktMDlUMTU6MjU6NTErMDA6MDDfVtDBAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIwLTA5LTA5VDE1OjI1OjUxKzAwOjAwrgtofQAAAABJRU5ErkJggg==);
}

.alternateLight {
    background-color: #EEEEEE;
}

.alternateDark {
    background-color: #BBBBBB;
}

.currency:before {
    content: "€ ";
}

.currency, .number {
    text-align: right;
}

.begintime input, .endtime input, .duration {
    font-family: monospace;
    font-size: 10pt;
}

.logrow .remarks input {
    width: 100%;
}

.logrow.unfinished td {
    border-top: 4px solid yellow;
    border-bottom: 4px solid yellow;
    background-color: yellow;
}

.logsave td {
    text-align: right;
}

.spacer td {
    height: 0.5em;
}

input.heading-number {
    text-align: right;
    width: 9%;
}

input.heading-name {
    width: 90%;
}

.total {
    font-weight: bold;
}

#page {
	padding-top: 5cm;
}

.logline-table tr:hover {
    background: lightgrey;
}

.table-delete, .table-create {
    width: 20px;
}

.logline-table-link {
    width: 10%;
}

.logline-table-user {
    width: 10%;
}

.logline-table-remarks {
}

table.autowidth {
    width: auto;
}

.travel-table-date {
    width: 100px;
}

.travel-table-distance {
    width: 5%;
}

.travel-table-perKm {
    width: 5%;
}

.travel-table-remarks {
    width: 50%;
}

#travel-print {
    padding-top: 20px;
}

.price {
    font-weight: bold;
}

input.price, input.hours, input.distance, input.number, input.date {
    width: 8em;
    text-align: right;
}

.default-table {
    width: auto;
}

.default-table tr:hover,
.default-tablerow:hover {
    background-color: #E2E4E6 ;
}

.default-table tr td,
.default-tablecell {
    border-bottom: 1px solid #E2E4E6 ;
    border-left: none;
    border-right: none;
    border-top: none;
}

.default-table tr td.noresults {
    border-style: none;
}

.archived {
    background: #EDEDED;
}

.tablecell-factuurregels-1, .tablecell-factuurregels-2, .tablecell-factuurregels-3 {
    text-align: right;
}

.heading-aantekeningen, .heading-mijn-aantekeningen {
    background-image: url(/images/notes.png);
    background-repeat: no-repeat;
    background-position: 0 70%;
    padding-left: 18px;
}

.rememberMe {
    background-image: url(/images/vergeetmijnietje.gif);
    background-repeat: no-repeat;
    background-position: left center;
    height: 32px;
    text-indent: 40px;
    vertical-align: middle;
    padding: 10px;
}

.logline-summary td {
    border-top: solid 1px black;
    padding-bottom: 10px;
}

.invoice-total td {
    border-top: solid 1px black;
    padding-top: 20px;
}

.over-budget {
    color: red;
    text-decoration: underline;
    font-weight: bold;
}


/* duration summary column in tasks list for tag */
.tablecell-taken-voor-tag-4 {
    text-align: right;
}

.invoicedetails-table {
    width: 750px;
}
.hoursurvey-table td {
    border-right: 1px dotted black;
}
.hoursurvey-table td,
.hoursurvey-table th,
.invoicedetails-table td {
    white-space: normal;
    border-bottom: 1px dotted black;
    padding: .4em;
}
.hoursurvey-table tr.subtotal td {
    background-color: #EDEDED;
    font-weight: bold;
}
.hoursurvey-table .selected_project,
.hoursurvey-table .selected_user {
    color: red;
    font-weight: bold;
}
.hoursurvey-table .weekend {
    background-color: #ededed;
}
.invoicedetails-table table td {
    white-space: nowrap;
}
.invoicedetails-table div {
    padding-top: 0em;
}


@media (max-width: 767px) {
    #leftside, #rightside {
        position: relative;
        width: 95%;
    }
    #useraccount {
        position: relative;
        top: 0;
        right: 0;
        background-image: none;
    }
    .menulink {
        background-image: none;
        padding-left: 0px
    }
    #header {
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
    }
    table td {
        white-space: normal;
    }
}


#serverUrls form input[type="text"] {
  width: 300px;
}

#serverUrls div, #newServerUrl {
    margin-bottom: 2.5em;
    color: #232323;
}

#serverUrls form {
    margin: 2em 0;
}

#serverUrls h1, #serverUrls #install {
    display: inline;
    margin-bottom: 4em;
}

#serverUrls #install {
    border: 1px solid gray;
    padding: 0.4em;
    margin-left: 1em;
    cursor: pointer;
    opacity: .4;
    transition: opacity .15s ease-in-out;
}

#serverUrls #install:hover {
    transition: opacity .15s ease-in-out;
    opacity: 1;
}

#serverUrls ul {
    padding-left: 0;
    margin-left: 0;
}

#serverUrls h3, #newServerUrl h3 {
    clear: both;
    margin-bottom: 0;
    padding-top: 1em;
}

#serverUrls ul li {
    background-color: white;
    list-style-type: none;
    border: 1px solid gray;
    padding: 0.5em 0.5em 0.5em 1.5em;
    margin: 0.2em;
    cursor: pointer;
    display: block;
    float: left;
}

#serverUrls ul li a {
    opacity: 0;
    transition: opacity .25s ease-in-out;
}

#serverUrls ul li:hover a {
    opacity: 1;
    transition: opacity .25s ease-in-out;
}

#newServerUrl form input[type="text"], #editServerUrl form input[type="text"] {
    width: 50%;
}

.unlink-icon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAAXNSR0IArs4c6QAAAC1QTFRFAAAAgAAAAIAAgIAAAACAgACAAICAgICABAQE/AT8hISE1NTM/Pz8fHx83NzUlBPIiQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9kHCA4ZBBiCU7MAAAA8SURBVAjXYzgDBQz4GB0dHUB8huHEnj09IMzQdwIk0HeCoacHqOD0jh0M3SdAarpPINScAWvqwG8yOgMAcl9eeqoGmskAAAAASUVORK5CYII=) no-repeat center;
    border: none;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.unlink-form {
    display: inline;
}

select[readonly],
textarea[readonly],
input[readonly] {
    background-color: lightgray;
}


.topnav {
  overflow: hidden;
  background-color: #505050;
}

.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  text-decoration: none;
  padding: 2px 10px;
    background-repeat: no-repeat;
    background-position: 3px 70%;
    padding-left: 21px;
    cursor: pointer;
}

#show-snoozed {
    padding-left: 2px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #4CAF50;
  color: white;
}

.topnav-right {
  float: right;
}
.smaller {
  font-size: 90%;
}

@media print {
    .no-print,
    .topnav,
    #construction-bar,
    .informationBlock.aantekeningen {
        display: none;
    }
    .informationBlock {
        box-shadow: none;
    }
    select {
        border: 0;
        appearance: none;
    }
    input {
        border: 0 !important;
    }
}

.pinkpanther {
    background-image: url("/images/pink-panther.png");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    padding-left: 18px;

}