.clearfix:after { content: "."; clear: both; display: block; visibility: hidden; height: 0px; } /* .border-radius(...) { @webkit_local: true; @moz_local: true; @w3c_local: true; @process: ~`(function(value){value=value||"0";var numRegex=/\d/gi,numWithoutValue=/(?:\s|^)(\d+\.?\d*)(?![^(]*\)|\w|%)/gi;return/^[-a-zA-Z0-9]*,/.test(value)&&(value=value.replace(/(?:,)(?![^(]*\))/g,"")),numRegex.test(value)&&(value=value.replace(numWithoutValue,function(match){return match+"px"})),value})((function(){var args="@{arguments}";return args=args.replace(/^\[|\]$/g,"")})())`; .result (@arguments, @signal, @boolean, @local_boolean) when (@boolean = true) and (@local_boolean = true) { .inception (@signal, @arguments) when (@signal = 1) and (isstring(@process)) and not (iscolor(@process)) and not (isnumber(@process)) and not (iskeyword(@process)) and not (isurl(@process)) and not (ispixel(@process)) and not (ispercentage(@process)) and not (isem(@process)) { -webkit-border-radius: @process; -webkit-background-clip: padding-box; } .inception (@signal, @arguments) when (@signal = 1) and not (isstring(@process)) and not (iscolor(@process)) and not (isnumber(@process)) and not (iskeyword(@process)) and not (isurl(@process)) and not (ispixel(@process)) and not (ispercentage(@process)) and not (isem(@process)) {} .inception (@signal, @arguments) when (@signal = 2) and (isstring(@process)) and not (iscolor(@process)) and not (isnumber(@process)) and not (iskeyword(@process)) and not (isurl(@process)) and not (ispixel(@process)) and not (ispercentage(@process)) and not (isem(@process)) { -moz-border-radius: @process; -moz-background-clip: padding; } .inception (@signal, @arguments) when (@signal = 2) and not (isstring(@process)) and not (iscolor(@process)) and not (isnumber(@process)) and not (iskeyword(@process)) and not (isurl(@process)) and not (ispixel(@process)) and not (ispercentage(@process)) and not (isem(@process)) {} .inception (@signal, @arguments) when (@signal = 3) and (isstring(@process)) and not (iscolor(@process)) and not (isnumber(@process)) and not (iskeyword(@process)) and not (isurl(@process)) and not (ispixel(@process)) and not (ispercentage(@process)) and not (isem(@process)) { border-radius: @process; background-clip: padding-box; } .inception (@signal, @arguments) when (@signal = 3) and not (isstring(@process)) and not (iscolor(@process)) and not (isnumber(@process)) and not (iskeyword(@process)) and not (isurl(@process)) and not (ispixel(@process)) and not (ispercentage(@process)) and not (isem(@process)) {} .inception(@signal, @arguments); } .result (@arguments, @signal, @boolean, @local_boolean) when not (@boolean = true), not (@local_boolean = true) {} .result(@arguments, 1, @webkit, @webkit_local); .result(@arguments, 2, @moz, @moz_local); .result(@arguments, 3, @w3c, @w3c_local); } .border-bottom-left-radius(...) { @webkit_local: true; @moz_local: true; @w3c_local: true; @process: ~`(function(value){value=value||"0";var numRegex=/\d/gi,numWithoutValue=/(?:\s|^)(\d+\.?\d*)(?![^(]*\)|\w|%)/gi;return/^[-a-zA-Z0-9]*,/.test(value)&&(value=value.replace(/(?:,)(?![^(]*\))/g,"")),numRegex.test(value)&&(value=value.replace(numWithoutValue,function(match){return match+"px"})),value})((function(){var args="@{arguments}";return args=args.replace(/^\[|\]$/g,"")})())`; .result (@arguments, @signal, @boolean, @local_boolean) when (@boolean = true) and (@local_boolean = true) { .inception (@signal, @arguments) when (@signal = 1) and (isstring(@process)) and not (iscolor(@process)) and not (isnumber(@process)) and not (iskeyword(@process)) and not (isurl(@process)) and not (ispixel(@process)) and not (ispercentage(@process)) and not (isem(@process)) { -webkit-border-bottom-left-radius: @process; -webkit-background-clip: padding-box; } .inception (@signal, @arguments) when (@signal = 1) and not (isstring(@process)) and not (iscolor(@process)) and not (isnumber(@process)) and not (iskeyword(@process)) and not (isurl(@process)) and not (ispixel(@process)) and not (ispercentage(@process)) and not (isem(@process)) {} .inception (@signal, @arguments) when (@signal = 2) and (isstring(@process)) and not (iscolor(@process)) and not (isnumber(@process)) and not (iskeyword(@process)) and not (isurl(@process)) and not (ispixel(@process)) and not (ispercentage(@process)) and not (isem(@process)) { -moz-border-radius-bottomleft: @process; -moz-background-clip: padding; } .inception (@signal, @arguments) when (@signal = 2) and not (isstring(@process)) and not (iscolor(@process)) and not (isnumber(@process)) and not (iskeyword(@process)) and not (isurl(@process)) and not (ispixel(@process)) and not (ispercentage(@process)) and not (isem(@process)) {} .inception (@signal, @arguments) when (@signal = 3) and (isstring(@process)) and not (iscolor(@process)) and not (isnumber(@process)) and not (iskeyword(@process)) and not (isurl(@process)) and not (ispixel(@process)) and not (ispercentage(@process)) and not (isem(@process)) { border-bottom-left-radius: @process; background-clip: padding-box; } .inception (@signal, @arguments) when (@signal = 3) and not (isstring(@process)) and not (iscolor(@process)) and not (isnumber(@process)) and not (iskeyword(@process)) and not (isurl(@process)) and not (ispixel(@process)) and not (ispercentage(@process)) and not (isem(@process)) {} .inception(@signal, @arguments); } .result (@arguments, @signal, @boolean, @local_boolean) when not (@boolean = true), not (@local_boolean = true) {} .result(@arguments, 1, @webkit, @webkit_local); .result(@arguments, 2, @moz, @moz_local); .result(@arguments, 3, @w3c, @w3c_local); } .border-bottom-right-radius(...) { @webkit_local: true; @moz_local: true; @w3c_local: true; @process: ~`(function(value){value=value||"0";var numRegex=/\d/gi,numWithoutValue=/(?:\s|^)(\d+\.?\d*)(?![^(]*\)|\w|%)/gi;return/^[-a-zA-Z0-9]*,/.test(value)&&(value=value.replace(/(?:,)(?![^(]*\))/g,"")),numRegex.test(value)&&(value=value.replace(numWithoutValue,function(match){return match+"px"})),value})((function(){var args="@{arguments}";return args=args.replace(/^\[|\]$/g,"")})())`; .result (@arguments, @signal, @boolean, @local_boolean) when (@boolean = true) and (@local_boolean = true) { .inception (@signal, @arguments) when (@signal = 1) and (isstring(@process)) and not (iscolor(@process)) and not (isnumber(@process)) and not (iskeyword(@process)) and not (isurl(@process)) and not (ispixel(@process)) and not (ispercentage(@process)) and not (isem(@process)) { -webkit-border-bottom-right-radius: @process; -webkit-background-clip: padding-box; } .inception (@signal, @arguments) when (@signal = 1) and not (isstring(@process)) and not (iscolor(@process)) and not (isnumber(@process)) and not (iskeyword(@process)) and not (isurl(@process)) and not (ispixel(@process)) and not (ispercentage(@process)) and not (isem(@process)) {} .inception (@signal, @arguments) when (@signal = 2) and (isstring(@process)) and not (iscolor(@process)) and not (isnumber(@process)) and not (iskeyword(@process)) and not (isurl(@process)) and not (ispixel(@process)) and not (ispercentage(@process)) and not (isem(@process)) { -moz-border-radius-bottomright: @process; -moz-background-clip: padding; } .inception (@signal, @arguments) when (@signal = 2) and not (isstring(@process)) and not (iscolor(@process)) and not (isnumber(@process)) and not (iskeyword(@process)) and not (isurl(@process)) and not (ispixel(@process)) and not (ispercentage(@process)) and not (isem(@process)) {} .inception (@signal, @arguments) when (@signal = 3) and (isstring(@process)) and not (iscolor(@process)) and not (isnumber(@process)) and not (iskeyword(@process)) and not (isurl(@process)) and not (ispixel(@process)) and not (ispercentage(@process)) and not (isem(@process)) { border-bottom-right-radius: @process; background-clip: padding-box; } .inception (@signal, @arguments) when (@signal = 3) and not (isstring(@process)) and not (iscolor(@process)) and not (isnumber(@process)) and not (iskeyword(@process)) and not (isurl(@process)) and not (ispixel(@process)) and not (ispercentage(@process)) and not (isem(@process)) {} .inception(@signal, @arguments); } .result (@arguments, @signal, @boolean, @local_boolean) when not (@boolean = true), not (@local_boolean = true) {} .result(@arguments, 1, @webkit, @webkit_local); .result(@arguments, 2, @moz, @moz_local); .result(@arguments, 3, @w3c, @w3c_local); } .border-top-left-radius(...) { @webkit_local: true; @moz_local: true; @w3c_local: true; @process: ~`(function(value){value=value||"0";var numRegex=/\d/gi,numWithoutValue=/(?:\s|^)(\d+\.?\d*)(?![^(]*\)|\w|%)/gi;return/^[-a-zA-Z0-9]*,/.test(value)&&(value=value.replace(/(?:,)(?![^(]*\))/g,"")),numRegex.test(value)&&(value=value.replace(numWithoutValue,function(match){return match+"px"})),value})((function(){var args="@{arguments}";return args=args.replace(/^\[|\]$/g,"")})())`; .result (@arguments, @signal, @boolean, @local_boolean) when (@boolean = true) and (@local_boolean = true) { .inception (@signal, @arguments) when (@signal = 1) and (isstring(@process)) and not (iscolor(@process)) and not (isnumber(@process)) and not (iskeyword(@process)) and not (isurl(@process)) and not (ispixel(@process)) and not (ispercentage(@process)) and not (isem(@process)) { -webkit-border-top-left-radius: @process; -webkit-background-clip: padding-box; } .inception (@signal, @arguments) when (@signal = 1) and not (isstring(@process)) and not (iscolor(@process)) and not (isnumber(@process)) and not (iskeyword(@process)) and not (isurl(@process)) and not (ispixel(@process)) and not (ispercentage(@process)) and not (isem(@process)) {} .inception (@signal, @arguments) when (@signal = 2) and (isstring(@process)) and not (iscolor(@process)) and not (isnumber(@process)) and not (iskeyword(@process)) and not (isurl(@process)) and not (ispixel(@process)) and not (ispercentage(@process)) and not (isem(@process)) { -moz-border-radius-topleft: @process; -moz-background-clip: padding; } .inception (@signal, @arguments) when (@signal = 2) and not (isstring(@process)) and not (iscolor(@process)) and not (isnumber(@process)) and not (iskeyword(@process)) and not (isurl(@process)) and not (ispixel(@process)) and not (ispercentage(@process)) and not (isem(@process)) {} .inception (@signal, @arguments) when (@signal = 3) and (isstring(@process)) and not (iscolor(@process)) and not (isnumber(@process)) and not (iskeyword(@process)) and not (isurl(@process)) and not (ispixel(@process)) and not (ispercentage(@process)) and not (isem(@process)) { border-top-left-radius: @process; background-clip: padding-box; } .inception (@signal, @arguments) when (@signal = 3) and not (isstring(@process)) and not (iscolor(@process)) and not (isnumber(@process)) and not (iskeyword(@process)) and not (isurl(@process)) and not (ispixel(@process)) and not (ispercentage(@process)) and not (isem(@process)) {} .inception(@signal, @arguments); } .result (@arguments, @signal, @boolean, @local_boolean) when not (@boolean = true), not (@local_boolean = true) {} .result(@arguments, 1, @webkit, @webkit_local); .result(@arguments, 2, @moz, @moz_local); .result(@arguments, 3, @w3c, @w3c_local); } .border-top-right-radius(...) { @webkit_local: true; @moz_local: true; @w3c_local: true; @process: ~`(function(value){value=value||"0";var numRegex=/\d/gi,numWithoutValue=/(?:\s|^)(\d+\.?\d*)(?![^(]*\)|\w|%)/gi;return/^[-a-zA-Z0-9]*,/.test(value)&&(value=value.replace(/(?:,)(?![^(]*\))/g,"")),numRegex.test(value)&&(value=value.replace(numWithoutValue,function(match){return match+"px"})),value})((function(){var args="@{arguments}";return args=args.replace(/^\[|\]$/g,"")})())`; .result (@arguments, @signal, @boolean, @local_boolean) when (@boolean = true) and (@local_boolean = true) { .inception (@signal, @arguments) when (@signal = 1) and (isstring(@process)) and not (iscolor(@process)) and not (isnumber(@process)) and not (iskeyword(@process)) and not (isurl(@process)) and not (ispixel(@process)) and not (ispercentage(@process)) and not (isem(@process)) { -webkit-border-top-right-radius: @process; -webkit-background-clip: padding-box; } .inception (@signal, @arguments) when (@signal = 1) and not (isstring(@process)) and not (iscolor(@process)) and not (isnumber(@process)) and not (iskeyword(@process)) and not (isurl(@process)) and not (ispixel(@process)) and not (ispercentage(@process)) and not (isem(@process)) {} .inception (@signal, @arguments) when (@signal = 2) and (isstring(@process)) and not (iscolor(@process)) and not (isnumber(@process)) and not (iskeyword(@process)) and not (isurl(@process)) and not (ispixel(@process)) and not (ispercentage(@process)) and not (isem(@process)) { -moz-border-radius-topright: @process; -moz-background-clip: padding; } .inception (@signal, @arguments) when (@signal = 2) and not (isstring(@process)) and not (iscolor(@process)) and not (isnumber(@process)) and not (iskeyword(@process)) and not (isurl(@process)) and not (ispixel(@process)) and not (ispercentage(@process)) and not (isem(@process)) {} .inception (@signal, @arguments) when (@signal = 3) and (isstring(@process)) and not (iscolor(@process)) and not (isnumber(@process)) and not (iskeyword(@process)) and not (isurl(@process)) and not (ispixel(@process)) and not (ispercentage(@process)) and not (isem(@process)) { border-top-right-radius: @process; background-clip: padding-box; } .inception (@signal, @arguments) when (@signal = 3) and not (isstring(@process)) and not (iscolor(@process)) and not (isnumber(@process)) and not (iskeyword(@process)) and not (isurl(@process)) and not (ispixel(@process)) and not (ispercentage(@process)) and not (isem(@process)) {} .inception(@signal, @arguments); } .result (@arguments, @signal, @boolean, @local_boolean) when not (@boolean = true), not (@local_boolean = true) {} .result(@arguments, 1, @webkit, @webkit_local); .result(@arguments, 2, @moz, @moz_local); .result(@arguments, 3, @w3c, @w3c_local); } */ table { background-color: transparent; border-collapse: collapse; } caption { padding-top: 8px; padding-bottom: 8px; color: #777777; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 22px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*="col-"] { position: static; float: none; display: table-column; } table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .table-responsive { overflow-x: auto; min-height: 0.01%; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 16.5px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } /* required styles */ .leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { position: absolute; left: 0; top: 0; } .leaflet-container { background: #ddd; overflow: hidden; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; } /* Safari renders non-retina tile on retina better with this, but Chrome is worse */ .leaflet-safari .leaflet-tile { image-rendering: -webkit-optimize-contrast; } /* hack that prevents hw layers "stretching" when loading new tiles */ .leaflet-safari .leaflet-tile-container { width: 1600px; height: 1600px; -webkit-transform-origin: 0 0; } .leaflet-marker-icon, .leaflet-marker-shadow { display: block; } /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */ /* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */ .leaflet-container .leaflet-overlay-pane svg, .leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer { max-width: none !important; } .leaflet-container.leaflet-touch-zoom { -ms-touch-action: pan-x pan-y; touch-action: pan-x pan-y; } .leaflet-container.leaflet-touch-drag { -ms-touch-action: pinch-zoom; } .leaflet-container.leaflet-touch-drag.leaflet-touch-drag { -ms-touch-action: none; touch-action: none; } .leaflet-tile { -webkit-filter: inherit; filter: inherit; visibility: hidden; } .leaflet-tile-loaded { visibility: inherit; } .leaflet-zoom-box { width: 0; height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 800; } /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ .leaflet-overlay-pane svg { -moz-user-select: none; } .leaflet-pane { z-index: 400; } .leaflet-tile-pane { z-index: 200; } .leaflet-overlay-pane { z-index: 400; } .leaflet-shadow-pane { z-index: 500; } .leaflet-marker-pane { z-index: 600; } .leaflet-tooltip-pane { z-index: 650; } .leaflet-popup-pane { z-index: 700; } .leaflet-map-pane canvas { z-index: 100; } .leaflet-map-pane svg { z-index: 200; } .leaflet-vml-shape { width: 1px; height: 1px; } .lvml { behavior: url(#default#VML); display: inline-block; position: absolute; } /* control positioning */ .leaflet-control { position: relative; z-index: 800; pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } .leaflet-top, .leaflet-bottom { position: absolute; z-index: 1000; pointer-events: none; } .leaflet-top { top: 0; } .leaflet-top .leaflet-bar a { margin-bottom: 5px; } .leaflet-right { right: 5px; -webkit-transition: all 450ms cubic-bezier(0.55, 0, 0.1, 1); transition: all 450ms cubic-bezier(0.55, 0, 0.1, 1); } .leaflet-bottom { bottom: 0px; } .leaflet-left { left: 0; -webkit-transition: all 450ms cubic-bezier(0.55, 0, 0.1, 1); transition: all 450ms cubic-bezier(0.55, 0, 0.1, 1); } .leaflet-control { float: left; clear: both; } .leaflet-right .leaflet-control { float: right; } .leaflet-top .leaflet-control { margin-top: 10px; } .leaflet-bottom .leaflet-control { margin-bottom: 15px; } .leaflet-left .leaflet-control { margin-left: 10px; } .leaflet-right .leaflet-control { margin-right: 10px; } /* zoom and fade animations */ .leaflet-fade-anim .leaflet-tile { will-change: opacity; } .leaflet-fade-anim .leaflet-popup { opacity: 0; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; } .leaflet-zoom-animated { -webkit-transform-origin: 0 0; transform-origin: 0 0; } .leaflet-zoom-anim .leaflet-zoom-animated { will-change: transform; } .leaflet-zoom-anim .leaflet-zoom-animated { -webkit-transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1); transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1), -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1); } .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { -webkit-transition: none; transition: none; } .leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; } /* cursors */ .leaflet-interactive { cursor: pointer; } /* .leaflet-grab { cursor: -webkit-grab; cursor: -moz-grab; } */ .leaflet-crosshair, .leaflet-crosshair .leaflet-interactive { cursor: crosshair; } .leaflet-popup-pane, .leaflet-control { cursor: auto; } /* .leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; } */ /* marker & overlays interactivity */ .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container { pointer-events: none; } .leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive { pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events: auto; } /* visual tweaks */ /* .leaflet-container { background: #ddd; outline: 0; } .leaflet-container a { color: #0078A8; } .leaflet-container a.leaflet-active { outline: 2px solid orange; } .leaflet-zoom-box { border: 2px dotted #38f; background: rgba(255,255,255,0.5); } */ /* general typography */ /* .leaflet-container { font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; } */ /* general toolbar styles */ .leaflet-bar a { background-color: #fff; display: block; text-align: center; text-decoration: none; color: black; width: 45px; height: 45px; line-height: 45px; } .leaflet-bar a { display: block; } /* .leaflet-bar a:hover { background-color: #f4f4f4; } .leaflet-bar a:first-child { //border-top-left-radius: 4px; //border-top-right-radius: 4px; } .leaflet-bar a:last-child { //border-bottom-left-radius: 4px; //border-bottom-right-radius: 4px; //border-bottom: none; } */ .leaflet-bar a.leaflet-disabled { cursor: default; background-color: #f4f4f4; color: #bbb; } /* zoom control */ .leaflet-control-zoom { -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4); border-radius: 45px; overflow: hidden; -webkit-transition: all 200ms cubic-bezier(0.55, 0, 0.1, 1); transition: all 200ms cubic-bezier(0.55, 0, 0.1, 1); } .leaflet-control-zoom-in, .leaflet-control-zoom-out { font: bold 18px 'Lucida Console', Monaco, monospace; text-indent: 1px; } .leaflet-control-zoom-out { font-size: 20px; } .leaflet-touch .leaflet-control-zoom-in { font-size: 22px; } .leaflet-touch .leaflet-control-zoom-out { font-size: 24px; } /* layers control */ /* .leaflet-control-layers { box-shadow: 0 1px 5px rgba(0,0,0,0.4); background: #fff; border-radius: 5px; } .leaflet-control-layers-toggle { background-image: url(../gfx/leaflet/layers.png); width: 36px; height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { background-image: url(../gfx/leaflet/layers-2x.png); background-size: 26px 26px; } .leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px; } .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none; } .leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative; } .leaflet-control-layers-expanded { padding: 6px 10px 6px 6px; color: #333; background: #fff; } .leaflet-control-layers-scrollbar { overflow-y: scroll; padding-right: 5px; } .leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px; } .leaflet-control-layers label { display: block; } .leaflet-control-layers-separator { height: 0; border-top: 1px solid #ddd; margin: 5px -10px 5px -6px; } */ /* Default icon URLs */ /* .leaflet-default-icon-path { background-image: url(../gfx/leaflet/marker-icon.png); } */ /* attribution and scale controls */ .leaflet-container .leaflet-control-attribution { background: #fff; background: rgba(255, 255, 255, 0.7); margin: 0; } .leaflet-control-attribution { padding: 2px 5px; color: #333; line-height: 1.2em; } .leaflet-control-attribution a { text-decoration: none; } .leaflet-control-attribution a:hover { text-decoration: underline; } .leaflet-container .leaflet-control-attribution { font-size: 11px; } /* .leaflet-left .leaflet-control-scale { margin-left: 5px; } .leaflet-bottom .leaflet-control-scale { margin-bottom: 5px; } .leaflet-control-scale-line { border: 2px solid #777; border-top: none; line-height: 1.1; padding: 2px 5px 1px; font-size: 11px; white-space: nowrap; overflow: hidden; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff; background: rgba(255, 255, 255, 0.5); } .leaflet-control-scale-line:not(:first-child) { border-top: 2px solid #777; border-bottom: none; margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid #777; } .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers { box-shadow: none; } .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { //border: 2px solid rgba(0,0,0,0.2); background-clip: padding-box; } */ /* popup */ /* .leaflet-popup { position: absolute; text-align: center; margin-bottom: 20px; } .leaflet-popup-content-wrapper { padding: 1px; text-align: left; border-radius: 12px; } .leaflet-popup-content { margin: 13px 19px; line-height: 1.4; } .leaflet-popup-content p { margin: 18px 0; } .leaflet-popup-tip-container { width: 40px; height: 20px; position: absolute; left: 50%; margin-left: -20px; overflow: hidden; pointer-events: none; } .leaflet-popup-tip { width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .leaflet-popup-content-wrapper, .leaflet-popup-tip { background: white; color: #333; box-shadow: 0 3px 14px rgba(0,0,0,0.4); } .leaflet-container a.leaflet-popup-close-button { position: absolute; top: 0; right: 0; padding: 4px 4px 0 0; border: none; text-align: center; width: 18px; height: 14px; font: 16px/14px Tahoma, Verdana, sans-serif; color: #c3c3c3; text-decoration: none; font-weight: bold; background: transparent; } .leaflet-container a.leaflet-popup-close-button:hover { color: #999; } .leaflet-popup-scrolled { overflow: auto; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; } .leaflet-oldie .leaflet-popup-content-wrapper { zoom: 1; } .leaflet-oldie .leaflet-popup-tip { width: 24px; margin: 0 auto; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); } .leaflet-oldie .leaflet-popup-tip-container { margin-top: -1px; } .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { border: 1px solid #999; } */ /* div icon */ /* .leaflet-div-icon { background: #fff; border: 1px solid #666; } */ /* Tooltip */ /* Base styles for the element that has a tooltip */ /* .leaflet-tooltip { position: absolute; padding: 6px; background-color: #fff; border: 1px solid #fff; border-radius: 3px; color: #222; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; box-shadow: 0 1px 3px rgba(0,0,0,0.4); } */ /* .leaflet-tooltip.leaflet-clickable { cursor: pointer; pointer-events: auto; } */ .leaflet-tooltip-top:before { position: absolute; pointer-events: none; border: 6px solid transparent; background: transparent; content: ""; } /* Directions */ /* .leaflet-tooltip-bottom { margin-top: 6px; } */ .leaflet-tooltip-top { margin-top: -6px; } .leaflet-tooltip-top:before { left: 50%; margin-left: -6px; } .leaflet-tooltip-top:before { bottom: 0; margin-bottom: -12px; border-top-color: #fff; } /* .leaflet-tooltip-bottom:before { top: 0; margin-top: -12px; margin-left: -6px; border-bottom-color: #fff; } .leaflet-tooltip-left { margin-left: -6px; } .leaflet-tooltip-right { margin-left: 6px; } .leaflet-tooltip-left:before, .leaflet-tooltip-right:before { top: 50%; margin-top: -6px; } .leaflet-tooltip-left:before { right: 0; margin-right: -12px; border-left-color: #fff; } .leaflet-tooltip-right:before { left: 0; margin-left: -12px; border-right-color: #fff; } */ .leaflet-control-zoom { border-radius: 0; } .leaflet-control-zoom > a { margin-bottom: 0!important; width: 35px; height: 35px; line-height: 35px; } .leaflet-tooltip { position: absolute; padding: 4px 6px; background-color: #fff; border: 1px solid #fff; white-space: nowrap; pointer-events: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); } .leaflet-tooltip:empty { display: none!important; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .tooltip { position: absolute; z-index: 1070; display: block; font-family: 'Roboto', sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 14px; opacity: 0; } .tooltip.in { opacity: 0.9; } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 0; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { bottom: 0; right: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: 'Roboto', sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 16px; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { margin: 0; padding: 8px 14px; font-size: 16px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: -1 -1 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { border-width: 10px; content: ""; } .popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; } .popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); } .popover.right > .arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff; } .popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; } .popover.bottom > .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left > .arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .embed-responsive-1by1 { padding-bottom: 100%; } .quiz-container { max-width: 100%; } .quiz-container a { text-decoration: none; color: #333; } .quiz-header, .quiz-start-screen, .quiz-results-screen, .quiz-counter { text-align: center; margin-bottom: 15px; color: #666; font-size: 14px; line-height: 1em; } .quiz-intro { line-height: 1.6em; font-size: 16px; } .question { font-size: 1.1em; font-weight: 700; text-align: center; } .answers { list-style: none; padding: 0; counter-reset: listStyle; } .answers li { counter-increment: listStyle; } .answers li + li { margin-top: 5px; } .answers a { display: block; padding: 0.5em 1em; padding-left: 50px; border: 2px solid #ccc; position: relative; font-size: 0.95em; } .answers a:before { margin-right: 1.5em; content: counter(listStyle, upper-alpha); font-weight: 700; position: absolute; left: 0; width: 50px; padding-left: 16px; } .answers a:hover { border-color: #999; background-color: #f2f2f2; } .answers:has(a.correct, a.incorrect) a:not(.correct, .incorrect, .hint) { opacity: 0.55; } .answers:has(a.correct, a.incorrect) a.hint { border-color: #8BC34A; } .answers a.correct { background: #8BC34A; border-color: #8BC34A; } .answers a.incorrect { background: #d9534f; border-color: #d9534f; } .answers a.correct, .answers a.incorrect { color: #fff; } .quiz-controls { padding: 0.5em 1em; text-align: center; } .quiz-response { margin-bottom: 15px; } .quiz-results { font-size: 1.25em; margin-bottom: 30px; } .quiz-results img { display: inline-block; border: 2px solid #ccc; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); } .quiz-buttons a, .quiz-container .quiz-button { padding: 0.5em 1em; background-color: transparent; border: 2px solid rgba(51, 51, 51, 0.85); color: #333333; position: relative; display: inline-block; letter-spacing: 2px; white-space: normal; opacity: 0.85; -webkit-transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1); transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1); } .quiz-buttons a:hover, .quiz-container .quiz-button:hover { background-color: #8BC34A; border-color: #8BC34A; color: #fff; opacity: 1; } .quiz-start-btn { margin-top: 15px; } .quiz-buttons a { border: 2px solid #666; } /* Quiz State Overrides */ .quiz-results-state .quiz-controls { background: none; padding: 0; } .sub-section.quiz .row { padding: 15px 30px 30px 30px; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter, .mfp-download { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-download { color: #CCC; font-size: 16px; line-height: 18px; white-space: nowrap; cursor: pointer; margin-top: 15px; text-align: center; } .mfp-download a { color: #fff; } .mfp-download a svg { fill: #fff; height: 14px; width: 14px; margin-top: 3px; margin-left: 5px; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 120px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /** * Bootstrap theme v3.x * * WARNING!... once a stable Bootstrap v4.x is released, * this file will be removed; use theme.bootstrap_3.css */ .tablesorter-bootstrap { width: 100%; } .tablesorter-bootstrap thead th, .tablesorter-bootstrap thead td, .tablesorter-bootstrap tfoot th, .tablesorter-bootstrap tfoot td { font: 14px/20px Arial, Sans-serif; font-weight: bold; padding: 4px; margin: 0 0 18px; background-color: #eee; } .tablesorter-bootstrap .tablesorter-header { cursor: pointer; } .tablesorter-bootstrap .sorter-false { cursor: default; } .tablesorter-bootstrap .tablesorter-header.sorter-false i.tablesorter-icon { display: none; } .tablesorter-bootstrap .tablesorter-header-inner { position: relative; padding: 4px 18px 4px 4px; } .tablesorter-bootstrap .sorter-false .tablesorter-header-inner { padding: 4px; } /* bootstrap uses for icons */ .tablesorter-bootstrap .tablesorter-header i.tablesorter-icon { font-size: 11px; position: absolute; right: 2px; top: 50%; margin-top: -7px; /* half the icon height; older IE doesn't like this */ width: 14px; height: 14px; background-repeat: no-repeat; line-height: 14px; display: inline-block; } /* black unsorted icon */ .tablesorter-bootstrap .bootstrap-icon-unsorted { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfiBhMOJAM4y4DuAAAAs0lEQVRIx+WVMQ6DMAxFX7t0rhAXYM8RmLkHt+QIXAWBOneiA0oblTb52N3qKbL0XqLEsSEXgZGRgDECEysrk00RcaMixQ2Kd/yg4hN+QPENFxU5XFCU8IJCwTOKRsQ3RROx81PQU8vPXNPvBQOLLFgY4vKUpC9cRcGNu7zZH8QPL7Fllgtppo3Yqw46KvncFd0+aSzlNJyfSVU4O4KzJzm7orMvOyeDczY5p6MR3xTF8f4A4ZgprMfxykAAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDYtMTlUMTQ6MzY6MDMrMDI6MDBWkPjxAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTA2LTE5VDE0OjM2OjAzKzAyOjAwJ81ATQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAASUVORK5CYII='); background-size: contain; } .tablesorter-bootstrap .bootstrap-icon-up { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfiBhMOJAyodJ1/AAAAcUlEQVRIx+3Tuw3AIAxF0avMlQE8AEt7JgpSpEGIj22aKOL158qN4ez3ExRFojyRKRQyaYcHEzUPJFruTPS4IzHixsSMGxIrvkhY+CRh5YOEh3cSXt4kIrxKSJC/CQEN80JBL8+L9Hdv3KDc+wecfWAPj4U1UB+FGvUAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDYtMTlUMTQ6MzY6MTIrMDI6MDA8TfPbAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTA2LTE5VDE0OjM2OjEyKzAyOjAwTRBLZwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAASUVORK5CYII='); background-size: contain; } .tablesorter-bootstrap .bootstrap-icon-up.flipped { -webkit-transform: scaleY(-1); transform: scaleY(-1); } /* since bootstrap (table-striped) uses nth-child(), we just use this to add a zebra stripe color */ .tablesorter-bootstrap > tbody > tr.odd > td, .tablesorter-bootstrap > tbody > tr.tablesorter-hasChildRow.odd:hover ~ tr.tablesorter-hasChildRow.odd ~ .tablesorter-childRow.odd > td { background-color: #f9f9f9; } .tablesorter-bootstrap > tbody > tr.hover > td, .tablesorter-bootstrap > tbody > tr.odd:hover > td, .tablesorter-bootstrap > tbody > tr.even:hover > td, .tablesorter-bootstrap > tbody > tr.tablesorter-hasChildRow.odd:hover ~ .tablesorter-childRow.odd > td, .tablesorter-bootstrap > tbody > tr.tablesorter-hasChildRow.even:hover ~ .tablesorter-childRow.even > td { background-color: #f5f5f5; } .tablesorter-bootstrap > tbody > tr.even > td, .tablesorter-bootstrap > tbody > tr.tablesorter-hasChildRow.even:hover ~ tr.tablesorter-hasChildRow.even ~ .tablesorter-childRow.even > td { background-color: #fff; } /* Column Widget - column sort colors */ .tablesorter-bootstrap > tbody > tr.odd td.primary { background-color: #bfbfbf; } .tablesorter-bootstrap > tbody > tr td.primary, .tablesorter-bootstrap > tbody > tr.even td.primary { background-color: #d9d9d9; } .tablesorter-bootstrap > tbody > tr.odd td.secondary { background-color: #d9d9d9; } .tablesorter-bootstrap > tbody > tr td.secondary, .tablesorter-bootstrap > tbody > tr.even td.secondary { background-color: #e6e6e6; } .tablesorter-bootstrap > tbody > tr.odd td.tertiary { background-color: #e6e6e6; } .tablesorter-bootstrap > tbody > tr td.tertiary, .tablesorter-bootstrap > tbody > tr.even td.tertiary { background-color: #f2f2f2; } /* caption */ .caption { background-color: #fff; } /* filter widget */ .tablesorter-bootstrap .tablesorter-filter-row input.tablesorter-filter, .tablesorter-bootstrap .tablesorter-filter-row select.tablesorter-filter { width: 98%; margin: 0; padding: 4px 6px; color: #333; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: height 0.1s ease; transition: height 0.1s ease; } .tablesorter-bootstrap .tablesorter-filter-row .tablesorter-filter.disabled { background-color: #eee; color: #555; cursor: not-allowed; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: height 0.1s ease; transition: height 0.1s ease; } .tablesorter-bootstrap .tablesorter-filter-row { background-color: #efefef; } .tablesorter-bootstrap .tablesorter-filter-row td { background-color: #efefef; line-height: normal; text-align: center; padding: 4px 6px; vertical-align: middle; -webkit-transition: line-height 0.1s ease; transition: line-height 0.1s ease; } /* hidden filter row */ .tablesorter-bootstrap .tablesorter-filter-row.hideme td { padding: 2px; /* change this to modify the thickness of the closed border row */ margin: 0; line-height: 0; } .tablesorter-bootstrap .tablesorter-filter-row.hideme * { height: 1px; min-height: 0; border: 0; padding: 0; margin: 0; /* don't use visibility: hidden because it disables tabbing */ opacity: 0; filter: alpha(opacity=0); } /* rows hidden by filtering */ .tablesorter .filtered { display: none; } /* pager plugin */ .tablesorter-bootstrap .tablesorter-pager select { padding: 4px 6px; } .tablesorter-bootstrap .tablesorter-pager .pagedisplay { border: 0; } /* tfoot i for pager controls */ .tablesorter-bootstrap tfoot i { font-size: 11px; } /* ajax error row */ .tablesorter .tablesorter-errorRow td { text-align: center; cursor: pointer; background-color: #e6bf99; } .pagination { text-align: center; } .pagination .arrows { padding: 15px 0; } .pagination .arrows a:not([href]) { cursor: default; display: none; } .pagination .arrows a:not([href]):hover { background-color: transparent; color: #333333; border-color: #333333; } .pagination .numbers a { margin: 0 3px; border-radius: 3px; opacity: 0.55; } .pagination .numbers a:hover { background-color: #8BC34A; color: #fff; opacity: 1; } .pagination .numbers span { opacity: 0.55; } .pagination a { padding: 7.5px 15px; color: #333333; display: inline-block; } .pagination a.active { background-color: #37833a; color: #fff; font-weight: 700; opacity: 1; } .datepicker { border-radius: 0; direction: ltr; } .datepicker-inline { width: 220px; } .datepicker-rtl { direction: rtl; } .datepicker-rtl.dropdown-menu { left: auto; } .datepicker-rtl table tr td span { float: right; } .datepicker-dropdown { top: 0; left: 0; padding: 4px; margin: 0; } .datepicker-dropdown:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(0, 0, 0, 0.15); border-top: 0; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; } .datepicker-dropdown:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-top: 0; position: absolute; } .datepicker-dropdown.datepicker-orient-left:before { left: 6px; } .datepicker-dropdown.datepicker-orient-left:after { left: 7px; } .datepicker-dropdown.datepicker-orient-right:before { right: 6px; } .datepicker-dropdown.datepicker-orient-right:after { right: 7px; } .datepicker-dropdown.datepicker-orient-bottom:before { top: -7px; } .datepicker-dropdown.datepicker-orient-bottom:after { top: -6px; } .datepicker-dropdown.datepicker-orient-top:before { bottom: -7px; border-bottom: 0; border-top: 7px solid rgba(0, 0, 0, 0.15); } .datepicker-dropdown.datepicker-orient-top:after { bottom: -6px; border-bottom: 0; border-top: 6px solid #fff; } .datepicker table { margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-collapse: collapse; } .datepicker table tr td, .datepicker table tr th { text-align: center; width: 40px; height: 40px; border: none; } .table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent; } .datepicker table tr td { position: relative; } .datepicker table tr td.day { color: #000; padding-top: 3px; } .datepicker table tr td.day:after { content: ''; display: inline-block; position: absolute; right: 0; left: 0; -webkit-backface-visibility: hidden; } .datepicker table tr td.day .occupancy-level { position: absolute; display: inline-block; right: 8px; left: 8px; bottom: 5px; height: 4px; width: auto; float: none; margin: 0; pointer-events: none; background-color: #ddd; -webkit-backface-visibility: hidden; overflow: hidden; border-radius: 2px; } .datepicker table tr td.day .occupancy-level:after { content: ''; display: inline-block; background: #37833a; bottom: 0; position: absolute; left: 0; height: 100%; -webkit-backface-visibility: hidden; } .datepicker table tr td.day.free-slots-0 .occupancy-level:after { width: 100%; background-color: #e57373; } .datepicker table tr td.day.free-slots-10 .occupancy-level:after { width: 10%; background-color: #ffb300; } .datepicker table tr td.day.free-slots-20 .occupancy-level:after { width: 20%; background-color: #ffb300; } .datepicker table tr td.day.free-slots-30 .occupancy-level:after { width: 30%; background-color: #fdd835; } .datepicker table tr td.day.free-slots-40 .occupancy-level:after { width: 40%; background-color: #fdd835; } .datepicker table tr td.day.free-slots-50 .occupancy-level:after { width: 50%; background-color: #c0ca33; } .datepicker table tr td.day.free-slots-60 .occupancy-level:after { width: 60%; background-color: #c0ca33; } .datepicker table tr td.day.free-slots-70 .occupancy-level:after { width: 70%; background-color: #7cb342; } .datepicker table tr td.day.free-slots-80 .occupancy-level:after { width: 80%; background-color: #7cb342; } .datepicker table tr td.day.free-slots-90 .occupancy-level:after { width: 90%; } .datepicker table tr td.day.free-slots-100 .occupancy-level:after { width: 100%; } .datepicker table tr td.day:hover, .datepicker table tr td.focused { color: #37833a; cursor: pointer; } .datepicker table tr td.day:hover:after, .datepicker table tr td.focused:after { content: ''; display: inline-block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 40px; height: 40px; z-index: -1; border: 2px solid #37833a; background-color: rgba(255, 255, 255, 0.5); } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background: none; color: #b3b3b3; cursor: default; font-weight: normal; } .datepicker table tr td.disabled .occupancy-level, .datepicker table tr td.disabled:hover .occupancy-level { display: none!important; } .datepicker table tr td.disabled:after, .datepicker table tr td.disabled:hover:after { display: none; } .datepicker table tr td.firstlast, .datepicker table tr td.firstlast:hover, .datepicker table tr td.disabled-date, .datepicker table tr td.disabled-date:hover { cursor: default; } .datepicker table tr td.first { background-color: transparent; } .datepicker table tr td.first.disabled-date:hover { background-color: transparent; } .datepicker table tr td.first:before { content: ''; display: inline-block; position: absolute; top: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 40px 40px; border-color: transparent transparent #d9d9d9 transparent; z-index: -2; } .datepicker table tr td.last { background-color: transparent; } .datepicker table tr td.last.disabled-date:hover { background-color: transparent; } .datepicker table tr td.last:before { content: ''; display: inline-block; position: absolute; top: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 40px 40px 0 0; border-color: #d9d9d9 transparent transparent transparent; z-index: -2; } .datepicker table tr td.highlighted { color: #000; background-color: #d9edf7; border-color: #85c5e5; border-radius: 0; } .datepicker table tr td.highlighted:focus, .datepicker table tr td.highlighted.focus { color: #000; background-color: #afd9ee; border-color: #298fc2; } .datepicker table tr td.highlighted:hover { color: #000; background-color: #afd9ee; border-color: #52addb; } .datepicker table tr td.highlighted:active, .datepicker table tr td.highlighted.active, .open > .dropdown-toggle.datepicker table tr td.highlighted { color: #000; background-color: #afd9ee; border-color: #52addb; } .datepicker table tr td.highlighted:active:hover, .datepicker table tr td.highlighted.active:hover, .open > .dropdown-toggle.datepicker table tr td.highlighted:hover, .datepicker table tr td.highlighted:active:focus, .datepicker table tr td.highlighted.active:focus, .open > .dropdown-toggle.datepicker table tr td.highlighted:focus, .datepicker table tr td.highlighted:active.focus, .datepicker table tr td.highlighted.active.focus, .open > .dropdown-toggle.datepicker table tr td.highlighted.focus { color: #000; background-color: #91cbe8; border-color: #298fc2; } .datepicker table tr td.highlighted:active, .datepicker table tr td.highlighted.active, .open > .dropdown-toggle.datepicker table tr td.highlighted { background-image: none; } .datepicker table tr td.highlighted.disabled:hover, .datepicker table tr td.highlighted[disabled]:hover, fieldset[disabled] .datepicker table tr td.highlighted:hover, .datepicker table tr td.highlighted.disabled:focus, .datepicker table tr td.highlighted[disabled]:focus, fieldset[disabled] .datepicker table tr td.highlighted:focus, .datepicker table tr td.highlighted.disabled.focus, .datepicker table tr td.highlighted[disabled].focus, fieldset[disabled] .datepicker table tr td.highlighted.focus { background-color: #d9edf7; border-color: #85c5e5; } .datepicker table tr td.highlighted .badge { color: #d9edf7; background-color: #000; } .datepicker table tr td.highlighted.focused { background: #afd9ee; } .datepicker table tr td.highlighted.disabled, .datepicker table tr td.highlighted.disabled:active { background: #d9edf7; color: #777777; } .datepicker table tr td.selected-start { color: #37833a !important; } .datepicker table tr td.selected-start:after { display: inline-block !important; content: ''; top: 0; bottom: 0; border: 2px solid #37833a; border-right: 0!important; width: 40px; height: 40px; } .datepicker table tr td.selected-range { color: #37833a !important; } .datepicker table tr td.selected-range:after { display: inline-block !important; content: ''; top: 0; bottom: 0; border: 2px solid #37833a; border-left: 0!important; border-right: 0!important; width: 40px; height: 40px; } .datepicker table tr td.selected-end { color: #37833a !important; } .datepicker table tr td.selected-end:after { display: inline-block !important; content: ''; top: 0; bottom: 0; right: -20px !important; border: 2px solid #37833a; border-left: 0!important; width: 40px; height: 40px; } .datepicker table tr td.selected, .datepicker table tr td.selected.highlighted { background-color: #37833a; color: #fff; } .datepicker table tr td.selected:hover, .datepicker table tr td.selected.highlighted:hover { background-color: #2f7132; } .datepicker table tr td.active, .datepicker table tr td.active.highlighted { background-color: #37833a; color: #fff !important; cursor: pointer; font-weight: bold; } .datepicker table tr td.active:after, .datepicker table tr td.active.highlighted:after { content: ''; display: inline-block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 40px; height: 40px; z-index: -1; border: 2px solid #37833a; background-color: rgba(255, 255, 255, 0.55); opacity: 1; } .datepicker table tr td.active .occupancy-level, .datepicker table tr td.active.highlighted .occupancy-level { background-color: rgba(255, 255, 255, 0.15); } .datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; } .datepicker table tr td span:hover, .datepicker table tr td span.focused { background: #f3f3f3; } .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background: none; color: #777777; cursor: default; } .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { color: #fff; background-color: #1B5E20; border-color: #154a19; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.focus, .datepicker table tr td span.active:hover.focus, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active.disabled:hover.focus { color: #fff; background-color: #103613; border-color: #000000; } .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover { color: #fff; background-color: #103613; border-color: #081b09; } .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .open > .dropdown-toggle.datepicker table tr td span.active, .open > .dropdown-toggle.datepicker table tr td span.active:hover, .open > .dropdown-toggle.datepicker table tr td span.active.disabled, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover { color: #fff; background-color: #103613; border-color: #081b09; } .datepicker table tr td span.active:active:hover, .datepicker table tr td span.active:hover:active:hover, .datepicker table tr td span.active.disabled:active:hover, .datepicker table tr td span.active.disabled:hover:active:hover, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active:hover.active:hover, .datepicker table tr td span.active.disabled.active:hover, .datepicker table tr td span.active.disabled:hover.active:hover, .open > .dropdown-toggle.datepicker table tr td span.active:hover, .open > .dropdown-toggle.datepicker table tr td span.active:hover:hover, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active:focus, .datepicker table tr td span.active:hover:active:focus, .datepicker table tr td span.active.disabled:active:focus, .datepicker table tr td span.active.disabled:hover:active:focus, .datepicker table tr td span.active.active:focus, .datepicker table tr td span.active:hover.active:focus, .datepicker table tr td span.active.disabled.active:focus, .datepicker table tr td span.active.disabled:hover.active:focus, .open > .dropdown-toggle.datepicker table tr td span.active:focus, .open > .dropdown-toggle.datepicker table tr td span.active:hover:focus, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:focus, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active:active.focus, .datepicker table tr td span.active:hover:active.focus, .datepicker table tr td span.active.disabled:active.focus, .datepicker table tr td span.active.disabled:hover:active.focus, .datepicker table tr td span.active.active.focus, .datepicker table tr td span.active:hover.active.focus, .datepicker table tr td span.active.disabled.active.focus, .datepicker table tr td span.active.disabled:hover.active.focus, .open > .dropdown-toggle.datepicker table tr td span.active.focus, .open > .dropdown-toggle.datepicker table tr td span.active:hover.focus, .open > .dropdown-toggle.datepicker table tr td span.active.disabled.focus, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover.focus { color: #fff; background-color: #081b09; border-color: #000000; } .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .open > .dropdown-toggle.datepicker table tr td span.active, .open > .dropdown-toggle.datepicker table tr td span.active:hover, .open > .dropdown-toggle.datepicker table tr td span.active.disabled, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover { background-image: none; } .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover.disabled:hover, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active.disabled:hover.disabled:hover, .datepicker table tr td span.active[disabled]:hover, .datepicker table tr td span.active:hover[disabled]:hover, .datepicker table tr td span.active.disabled[disabled]:hover, .datepicker table tr td span.active.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active:hover:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active:hover.disabled:focus, .datepicker table tr td span.active.disabled.disabled:focus, .datepicker table tr td span.active.disabled:hover.disabled:focus, .datepicker table tr td span.active[disabled]:focus, .datepicker table tr td span.active:hover[disabled]:focus, .datepicker table tr td span.active.disabled[disabled]:focus, .datepicker table tr td span.active.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td span.active:focus, fieldset[disabled] .datepicker table tr td span.active:hover:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active:hover.disabled.focus, .datepicker table tr td span.active.disabled.disabled.focus, .datepicker table tr td span.active.disabled:hover.disabled.focus, .datepicker table tr td span.active[disabled].focus, .datepicker table tr td span.active:hover[disabled].focus, .datepicker table tr td span.active.disabled[disabled].focus, .datepicker table tr td span.active.disabled:hover[disabled].focus, fieldset[disabled] .datepicker table tr td span.active.focus, fieldset[disabled] .datepicker table tr td span.active:hover.focus, fieldset[disabled] .datepicker table tr td span.active.disabled.focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus { background-color: #1B5E20; border-color: #154a19; } .datepicker table tr td span.active .badge, .datepicker table tr td span.active:hover .badge, .datepicker table tr td span.active.disabled .badge, .datepicker table tr td span.active.disabled:hover .badge { color: #1B5E20; background-color: #fff; } .datepicker table tr td span.old, .datepicker table tr td span.new { color: #777777; } .datepicker .datepicker-switch { width: 145px; } .datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th { cursor: pointer; } .datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover { background: #eeeeee; } .datepicker .prev.disabled, .datepicker .next.disabled { visibility: hidden; } .datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle; } .datepicker.week-selection td.day:after { display: none!important; } .datepicker.week-selection td.day.active { color: #000 !important; } .datepicker.week-selection .datepicker-days tbody tr:hover td, .datepicker.week-selection .datepicker-days tbody tr.active td { background-color: #f3f3f3; } .datepicker.week-selection .datepicker-days tbody tr td.cw { cursor: pointer; } .datepicker.week-selection .datepicker-days tbody tr td.active { font-weight: 400; color: #000; } .datepicker.week-selection .datepicker-days tbody tr td:hover { color: #000; } .datepicker.week-selection span.focused { background-color: #f3f3f3 !important; color: #000 !important; text-shadow: none; } @media (max-width: 320px) { .datepicker.week-selection { max-width: 260px; } } .input-group.date .input-group-addon { cursor: pointer; } .occupancy-row { position: relative; padding: 0 30px; margin-bottom: 15px; } .occupancy-row .controls { position: absolute; z-index: 1; top: 50%; cursor: pointer; padding: 5px; } .occupancy-row .controls.prev { left: 30px; } .occupancy-row .controls.next { right: 30px; } .occupancy-row .controls.disabled { visibility: hidden; } .occupancy-row .controls img { width: 24px; opacity: 0.55; } .occupancy-row .controls:hover { background-color: #f2f2f2; } .occupancy-row .controls:hover img { opacity: 1; } @media (max-width: 767px) { .occupancy-row { padding: 0 15px; } .occupancy-row .col-sm-6 { padding: 0; } .occupancy-row .controls.prev { left: 15px; } .occupancy-row .controls.next { right: 15px; } } .occupancy-inline { display: inline-block; } .occupancy-inline th.prev, .occupancy-inline th.next { visibility: hidden; } .occupancy-inline table tr td.active { background-color: transparent!important; } .occupancy-inline table tr td.day { cursor: default!important; color: #000 !important; font-weight: 400!important; } .occupancy-inline table tr td.day:after { display: none!important; } .occupancy-inline td.old, .occupancy-inline td.new { visibility: hidden; } .occupancy-inline .datepicker table tr td.disabled .occupancy-level { display: inline-block !important; } .occupancy-inline .datepicker-switch { pointer-events: none; } .tablesorter { border-collapse: collapse; } .tablesorter.table-card { -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15); } .tablesorter.table-bordered > thead > tr > td, .tablesorter.table-bordered > thead > tr > th { background-color: #fff; border-bottom: 0; border-top: 0; } .tablesorter.table-bordered > thead > tr > td.sorted, .tablesorter.table-bordered > thead > tr > th.sorted { background-color: #37833a; color: #fff; } .tablesorter.table-bordered > thead > tr > td.sorted .bootstrap-icon-up, .tablesorter.table-bordered > thead > tr > th.sorted .bootstrap-icon-up { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfiBhMOOjfNPkuEAAAAeElEQVRIx+3Suw3AIAxFUZKhUjGAB2BpZyWKlyKRIv62aaKI158rQDi39veBwGCQlQdEAEBEmOG2RML1iYLrElUuTzS5LNHl48SQ9xMi3k6IeT2h4mVCzdOEib8JkJHfCdrA7lD88nznPoGfF/Bg8xUYfvoAa1/YBYegRYYxYx4sAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTA2LTE5VDE0OjU4OjU1KzAyOjAwi9w5XwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0wNi0xOVQxNDo1ODo1NSswMjowMPqBgeMAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC'); } .tablesorter.table-bordered > thead > tr > td i, .tablesorter.table-bordered > thead > tr > th i { opacity: 0.55; } .tablesorter.tablesorter-bootstrap .tablesorter-filter-row td { background-color: #fff; border-bottom: 1px solid #aaa; padding-bottom: 7px; } .tablesorter.tablesorter-bootstrap .tablesorter-filter-row td input { border: 0; background-color: #f2f2f2; height: 30px; line-height: 30px; } .tablesorter.compact tbody td { padding: 4px 8px; } .tablesorter.rows-clickable tbody tr:not(.click-disabled) { cursor: pointer; } .tablesorter.rows-clickable tbody tr:not(.click-disabled) td a { color: #333333; } .tablesorter.rows-clickable tbody tr:not(.click-disabled):hover td { font-weight: 700; background-color: #8BC34A !important; color: #fff; } .tablesorter.rows-clickable tbody tr:not(.click-disabled):hover td a, .tablesorter.rows-clickable tbody tr:not(.click-disabled):hover td div { color: #fff; } .button-container { text-align: center; } /* fieldset { margin : @mf-fieldset-margin; padding : 0; border : none; } */ .form-group { position: relative; margin-top: 36px; margin-bottom: 36px; } .form-group-cb { margin-top: 24px; margin-bottom: 24px; } .form-group-cb.disabled { cursor: not-allowed; } .form-group-cb.disabled .checkbox label { cursor: not-allowed; pointer-events: none; color: #999 !important; } .form-group-cb.disabled .checkbox .helper { border-color: #ccc !important; } .sub-checkboxes { padding-left: 30px; } .sub-checkboxes .form-group-cb { margin-top: 15px; margin-bottom: 15px; } .sub-checkboxes .form-group-cb:first-of-type { margin-top: -5px; } .sub-checkboxes .form-group-cb .helper { -webkit-transform: scale(0.9); transform: scale(0.9); } .form-inline > .form-group, .form-inline > .btn { display: inline-block; margin-bottom: 0; } .form-help { margin-top: 2px; margin-left: 2px; color: #666; font-size: 14px; } .checkbox .form-help, .radio .form-help, .form-group .form-help { position: absolute; width: 100%; } .checkbox .form-help { position: relative; margin-bottom: 16px; } .radio .form-help { padding-top: 4px; margin-top: -16px; } .form-group input { height: 40px; } .form-group select { width: 100%; font-size: 16px; height: 40px; padding: 2px 2px 1px 2px; background: none; border: none; line-height: 1.6; -webkit-box-shadow: none; box-shadow: none; padding-right: 24px; -webkit-appearance: none; -moz-appearance: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAMUExURQAAAJmZmZmZmZiYmIs7AS4AAAAEdFJOUwD+dlQZqnPdAAAAO0lEQVQY053OMRIAIAgDQZL8/8/igIiWUHE7FJgNhrq76A2UCOCGI96Ik5DskuqU1iG9U/g887ULbTwLREQAdW7KZ6QAAAAASUVORK5CYII='); background-position: calc(100% - 8px) calc(1em + 2px); background-size: 12px 12px; background-repeat: no-repeat; } .form-group .control-label { position: absolute; top: 8px; left: 0; pointer-events: none; padding-left: 2px; z-index: 1; color: #666; font-size: 16px; font-weight: normal; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .form-group .bar { position: relative; border-bottom: 1px solid #666; display: block; } .form-group .bar::before { content: ''; height: 2px; width: 0; left: 50%; bottom: -1px; position: absolute; background: #37833a; -webkit-transition: left 300ms ease, width 300ms ease; transition: left 300ms ease, width 300ms ease; z-index: 2; } .form-group input, .form-group textarea { display: block; background: none; padding: 2px 2px 1px; font-size: 16px; border-width: 0; border-color: transparent; line-height: 1.9; width: 100%; color: transparent; -webkit-transition: all 300ms ease; transition: all 300ms ease; -webkit-box-shadow: none; box-shadow: none; } .form-group textarea { padding: 8px 2px 8px; resize: none; } .form-group input[type="file"] { line-height: 1; } .form-group input[type="file"] ~ .bar { display: none; } .form-group select:required:valid, .form-group select:focus, .form-group select.has-value, .form-group input:focus, .form-group input:required:valid, .form-group input.form-file, .form-group input.has-value, .form-group textarea:focus, .form-group textarea:required:valid, .form-group textarea.form-file, .form-group textarea.has-value { color: #333; } .form-group select:required:valid ~ .control-label, .form-group select:focus ~ .control-label, .form-group select.has-value ~ .control-label, .form-group input:focus ~ .control-label, .form-group input:required:valid ~ .control-label, .form-group input.form-file ~ .control-label, .form-group input.has-value ~ .control-label, .form-group textarea:focus ~ .control-label, .form-group textarea:required:valid ~ .control-label, .form-group textarea.form-file ~ .control-label, .form-group textarea.has-value ~ .control-label { font-size: 14px; color: #4d4d4d; top: -18px; left: 0; background-color: #fff; padding-right: 4px; } .form-group select:focus, .form-group input:focus, .form-group textarea:focus { outline: none; } .form-group select:focus ~ .control-label, .form-group input:focus ~ .control-label, .form-group textarea:focus ~ .control-label { color: #37833a; background-color: #fff; padding-right: 4px; } .form-group select:focus ~ .bar::before, .form-group input:focus ~ .bar::before, .form-group textarea:focus ~ .bar::before { width: 100%; left: 0; } .form-group .info { font-size: 14px; line-height: 1.4em; opacity: 0.85; } .form-group .info .alert { margin-top: 15px; } .form-group .info-value { position: absolute; display: inline-block; right: 30px; top: 13px; padding: 4px 8px 4px 8px; background-color: #5bc0de; color: #fff; font-size: 13px; font-weight: 700; line-height: 1em; opacity: 0.85; border-radius: 10px; } .form-group .info-value:empty { display: none; } .checkbox label, .radio label { position: relative; cursor: pointer; padding-left: 32px; text-align: left; color: #333; display: block; } .checkbox input, .radio input { width: auto; opacity: 0.00000001; position: absolute; left: 0; } .radio { margin-bottom: 16px; } .radio .helper { position: absolute; top: -4px; left: -4px; cursor: pointer; display: block; font-size: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #666; } .radio .helper::before, .radio .helper::after { content: ''; position: absolute; left: 0; top: 0; margin: 4px; width: 20px; height: 20px; -webkit-transition: -webkit-transform 300ms ease; transition: -webkit-transform 300ms ease; transition: transform 300ms ease; transition: transform 300ms ease, -webkit-transform 300ms ease; border-radius: 50%; border: 2.5px solid currentColor; } .radio .helper::after { -webkit-transform: scale(0); transform: scale(0); background-color: #37833a; border-color: #37833a; } .radio label:hover .helper { color: #37833a; } .radio input:checked ~ .helper::after { -webkit-transform: scale(0.5); transform: scale(0.5); } .radio input:checked ~ .helper::before { color: #37833a; } .po { position: relative; padding-top: 2px; float: right; z-index: 2; margin-right: 2px; margin-top: -1px; } .po i { font-size: 20px; margin-left: 5px; margin-top: -4px; } .po.input { margin-top: -34px; } .po.select { margin-top: -34px; margin-right: 30px; } .po:before { content: ""; display: block; position: absolute; z-index: -1; top: -5px; right: -5px; bottom: -3px; left: -3px; } .checkbox { margin-top: 48px; margin-bottom: 20px; } .checkbox .helper { color: #666; position: absolute; top: 1.5px; left: 0; width: 20px; height: 20px; z-index: 0; border: 2.5px solid currentColor; border-radius: 1.25px; -webkit-transition: border-color 300ms ease; transition: border-color 300ms ease; } .checkbox .helper::before, .checkbox .helper::after { position: absolute; height: 0; width: 4px; background-color: #37833a; display: block; -webkit-transform-origin: left top; transform-origin: left top; border-radius: 5px; content: ''; -webkit-transition: opacity 300ms ease, height 0s linear 300ms; transition: opacity 300ms ease, height 0s linear 300ms; opacity: 0; } .checkbox .helper::before { top: 13px; left: 7.6px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-box-shadow: 0 0 0 1.25px #fff; box-shadow: 0 0 0 1.25px #fff; } .checkbox .helper::after { top: 6px; left: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .checkbox label:hover .helper { color: #37833a; } .checkbox input:checked ~ .helper { color: #37833a; } .checkbox input:checked ~ .helper::after, .checkbox input:checked ~ .helper::before { opacity: 1; -webkit-transition: height 250ms ease; transition: height 250ms ease; } .checkbox input:checked ~ .helper::after { height: 10px; } .checkbox input:checked ~ .helper::before { height: 24px; -webkit-transition-delay: 200ms; transition-delay: 200ms; } .checkbox .info { padding-left: 32px; } .radio + .radio, .checkbox + .checkbox { margin-top: 20px; } .has-error .legend.legend, .has-error.form-group .control-label.control-label { color: #d9534f; } .has-error.form-group .form-help, .has-error.checkbox .form-help, .has-error.radio .form-help, .has-error.form-group .helper, .has-error.checkbox .helper, .has-error.radio .helper { color: #d9534f; } .has-error .bar::before { background: #d9534f; left: 0; width: 100%; } .has-error .help-block { color: #d9534f; font-size: 14px; } .help-block { max-height: 0px; overflow: visible; margin-top: 4px; margin-bottom: 0; font-size: 14px; } .help-block ul { margin-bottom: 0; } form .content-wrapper { position: relative; } form.submitting .content-wrapper:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; opacity: 0.55; } form.submitting button[type="submit"] { pointer-events: none; } form .response { margin: 10px 0 0 0; -webkit-transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1); transition: all 300ms cubic-bezier(0.55, 0, 0.1, 1); } form .response:empty { margin-top: 0; opacity: 1; } form .response .msg { text-align: center; } form .response .msg a { color: #333333; display: inline-block; position: relative; margin-left: 15px; } form .response .msg a + a:before { content: "|"; display: inline-block; position: absolute; left: -10px; pointer-events: none; opacity: 0.55; } form .response .msg a:hover { color: #8BC34A; } form .response .msg a + a:hover:before { color: #333333; } /* Submit Button */ button.submit { outline: none; height: 40px; text-align: center; width: 150px; background: #fff; border-color: #37833a; color: #37833a; letter-spacing: 1px; text-shadow: none; cursor: pointer; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } button.submit:hover { color: #fff; background: #8BC34A; } button.submit:after { content: "ABSENDEN"; } button.submit.registration { width: 280px; } button.submit.registration:after { content: "ANMELDUNG ABSCHICKEN"; } button.submit.registration-paid { width: 280px; } button.submit.registration-paid:after { content: "ZAHLUNGSPFLICHTIG BUCHEN"; } button.submit.registration-paid-preliminary { width: 280px; } button.submit.registration-paid-preliminary:after { content: "UNVERBINDLICH RESERVIEREN"; } button.submit.change-registration { width: 280px; } button.submit.change-registration:after { content: "UMMELDUNG ABSCHICKEN"; } button.submit.submitting { width: 40px; border-color: #bbbbbb; border-width: 3px; font-size: 0; border-left-color: #37833a; border-radius: 40px; -webkit-animation: rotating 2s 0.25s linear infinite; animation: rotating 2s 0.25s linear infinite; cursor: default; opacity: 1; } button.submit.submitting:after { content: ""; } button.submit.submitting:hover { color: #37833a; background: white; } button.submit.form-success { font-size: 16px; color: white; background: #37833a; border-color: #37833a; border-radius: 40px; width: 40px; cursor: default; opacity: 1; } button.submit.form-success:after { font-family: 'fontello'; content: "\e829"; } button.submit.form-error { font-size: 16px; color: white; background: #F44336; border-color: #F44336; border-radius: 40px; width: 40px; cursor: default; opacity: 1; } button.submit.form-error:after { font-family: 'fontello'; content: "\e82a"; } @-webkit-keyframes rotating { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .form-elements { display: none; } .participant { border: 2px solid #f3f3f3; margin-top: -2px; position: relative; } .participant .label { padding: 15px; padding-bottom: 0; text-transform: uppercase; font-weight: 400; opacity: 0.85; } .participant .form-group { margin-top: 15px; } .participant .remove-participant { display: inline-block; float: right; text-transform: none; color: #333333; font-size: 14px; font-weight: 400; olor: #F44336; opacity: 0.85; } .participant .remove-participant:hover { color: #F44336; opacity: 1; } .submit-row { padding: 30px; } .add-participant { padding: 15px 15px 15px 0; color: #333333; opacity: 0.55; } .add-participant:hover { opacity: 1; } .participation-fee { margin-bottom: 30px; } .participation-fee:empty:before { content: "Die Teilnahmegebühr wird nach Eingabe aller relevanter Daten berechnet."; display: block; color: #777777; font-size: 14px; line-height: 1.4em; } .reservation-fee { margin-bottom: 30px; } .reservation-fee:empty:before { content: "Die Reservierungsgebühr wird nach Eingabe aller relevanten Daten berechnet."; display: block; color: #777777; font-size: 14px; line-height: 1.4em; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } .form-foot-note { font-size: 14px; line-height: 1.4em; } .antispam { display: none; } .radio-card-select-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; } .radio-card-select-wrapper:has(.radio-card-select.selected) .radio-card-select:not(.selected) { -webkit-transform: scale(0.9); transform: scale(0.9); } .radio-card-select-wrapper .radio-card-select { position: relative; z-index: 2; } .radio-card-select-wrapper .po-text { color: #666; font-size: 0.9em; line-height: 1em; padding: 4px 8px; border-radius: 14px; margin: 10px 10px 0 0; } .radio-card-select-wrapper .po-text:hover { text-decoration: underline; } .radio-card-select-wrapper .popover-content { color: #333; font-size: 0.9em; } .radio-card-select { outline: 1px solid #999; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 15px; cursor: pointer; color: #333333; min-width: 0; -webkit-transition: all 0.2s; transition: all 0.2s; } .radio-card-select .img img { width: 100%; aspect-ratio: 1.5; -o-object-fit: cover; object-fit: cover; } .radio-card-select .card-select-inner { padding: 7.5px 0; } .radio-card-select .card-select-inner .label { font-weight: 700; padding: 0 10px; } .radio-card-select .card-select-inner .extraline { padding: 0 10px; font-size: 0.9em; } @media (max-width: 767px) { .radio-card-select .card-select-inner .label { font-size: 0.9em; } .radio-card-select .card-select-inner .extraline { font-size: 0.8em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } .radio-card-select.selected { outline: 2px solid #1B5E20; -webkit-box-shadow: 0 0 10px #1B5E20; box-shadow: 0 0 10px #1B5E20; } .radio-card-select:hover { outline-color: #1B5E20; color: #1B5E20; } .radio-card-select:not(.selected):hover { -webkit-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc; } .visually-hidden { border: 0; padding: 0; margin: 0; position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE6, IE7 - a 0 height clip, off to the bottom right of the visible 1px box */ clip: rect(1px, 1px, 1px, 1px); /*maybe deprecated but we need to support legacy browsers */ clip-path: inset(50%); /*modern browsers, clip-path works inwards from each corner*/ white-space: nowrap; /* added line to stop words getting smushed together (as they go onto seperate lines and some screen readers do not understand line feeds as a space */ } .required-info { font-size: 14px; color: #666; display: inline-block; margin-left: 5px; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } body.hasHover .dlItemList > div:hover { background-color: #f2f2f2; } body.hasHover .dlItemList > div:hover .display-in-browser i, body.hasHover .dlItemList > div:hover .direct-download i { opacity: 0.55; } body.hasHover .dlItemList > div:hover .display-in-browser:hover, body.hasHover .dlItemList > div:hover .direct-download:hover { background-color: #eee; } body.hasHover .dlItemList > div:hover .display-in-browser:hover i, body.hasHover .dlItemList > div:hover .direct-download:hover i { opacity: 0.85; } body.hasHover .dlItemList > div:hover .display-in-browser { border-right: 1px solid #fff; } body.hasHover .card:hover { -webkit-box-shadow: 0px 1px 30px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 30px 0px rgba(0, 0, 0, 0.3); } body.hasHover .card:hover .thumb .img { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0.55; } body.hasHover .card:hover.reg .desc { margin-top: 10px; height: 75px; opacity: 1; } body.hasHover .card .sub-section .content-group a:hover { color: #8BC34A; } body.hasHover .card .links > a:hover, body.hasHover .card .links > div:hover { opacity: 1; } body.hasHover .card.list-mini:hover .thumb .date { opacity: 0; } body.hasHover .card.stats:hover { -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15); } body.hasHover .card.blog-full:hover { -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15); } body.hasHover .card.blog-full:hover .thumb .img { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } body.hasHover .card.contact:hover { -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15); } body.hasHover .card.contact:hover .thumb .img { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } body.hasHover .card.form:hover { -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15); } body.hasHover .card.form:hover .thumb .img { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .week-calendar { margin-bottom: 15px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .week-calendar.disabled .week-selection-wrapper { pointer-events: none; position: relative; } .week-calendar.disabled .week-selection-wrapper:before { content: ""; display: block; position: absolute; inset: -5px; background-color: rgba(255, 255, 255, 0.55); z-index: 1; backdrop-filter: blur(2px); } .week-calendar.disabled .week-selection-wrapper:after { content: "Zurerst Seminarraum auswählen"; position: absolute; top: 50%; left: 50%; display: inline-block; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; font-weight: bold; } .week-calendar .week-selection { margin: 15px 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .week-calendar .week-selection #week-controls { display: inline-block; float: left; } .week-calendar .week-selection #week-controls a { display: inline-block; float: left; line-height: 30px; padding-top: 0; padding-bottom: 0; } .week-calendar .week-selection #week-controls a i { display: inline-block; color: #333333; } .week-calendar .week-selection #week-controls a.disabled { cursor: not-allowed; } .week-calendar .week-selection #week-controls a.disabled i { opacity: 0.25; } .week-calendar .week-selection #selected-week { display: inline-block; line-height: 30px; padding: 0 15px; margin: 0 7.5px; background-color: #f3f3f3; border: 1px solid #e6e6e6; cursor: pointer; position: relative; } @media (min-width: 768px) { .week-calendar .week-selection #selected-week:hover { background-color: #e6e6e6; } } .week-calendar .week-selection #selected-week input { display: inline-block; position: absolute; left: 0; bottom: 0; pointer-events: none; visibility: hidden; width: 1px; height: 0px; } .week-calendar .week-selection #selected-week #cw-indicator { font-weight: 700; padding-right: 7.5px; margin-right: 7.5px; border-right: 1px solid #e6e6e6; color: rgba(51, 51, 51, 0.55); } .week-calendar table { width: 100%; border-collapse: collapse; cell-spacing: 0; table-layout: fixed; } .week-calendar table td, .week-calendar table th { border: 1px solid #e6e6e6; width: 12.5%; } @media (min-width: 768px) { .week-calendar table td.hover, .week-calendar table th.hover { background-color: #f3f3f3; } } .week-calendar table thead { /* #cw-indicator { vertical-align : middle; text-align : center;; color : lighten(@text-color, 25%); font-weight : 400; } */ } .week-calendar table thead th { text-align: center; vertical-align: bottom; padding: 4px 0; font-size: 14px; line-height: 1.2em; } .week-calendar table thead th:first-of-type { border-bottom: 0; } .week-calendar table thead th span { display: block; } .week-calendar table thead th span.day-date { font-weight: 400; } .week-calendar table thead th.unavailable span, .week-calendar table thead th.fixed-unavailable span { opacity: 0.25; } .week-calendar table tbody tr { height: 30px; } .week-calendar table tbody tr td { vertical-align: top; cursor: pointer; position: relative; } @media (min-width: 768px) { .week-calendar table tbody tr td:hover { background-color: #51b655; } } .week-calendar table tbody tr td.selected { background-color: #37833a; border-top-color: #37833a; border-bottom-color: #37833a; border-left-color: #2f7132; border-right-color: #2f7132; cursor: default; } .week-calendar table tbody tr td.preview { background-color: #51b655; border-top-color: #51b655; border-bottom-color: #51b655; } .week-calendar table tbody tr td.blocked { background-color: #ccc; border-top-color: #ccc; border-bottom-color: #ccc; cursor: not-allowed; } .week-calendar table tbody tr td.blocked-selected { background-color: #37833a !important; border-top-color: #37833a !important; border-bottom-color: #37833a !important; border-left-color: #2f7132 !important; border-right-color: #2f7132 !important; cursor: default; } .week-calendar table tbody tr td.unavailable:not(.blocked-selected), .week-calendar table tbody tr td.fixed-unavailable { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAAAAACoBHk5AAAAGklEQVR42mM48x8IGEDEGRB5BsQ+AxIBSQAAZsUX6alOuvwAAAAASUVORK5CYII='); border-top-color: #e6e6e6; border-bottom-color: #e6e6e6; cursor: not-allowed; } .week-calendar table tbody tr td.unavailable:not(.blocked-selected) span, .week-calendar table tbody tr td.fixed-unavailable span { display: none!important; } .week-calendar table tbody tr td.weekend span, .week-calendar table tbody tr td.holiday span { display: inline-block; position: absolute; top: 18px; right: 5px; width: 6px; height: 6px; background-color: rgba(0, 0, 0, 0.15); border-radius: 50%; } .week-calendar table tbody tr td:first-of-type { font-size: 14px; text-align: right; padding-right: 5px; cursor: default!important; border-top: 0; border-bottom: 0; } .week-calendar table tbody tr td:first-of-type.unavailable { background-image: none; } .week-calendar table tbody tr td:first-of-type.unavailable div { opacity: 0.25; } @media (min-width: 768px) { .week-calendar table tbody tr td:first-of-type:hover { background-color: transparent!important; } } .week-calendar table tbody tr td .time-from { position: absolute; right: 0; left: 0; top: -10px; padding-right: 4px; } .week-calendar table tbody tr td .time-to { display: none; } .week-calendar table tbody tr td .time-to.last { display: inline-block; position: absolute; right: 0; left: 0; bottom: -10px; padding-right: 4px; } @media (min-width: 768px) { .week-calendar table tbody tr:hover td:first-of-type { background-color: #f3f3f3; } } .week-calendar #timePreview, .week-calendar .timepreview { position: absolute; top: 0; right: 0; left: 0; z-index: 2; pointer-events: none; } .week-calendar #timePreview .wrapper, .week-calendar .timepreview .wrapper { height: 100%; position: relative; } .week-calendar #timePreview .timespan, .week-calendar .timepreview .timespan { position: absolute; display: inline-block; width: 100%; text-align: center; top: 50%; font-size: 14px; color: #fff; font-weight: bold; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .week-calendar #timePreview .until, .week-calendar .timepreview .until { line-height: 0.5em; } .week-calendar .timepreview { pointer-events: all; } .week-calendar .timepreview .timespan { opacity: 0.85; pointer-events: none; } .week-calendar .timepreview .remove-entry { position: absolute; left: 0; right: 0; bottom: 0; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; line-height: 30px; background-color: rgba(0, 0, 0, 0.25); opacity: 0; z-index: 2; } .week-calendar .timepreview:hover .remove-entry { opacity: 0.55; } .week-calendar .timepreview:hover .remove-entry:hover { background-color: #d9534f; opacity: 1; } .week-calendar .indicators { font-size: 14px; padding: 15px; border: 1px solid #e6e6e6; border-top: 0; text-align: center; } .week-calendar .indicators .item { margin-right: 15px; display: inline-block; } .week-calendar .indicators .item:last-of-type { margin-right: 0; } .week-calendar .indicators .color { display: inline-block; position: relative; width: 20px; height: 14px; border: 1px solid #dadada; float: left; margin-top: 4px; margin-right: 4px; } .week-calendar .indicators .color.blocked { background-color: #ccc; } .week-calendar .indicators .color.free { background-color: #fff; } .week-calendar .indicators .color.selected { background-color: #37833a; } .week-calendar .indicators .color.unavailable { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAAAAACoBHk5AAAAGklEQVR42mM48x8IGEDEGRB5BsQ+AxIBSQAAZsUX6alOuvwAAAAASUVORK5CYII='); } .week-calendar .indicators .color.special > span { display: inline-block; position: absolute; top: 4px; right: 2px; width: 4px; height: 4px; background-color: rgba(0, 0, 0, 0.25); border-radius: 50%; } .week-calendar .indicators .alert { margin-top: 30px; font-size: 14px; text-align: left; } .week-calendar #selected-timespan .entries { margin-top: 15px; } .week-calendar #selected-timespan .entries:empty { border: 1px solid #dadada; height: 74px; } .week-calendar #selected-timespan .entries:empty:before { display: block; content: "noch keine Zeiträume ausgewählt"; line-height: 74px; text-align: center; color: #999; } .week-calendar #selected-timespan .entry { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border: 1px solid #e6e6e6; -webkit-box-align: top; -ms-flex-align: top; align-items: top; } .week-calendar #selected-timespan .entry + .entry { margin-top: 5px; } .week-calendar #selected-timespan i { font-size: 18px; } .week-calendar #selected-timespan i.icon-checkmark { color: #37833a; -webkit-box-flex: 0; -ms-flex: 0 0 25px; flex: 0 0 25px; } .week-calendar #selected-timespan i.icon-trash { color: #d9534f; -webkit-box-flex: 0; -ms-flex: 0 0 25px; flex: 0 0 25px; font-size: 20px; } .week-calendar #selected-timespan .remove-entry { padding: 10px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-left: 1px solid #e6e6e6; } .week-calendar #selected-timespan .remove-entry:hover { background-color: #d9534f; } .week-calendar #selected-timespan .remove-entry:hover i.icon-trash { color: #fff; } .week-calendar #selected-timespan .checkmark { padding: 10px 15px; } .week-calendar #selected-timespan .text-wrapper { padding: 10px 15px; padding-left: 0; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .week-calendar #selected-timespan .timespan { font-weight: 700; } .week-calendar #selected-timespan .costs { font-size: 14px; } .week-calendar #selected-timespan a { display: inline-block; color: #333333; } .week-calendar #selected-timespan a:after { content: ''; height: 0px; display: block; margin-top: -0.2em; } .week-calendar #selected-timespan a:hover { color: #8BC34A; } .week-calendar #selected-timespan a:hover:after { border-bottom-color: #8BC34A; } @media (max-width: 767px) { .week-calendar .week-selection #week-controls { float: none; display: block; } .week-calendar .week-selection #week-controls a { width: 50%; } .week-calendar .week-selection #selected-week { display: block; margin: 0; margin-top: 10px; text-align: center; } .week-calendar .indicators { text-align: left; } .week-calendar .indicators .item { float: left; display: inline-block; width: 50%; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .week-calendar .indicators .item .color { margin-right: 10px; } .week-calendar table thead th .day-date { letter-spacing: -1px; } } @media (max-width: 320px) { .week-calendar table thead th .day-date { -webkit-transform: scale(0.85, 1); transform: scale(0.85, 1); } .week-calendar table thead th:first-of-type { width: 38px!important; } .week-calendar table tbody td .time-from { font-size: 13px; } .week-calendar #timePreview .timespan, .week-calendar .timepreview .timespan { font-size: 12px; } } .dlItemList:not(.inline) { padding: 0 30px 30px 30px; } .dlItemList > div .display-in-browser { display: block; position: relative; padding: 7.5px 15px 7.5px 70px; margin-right: 56px; color: #333333; } .dlItemList > div .display-in-browser img { height: 40px; position: absolute; left: 7.5px; top: 7.5px; } .dlItemList > div .display-in-browser i { display: inline-block; font-size: 20px; float: right; margin-top: 8px; opacity: 0; } .dlItemList > div .display-in-browser .title { font-size: 16px; font-weight: 700; } .dlItemList > div .display-in-browser .file-meta { font-size: 14px; } .dlItemList > div .direct-download { display: inline-block; float: right; width: 56px; line-height: 62px; height: 56px; text-align: center; } .dlItemList > div .direct-download i { display: inline-block; font-size: 16px; color: #333333; opacity: 0; } @media (max-width: 767px) { .dlItemList { padding: 0 10px 10px 10px; } .dlItemList > div .display-in-browser { padding-left: 55px; padding-right: 0; font-size: 14px; line-height: 1.3em; margin-right: 0; } .dlItemList > div .display-in-browser .file-meta { font-size: 12px; } .dlItemList > div .display-in-browser i { display: none; } .dlItemList > div .direct-download { display: none; } } .running-events-timeline { display: inline-block; text-align: left; } .running-events-timeline .running-year { min-height: 90px; position: relative; } .running-events-timeline .running-year:before { content: ""; display: inline-block; width: 2px; background-color: #bfbfbf; position: absolute; top: 0; bottom: 0; left: 108px; } .running-events-timeline .running-year:after { content: ""; display: inline-block; position: absolute; top: 0; bottom: -36px; left: 90px; width: 38px; height: 38px; text-align: center; border: 10px solid #f3f3f3; border-radius: 50%; margin-top: 36px; background-color: #8BC34A; z-index: 2; } .running-events-timeline .running-year:first-of-type:before { top: 36px; } .running-events-timeline .running-year:last-of-type:before { bottom: 36px; } .running-events-timeline .year { display: inline-block; width: 18px; height: 18px; text-align: center; line-height: 18px; font-size: 24px; padding-top: 46px; font-weight: 700; width: 90px; float: left; } .running-events-timeline .running-events { display: inline-block; padding-left: 53px; line-height: 18px; padding-top: 38.5px; } .running-events-timeline .running-events .inner { display: inline-block; background-color: #fff; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15); position: relative; } .running-events-timeline .running-events a { display: inline-block; padding: 7.5px 15px; color: #333333; } .running-events-timeline .running-events a + a { border-left: 1px solid #ccc; } .running-events-timeline .running-events a:hover { background-color: #8BC34A; color: #fff; } @media (max-width: 767px) { .running-events-timeline .running-events a { display: block; } .running-events-timeline .running-events a + a { border-top: 1px solid #ccc; border-left: 0; } } .staff-groups .group { margin-top: 30px; } #loadingWrapper { position: fixed; width: 100%; height: 100%; z-index: 48; top: -99999px; left: -99999px; display: inline-block; background-color: rgba(243, 243, 243, 0.35); -webkit-transition: background-color 300ms; transition: background-color 300ms; } #loadingWrapper.in { top: 0; right: 0; bottom: 0; left: 0; } #loadingWrapper.long-load { background-color: rgba(243, 243, 243, 0.7); } #loadingWrapper.long-load .long-load-msg { opacity: 1; } .loading { border-radius: 50%; width: 40px; height: 40px; border: 5px solid rgba(255, 255, 255, 0.9); border-top-color: #8BC34A; -webkit-animation: spin 1.5s infinite linear; animation: spin 1.5s infinite linear; display: inline-block; position: absolute; left: 50%; margin-left: -20px; top: 500px; margin-top: -20px; -webkit-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.3); } .long-load-msg { width: 200px; display: inline-block; position: absolute; left: 50%; margin-left: -100px; top: 500px; margin-top: 40px; text-align: center; background-color: rgba(255, 255, 255, 0.9); padding: 15px; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15); opacity: 0; -webkit-transition: opacity 300ms; transition: opacity 300ms; } .long-load-msg a { margin-top: 15px; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /*# sourceMappingURL=styles-website-async.css.map */