body {
  margin: 0px; margin-top: 3ex;
  padding: 0px;
  font-family: "Arial","Helvetica","MS Sans Serif","Sans-Serif";
  font-size: 14px;
  display: flex;
  justify-content: center 
}

body.progress {cursor:wait}

ul, li {
  margin: 0px;
  padding: 0px;
}

h1 {font-size: 150%}
h3 {margin-bottom: 1ex}

.content {
  margin: 0px;
  padding: 10px;
}

.content-draw {
  margin: 0px;
  padding: 30px;
}

x@media all and (min-width: 1280px) {
  .content {
    margin: 0px auto;
    padding: 10px;
    width: 1280px;
  }
}

th {
  background-color: #c8c8f8;
}

th.day {min-width: 3.5ex}

textarea.big {min-height:4ex; max-height: 30ex; min-width:20em}
textarea.small {min-height:4ex; max-height: 30ex; min-width:15em}

td.curr  {background-color: lightgreen;}
td.ncurr {background-color: #faa;}

td.frame {
  border: 1px solid black;
  padding: 3px;
}

.label {
  font-weight: bold;
}
span.topline {margin: 0.5em}

.menu {
    position: fixed;
    left: 0;
    top: 0;
    color:black;
    background-color:#addfff;
    border-bottom:1px solid black;
    padding:0px;
    margin:0px;
    width:100%;
    z-index:100;
}

nav { height: 20px; }

#menu-icon {
	display: none;
	padding: 0;
	margin: 0;
	width: 40px;
	height: 40px;
	background: #addfff url(/menu-icon.png) no-repeat right top;
}

a:hover#menu-icon {
	background-color: #444;
}

nav ul{list-style:none inside none; margin:0px}
nav li{float:left; display: inline-block; padding-right: 0.5em}
nav li a:hover {border:none; color:red}
nav li a {background-color:#addfff; border:none; color:black;display:block;font-weight:bold;padding:0 5px}

@media only screen and (max-width : 640px) {
    body {
      margin-top: 4ex;
    }
    
    .menu {
	position: fixed;
    }

    nav {
	height: 40px;
	float: left;
    }
    
    #menu-icon {
	display:inline-block;
    }
    
    nav ul, nav:active ul { 
	display: none;
	position: absolute;
	padding: 5px;
	padding-right: 40px;
	background: #addfff;
	border: 3px solid black;
	left: 0px;
	top: 40px;
	width: 30%;
    }

    nav li {
	font-size: 120%;
	text-align: left;
	width: 100%;
	padding: 7px 0;
	margin: 0;
    }
    
    nav:hover ul {
	display: block;
    }
}

a:link, a:visited  {
  text-decoration: none;
  color: #333333;
  padding: 2px 6px 2px 6px;
}
a:link.button, a:visited.button {
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}

a:link.button-delete, a:visited.button-delete {
  text-decoration: none;
  color: #333333;
  background: #f66666;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}

a:link.button-big, a:visited.button-big {
  text-decoration: none;
  border-top-left-radius:3px;
  border-top-right-radius:3px;
  border-bottom-left-radius:3px;
  border-bottom-right-radius:3px;
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  padding:.4em 1em;
  position:relative;
  line-height:normal;
  margin-right:.1em;
  vertical-align:middle;
  text-align:center;
}

a:link.button-big-delete, a:visited.button-big-delete {
  text-decoration: none;
  border-top-left-radius:3px;
  border-top-right-radius:3px;
  border-bottom-left-radius:3px;
  border-bottom-right-radius:3px;
  border: 1px solid #c5c5c5;
  background: #f66666;
  padding:.4em 1em;
  position:relative;
  line-height:normal;
  margin-right:.1em;
  vertical-align:middle;
  text-align:center;
}

a:link.buttonbold, a:visited.buttonbold {
  text-decoration: none;
  font-weight: bold;
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}

a:link.editlink, a:visited.editlink {
  text-decoration: none;
  color: #0000ff;
  padding: 0;
}

.buttonrow {
  line-height: 25px;
}

a:active, a:hover    { text-decoration: none; color: red;}

.flash {
  border:1px solid black;
  background-color: gold;
  font-size: 125%;
  font-weight:bold;
  padding:10px;
  margin:10px;
}

.error {
  border:1px solid black;
  color: white;
  background-color: orangered;
  font-size: 125%;
  font-weight:bold;
  padding:10px;
  margin:10px;
}

.pre {
  white-space:pre-wrap;
}

label.field-with-error { color: red }
input.field-with-error { background-color: #fd9e7e }

table.simple tr:nth-child(odd) {background: #f0f0f0}

table.simple tbody tr.normal-row {background: #f0f0f0}
table.simple tbody tr.alt-row {background: #ffffff}

table.simple {
  border-collapse: collapse;
  border: 1px solid black;
}

table.simple td {
  border: 1px solid black;
  padding: 3px;
}

table.simple thead tr th {
  border: 1px solid black;
  padding: 3px;
  padding-right: 20px;
  text-align: left;
}

td.dragHandle {cursor: row-resize}
td.progress   {cursor: wait !important}

#moreusers {
    font-size: 75%;
}

.chosen-container .chosen-results {
    max-height:200px;
}

.label {
    margin-top: 1ex;
}

@media print {
    .menu { display: none; }
    .button, .buttonbold, .button-big { display: none; }
    .search { display: none; }
    .show_filter_legend, .show_dl_legend { display: none; }
}

button.ui-datepicker-current { display: none; }

.jacket {display: inline-block; padding-right: 15px; padding-bottom: 20px}
.jacketspacer {height:10px}
.notcurrent {border: 1px solid; margin-top: 25px; margin-bottom: 25px; padding:3px; font-weight: bold; color: white; background-color: black}

td.limit {background-color: orange !important}
tr.jackets td {background-color: lightblue}
tr.first td {border-top: 3px solid}
tr.total td {border-top: 2px solid; background-color: lightblue}

table.report td {padding: 5px}

.divider {border-top: 5px solid}
.strike {text-decoration:line-through; background-color: grey !important}
.changed {background-color: red}
#confirm {display: none}