@span-book-width: 20px;
@span-book-cursor: initial;
@span-book-padding: 0;

body { cursor: @span-book-cursor; }

table   { border-collapse: collapse; }

table.trday { font-size: 9pt; }

table.trday th { background-color: lemonchiffon; text-align: center; height: 22px; }

table.trday th.boatcol { min-width: 250px; }

table.trday td { border: 1px solid lightgrey; border-left: 1px solid grey; border-right: 1px solid grey; padding: 3px; padding-left: 5px; padding-right: 5px; white-space: nowrap; line-height: 1.4; }

table.trday td.time { background-color: beige; }
table.trday td.notavail { background-color: beige; }

.high { background-color: khaki; }

table#team_classes td { font-size: 10pt; }
table#team_classes td.initchecked { background-color: red; }
table#team_classes td.class_cb { padding-right: 3px; }
table#team_classes tr:not(.crew_nos) td:not(.class_cb) { padding-left: 20px; }
table#team_classes tr.crew_nos td { font-size: 8pt; text-align: center; border-top: 1px solid lightsteelblue; border-bottom: 1px solid lightsteelblue; padding: 3px 0 4px 0; }

span.colbox { padding-left: 3px; padding-right: 3px; color: white; }

span.book { width: @span-book-width; text-align: center; display: inline-block; color: white; font-weight: bold; cursor: @span-book-cursor; padding: @span-book-padding; }

span.green { background-color: green; }
span.red { background-color: red; }

div#panel_restr > div { background-color: firebrick; color: gold; font-weight: bold; padding: 5px 10px; border-radius: 2px; }

div#panel_restr fieldset    { border: 1px solid #A0A0A0; border-radius: 2px; margin-bottom: 10px; padding: 10px 8px 10px 8px; }
div#panel_restr fieldset legend { color: firebrick; }
div#panel_restr fieldset div { text-align: justify; }

fieldset.booking-trainings-restrictions    { border: 1px solid #A0A0A0; border-radius: 2px; margin-bottom: 10px; padding: 10px 8px 10px 8px; font-size: 11px; }
fieldset.booking-trainings-restrictions legend { color: firebrick; font-size: 11px; font-weight: bold; }
fieldset.booking-trainings-restrictions div { text-align: justify; }

td.orgcom, th.orgcom        { text-align: center; padding: 0 10px; }
input.orgcom                { border-radius: 4px; border: 1px solid dimgrey; box-shadow: 4px 4px 2px lightgrey; padding: 1px 6px; font-weight: bold; text-transform: uppercase; font-size: 8pt; }
input.orgcom.toggle.open    { background-color: crimson; color: ivory; }
input.orgcom.toggle.close   { background-color: lime; color: black; }
input.orgcom.allday.open	{ background-color: lightyellow; color: green; }
input.orgcom.allday.close	{ background-color: lightyellow; color: crimson; }

div#panel_restr fieldset > legend   { background-color:  transparent; padding: initial; }
