/* fixed by beat */
/* W3.CSS 4.04 Apr 2017 by Jan Egil and Borge Refsnes */
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:link {text-decoration: none}
a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:none}
dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}svg:not(:root){overflow:hidden}
code,kbd,pre,samp{font-family:adelle-sans,sans-serif;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-input-placeholder{color:inherit;opacity:0.54}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End extract */
html,body{font-family:adelle-sans,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}
h1{font-size:26px}h2{font-size:24px}h3{font-size:22px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}.w3-serif{font-family:serif}
h1,h2,h3,h4,h5,h6{font-family:adelle-sans,sans-serif;font-weight:400;margin:10px 0}.w3-wide{letter-spacing:4px}
h1{font-weight:bold}
hr{border:0;border-top:1px solid #aaa;margin:5px 0}
.w3-image{max-width:100%;height:auto}img{margin-bottom:-5px}a{color:inherit}
.w3-table,.w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.w3-table-all{border:1px solid #ccc}
.w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd}.w3-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.w3-table-all tr:nth-child(odd){background-color:#fff}.w3-table-all tr:nth-child(even){background-color:#f1f1f1}
.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#ccc}.w3-centered tr th,.w3-centered tr td{text-align:center}
.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px}
.w3-btn,.w3-button{border:none;display:inline-block;outline:0;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}
.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none}
.w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.w3-badge{border-radius:50%}
.w3-ul{list-style-type:none;padding:0;margin:0}.w3-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.w3-ul li:last-child{border-bottom:none}
.w3-tooltip,.w3-display-container{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block}
.w3-ripple:active{opacity:0.5}.w3-ripple{transition:opacity 0s}
.w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.w3-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.w3-dropdown-hover:hover .w3-dropdown-content{display:block;z-index:1}
.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#ccc;color:#000}
.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000}
.w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0}
.w3-check,.w3-radio{width:24px;height:24px;position:relative;top:6px}
.w3-sidebar{height:auto;width:200px;background-color:#fff;position:absolute!important;z-index:1;overflow:auto}
.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
.w3-main,#main{transition:margin-left .4s}
.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;outline:none;display:block}
.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
.w3-bar .w3-button{white-space:normal}
.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;outline:none;white-space:normal;float:none}
.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}
.w3-responsive{overflow-x:auto}
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-5of6,.w3-11of12,.w3-quarter,.w3-1of6,.w3-1of12{float:left;width:100%}
.w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999%}.w3-col.s4{width:33.33333%}
.w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.33333%}.w3-col.s8{width:66.66666%}
.w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%}
@media (min-width:601px){.w3-col.m1,.w3-1of12{width:8.33333%}.w3-col.m2,.w3-1of6{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}
.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10,.w3-5of6{width:83.33333%}.w3-col.m11,.w3-11of12{width:91.66666%}.w3-col.m12{width:99.99999%}}
@media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}
.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}
.w3-content{max-width:980px;margin:auto}.w3-rest{overflow:hidden}
.w3-cell-row{display:table;width:100%}.w3-cell{display:table-cell}
.w3-cell-top{vertical-align:top}.w3-cell-middle{vertical-align:middle}.w3-cell-bottom{vertical-align:bottom}
.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}
@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}
.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}	
.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}}
@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
@media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}
@media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}}
.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}
.w3-display-position{position:absolute}
.w3-circle{border-radius:50%}
.w3-round-small{border-radius:2px}.w3-round,.w3-round-medium{border-radius:4px}.w3-round-large{border-radius:8px}.w3-round-xlarge{border-radius:16px}.w3-round-xxlarge{border-radius:32px}
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-5of6,.w3-row-padding>.w3-11of12,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-1of6,.w3-row-padding>.w3-1of12,.w3-row-padding>.w3-col{padding:0 8px}
.w3-container,.w3-panel{padding:0.01em 8px}.w3-panel{margin-top:16px;margin-bottom:16px}
.w3-code,.w3-codespan{font-family:adelle-sans,sans-serif;font-size:16px}
.w3-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.w3-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 2s}@keyframes opac{from{opacity:0} to{opacity:0.9}}
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
/* .w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}} */
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{margin-left:-300px;opacity:0} to{margin-left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}
.w3-opacity-max{opacity:0.25}.w3-opacity-min{opacity:0.75}
.w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter:grayscale(100%)}
.w3-greyscale,.w3-grayscale{filter:grayscale(75%)}.w3-greyscale-min,.w3-grayscale-min{filter:grayscale(50%)}
.w3-sepia{filter:sepia(75%)}.w3-sepia-max,.w3-hover-sepia:hover{filter:sepia(100%)}.w3-sepia-min{filter:sepia(50%)}
.w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}
.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}
.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}
.w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important}
.w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important}
.w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important}
.w3-topbar{border-top:6px solid #ccc!important}.w3-bottombar{border-bottom:6px solid #ccc!important}
.w3-leftbar{border-left:6px solid #ccc!important}.w3-rightbar{border-right:6px solid #ccc!important}
.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}
.w3-margin{margin:16px!important}.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}
.w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important}
.w3-padding-small{padding:4px 8px!important}.w3-padding{padding:8px 16px!important}.w3-padding-large{padding:12px 24px!important}
.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.w3-left{float:left!important}.w3-right{float:right!important}
.w3-button:hover{color:#000!important;background-color:#ccc!important}
.w3-transparent,.w3-hover-none:hover{background-color:transparent!important}
.w3-hover-none:hover{box-shadow:none!important}
/* Colors */
.w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.w3-aqua,.w3-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.w3-indigo,.w3-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.w3-khaki,.w3-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.w3-lime,.w3-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.w3-pink,.w3-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.w3-purple,.w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.w3-sand,.w3-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#bbb!important}
.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.w3-pale-red,.w3-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.w3-pale-green,.w3-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
.w3-pale-blue,.w3-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}
.w3-text-red,.w3-hover-text-red:hover{color:#f44336!important}
.w3-text-green,.w3-hover-text-green:hover{color:#4CAF50!important}
.w3-text-blue,.w3-hover-text-blue:hover{color:#2196F3!important}
.w3-hover-text-light-blue{hover:#71c6FF!important}
.w3-text-yellow,.w3-hover-text-yellow:hover{color:#ffeb3b!important}
.w3-text-light-yellow,.w3-hover-text-yellow:hover{color:#ffb!important}
.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}
.w3-text-black,.w3-hover-text-black:hover{color:#000!important}
.w3-text-darkblue{color:#0066dd!important}
.w3-hover-text-blue:hover{color:#55bbff!important}
.w3-hover-text-white:hover{color:#ffffff!important}
.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#757575!important}
.w3-text-amber{color:#ffc107!important}
.w3-text-aqua{color:#00ffff!important}
.w3-text-light-blue{color:#87CEEB!important}
.w3-text-brown{color:#795548!important}
.w3-text-cyan{color:#00bcd4!important}
.w3-text-blue-grey,.w3-text-blue-gray{color:#607d8b!important}
.w3-text-light-green{color:#8bc34a!important}
.w3-text-indigo{color:#3f51b5!important}
.w3-text-khaki{color:#b4aa50!important}
.w3-text-lime{color:#cddc39!important}
.w3-text-orange{color:#ff9800!important}
.w3-text-deep-orange{color:#ff5722!important}
.w3-text-pink{color:#e91e63!important}
.w3-text-purple{color:#9c27b0!important}
.w3-text-deep-purple{color:#673ab7!important}
.w3-text-sand{color:#fdf5e6!important}
.w3-text-teal{color:#009688!important}
.w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color:#f1f1f1!important}
.w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover{color:#3a3a3a!important}
.w3-border-red,.w3-hover-border-red:hover{border-color:#f44336!important}
.w3-border-green,.w3-hover-border-green:hover{border-color:#4CAF50!important}
.w3-border-blue,.w3-hover-border-blue:hover{border-color:#2196F3!important}
.w3-border-yellow,.w3-hover-border-yellow:hover{border-color:#ffeb3b!important}
.w3-border-white,.w3-hover-border-white:hover{border-color:#fff!important}
.w3-border-black,.w3-hover-border-black:hover{border-color:#000!important}
.w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#bbb!important}

.w3-theme-l5 {color:#000 !important; background-color:#f0f0f0 !important}
.w3-theme-l4 {color:#000 !important; background-color:#cccccc !important}
.w3-theme-l3 {color:#fff !important; background-color:#999999 !important}
.w3-theme-l2 {color:#fff !important; background-color:#666666 !important}
.w3-theme-l1 {color:#fff !important; background-color:#333333 !important}
.w3-theme-d1 {color:#fff !important; background-color:#003453 !important} /* blau gem. Meteotest Footer */
.w3-theme-d2 {color:#fff !important; background-color:#000000 !important}
.w3-theme-d3 {color:#fff !important; background-color:#000000 !important}
.w3-theme-d4 {color:#fff !important; background-color:#000000 !important}
.w3-theme-d5 {color:#fff !important; background-color:#000000 !important}
.w3-theme-light {color:#000 !important; background-color:#f0f0f0 !important}
.w3-theme-dark {color:#fff !important; background-color:#000000 !important}
.w3-theme-action {color:#fff !important; background-color:#000000 !important}

/*.w3-theme {color:#fff !important; background-color:#333333 !important}*/
.w3-theme {color:#fff !important; background: url("https://meteoradar.ch/rimg/mr_grau_78.png") left!important; background-size: cover !important}
.w3-text-theme {color:#000000 !important}
.w3-border-theme {border-color:#000000 !important}
.w3-hover-theme:hover {color:#000 !important; background-color:#ffc107 !important}
.w3-hover-text-theme:hover {color:#000000 !important}
.w3-hover-border-theme:hover {border-color:#000000 !important}

.w3-back { background-color:#dddddd }
.w3-button-narrow { padding: 2px 16px!important; }
.w3-button-narrow8 { padding: 2px 8px!important; }
summary { display: block; }
summary::-webkit-details-marker { display: none; }
summary::before { content: '\25B6'; padding-right: 0.5em; }
details[open] > summary::before { content: '\25BC'; }

.flash_io { background-color:#A4F94F!important; padding: 1px; margin-top: 0px; margin-bottom:0px; }
.flash_mittel { background-color:#FC0!important; padding: 1px; margin-top: 0px; margin-bottom:0px; }
.flash_alarm { background-color:#F09!important; padding: 1px; margin-top: 0px; margin-bottom:0px; }
.flash_io_hell { background-color:#E4FEE0; padding: 1px; margin-top: 0px; margin-bottom:0px; }
.flash_mittel_hell { background-color:#FEF9CF; padding: 1px; margin-top: 0px; margin-bottom:0px; }
.flash_alarm_hell { background-color:#FEDAE0; padding: 1px; margin-top: 0px; margin-bottom:0px; }

.img150 { width: 150px; height: auto }
.vert400 { height: 400px; }

.blogbeitraege { background:#E1EDFF; margin-bottom:5px; padding:5px; }
.blogbeitraege h2 { font-size:14px; margin-bottom:0px; padding-bottom:0px; margin-top:0px; font-weight:bold; }
.blogbeitraege h3 { font-size:14px; margin-bottom:0px; padding-bottom:0px; margin-top:8px; font-weight:bold; }
.blogbeitraege p { margin-bottom:10px; padding-bottom:0px; margin-top:0px; padding-bottom:0px; }

.w3-bar .w3-bar-item{ padding:16px 16px;float:left;width:auto;border:none;outline:none;display:block } /* mod. von w3.css */

#wiewirds { position: relative; top: -670px; width: 50px; height: 50px }

.lock-screen { height: 100%; overflow: hidden; width: 100%; position: fixed;}
.lock-canvas { touch-action: none;}

.w3-padding-0 {padding: 0px!important; }

#inlinediv { float: left; width: 50%; vertical-align: top; padding: 4px; }
#inlinediv2 { float: left; width: 50%; vertical-align: top; padding: 4px; }

.w3-kopfbutton { padding: 6px 6px!important; }
.w3-mrbutton { padding: 0px 0px!important; margin: 0px 5px!important}

.left0 { margin-left: -16px; }
.left7 { padding-left: -7px; }

.margintop8 { margin-top: 8px!important; }
.margintop0 { margin-top: 0px!important; }
.marginbottom8 { margin-bottom: 8px!important; }
.marginbottom0 { margin-bottom: 0px!important; }
.paddinglr8  { padding: 0.01em 8px!important; }
.paddinglr7  { padding: 0.01em 7px!important; }
.paddingtop8 { padding-top: 8px!important; }
.paddingtop0 { padding-top: 0px!important; }
.paddingbottom8 { padding-bottom: 8px!important; }
.paddingbottom0 { padding-bottom: 0px!important; }
.margintopbottom4 { margin-top: 4px!important; margin-bottom: 4px!important}
.margintopbottom0 { margin-top: 0px!important; margin-bottom: 0px!important}
.paddingtopbottom4 { padding-top: 4px!important; padding-bottom: 4px!important}
.paddingtopbottom0 { padding-top: 0px!important; padding-bottom: 0px!important}
.paddingfullwidth {padding: 16px 0px 16px 16px!important }
.ptopm15 { margin-top: -15px!important; }
.ptopm10 { margin-top: -10px!important; }
.ptopm0 { margin-top: 0px!important; }
.pbottom0 { margin-bottom: 0px!important;  }
.pbottom3 { padding-bottom: 3px!important;  }
.pbackgr  { background-color:#bbb!important; }
.pmeteor  { margin-top: 11px; }
.bmeteor  { background-color:#ddd!important; font-weight:bold!important; }
.nmeteor  { background-color:#ddd!important; font-weight:normal!important; }
.hmeteor  { background-color:#eee!important; font-weight:normal!important; }
.nmblue   { background-color:#0af!important; }
.boldmr   { font-weight:bold!important; }
.italmr   { font-style:italic!important; }
.fmeteor  { font-family:adelle-sans,sans-serif; }
.charmet  { font-size:14px }
.pbutbreit { background-color:#ddd!important; width:49.5% }
.pbut3perline { background-color:#ddd!important;width:32%!important;margin-right:5px;margin-bottom:5px}
.pbut4perline { background-color:#ddd!important;width:20%;margin-right:5px;margin-bottom:5px}
.pbut4fperline { background-color:#ddd!important;width:24%;margin-right:5px;margin-bottom:5px}
.pbreit { width:49.5% }
.pbutbr50 { background-color:#ddd!important; width:49% }
.pbutmaxw { background-color:#ddd!important; min-width:90% }
.flleft { float:left }
.flright { float:right }
.textlow { line-height: -10px }
.gross { font-size: 18px }
.normal { font-size: 15px }
.buttonzeile { float:left; width:100% }
.luecke { float:left; width:100px }
.pcenter { margin:auto }
.pwidth { width: 100% }
.ptransp { background-color:transparent!important }
.buttonwidth { text-align:left; width: 100% }
.ptitelb { font-size: 18px!important; margin-top: 12px!important; margin-bottom: -12px!important; font-weight:bold!important; color:#3a3a3a!important }
.pundertitelb { font-size: 18px!important; margin-top: 24px!important; margin-bottom: -12px!important; font-weight:bold!important; color:#3a3a3a!important }
.fehler { font-weight:bold;color:#aa0000; }
.bestaet { font-weight:bold;color:#008800; }

.w3-hover-dark-blue:hover{color:#05a!important;background-color:#eee!important}

.pindent12 { text-indent: -12px; margin-left: 12px; margin-top: -15px } /* für Aufzählungen mit ">" */

.trmaxh { max-height: 30px }


.maxwc { margin: auto; max-width: 20000px; }
#maxw { margin: auto; max-width: 1240px; }
#maxw3d { margin: auto; max-width: 1280px; } /* fuer die 3D-Radarbilder, Breite 786 px, auch ETH-Radar*/

#curserpos { position: relative; top: -20px; left: 0px }
#canvaxcontainer {position: relative }

.fuellertop {margin-top:18px!important; }
.fuellerleft { margin-left:20px!important; }
.fuellerleft3 { margin-left:4px!important; }
.fuellerleftm3 { margin-left:-4px!important; }

.logoback { background-color:#2B375F!important; }

.menupadding { padding: 29px 20px!important; }

.w3-hover-darkblue:hover{color:#fff!important;background-color:#2b375f!important}
.w3-hover-white:hover{color:#fff!important;background-color:#fff!important}    /* für Dummy Button !!! */
.w3-hover-inactive:hover{color:#777!important;background-color:#eee!important}    /* für inactive Button !!! */

a.borderlink:link       { color: #cccccc; text-decoration:none }
a.borderlink:visited    { color: #cccccc; text-decoration:none }
a.borderlink:hover      { color: #FF9900; text-decoration:none }
a.borderlink:active     { color: #cccccc; text-decoration:none }

.floating-foldbox { float:left;height:30px;border:0px;margin:2px 4px 2px 0px!important;padding:0px!important;width:135px;line-height:200%}
.floating-bodybox { float:left;height:30px;border:0px;margin:2px 4px 2px 0px!important;padding:0px!important;min-width:135px;line-height:200%}
.floating-box  { float:left;width:150px;height:50px;margin-left:0px;margin-right:5px;margin-bottom:7px;border:0px }
.floating-box2  { float:left;width:49%;height:250px;margin-left:0.2%;margin-right:0.2%;margin-bottom:7px;border:0px }
.floating-box2-narrow  { float:left;width:49.1%;height:25px;margin-left:0.2%;margin-right:0.2%;margin-bottom:7px;border:0px }
.floating-box2d { float:left;width:48.9%;height:50px;margin-left:0.2%;margin-right:0.2%;margin-bottom:2px;border:0px }
.floating-box4 { float:left;width:24.27%;min-width:100px;height:50px;margin-left:0.2%;margin-right:0.2%;margin-bottom:2px;border:0px }
.floating-box4n { float:left;width:24.27%;height:50px;margin-left:0.2%;margin-right:0.2%;margin-bottom:2px;border:0px }
.floating-box4-narrow { float:left;width:24.25%;min-width:100px;height:25px;margin-left:0.2%;margin-right:0.2%;margin-bottom:2px;border:0px }
.floating-boxad  { float:left;width:200px;height:15px;margin-left:0px;margin-right:5px;margin-bottom:7px;border:0px }
.floating-box5  { float:left;width:17%;height:25px;margin-left:0px;margin-right:1%;margin-bottom:7px;border:0px }
.floating-box5b  { float:left;width:25%;height:25px;margin-left:0px;margin-right:1%;margin-bottom:7px;border:0px }
.floating-box52  { float:left;width:17%;height:50px;margin-left:0px;margin-right:1%;margin-bottom:7px;border:0px }
.floating-box52b  { float:left;width:25%;height:50px;margin-left:0px;margin-right:1%;margin-bottom:7px;border:0px }
.floating-box53  { float:left;width:25%;margin-left:0px;margin-right:1%;margin-bottom:7px;border:0px }
.floating-box53b  { float:left;width:35%;margin-left:0px;margin-right:1%;margin-bottom:7px;border:0px }
.floating-publ { float:left;width:20%;margin:-20px 25px 0px 0px;border:0px }
.floating-pubr { float:left;width:80%;margin:-20px 25px 0px 0px;border:0px }
.floating-boxpreise  { float:left;width:25%;height:15px;margin-left:0px;margin-right:5px;margin-bottom:7px;border:0px }
.floating-boxpreise-left  { float:left;width:200px;height:15px;margin-left:0px;margin-right:5px;margin-bottom:7px;border:0px }
.floating-dvd-left  { float:left;width:400px;height:15px;margin-left:0px;margin-right:5px;margin-bottom:7px;border:0px }
.floating-dvd  { float:left;width:300px;height:15px;margin-left:0px;margin-right:5px;margin-bottom:7px;border:0px }
.floating-table  { float:left;min-width:10%;height:20px;margin-left:0px;margin-right:5px;margin-bottom:7px;border:0px }
.floating-table-narrower { float:left;min-width:7%;height:20px;margin-left:0px;margin-right:5px;margin-bottom:7px;border:0px }
.floating-table-narrow  { float:left;min-width:5%;height:20px;margin-left:0px;margin-right:5px;margin-bottom:7px;border:0px }
.floating-table-broader  { float:left;min-width:100px;height:20px;margin-left:0px;margin-right:5px;margin-bottom:7px;border:0px }
.clear-box {clear: left }

.linl { display: inline!important }
.l580 { display: inline!important }
.l350 { display: inline!important }
.l450 { display: block!important }
.l1240 { display: block!important }
.backg { background-image:url("https://www.metradar.ch/img_2009/orobild_Donnerradar_3d17.gif");background-size:100%; background-repeat: no-repeat }

@media screen and (max-width: 580px) { .l580 { display: none!important } }
@media screen and (max-width: 360px) { .l350 { display: none!important } }
@media screen and (max-width: 450px) { .l450 { display: none!important } }
@media screen and (max-width: 1240px) { .l1240 { display: none!important } }
@media screen and (max-width: 600px) { .breit { width: 400px } }
@media screen and (min-width: 1250px) { .backg { background-size: 786px } } /* das ist fuer die 3D-Bilder, breite 786px  ( +16 +16 px)*/

#loadmessages { display: inline-block; }
#displayArea { display: inline-block; pointer-events: none}
/* 		
#datetime { position:absolute;left:390px;top: 98px;width:70px; }
#output { width:300px;position:absolute;left:-96px;top:42px;margin: 0;15px 0 0;margin-left:-300px;padding:6px 8px;text-align:left;font-size:14px; }
*/
#datetime { position:absolute;left:2px;top: -2px;width:150px; }
#output {position:absolute;width:150px;font-size:15px }
#aktuell { position: relative;top: 0px;left: 0px; max-width: 100%; height: auto; display:block }
#circ { position:absolute; display:none }
#donnerradar { position:relative;top:5px;left:0px }
#meteolocal { position:relative;top:5px;left:0px }
#haildoc { position:relative;top:5px;left:0px }
#weitere { position:relative;top:5px;left:0px }
#bottomtexte { position: relative;top: 0px;left: 0px; }
#toptexte { position: absolute;top: 11px;left: 0px;width: 728px; }
#linkto3d { position:absolute;top: 2px;left:300px;width:195px;height: 17px;background:#dddddd;text-align:center;display: none }
#linktozoom { position:absolute;top:2px;left:500px;width:195px;height: 17px; background:#dddddd;text-align:center;display:none }

/* Hier folgen Stylings für den Rangeslider des 3D-Radars */
#sl_startstoploop { position: relative; top: -8px; width:50px;height:50px;color:white;background:#003366; display:inline; border:0px }
#sl { display: inline;width:85%; border:0px; top:0px; margin-left: -4px }
.slider { -webkit-appearance: none;width: 85%;height: 50px;background: #003366;outline: none;-webkit-transition: .2s;transition: opacity .2s; }
.slider::-webkit-slider-thumb { -webkit-appearance: none;appearance: none;width: 30px;height: 30px;border-radius: 15px;background: #ffffff;cursor: pointer;margin-top: -13px }
.slider::-moz-range-thumb { width: 30px;height: 30px;border-radius: 15px;background: #ffffff;cursor: pointer;}
.slider::-moz-range-track { background:#ffffff }
.slider::-webkit-slider-runnable-track { background: #ffffff;height:4px }

/* Modifizierter Slider für den Leaflet-dch, WSm, ab 13.6.2020 */
#dchsl_startstoploop { position: relative; top: 0px; width:42px;height:42px;color:white;background:#003366; display:inline; border: 1px solid #aaa; z-index:499 }
#dchsl { display: inline; width:384px; border: 1px solid #aaa; top:0px; height:42px; margin-left: -4px; z-index:499 }
.dchslider { -webkit-appearance: none;width: 382px;height: 40px;background: #003366; outline: none;-webkit-transition: .2s;transition: opacity .2s; border-radius:0px}
.dchslider::-webkit-slider-thumb { -webkit-appearance: none;appearance: none;width: 24px;height: 24px;border-radius: 15px;background: #fff;cursor: pointer;margin-top: -10px}
.dchslider::-moz-range-thumb { width: 18px;height: 18px;border-radius: 15px;background: #ffffff;cursor: pointer;}
.dchslider::-moz-range-track { background:#ffffff }
.dchslider::-webkit-slider-runnable-track { background: #ffffff;height:4px }

/* center horizontal und vertikal 10 pix */
.centerhv10 { padding: 10px 0; text-align: center; }

/*Für haildoc24 Anzeige in archiv_haildoc24.php u.a., WSm, ab 20.2.2018 */
.wcp{ position:absolute;visibility:hidden;z-index:2;background-color: #A7B6C9;border: 1px solid #999; text-align:left; }
.wd{ font-size: 10px;position:absolute;z-index:1;background-color: #A7B6C9;border: 1px solid #999; }

.db {background-color:#fba!important}
.db:hover {background-color:#2b375f!important}
a.db {background-color:#fba!important}
a.db:hover {background-color:#2b375f!important}
.bb {background-color:#eee!important}
.bb:hover {background-color:#2b375f!important}
a.bb {background-color:#eee!important}
a.bb:hover {background-color:#2b375f!important}
.yb {color:#ff0!important}
.yb:hover {color:#aaf!important}
a.yb {color:#ff0!important}
a.yb:hover {color:#aaf!important}

ins.adsbygoogle { display: none!important; } /* changed by beat */
/* Styling Checkbox, Quelle: w3schools.com */
.mapcheckbox {
  display: block;
  position: relative;
  padding-left: 18px;
  margin-top: 3px;
  margin-bottom: -3px;  
  cursor: pointer;
  height:30px;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.mapcheckbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: -3px;
  left: 0;
  height: 29px;
  width: 12px;
  color: #000;
  background-color: #bff;
}

/* When the checkbox is checked, add a blue background */
.mapcheckbox input:checked ~ .checkmark {
  background-color: #2b375f!important;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.mapcheckbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.mapcheckbox .checkmark:after {
  left: 4px;
  top: 5px;
  width: 5px;
  height: 18px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  transform: rotate(20deg);
}

.mapbutton { position:absolute; width:72px; height:30px; z-index:499; background-color:#eee;
  opacity:1.0; font-size:16px; border:1px solid #aaa; border-radius:2px }
.mapbuttondch { position:absolute; width:80px; height:30px; z-index:499; background-color:#eee;
  opacity:1.0; font-size:16px; border:1px solid #aaa; border-radius:2px }  
.leaflet-touch .leaflet-bar a { width: 30px!important; height: 30px!important; line-height: 30px; }
.leaflet-bar a,
.leaflet-bar a:hover { width: 30px; height: 30px; }

/* customize look of leaflet zoom controls */
.leaflet-touch .leaflet-bar { border: 0px solid; }
.leaflet-bar a{ border: 1px solid #aaa; border-radius:2px!important; }
.leaflet-bar a:last-child{ border: 1px solid #aaa; }
.leaflet-control-zoom-in{ margin-top: 0px; }
.leaflet-control-zoom-out{ margin-top: -1px; }
.leaflet-bar { box-shadow:none!important; }
.leaflet-control-zoom-fullscreen{margin-top:-1px; }
.fullscreen-icon { margin-top:-1px; }