.w3-theme-l5 {color:#000 !important; background-color:hsl(203, 65%, 96%) !important}
.w3-theme-l5b {background-color:hsl(203, 65%, 96%) !important}
.w3-theme-l4 {color:#fff !important; background-color:hsl(203, 65%, 86%) !important}
.w3-theme-l3 {color:#fff !important; background-color:hsl(203, 65%, 72%) !important}
.w3-theme-l2 {color:#fff !important; background-color:hsl(203, 65%, 57%) !important}
.w3-theme-l1 {color:#fff !important; background-color:hsl(203, 65%, 43%) !important}
.w3-theme-d1 {color:#fff !important; background-color:hsl(203, 65%, 26%) !important}
.w3-theme-d2 {color:#fff !important; background-color:hsl(203, 65%, 23%) !important}
.w3-theme-d3 {color:#fff !important; background-color:hsl(203, 65%, 21%) !important}
.w3-theme-d4 {color:#fff !important; background-color:hsl(203, 65%, 17%) !important}
.w3-theme-d5 {color:#fff !important; background-color:hsl(203, 65%, 15%) !important}

.w3-theme-light {color:#000 !important; background-color:hsl(217, 18%, 96%) !important}
.w3-theme-dark {color:#fff !important; background-color:hsl(217, 18%, 15%) !important}
.w3-theme-action {color:#fff !important; background-color:hsl(217, 18%, 15%) !important}

.w3-theme {color:#fff !important; background-color:hsl(217, 18%, 52%) !important}
	.w3-text-theme {color:hsl(217, 18%, 52%) !important}
.w3-text-theme-l3 {color:hsl(217, 18%, 72%) !important}
.w3-border-theme {border-color:hsl(217, 18%, 52%) !important}

.w3-hover-theme:hover {color:#fff !important; background-color:hsl(217, 18%, 52%) !important}
.w3-hover-text-theme:hover {color:hsl(217, 18%, 52%) !important}
.w3-hover-border-theme:hover {border-color:hsl(217, 18%, 52%) !important}

.no-select {-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

html,body,h1,h2,h3,h4,h5 {font-family: 'Crimson Text', serif;}

html {
  position: relative;
  min-height: 100%;
}

table, th, tr, td {vertical-align: top;}

.menu-item-right {
  white-space: nowrap !important;
  text-align: right !important;
}

.button-rounded {border-radius:3px}
.close-button {padding:2px 8px; font-size:24px; line-height:1.1;background-color:transparent; position:absolute;right:0;top:0}
.close-button:hover {color:white!important; background-color:red!important}

.w3-padding-bottom {
  padding-bottom: 8px;
}


.rotate-90, .fa-rotate-90:before {-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg)}

.accordion {cursor:pointer; padding:8px; width:100%; border:none; text-align:left; outline:1px solid white; transition:0.4s}
.acc-active, .accordion:hover {background-color:#ccc}
.accordion:before {content: "\02795"; color:#777; font-weight:bold; float:left; margin-right:8px}
.acc-active:before {content: "\02796"}

.switch {position:relative; display:inline-block; width:32px; height:18px}
.switch input {opacity:0; width:0; height:0}
.slider {position:absolute; cursor:pointer; top:2px; left:0; right:0; bottom:-2px; background-color:#ccc; border-radius:20px; -webkit-transition:.4s; transition:.4s}
.slider:before {position:absolute; content:""; height:14px; width:14px; border-radius:7px; left:2px; bottom:2px; background-color:white; -webkit-transition: 4s; transition:.4s}
input:checked + .slider {background-color: #222222}
input:focus + .slider {box-shadow: 0 0 1px #222222}
input:checked + .slider:before {-webkit-transform: translateX(14px); -ms-transform: translateX(14px); transform: translateX(14px)}

.panel {padding:0 18px; max-height:0; overflow:hidden; transition:max-height 0.2s ease-out}
.changeslog {padding-left:12ex; text-indent:-12ex}

@media (min-width:993px){
	.w3-cell-row-hide-small {width:100%; display:table;}
	.w3-cell-hide-small {width:19.99999%; display:table-cell}
}
@media (max-width:720px){
	.img-float-left {margin:auto;text-align: center}
	.img-float-left-text {text-align: center}
}
@media (min-width:721px){
	.img-float-left {margin-right:25px;float:left}
	.img-float-left-text {text-align: left}
}

@media print {
  .no-print {visibility: hidden}
  .hide-print {display: none}
  footer { position: relative}
  .w3-theme {border: 1px solid black}
  .w3-theme-dark {box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
  .radarChart {width:50%}
}
.padding-top {padding-top: 0.5em}
.small-padding {padding: 0 5px}
.small-button {width: 26px; padding: 0 5px;background-color: transparent}
@media (max-width:680px) {
  .input-date {width:100%;}
}
