.rrblue {color:#72AED5 !important;}
.rrblue_darker {color:#285D85 !important;}
.rrblue_background {background-color:#72AED5 !important;}
:root {
--rrblue: #72AED5;
--rrblue_darker: #285D85;
}
@font-face {
font-family: 'IM Fell English'; font-style: normal; font-weight: 400;
src: local('IM FELL English Roman'), local('IM_FELL_English_Roman'), url(https://fonts.gstatic.com/s/imfellenglish/v9/Ktk1ALSLW8zDe0rthJysWrnLsAzHEKOYd4xI5g.woff2) format('woff2');
/* unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;*/
}
@font-face {
font-family: 'Material Icons'; font-style: normal; font-weight: 400; font-stretch: 100;
src: local('Material Icons'),local('MaterialIcons-Regular'), url(/lib/org.runningreality.Projects/font/material-icons/MaterialIcons-Regular.ttf) format('opentype');
}
#rrmap {z-index: 1; display: flex; flex: 1; background-color: #72AED5;width:100%;height:100%;overflow:hidden}
#rrsidebar {z-index: 30; position: absolute; overflow: visible; top: 20px; left: 20px; visibility: visible;}
#rrtimeline {z-index: 31; display: flex; width:100%; height: 70px;}
.rr-embedded {display:flex;flex-direction: column;}
/*#rrmap {z-index: 1; position: absolute; overflow: hidden; top: 70px; left: 0px; right: 0px; bottom: 0px; background-color: #72AED5;}
#rrsidebar {z-index: 30; position: absolute; overflow: visible; top: 90px; left: 20px; visibility: visible;}
#rrtimeline {z-index: 31; position: absolute; overflow: hidden; top: 0px; left: 0px; right: 0px; height: 70px;}*/
.logo {font-family: 'IM Fell English','Times New Roman',Times,serif; font-size: 35pt !important; font-weight: lighter; color:#55AADD;}
.logo a, .logo a:visited {font-size: 35pt !important; padding: 2px 30px 0px 10px;color: #55AADD !important; text-decoration:none;}
.logo a .accent, .logo a:visited .accent, .logo .accent {color: #EEEEEE;}
.logo a:hover, .logo a:hover .accent {color: #99CCFF;}
.logo .selected {color:#555500;}
.headermenu2 .logo {font-size: 24pt !important;font-weight: bold;}
/* Major elements of a page. */
#header { position:fixed; z-index:250; top:0px; left:0px; width:100%; height:70px; margin: 0px; padding: 0px; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 11pt; background-color: black; color:#DDDDBB;}
#header .header ul {height:65px;list-style-type:none;margin:0;margin-top:7px;padding:0;padding-top:5px;padding-bottom:0px;padding-left: 5px;}
#header .header li {display:inline-block;}
#header .header li.nontab {margin-top:25px;}
#header .header a:link,#header .header a:visited, #header .header a:empty {color:#55AADD; font-size:11pt;text-decoration:none;}
#header .nontab a {color: #55AADD !important; padding: 10px 12px 10px 12px; border-radius: 6px;text-decoration:none;cursor: pointer;}
#header .nontab a:hover,#header .nontab a:active {background-color: #CCCCCC; }
#header .nontab a.selected {color:#555500 !important;background-color: #FFFFFF;}
#header .tab a {color: #55AADD !important; padding: 12px 12px 14px 12px; margin-top: 4px;border-top-left-radius: 6px;border-top-right-radius: 6px;}
#header .tab a:hover,#header .tab a:active {background-color: #CCCCCC; }
#header .tab a.selected {color:#555500 !important;background-color: #FFFFFF;}
#header .headermenu {position:fixed; z-index:90; top:69px;right:30%;width:40%; padding: 10px 10px 10px 10px; font-family: Arial,Helvetica,sans-serif; font-size: 11pt; border-style: solid; border-width: 1px; border-color: #b8bdc5; border-top-style: none; background-color: #f0f0f3;}
#header .headermenu .inset {padding: 20px 20px 20px 20px; border-style: solid; border-width: 1px; border-color: #b8bdc5; background-color: #ffffff;}
#header .headermenu .modal {position:fixed; z-index:-10; top:71px;left:0px;width:100%;height:100%; background-color: #ffffff; filter:alpha(opacity=60); opacity:0.6;}
#header .headermenu p {font-family: Helvetica Neue,Arial,Helvetica,sans-serif; font-weight: normal; font-size: 10pt; color:#000000;}
#header .headermenu p a {padding: 0px; margin: 0px; background-color: #ffffff; font-family: Arial,Helvetica,sans-serif; font-weight: normal; font-size: 10pt; text-decoration: underline; text-decoration-color: #000000; color:#000000;}
#header .headermenu input[type="text"] {background-color: #FCFCFC; color:#000000; font-family: Arial,Helvetica,sans-serif; font-size: 11pt;}
#header .headermenu input[type="password"] {background-color: #FCFCFC; color:#000000; font-family: Arial,Helvetica,sans-serif; font-size: 11pt;}
.headermenu1 {display:block;position:fixed;left:-350px;top:0px;bottom:0px;z-index:300;overscroll-behavior-y: contain;box-shadow: #000 0px 0px 30px;font-family: Helvetica Neue,Helvetica,Arial; width:300px; background-color:black;border-style:none;padding: 10px;transition: 0.3s linear left;}
.headermenu1.open {left:0px;}
.headermenu1_glass {display:none;position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:299;opacity:0.5;background-color: grey;}
.headermenu1_glass.open {display:block;}
.headermenu1 .toc li, .headermenu1 .toc li a, .headermenu1 .toc li a:visited {color:#AAA !important;}
.headermenu1 .toc h2, .headermenu1 .toc h2 a {margin-left:0px;}
.headermenu2 {display:block;position:fixed;left:0px;top:0px;bottom:0px;z-index:100;box-shadow: #000 0px 0px 30px;animation: slideOutSidebar 0.3s;font-family: Helvetica Neue,Helvetica,Arial; width:320px; background-color:black;border-style:none;overflow-y: scroll;padding: 10px;}
.headermenu2 td {padding:0px;}
.headermenu2 .toc li, .headermenu2 .toc li a, .headermenu2 .toc li a:visited {color:#AAA !important;}
.menu-hamburger-button, .timeline-menu {
cursor:pointer; background: transparent center no-repeat url("data:image/svg+xml;utf8,");
height:28px;width:36px;border:none;vertical-align:top;margin-top:4px;margin-right:10px;float:left;
}
.menu-profile-closebutton {float:right;margin-top:10px;margin-right:10px;border-style:none;height:24px;width:24px;display:inline;background: transparent center no-repeat url(/lib/icons/close_small.png);cursor:pointer;}
.menu-profile-socialbutton {float:left;margin-top:8px;height:20px !important;}
#userprofile {display: none; position: absolute; left: 0px; top: 0px; width:100%; height:100%; z-index: 100;}
#userprofile .backdrop {left: 0px; top: 0px; width:100%; height:100%; background-color: #888888; opacity: 0.5; z-index: -900; position: fixed;}
#userprofile .dialog {width: 500px; margin: 100px auto; color: black; background-color: white; padding: 35px; box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.4); z-index: 2000;}
#subheader {color:#3d6f92;width:100%; border-bottom: solid #BBBBBB 1px; margin-top: 10px;margin-bottom: 10px;font-family: Helvetica Neue,Helvetica,Arial,sans-serif; font-size:11pt; padding-left: 8px;overflow-y:hidden;max-height:40px;box-shadow: none; background-color: transparent;}
#subheader ul {list-style-type:none;margin:0;padding:0;padding-top:10px;padding-bottom:10px;}
#subheader li {display:inline;}
#subheader a:link,#subheader a:visited {padding: 6px;color:#666666 !important;font-size:10pt;text-align:center;text-decoration:none;}
#subheader a:hover,#subheader a:active {color:#285D85 !important;}
#subheader a.selected, #subheader .selected {color:#285D85 !important;}
#subheader.dark {background-color: rgba(0,0,0,0.2);border-bottom-style: none;}
#subheader.dark a {color: #FFFFFF !important;}
#subheader.dark a.selected {color: #99EEFF !important;}
#footer {font-family: Helvetica Neue,Arial,Helvetica,sans-serif; font-weight: normal; font-size: 9pt;background-color: #f0f0f3;color:#3d6f92;width:100%;height:90px;}
#footer a {font-family: Helvetica Neue,Arial,Helvetica,sans-serif; font-weight: normal; font-size: 9pt;color:#3d6f92;}
main {overflow: visible !important;}
main.centered {position: absolute; left: 50%; width: 800px; margin-left: -400px;}
main.centered.wide {position: absolute; width: 95% !important; margin-left: 5% !important;margin-right: 5% !important;left:0px;}
main.centered-with-sidebar {position: absolute; left: 50%; width: 800px; margin-left: -225px;}
main.full-width-with-sidebar {margin-left: 340px !important;margin-right: 20px !important;}
main {margin-bottom:300px;}
article {font-family:Times New Roman, Times, serif; font-size: 12pt !important;line-height: 24px; color:#555555; margin-left:75px; margin-right:75px; margin-bottom:200px;}
article p {font-size: 12pt !important;}
article p.lead {font-size: large !important;height: 200px;margin-top: 25px;margin-bottom: 50px;font-weight: bold;}
article p.lead.white {color:white;background-color:transparent !important; text-shadow: black 0px 0px 5px;font-family: Helvetica Neue,Helvetica,Arial;}
article h1.white {color:white; background-color:transparent !important; text-shadow: black 0px 0px 4px;}
article h2:before {display: block; content: " "; margin-top: -110px; height: 110px; visibility: hidden;}
article h2:target:before {margin-top: -80px; height: 80px; transition:0.4s; transition-timing-function: ease-out;}
article ul {font-size: 12pt;list-style-type: disc;padding-left: 35px;}
article li {list-style-type: disc !important;}
article table {table-layout:fixed; white-space:normal !important; margin-top:15px; margin-bottom: 25px;}
article table li {font-size:13px;text-align: left;}
article code {color:#555555;font-family:Courier,monospace;font-size: 12pt;}
article code.factoid {background:url(/lib/icons/factoid_small.png) no-repeat 6px 6px;}
article code.factoid i {color: #AAAAAA;}
article code.box {display:block;margin: 5px 15px 5px 15px;padding: 5px 5px 5px 30px;background-color: #f2f2f8;border-style: solid;border-width: 1px 1px 1px 1px;border-color: #ddddff;}
article img {max-width:100%;}
article img.centered {display: block; margin-left: auto; margin-right: auto; max-width: 75%; padding:8px;}
article .buy {position:absolute; right:80px; margin-top:-60px; height: 36px; width: 200px; vertical-align: middle; background-color: white;}
article .download {float:right; height: 55px;min-width: 225px;margin:10px;padding:10px 30px 10px 45px;background-color:white;font-weight:bolder;background-image: url('/lib/icons/ic_file_download_black_24dp.png');background-repeat: no-repeat;background-position: 20px 18px;background-size: 20px 20px;}
article .floatfigure {display: block;float:right;justify-content: center;align-items: center;}
.articleimage {width:100%;position:absolute;display:flex;left:0px;right:0px;top:50px;height:350px;z-index:-100;margin:0px;overflow-y:hidden;}
.articleimage picture {align-self: center;width:100%;-ms-filter: brightness(100%) contrast(70%);filter: brightness(110%) contrast(70%);}
.articleimage picture img {width:100%;min-height:350px;}
.articleimage picture:hover {-webkit-filter: brightness(100%);-ms-filter: brightness(100%);-moz-filter: brightness(100%);filter: brightness(100%);transition:0.8s;}
.articleimage figcaption {position:absolute;bottom:0px;right:20px;height:20px;color: white;font-family: Helvetica Neue,Helvetica,Arial;font-size: 9pt;text-align: right;}
.toc {font-family: Helvetica Neue,Helvetica,Arial;display: flex; flex-direction: column;}
.toc h2, .toc h2 a {font-family: Helvetica Neue,Helvetica,Arial; font-size: 12pt !important; font-weight: bold !important; color: #444444; margin: 5px; line-height: normal !important;}
.toc h4 {font-family: Helvetica Neue,Helvetica,Arial; font-size: 8pt !important;color: #999999;margin-top: 0;margin-bottom: 0;text-transform: uppercase;}
.toc a {text-decoration: none; line-height: 28px; display: block;}
.toc ul {margin: 0px;list-style-type: disc;padding-left: 35px;}
.toc li {font-family: Helvetica Neue,Helvetica,Arial; font-size: 11pt; color: #555555;list-style-type: disc;}
.toc li a, .toc li a:visited {font-family: Helvetica Neue,Helvetica,Arial; color: #555555 !important; font-size: 11pt;}
.toc li a:hover, .toc li a:active {color:#285D85 !important;}
.toc .bar, article .toc {border-left: 2px solid #285D85 !important;margin: 24px; padding: 0; padding-left: 8px;}
nav.toc {box-shadow: none;background-color: transparent;color:black;height:auto;width:auto;}
.sidebar {position: fixed; top: 90px; bottom: 20px; left: 20px; width:300px !important;border-style:none !important; overflow:hidden !important; overscroll-behavior-y: contain; margin:0px; padding: 2px;z-index: 200; background-color: #F5F5F5;box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.30);}
.sidebar-main {/* see media below */}
.sidebar-info {/* see media below */}
.sidebar-panel {font-family: Helvetica Neue,Helvetica,Arial; width:100%; /*width:300px;*/ background-color:#EEEEEE;border-style:none;overflow: hidden;}
.sidebar-panel.maximum {height:100%;} .sidebar-panel.flex {display:flex;flex-direction:column;}
.sidebar-panel td {padding:0px;}
.sidebar-subpanel {width:275px;background:#FFFFFF;margin:2px;padding:5px;}
.sidebar-subpanel.smaller {height: 28px;line-height: 16px;width:99%;}
.sidebar-subpanel.small {height: 40px;line-height: 12px;overflow:hidden;}
.sidebar-subpanel.smallish {min-height: 35px;line-height: 12px;display:flex;}
.sidebar-subpanel.midsize {height: 110px;}
.sidebar-subpanel.fullsize {height: 300px;}
.sidebar-subpanel.oversize {margin:0px;padding:0px;width:100% !important;} .sidebar-subpanel.oversize canvas {width:100% !important;}
.sidebar-subpanel.wide {width:285px;}
.sidebar-subpanel.square {width:100%; max-width:100%;aspect-ratio:1/1;overflow:hidden;}
.sidebar-subpanel.grey {background:#EEEEEE;}
.sidebar-subpanel.white {background:#FFFFFF;}
.sidebar-subpanel.header {height:46px;width:285px;margin-bottom:-2px;background:#EEEEEE;}
.sidebar-subpanel.header.white {background:#FFFFFF;}
.sidebar-subpanel.highlightable {border-color: #FFFFFF;border-width: 1px;border-style: solid;}
.sidebar-subpanel.highlightable:hover {border-color: #FF8800;border-width: 1px;border-style: solid;}
.sidebar-subpanel-steps {font-family: Helvetica Neue,Helvetica,Arial;width:100%; font-weight: normal; font-size: 11pt; color:#000000;}
.sidebar-subpanel-popup {visibility: hidden; height: 250px; position: absolute; top: 30px; right: 30px; left: 30px; padding: 14px; background-color: white; border-radius: 8px; box-shadow: 5px 5px 15px grey; font-size:10pt; z-index:100;}
.sidebar-subpanel-popup.show {visibility: visible;animation: fadeIn 1s;} .sidebar-subpanel-popup p {font-size:11pt;line-height:normal;} .sidebar-subpanel-popup .btn {width:100%;}
.sidebar-subpanel-container {height: calc(100% - 80px);overflow-x:hidden !important;position:static !important;}
.sidebar-subpanel-container-outer {overflow:hidden; display: flex; flex-direction:column; height:100%;}
.sidebar-subpanel-container-inner {overflow-y:auto !important; overflow-x: hidden !important; height:inherit;}
.sidebar-subpanel-container-inner.white {background: white;}
.sidebar-subpanel-container-flex {flex:1;overflow:auto;overflow-x:hidden !important;width:100%;}
.sidebar-subpanel-container .floating {position:absolute;top:5px;left:5px;right:5px;}
.sidebar-borders {width:300px !important;border-radius: 10px; border-style:none !important; overflow:hidden !important; margin:0px; padding: 2px; background-color: #EEEEEE;box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.20);}
.sidebar-borders.maximum {bottom:20px;} .sidebar-borders.nearlymaximum {bottom:20px;}
.sidebar-header-title {font-family: Helvetica Neue,Helvetica,Arial; font-weight: bold; font-size: 11pt; color:#000000; display:inline;cursor:pointer;margin:6px;text-shadow: 2px 1px 3px rgba(255, 255, 255, 0.50);}
.sidebar-header-thumbnail {height: 24px;width:24px;margin: 2px;margin-bottom: 8px;}
.sidebar-header-synopsis {font-family: Helvetica Neue,Helvetica,Arial; font-size: 10pt; color:#333333; display:inline; margin: 2px;}
.sidebar-backdrop {position: fixed; left: 0px; top: 0px; width:100%; height:100%; background-color: #888888; opacity: 0.4; z-index: 900;}
.sidebar .searchbox {
background: no-repeat 10px 6px #fcfcfc url("data:image/svg+xml;utf8,");
border: 1px solid #d1d1d1; font: bold 14px Helvetica Neue,Arial,Helvetica,Sans-serif; color: #3d6f92; width: 350px; height: 32px; padding: 6px 15px 6px 35px; border-radius: 20px; text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;}
.sidebar-search-searchbox {font-family: Helvetica Neue,Helvetica,Arial; font-size: 16pt !important; font-weight: 700; border-style:none !important; width:270px; height: 25px !important; top: 2px; background-color: white;color: black; border-bottom:none !important; margin: 0px !important;}
.sidebar-search-searchbox::placeholder {color: #999; opacity: 0.6;}
.sidebar-search-searchbox.blur {font-family: Helvetica Neue,Helvetica,Arial; font-size: 16pt; font-weight: 700;border-style:none; width:270px; height: 25px; top: 2px; background-color: white;color: lightgray; border-bottom:none !important;}
.sidebar-search-searchicon {
background: no-repeat 0px 0px #fcfcfc url("data:image/svg+xml;utf8,");
margin-top:-2px;margin-left:4px;margin-right:4px;width:20px;height:20px;}
.sidebar-search-resultlabel {font-size: 10pt; line-height: 14px; cursor:pointer;}
.sidebar-search-resultlabel-old {height: 28px !important; max-height:28px; font-size: 10pt; line-height: 14px; cursor:pointer; display:flex;align-items: center;}
.sidebar-badge {border: none; color: #FFFFFF; background-color: #3388CC; border-radius: 10px; padding: 4px; margin: 2px; font-size: 8pt; font-weight: bold; cursor:pointer; text-align: center;}
.sidebar-badge.blue {background-color: #3388CC;}
.sidebar-badge.red {background-color: #CC3333;}
.sidebar-badge.purple {background-color: #9C27B0;}
.sidebar-badge.white {background-color: #FAFAFA !important;color: #444444; border-color: #DDDDDD; border-style: solid; border-width: 1px;}
.sidebar-tag {background-color: #FFFFFF; color: #555555; border: none; border-radius:10px; padding: 3px 6px; margin: 3px 2px; font-size: 12px; font-weight: bold; cursor:pointer;}
.sidebar-tag-red {background-color: #E5D2D2; color: #6D4E4E; border: none; border-radius:10px; padding: 3px 6px; margin: 3px 2px; font-size: 12px; font-weight: bold; cursor:pointer;}
.sidebar-tag-blue {background-color: #E1E2F2; color: #000060; border: none; border-radius:10px; padding: 3px 6px; margin: 3px 2px; font-size: 12px; font-weight: bold; cursor:pointer;}
.sidebar-tag-green {background-color: #DAEADA; color: #466D53; border: none; border-radius:10px; padding: 3px 6px; margin: 3px 2px; font-size: 12px; font-weight: bold; cursor:pointer;}
.sidebar-tag-yellow {background-color: #FFFFEA; color: #333333; border: none; border-radius:10px; padding: 3px 6px; margin: 3px 2px; font-size: 12px; font-weight: bold; cursor:pointer;}
.sidebar-tag.highlight, .sidebar-tag-yellow.highlight {background-image: url(/lib/icons/highlight.png);padding-left: 22px; background-repeat: no-repeat; background-position: 5px 5px;}
.sidebar-tag.project {background-image:url(https://www.runningreality.org/lib/icons/project.png);padding-left: 22px; background-repeat: no-repeat; background-position: 5px 5px;}
.sidebar-tag.lesson {background-image:url(https://www.runningreality.org/lib/icons/lesson.png);padding-left: 22px; background-repeat: no-repeat; background-position: 5px 5px;}
.sidebar-tag.research {background-image:url(https://www.runningreality.org/lib/icons/research.png);padding-left: 22px; background-repeat: no-repeat; background-position: 5px 5px;}
.sidebar-tag-more {background-color: #FFFFFF; color: #285D85; border: none; border-radius:10px; padding: 3px 6px; margin: 3px 2px; font-size: 12px; font-weight: bold; cursor:pointer;}
.sidebar-tag-more:after {content:'\25BA';color:#285D85;margin-left:2px;}
.sidebar-closebutton {border-style:none;height:30px;width:30px;display:inline;cursor:pointer;background: transparent center no-repeat url("data:image/svg+xml;utf8,");}
.sidebar-closebutton:hover {filter: brightness(150%);}
.sidebar-linkbutton {font-family: Helvetica Neue,Helvetica,Arial; font-size: 11pt; text-decoration: underline; color: #0000DD; border-style:none; display:inline;cursor:pointer;background-color: transparent;text-align: left;}
.sidebar-linkbutton:hover {filter: brightness(150%);}
.sidebar-backbutton {border: none; border-radius: 50%; width:24px; height:24px; padding-top: 0px; background: white center no-repeat url(https://www.runningreality.org/lib/icons/arrow_back.png);cursor:pointer;}
.sidebar-backbutton:hover {filter: brightness(150%);}
.sidebar-forwardbutton {border: none; border-radius: 50%; width:24px; height:24px; padding-top: 0px; background: white center no-repeat url(https://www.runningreality.org/lib/icons/arrow_forward.png);cursor:pointer;}
.sidebar-forwardbutton:hover {filter: brightness(150%);}
.sidebar-syncbutton {border: none; border-radius: 5px; font-size: 9pt; height:22px; margin-top:1px; margin-left:60px; padding: 2px; color: white; cursor:pointer; width:130px; text-transform: capitalize;background: #33BB55 right no-repeat url(/lib/icons/ic_expand_more_white_18dp.png);}
.sidebar-syncbutton.following {color: black; background: #F8F8F8 right no-repeat url(https://www.runningreality.org/lib/icons/ic_expand_more_black_18dp.png);}
.sidebar-syncbutton:hover {filter: brightness(150%);}
.sidebar-speech-button {position: relative !important;display: inline; float: left; margin: 4px 10px 2px 0px;font-weight: bold;} .sidebar-speech-button.withimage {position: fixed !important; margin: 4px;}
.sidebar-action-button {margin-bottom: 40px !important;left:50%;transform: translateX(-50%)}
.sidebar-sharebutton {border-style:none;height:30px;width:30px;display:inline;background: transparent center no-repeat url(/lib/icons/share.png);cursor:pointer;}
.sidebar-list-description {font-family: Helvetica Neue,Helvetica,Arial;font-weight: normal; font-size: 10pt; line-height: 14px; color:#888888;cursor:pointer;}
.sidebar-list-description a {font-family: Helvetica Neue,Helvetica,Arial;font-weight: bold; font-size: 10pt; text-decoration: none; line-height: 13px; color:#000000;margin:4px;font-family: Helvetica Neue, Helvetica;cursor:pointer;}
.sidebar-list-description.draft {color:#AAAAAA;}
.sidebar-highlight-thumbnail {height: 80px;width:80px;margin: 0px;cursor:pointer;}
.sidebar-highlight-title {font-family: Helvetica Neue,Helvetica,Arial;font-weight: bold; font-size: 12pt; color:#000000;display:inline;cursor:pointer;margin-top:3px;} .sidebar-highlight-title.medium {font-size:10pt}
.sidebar-highlight-description {font-family: Helvetica Neue,Helvetica,Arial;font-weight: normal; font-size: 11pt; color:#000000; margin-left:4px; margin-right: 4px; margin-bottom:20px;}
.sidebar-highlight-datelabel {font-family: Helvetica Neue,Helvetica,Arial; font-weight: bold; font-size: 12pt; color:#000000; display:inline;cursor:pointer;margin:6px;text-shadow: 2px 1px 3px rgba(255, 255, 255, 0.50);}
.sidebar-highlight-thumbnail {height: 80px;width:80px;margin: 0px;cursor:pointer;}
.sidebar-highlight-thumbnail.draft {opacity:0.7;}
.sidebar-highlight-contentpanel {position:relative; overflow-y:scroll;}
.sidebar-highlight-featurepanel {width:100%;position: relative;margin-bottom:15px;}
.sidebar-highlight-featureimage {height: 200px; width: 100%; object-fit: cover; opacity: 0.4; animation: fadeInHalf 15s; background-color: #a5d6a7;}
.sidebar-highlight-featurecontrols {height:30px; width:100%; position:absolute; top:0px;}
.sidebar-highlight-featuretitle {position:absolute; left:6px; top: 130px; vertical-align: bottom;}
.sidebar-highlight-userimage {width: 100%;max-height: 400px; object-fit: cover;}
.sidebar-highlight-tagpanel {position:absolute; height:55px;left:10px;top:155px;}
.sidebar-highlight-pagebutton {border: none; font-size: 18pt; font-weight: bolder; width:100%; height:100%; padding-top: 0px; vertical-align: middle; text-align: right;cursor:pointer; background-color: transparent;}
.sidebar-highlight-pagebutton.left {text-align: left;}
.sidebar-highlight-item {font-family: Helvetica Neue,Helvetica,Arial;font-weight: normal; font-size: 11pt; color:#000000; margin-left:4px; margin-right: 4px; margin-bottom:20px;}
.sidebar-highlight-item li {list-style-type: disc;} .sidebar-highlight-item ul {padding-left: 15px;} .sidebar-highlight-item h1 {font-size: 24px !important;font-weight: 900 !important;} .sidebar-highlight-item h2 {font-size: 18px !important;font-weight: 700 !important;}
.sidebar-highlight-micronav {display: flex;flex-direction: row;align-items: center;justify-content: center;position: absolute; overflow: hidden; height: 25px; bottom: 0px; width:100%;}
.sidebar-highlight-micronav button {border: none;font-size: 16pt;align-self: center;margin: 0px;padding: 0px;padding-left:3px;color:#999999;background:none;} .sidebar-highlight-micronav button.selected {color:#000000;} .sidebar-highlight-micronav button:active {border:none;}
.sidebar-object-button {font-family: Helvetica Neue,Helvetica,Arial; font-size: 10pt; display:inline; padding-left:15px !important; padding-right:15px !important;border-radius:10px !important;color:black;background-color: white;}
.sidebar-object-centerbutton {float:right;margin-right:5px;border-radius: 20px !important;width: 37px;padding: 0px !important;padding-left: 6px !important;padding-bottom: 4px !important;}
.sidebar-object-label {font-family: Helvetica Neue,Helvetica,Arial; font-size: 10pt; color: #AAAAAA; display:inline;}
.sidebar-object-namelabel {font-family: Helvetica Neue,Helvetica,Arial; font-size: 16pt; font-weight: 700; border-style: none;width:240px;height:30px;display:inline;}
.sidebar-object-namelabel.small {font-size: 14pt;} .sidebar-object-namelabel.smaller {font-size: 11pt;} .sidebar-object-namelabel.smallest {font-size: 9pt;}
.sidebar-object-typelabel {font-family: Helvetica Neue,Helvetica,Arial; height:20px;margin-left:2px;margin-top:2px;display:inline;max-width:24px;}
.sidebar-object-tinylabel {font-family: Helvetica Neue,Helvetica,Arial; font-size: 8pt; color:#AAAAAA;}
.sidebar-object-tinylabel.attention {color:#FF0000;}
.sidebar-object-datelabel {font-family: Helvetica Neue,Helvetica,Arial; font-weight: bold; font-size: 11pt; color:#000000; display:inline;cursor:pointer; padding-right:12px; background: white right no-repeat url(/lib/icons/arrow_jump.png);}
.sidebar-object-jumplabel {font-family: Helvetica Neue,Helvetica,Arial; font-size: 10pt; color:#000000; display:inline;cursor:pointer; padding-right:12px; background: right no-repeat url(/lib/icons/arrow_jump.png);}
.sidebar-object-eventdatelabel {font-family: Helvetica Neue,Helvetica,Arial; font-weight: bold; font-size: 10pt; color:#000000; display:inline;cursor:pointer; padding-right:12px; margin-right: 5px; background: transparent right no-repeat url(/lib/icons/arrow_jump.png);}
.sidebar-object-eventlabel {font-family: Helvetica Neue,Helvetica,Arial; font-size: 10pt; color:#333333; display:inline;}
.sidebar-object-eventtypelabel {font-family: Helvetica Neue,Helvetica,Arial; font-size: 10pt; color:#333333; display:inline; height:16px;}
.sidebar-object-loadinglabel {font-family: Times; font-size: 25pt; margin-left:10px; overflow: hidden; animation-duration: 1.0s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-timing-function: linear; animation-name: placeholderAnimate; background: #b6b7b8; background: linear-gradient(to right, #eee 2%, #aaa 18%, #eee 33%); background-size: 1300px; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.sidebar-object-expandinglabel {width:16px;height:16px;display:inline;}
.sidebar-object-relatedobject {font-family: Helvetica Neue,Helvetica,Arial; font-size: 10pt; color:#333333; display:inline; height:16px; cursor:pointer;}
.sidebar-object-relatedobject.notcurrent {color:#888888;}
.sidebar-object-relatedobject.dates {cursor:default;}
.sidebar-citation {display:flex;flex-direction: column;}
.sidebar-citation-thumbnail {margin-top: -5px;margin-left:-5px;margin-right:-6px;width:103%;max-height: 290px;object-fit: cover;} .small .sidebar-citation-thumbnail {display:none;}
.sidebar-citation-text {flex:1;font-family: Helvetica Neue,Helvetica,Arial; font-size: 10pt; color:#333333; display:inline;} .small .sidebar-citation-text {display:none;} .sidebar-citation-text.right {float:right;}
.sidebar-citation a {font-family: Helvetica Neue,Helvetica,Arial; text-decoration: underline; font-size: 9pt; cursor:pointer; display:block;}
.sidebar-citation li {font-family: Helvetica Neue,Helvetica,Arial; font-size: 9pt; list-style: disc;line-height:14px;margin-top:3px;}
.sidebar-factoid-text textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #444499; opacity: 0.5; /* Firefox */} .sidebar-factoid-text textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #444499;} .sidebar-factoid-text textarea::-ms-input-placeholder { /* Microsoft Edge */ color: #444499;}
.sidebar-suggest textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #444499; opacity: 0.5; /* Firefox */} .sidebar-suggest textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #444499;} .sidebar-suggest textarea::-ms-input-placeholder { /* Microsoft Edge */ color: #444499;}
.sidebar-suggest textarea {background:#FFFFE8;min-height:80px !important;}
.timeline {font-family:Helvetica Neue,Helvetica,Arial; background-color: #000000;}
.timeline-panel {width:522px;min-width: 500px; margin:15px 5px; max-height:50px;}
.timeline-slider {cursor:pointer; position: absolute; width: 75px; height:25px; top: 4px; left:250px; background: transparent center no-repeat url(/lib/icons/slider.png);}
.timeline-slider:hover {cursor:pointer; position: absolute; width: 75px; height:25px; top: 4px; left:250px; background: transparent center no-repeat url(/lib/icons/slider_highlight.png);}
.timeline-slider:active {cursor:pointer; position: absolute; width: 75px; height:25px; top: 4px; left:250px; background: transparent center no-repeat url(/lib/icons/slider_highlight.png);}
.timeline-slider-ghost {position: absolute; width: 1px; height:1px; top: 0px; left:0px; opacity:0%;}
.timeline-slider-panel {flex-grow:1;position:relative;margin:10px;overflow: hidden;font-size:10pt; color:#EEEEEE; padding: 0px; background-color: #000000;}
.timeline-slider-panel table td {font-family: Helvetica Neue,Helvetica,Arial; font-size: 10pt; color: #EEEEEE; padding:0px;border-style:none;background-color: #000000;width: 4px !important;cursor: default;}
.timeline-slider-panel .majortic {font-family: Helvetica Neue,Helvetica,Arial; font-size: 16pt; color: #EEEEEE;}
.timeline-social-panel {width: 95px;min-width: 95px;margin-left: auto;margin-top: 2px;line-height:32px}
.timeline-label {width: 190px; position: relative; top:-4px; margin-left:8px; font-family:Helvetica Neue,Helvetica,Arial; font-size:22pt; font-weight:bold; color:#FFFF00;display:inline;text-align: center;cursor:pointer;}
.timeline-arrow {width: 21px;height: 20px;z-index: 5;position: relative;top: 6px;font-family: Arial,sans-serif;font-size: 7pt;color: #FFFFFF;outline: none;border: none;padding: 0px;cursor:pointer;background-color: rgba(0,0,0,0); margin: 2px; touch-action: manipulation;}
.timeline-arrow.left::before {content:" "; position: absolute; z-index: -1; width: 0; height: 0; border-style: solid; border-width: 13px 22px 13px 0; border-color: transparent #666666 transparent transparent; top: -3px; left: -3px;}
.timeline-arrow.left:hover::before {border-right-color: #c4c418;}
.timeline-arrow.left:active::before {border-right-color: #FF8800;}
.timeline-arrow.left.withMargin {margin-left:27px;}
.timeline-arrow.right::before {content:" "; position: absolute; z-index: -1; width: 0; height: 0; border-style: solid; border-width: 13px 0 13px 22px; border-color: transparent transparent transparent #666666; top: -3px; left: 3px;}
.timeline-arrow.right:hover::before {border-left-color: #c4c418;}
.timeline-arrow.right:active::before {border-left-color: #FF8800;}
.timeline-arrow.right.withMargin {margin-right:27px;}
.dateeditor-panel {background:#000000;font-family: Helvetica Neue,Helvetica,Arial; font-size: 14pt; font-weight:bold; width:250px; color: #FFFFFF;} .dateeditor-panel td {padding:0px;}
.dateeditor-border {z-index: 400; margin:0px; margin-top: 30px;margin-left: -60px;padding: 40px; background-color: #000000;box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.20);}
.dateeditor-border:after {bottom: 100%; left: 50%; border: solid transparent;content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-bottom-color: #000000; border-width: 15px; margin-left: -15px;}
.dateeditor-textbox {font-family: Helvetica Neue,Helvetica,Arial; text-align: center;font-size:16pt; border-style:none; width: 80px; height: 25px; margin: 8px; margin-top:-32px; background-color: #E4E4E4;font-size:18pt !important;color: yellow;}
.dateeditor-recent {padding-left:10px !important; padding-right:10px !important;}
.share-container {display:block;float:right;text-align: right;}
.share-container.large {float: none !important;position: relative;left: 10%;width: 80%;top: 40px;}
.share-container.compact {min-width:220px !important;margin-top:10px;margin-bottom:10px;}
.share-container.compact label {display:block;}
.share-section {} .share-container.large .share-section {display:block;}
.share-qrcode {display:none;} .share-container.large .share-qrcode {display:block;top:-20px;width:200px;margin-bottom:-20px;border:none;left: 50%;margin-left: -100px;position: relative;} .share-container.large .share-qrcode img {height:200px;width:200px;}
.share-text {display:none;} .share-container.large .share-text {display:inline;margin-left:5px;margin-right:5px;} .share-container.large .share-text.fixed {min-width: 70px;display: inline-block !important;}
.share-icon {text-decoration: none;} .share-icon img, img.share-icon {height:32px;width:32px;cursor: pointer;}
.rrrole {} .rrrole.chip {border: none; color: #FFFFFF; border-radius: 16px; padding: 0 12px; margin: 2px; font-size: 13px; font-weight: 500; text-align: center;}
.rrrole.admin {background-color: red;} .rrrole.ad_free {background-color: #33BB55;} .rrrole.submit_history {background-color: #f9a825;} .rrrole.make_purchases {background-color: #4caf50;} .rrrole.reviewer {background-color: #b388ff;} .rrrole.highlighter {background-color: #c0ca33;} .rrrole.researcher {background-color: #A0522D;} .rrrole.projectmanager {background-color: #ea80fc;} .rrrole.lessonplanner {background-color: #e040fb;} .rrrole.bounty_hunter {background-color: #00AA00;}
.rrcomment {margin: 5px 5px 5px 5px; padding: 10px; background-color: #F9F9F9; color: #444444; font-family: Arial,Helvetica,sans-serif; font-size: 11pt;}
.rrcomment_date {margin: 0px 5px 0px 5px; display: inline !important; color: #285D85; font-family: Arial,Helvetica,sans-serif; font-size: 8pt;}
.rrcomment_user {margin: 0px 5px 0px 5px; display: inline !important; color: #285D85; font-family: Arial,Helvetica,sans-serif; font-size: 8pt;}
.rrstep {padding: 5px; color: #444444; font-family: Helvetica Neue,Helvetica,Arial;font-weight: normal; font-size: 10pt; width:100%; border-color: transparent; border-width: 1px;border-collapse: separate;margin-bottom:4px;}
.rrstep a, a.rrstep, .rrstep .a1, .rrstep .a2 {font-family: Helvetica Neue,Helvetica,Arial;font-weight: bold; font-size: 10pt; color:#285D85 !important; cursor:pointer; text-decoration: underline !important; padding-right: 12px; background: right no-repeat url(/lib/icons/arrow_jump.png); display:table; margin-bottom: 8px;}
.rrstep a:visited, a.rrstep:visited {color:#285D85 !important;text-decoration: underline !important;} .rrstep a:hover, a.rrstep:hover {color: #285D85 !important;text-decoration: underline !important;}
.rrstep .a2 {color:#777777; font-weight: normal; background-image: none;}
.rrstep .a3 {font-weight: bold; padding-right: 12px; background: right no-repeat url(/lib/icons/arrow_jump.png);}
.rrstep.highlightable {border-color: #FCFCFA; border-width: 1px; border-style: solid; background-color: #FBFBFB;}
.rrstep.highlightable:hover, .rrstep.highlighted {border-color: #FF8800; border-width: 1px; border-style: solid; background-color: #FCFCFA; transition: all 0.5s ease;}
.rrpayment {margin-top: 10px; margin-bottom: 10px; background-color: #FFFFFF; padding: 16px; border-color: #DDDDDD; border-width: 1px; border-style: solid; border-radius: 3px; font-size: 12pt;}
.rrpayment li {list-style-type: none !important;}
.rrpayment_card {background-color: #fff; padding-top: 0px; padding-bottom: 12px; border-color: #AAAAAA; border-width: 1px; border-bottom-style: solid;}
.rrpayment_product {font-size: 12pt; font-weight: bold; color: black;}
.rrpayment_price {font-family: Helvetica Neue,Arial,Helvetica,sans-serif;font-size: 12pt; font-weight: bold; color: #00AA00; float:right; margin-right:20px;} .rrpayment_price.original {color: #669966; float:none;font-weight: normal;font-size: 10pt;text-decoration: line-through;}
.rrpayment_error {font-size: 10pt; color: #AA0000;}
.rrpayment_description {font-size: 10pt; font-weight: normal;color: #AA77AA;}
.rrpayment_inprogress {position:absolute;top:0px;bottom:0px;left:0px;right:0px;background-color: white;opacity: 0.8;z-index: 100;}
.rrpayment i.prefix {font-size: 1.5rem;height: 43px;border-bottom: 1px solid #9e9e9e;padding-top: 8px;padding-left: 0px;color: gray !important;}
.rrpayment input {margin-left:28px !important;} .rrpayment .input-field label {margin-left:28px !important;}
.ar-canvas-3D {position: absolute; z-index: 4; width: 100% !important; height: 0%; top:0px; bottom: 0px; border:0; background-color:white;}
.ar-canvas-2D {position: absolute; z-index: 5; width: 100% !important; height: 0%; top:0px; bottom: 0px; border:0; pointer-events: none;}
#rrmap.ar {z-index: 1;height: 0px;} /* AR map inset for all devices, overridden for mobile */
.chat {padding: 10px;background: #DDD;flex-shrink: 2;overflow-y: auto;background-color: transparent;}
.chatcontainer {font-family: "Helvetica Neue", Helvetica, Arial;font-size: 10pt;overflow-y:scroll; mask-image: linear-gradient(transparent, #000,#000,#000,#000,#000);}
.chatdisclaimer {color:#E09;font-size: 11pt;font-weight: bolder;text-shadow:1px 1px 1px rgba(255,255,255,0.5), -1px -1px 1px rgba(255,255,255,0.5), 1px -1px 1px rgba(255,255,255,0.5),-1px 1px 1px rgba(255,255,255,0.5);} .chatdisclaimer a {font-weight: normal; color: #E09 !important;}
.chatmessage {box-sizing: border-box; padding: 0.5rem 1rem; margin: 8px; min-height: 2.25rem; width: fit-content; max-width: 80%; box-shadow: rgba(0, 0, 0, 0.2) 4px 4px 10px; border-radius: 20px 20px 20px 0;background: white;}
.chatmessage.me {margin: 8px 8px 8px auto; border-radius: 20px 20px 0 20px;background: #72AED5;color: black;}
.chatmessage.suggest {margin: 8px 8px 8px auto; border-radius: 20px 20px 20px 20px; border-width:1px;border-style:solid;border-color: #CC00CC;background: rgba(255,225,255,0.9);color: black;cursor: pointer;}
.chatmessage.special {margin: 8px 8px 8px auto; border-radius: 20px 20px 20px 20px; border-width:1px;border-style:solid;border-color: #CCCC00;background: rgba(255,255,225,0.9);color: #444400;}
/* HTML elements styles for the text. */
*:focus {outline: 0;}
button:focus {background-color: inherit !important;} button::selection {background-color: inherit !important;}
h1 {font-family: Helvetica Neue,Arial,Helvetica,sans-serif !important; font-size: 28pt !important; font-weight: 500 !important; color:#333333; line-height:29px; text-shadow: 2px 2px 3px #CCCCCC;letter-spacing: -.02em;}
h2 {font-family: Helvetica Neue,Arial,Helvetica,sans-serif !important; font-size: 16pt !important; font-weight: bold !important; color:#555555;}
h3 {font-family: Helvetica Neue,Arial,Helvetica,sans-serif !important; font-size: 12pt !important; font-weight: bold; color:#888888;}
a {color:#285D85 !important; text-decoration: underline;}
article a {text-decoration: underline !important;} article a:hover {text-decoration: underline !important;}
#sidebar a {text-decoration: underline !important;}
p {margin-top:16px;margin-bottom:16px;}
br {line-height:30px;}
.question {font-family: Helvetica Neue,Arial,Helvetica,sans-serif; font-size: 12pt; font-weight: bolder; display: block; margin-top:35px; margin-bottom: 4px;}
.date {font-size: 10pt; color: #aaaaaa;}
.more {font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-size:10pt; color:#111111; text-align:right; padding-right:13px;}
.more a {font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-size:10pt; color:#111111;}
.more_white {font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-size:10pt; color:#FFFFFF; text-align:right; padding-right:13px;}
.more_white a {font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-size:10pt; color:#FFFFFF;}
.more:after {content:'\25BA';color:#285D85;}
.note {border: 1px solid grey; border-radius: 4px; background-color: #4466BB; padding:2px 5px 2px 5px; color:white; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 8pt; font-weight:bold;font-variant: small-caps;}
.javanotice {margin: 10px; padding: 20px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #eeee99; background-color: #ffffaa; color: #444400; font-family: Arial,Helvetica,sans-serif; font-size: 12pt;}
.userimage {float:left; padding: 0px 10px 5px 5px; height: 36px; width: 36px;}
.citation {margin: 5px 5px 5px 5px; padding: 10px 10px 10px 40px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #eeeeee; color: #444400; font-family: Arial,Helvetica,sans-serif; font-size: 11pt; background:url(/lib/icons/citation.png) 10px no-repeat #F8F8F8;}
.citation a {font-family: Arial,Helvetica,sans-serif; font-size: 11pt;}
.navbar {padding:6px;margin-left:0px;margin-right:0px;margin-bottom: 6px; border-style:solid;border-width:1px;border-color:#333333;border-radius:6px;background-color:#F0F0FF; text-align:left; font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-size:10pt; color:#555555;}
.navbar a {padding:6px;margin-left:15px;padding-right:30px;margin-bottom: 0px; border-style:none;background-color:#F0F0FF; text-align:center; font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-size:10pt; color:#555555 !important;background:url(/lib/icons/navigation-spacer.png) right no-repeat;}
.step {display: inline-block;position: relative;padding: 10px 20px;margin-right: 15px;background: #f2f2f2;border: 1px solid #eee;border-radius: 4px;font-family: sans-serif;font-size: 14px;font-weight: 500;box-shadow: 0 2px 4px rgba(0,0,0,0.1);}
.step.arrow::after {content: "";position: absolute;top: 0;right: -15px;width: 0;height: 0;border-top: 20px solid transparent;border-bottom: 20px solid transparent;border-left: 15px solid #f2f2f2;z-index: 1;}
.step.arrow::before {content: "";position: absolute;top: 0;right: -16px;width: 0;height: 0;border-top: 21px solid transparent;border-bottom: 21px solid transparent;border-left: 16px solid #eee;z-index: 0;}
.step.last {margin-right: 0;}
.square {width:100%; max-width:100%;aspect-ratio:1/1;overflow:hidden;}
.graphpaper {background-image: linear-gradient(to right, #E8F0FF , transparent 1px), linear-gradient(to bottom, #E8F0FF 1px, transparent 1px);background-size: 20px 20px;
background-attachment: unset;background-repeat: unset;}
/* overrides of GWT, MaterialDesign, and OpenLayers basic styles */
.ol-control {box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 4px;padding:0px !important;border-radius: 4px !important;font-family: Helvetica,Arial,sans-serif}
.ol-control button {color: #555555 !important; height:32px !important; width:32px !important; background-color: #FFFFFF !important;border-radius: 4px !important;} .ol-control:focus {background-color: white !important;}
button.ol-control {color: #555555 !important; height:32px !important; width:32px !important; background-color: #FFFFFF !important;border-radius: 4px !important;} .ol-control:focus {background-color: white !important;}
.ol-control .hidden {display:none !important;}
.mapcontrol {box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 4px;padding:0px !important;border-radius: 4px !important;font-family: Helvetica,Arial,sans-serif}
.mapcontrol button {color: #555555 !important; height:32px !important; width:32px !important; background-color: #FFFFFF !important;border-radius: 6px !important;border-style: solid;border-width: 1px;border-color: white;}
button.mapcontrol {color: #555555 !important; height:32px !important; width:32px !important; background-color: #FFFFFF !important;border-radius: 6px !important;border-style: solid;border-width: 1px;border-color: white;}
.mapcontrol:focus {background-color: white !important;}
.mapcontrol:hover {outline: 1px solid var(--ol-subtle-foreground-color);}
.mapcontrol .hidden {display:none !important;}
.mapcontrol.xrmode {position:absolute;bottom:60px;left:unset; right:20px;z-index:10}
.mapcontrol.xropen {float:right;left:auto !important; top:199px; right:20px; bottom: auto; z-index:21;font-size:0.6em; font-weight:600; text-decoration:none; text-align:center; line-height:.4em;}
.mapcontrol.xropen.active {}
.mapcontrol.cardboard {top:-35px;background-image: url("/lib/icons/cardboard.png");background-size: 24px;background-repeat: no-repeat;background-position: center;}
.mapcontrol.location {}
.mapcontrol.location.active {}
.mapcontrol.layers {}
.ol-control.xropen {float:right;left:auto !important; top:131px; right:20px; bottom: auto; z-index:21;}
.ol-control.xropen button {font-size:0.9em; font-weight:600; text-decoration:none; text-align:center; line-height:.4em;}
.ol-control.xropen.active {top:auto; bottom:20px; transition-property:top,bottom,width;transition-duration: 3s;} .ol-control.xropen.active button {width:125px !important;}
.ol-control-xrcontrols {position:absolute;bottom:100px;left:unset; right:20px;z-index:10}
.ol-control-xrmode {position:absolute;top:6px;left:unset; right:30px;z-index:10;width:100px;}
.ol-control.cardboard {top:0px;right:0px;} .ol-control-xrcontrols .cardboard.info {top:10px;left:20px;position:fixed;font-size:10pt;color:white;}
.ol-control.cardboard button {background-image: url("/lib/icons/cardboard.png");background-size: 24px;background-repeat: no-repeat;background-position: center;}
.ol-zoom {float:right;left:auto !important;right:20px;top:20px !important;}
.ol-zoom .ol-zoom-in {border-radius: 4px 4px 0 0 !important}
.ol-zoom .ol-zoom-out {border-radius: 0 0 4px 4px !important}
.ol-ar-open {float:right;left:auto !important; top:131px; right:20px; bottom: auto; z-index:21;}
.ol-ar-open button {font-size:0.6em; font-weight:600; text-decoration:none; text-align:center; line-height:.4em;}
.ol-ar-open.active {top:auto; bottom:20px; transition-property:top,bottom,width;transition-duration: 3s;} .ol-ar-open.active button {width:125px !important;}
.ol-ar-mode {position:absolute;bottom:60px;left:unset; right:20px;z-index:10}
.ol-location-control {float:right;left:auto !important; top:92px; right:20px;z-index:3;}
.ol-location-control button span {display:inline-block;left: 2px;position: relative;transform: rotate(-45deg);font-size: 1.4em;font-family: Helvetica,sans-serif}
.ol-location-control button.syncing span {color:#FF0000 !important;transform: rotate(-90deg);}
.ol-location-control2 {border-style:solid;border-color:#777;border-width: 0.5px;display:inline-block;font-weight: bold;}
.ol-location-control2 span{display: inline-block;transform: translate(3px) rotate(-45deg);font-weight: bold;font-family:sans-serif;font-size: 1.4em;}
.ol-layers-control {float:right;left:auto !important; top:20px; right:60px;z-index:3;width:auto !important;}
.ol-layers-control .tray {width:auto !important;display:flex;height:32px;border-radius:4px;background-color:white;padding: 5px 15px 0px 0px !important;}
.ol-attribution a {color: black;}
.mdl-button {color: black !important;}
.mdl-button.gwt-Button {margin:0px 8px;padding:0px 8px;background:rgba(220,220,220,.9);font-size:14px;border:none;} /* remove some GWTButton style from an MDL button */
.mdl-button-permission {border-style: none;border-color: lightgrey;border-width: 1px;background-color: white;color: rgb(114, 174, 213);font-weight: bolder;font-size: 16pt;width: 100%;height: 50px;border-top-style: solid;padding-top: 20px;}
.mdl-spinner__layer {border-color:yellow !important;}
.mdl-data-table.wrap {white-space: normal !important;}
.gwt-DialogBox {background: white; box-shadow: 5px 5px 20px black} .gwt-DialogBox .Caption {background: white !important;border:none !important;} .gwt-DialogBox .gwt-Label {font-size: 14pt;}
.gwt-DialogBox .mdl-button {background: #72AED5;padding:8px 16px; height:55px;color: white !important; border-radius: 8px;}
.gwt-DialogBox .dialogTopLeft {background: white !important;} .gwt-DialogBox .dialogTopRight {background: white !important;} .gwt-DialogBox .dialogBottomLeft {background: white !important;} .gwt-DialogBox .dialogBottomCenter {background: white !important;} .gwt-DialogBox .dialogBottomRight {background: white !important;}
.gwt-DialogBox .dialogMiddleLeft {background: white !important;} .gwt-DialogBox .dialogMiddleRight {background: white !important;}
a.btn {font-weight: normal;}
.btn {margin-bottom: 4px; margin-top: 4px;font-size:10pt;}
.btn.narrow {padding-left:20px;padding-right:20px;}
.card_showing {display:block !important;}
.card_hidden {display:none !important;}
.card_more_control {float:right; margin-top:10px;}
.card-content ul {margin-left: 20px;list-style-type: disc;}
.card-content ul li {list-style-type: disc;}
.card-title {font-weight:900 !important;}
.full-width-with-sidebar .card-content {min-height:325px;}
.material-label {margin-bottom: 8px;}
.dropdown-content li {overflow-x: hidden;min-height:24px;} .dropdown-content li>a, .dropdown-content li>span {font-size: 10pt;font-weight: normal;text-decoration: none;padding-top: 5px;padding-bottom: 5px;}
table {padding: 2px 2px 2px 2px; border-style: none; border-width: 1px 1px 1px 1px; border-color: #d3d3d3; font-size: 10px; color: #555555; font-family: Helvetica Neue, Helvetica, Arial,sans-serif;}
th {font-size: 10pt; padding: 5px 5px 5px 5px; font-weight:bold; background-color: #DDDDDD;}
td {font-size: 11pt; border-color: #e3e3e3;}
td a {font-size: 11pt; cursor: pointer;}
.loading-indicator {position:fixed !important;top:70px;left:0px;right:0px;z-index:1000;height:10px;} .loading-indicator .progress-wrapper {opacity:0.8 !important;} .progress {height:6px !important;}
.uploader-invisible {width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}
.scrollable {overflow-y: scroll; height: 100%;}
.scrollable.withHeader {overflow-y: scroll; height: calc(100% - 80px);}
.sidebar-frommapmenu td {padding:0px;}
.sidebar table {border-collapse: separate;}
.popupContent {height:100%;}
.bottombar {background-color: black;height:70px;width:100%;}
.video {display: block; margin-left: auto; margin-right: auto; background-color: #000000; width: 100%;}
.video p {font-family: Helvetica; font-size: 14px; color: #666666; padding:20px;}
.video p a {font-size: 14px;}
.black-text label {color: #000 !important;}
.linenumber {min-width:15px;display:inline-block;width:15px;color:#BBBBBB;}
#apparatus h2 {font-size:10pt !important;color:#BBBBBB;font-variant-caps: all-small-caps;margin-bottom:5px;}
#translation h2 {font-size:10pt !important;color:#BBBBBB;font-variant-caps: all-small-caps;margin-bottom:5px;}
#bibliography h2 {font-size:10pt !important;color:#BBBBBB;font-variant-caps: all-small-caps;margin-bottom:5px;}
#commentary h2 {font-size:10pt !important;color:#BBBBBB;font-variant-caps: all-small-caps;margin-bottom:5px;}
.onlySmallScreens {display:none !important;}
@media (max-width: 440px) {
.onlyWideScreens {display:none !important;}
.onlyMediumScreens {display:none !important;}
.onlySmallScreens {display:block !important;}
body {margin: 4px;}
main.centered {width:95%;padding:10px;margin-left: 0px;margin-right: 0px;left:0px;}
main.centered-with-sidebar {width:95%;padding:10px;margin-left: 0px;margin-right: 0px;left:0px;}
main.full-width-with-sidebar {margin-left: 0px !important;margin-right: 0px !important;}
article {margin: 10px;}
article .buy {position:static;right:auto;float:right;margin-top:0px;}
article .floatfigure {float:none;margin-left:-40px!important;}
.articleimage picture {filter: blur(2px) brightness(110%) contrast(70%);}
.articleimage figcaption {display:none;}
.logo {font-size: 20pt !important;}
.logo a {font-size: 20pt !important;}
h1 {font-size: 30pt !important; line-height: 40px;}
.searchbox {width:95%;margin:5px;}
.highlightbar a {font-size: 11pt !important; font-stretch: semi-condensed;}
.flow .size3x2 {height: 80px; width: 285px;}
.flowheader {background-color:#FFFFFF; width:100%; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 10pt; font-weight: bold; color: #3d6f92; padding: 0px;}
.flowheader a.tag {float:right; margin-right: 10px;margin-top:5px;background-color:#FFFFFF;padding:4px;font-size:9pt;}
.flowheader a.tag.red {background-color:#FFFFFF;}
.flowheader a.tag.green {background-color:#FFFFFF;}
.rrstep {padding-top:0px; padding-bottom:3px;}
.ar-open {bottom: 0px;top: unset !important; left: 0px !important;right: 0px!important;width: 100% !important;height: 42px !important;margin:0px !important;border-radius: 25px 25px 0 0 !important;}
.loading-indicator {top:60px;left:3px;right:3px;width:auto;height:10px;}
.share-container.large {min-width: unset;}
.share-container.large .share-qrcode {top:0px;width:150px;margin-left:-75px;margin-bottom:0px;}
.share-container.large .share-qrcode img {height:150px;width:150px;}
.share-container.large h1 {font-size: 15pt !important;top:-25px;position:relative;}
}
@media (max-width: 700px) {
.ol-zoom {top: auto !important; bottom:45px;right:6px;}
.ol-location-control {top:auto !important; bottom:118px; right:6px; }
.ol-layers-control {top:auto !important; bottom:45px; right:45px;}
.ol-control.xropen {top:auto !important; bottom:160px; right:6px;}
.ol-control.xropen.active {bottom:20px;}
.ol-control-xrcontrols {position:absolute;bottom:165px;left:10px;right:10px;z-index:10}
.ol-control-xrmode {left:0px; right:unset;}
.ol-control.cardboard {opacity:75%;}
.sidebar-main {left: 4px !important;right: 4px;width: unset !important;top: 4px !important;}
.sidebar-info {width: 96% !important;top: 180px !important;left: 4px !important;}
.sidebar-panel.maximum {height: 100%;}
.sidebar-panel.nearlymaximum {height: auto;}
.sidebar-borders.maximum {bottom:4px;}
.sidebar-borders.nearlymaximum {bottom: auto;}
.sidebar-subpanel {width: 100%;min-width:285px;}
.sidebar-subpanel.header {width: 96%;min-width:285px;}
.sidebar-subpanel-steps {margin-left:20px;margin-right:20px;width:90%;}
.sidebar-highlight-featurepanel {margin-bottom:5px;min-height:30px;}
.sidebar-highlight-featureimage {height: 75px; object-fit: cover; opacity:0.15; animation: fadeInQuarter 15s;}
.sidebar-highlight-featuretitle {top: 8px;left:35px;right:65px;text-align:center;}
.sidebar-highlight-description {margin: 10px 25px 20px 10px;}
.sidebar-highlight-description2 {min-height:50px; margin-left:20px; margin-right: 50px; margin-top:20px; margin-bottom:20px;}
.sidebar-highlight-details {min-height:70px; margin-left:30px; margin-right:40px;}
.sidebar-highlight-tagpanel {height:auto;left:10px;top:38px;overflow-x:auto;white-space:nowrap;}
.sidebar-highlight-userimage {max-height: 200px;}
.timeline-panel {width: 100%;}
.dateeditor-border {margin-left: -110px;}
.onlyWideScreens {display:none;}
.share-container.large {min-width: unset;}
.share-container.large .share-qrcode {top:0px;width:150px;margin-left:-75px;margin-bottom:0px;}
.share-container.large .share-qrcode img {height:150px;width:150px;}
.share-container.large h1 {font-size: 18pt !important;top:-25px;position:relative;}
}
@media (max-height: 475px) and (min-width:550px){ /* mobile in landscape mode */
#rrtimeline {height: 0px;overflow:hidden;transition-property: height;transition-duration: 200ms;transition-timing-function: ease-in-out;}
#rrmap.ar {z-index: 1;top: unset !important;bottom: 0px !important;height: 0px;position: absolute;border-style: solid;border-color:white;transition-property: height,border;transition-duration: 1200ms;transition-timing-function: ease-in-out;}
.sidebar-subpanel-steps {margin-top:20px;margin-left:20px;margin-right:20px;width:90%;}
.sidebar-highlight-featureimage {height: 75px; object-fit: cover; opacity:0.15; animation: fadeInQuarter 15s;}
.sidebar-highlight-featuretitle {top: 8px;left:35px;right:65px;text-align:center;}
.sidebar-highlight-contentpanel {height:100%;}
.sidebar-highlight-tagpanel {height:auto;left:10px;top:38px;overflow-x:auto;white-space:nowrap;}
.gwt-DialogBox {top:20px !important;left:20% !important;width:60%;max-height: 450px;}
.loading-indicator {top:0px;}
}
@media (max-width: 550px) {
.timeline-panel {width: 100%; min-width: unset; position:fixed !important; padding-right:20px;z-index:5;}
#rrmap.ar {z-index: 5;top: unset !important;bottom: -90px !important;height: 250px;position: absolute;border-top-left-radius: 200px;border-top-right-radius: 200px;border-style: solid;border-color:white;transition-property: height,border,border-top-left-radius,border-top-right-radius;transition-duration: 1200ms;transition-timing-function: ease-in-out;}
#rrmap.ar .ol-zoom {display:none;}
article .floatfigure {margin-left:0px;}
}
@media (max-width: 800px) and (min-width:401px) {
.onlyWideScreens {display:none !important;}
main.centered {width:98% !important;padding:10px;margin-left: 5px !important;margin-right: 5px !important;left:0px;}
main.centered-with-sidebar {width:98% !important;padding:10px;margin-left: 5px !important;margin-right: 5px !important;left:0px;}
main.full-width-with-sidebar {margin-left: 20px !important;margin-right: 20px !important;width:auto !important;}
article {margin-left: 30px;margin-right: 30px;}
article .buy {position:static;right:auto;float:right;margin-top:0px;}
article .floatfigure {float:none;}
.articleimage picture {filter: blur(1px) brightness(110%) contrast(70%);}
.articleimage figcaption {display:none;}
.logo {font-size: 25pt !important;}
.logo a {font-size: 25pt !important;}
}
@media (max-width: 800px) {
.sidebar {display:none;animation: slide 0.3s;}
.sidebar.open-from-side {display:block;position:fixed;left:0px;top:70px;bottom:0px;box-shadow: #000 0px 0px 30px;animation: slideOutSidebar 0.3s;}
}
@media (max-width: 950px) and (min-width:801px) {
.full-width-with-sidebar .row .col.m6 {width: 100%;} /* act like m12 if pinched by a sidebar */
.full-width-with-sidebar .row .col.m6 {width: 100%;} /* act like m12 if pinched by a sidebar */
}
@media (max-width: 1250px) and (min-width:990px) {
.share-container.large {left: 5%;width: 90%;top: 30px;}
.share-container.large .share-text.fixed {min-width: 50px;}
.full-width-with-sidebar .row .col.l4 {width: 50%;} /* act like m6 if pinched by a sidebar */
.full-width-with-sidebar .row .col.l8 {width: 50%;} /* act like m6 if pinched by a sidebar */
}
@media (min-width: 1100px) {
main.centered.wide {position: absolute; max-width:1000px; margin-left: -500px !important;left: 50%;}
}
@media (min-width: 1400px) {
nav.toc {position: fixed;top:175px;right:0px;width: 170px;max-height: 80vh;overflow-y: auto;font-size:10pt;padding-top:10px;padding-bottom: 10px;background-color: rgba(255,255,255,0.6)}
nav.toc h4 {color: #000;}
article {margin-right:100px;}
}
@media (max-width: 1000px) and (min-width:801px) {
article {margin-left: 20px;margin-right: 20px;}
.logo {font-size: 30pt !important;}
.logo a {font-size: 30pt !important;}
}
@media (max-width: 1150px) and (min-width:801px) {
main.centered {width:95% !important;padding:10px;margin-left: 20px !important;margin-right: 20px !important;left:0px;}
main.centered-with-sidebar {margin-left: 340px !important;margin-right: 20px !important;position:inherit;left:0px;width:auto !important;}
main.full-width-with-sidebar {margin-left: 340px !important;margin-right: 20px !important;position:inherit;left:0px;width:auto !important;}
}
@media (min-width: 1401px) {
.below1400 {display:none !important;}
}
@media (min-width: 1051px) {
.below1050 {display:none !important;}
}
@media (min-width: 951px) {
.below950 {display:none !important;}
}
@media (min-width: 801px) {
.below800 {display:none !important;}
}
@media (max-width: 1050px) {
.above1050 {display:none !important;}
}
@media (max-width: 950px) {
.above950 {display:none !important;}
}
@media (max-width: 850px) {
.above850 {display:none !important;}
}
@media (max-width: 800px) {
.above800 {display:none !important;}
}
@media (max-width: 750px) {
.above750 {display:none !important;}
}
@media (max-width: 650px) {
.above650 {display:none !important;}
}
@media (max-width: 600px) {
.above600 {display:none !important;}
}
@media (max-width: 550px) {
.above550 {display:none !important;}
}
@media (max-width: 520px) {
.above520 {display:none !important;}
}
@media (max-width: 500px) {
.above500 {display:none !important;}
}
@media (max-width: 470px) {
.above470 {display:none !important;}
}
@media (max-width: 450px) {
.above450 {display:none !important;}
}
@media (max-width: 430px) {
.above430 {display:none !important;}
}
@media (max-width: 400px) {
.above400 {display:none !important;}
}
@media (min-width: 401px) {
.below400 {display:none !important;}
}
@media (max-width: 380px) {
.above380 {display:none !important;}
}
@media (max-width: 350px) {
.above350 {display:none !important;}
}
@keyframes slideOutSidebar {
0% { left: -300px; }
100% { left: 0px; }
}
@keyframes slideClosedSidebar {
0% { left: 0px; }
100% { left: -300px; }
}
@keyframes fadeIn {
from {opacity:0;}
to {opacity:1;}
}
@keyframes pauseThenFadeIn {
0% {opacity:0;}
50% {opacity:0;}
100% {opacity:1;}
}
@keyframes fadeInHalf {
from {opacity:0;}
to {opacity:0.5;}
}
@keyframes fadeInQuarter {
from {opacity:0;}
to {opacity:0.25;}
}
@keyframes placeholderAnimate {
0%{ background-position: -650px 0; }
100%{ background-position: 650px 0; }
}
/* Inherited from GWT standard.css */
body {
color: black;
margin: 0px;
border: 0px;
padding: 0px;
background: #fff;
direction: ltr;
}
a, a:visited, a:hover {
color: #0000AA;
}
.gwt-Button {
margin: 0;
padding: 3px 5px;
text-decoration: none;
font-size: small;
cursor: pointer;
cursor: hand;
background: url("images/hborder.png") repeat-x 0px -27px;
border: 1px outset #ccc;
}
.gwt-PopupPanelGlass {
background-color: #000;
opacity: 0.3;
filter: alpha(opacity=30);
}
/* Inherited from GWT Material Design */
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: local('Material Icons'),
local('MaterialIcons-Regular'),
url(/lib/org.runningreality.Map/font/material-icons/MaterialIcons-Regular.ttf) format('truetype');
font-display: swap
}
.material-icons {
font-family: 'Material Icons';
font-weight: 400;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
font-feature-settings: 'liga';
-moz-font-feature-settings: 'liga';
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility
}
* html,body {
margin: 0!important;
padding: 0!important;
height: 100%;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background: no-repeat fixed;
line-height: 1.5;
font-family: sans-serif;
font-weight: normal;
color: rgba(0,0,0,0.87)
}
* {
outline: 0
}
html,body {
width: 100%;
height: 100%
}
html {
line-height: 1.5;
font-family: sans-serif;
font-weight: normal;
color: rgba(0,0,0,0.87)
}
textarea {
width: 100%;
height: 3rem;
background-color: transparent
}
textarea.materialize-textarea {
overflow-y: hidden;
padding: 1.6rem 0;
resize: none;
min-height: 3rem
}
.hiddendiv {
display: none;
white-space: pre-wrap;
word-wrap: break-word;
overflow-wrap: break-word;
padding-top: 1.2rem
}
body[dir="rtl"] .row .col {
float: right
}
button:focus {
outline: 0;
background-color: #55aef6
}
label {
font-size: .8rem;
color: #9e9e9e
}
h1,h2,h3,h4,h5,h6 {
font-weight: 400;
line-height: 1.1
}
h2 {
font-size: 3.56rem;
line-height: 110%;
margin: 1.78rem 0 1.424rem 0
}
a {
text-decoration: none
}
.btn,.btn-large,.btn-flat {
border: 0;
border-radius: 2px;
display: inline-block;
height: 36px;
line-height: 36px;
outline: 0;
padding: 0 2rem;
text-transform: uppercase;
vertical-align: middle;
-webkit-tap-highlight-color: transparent
}
.btn,.btn-large {
text-decoration: none;
color: #fff;
background-color: #42a5f5;
text-align: center;
letter-spacing: .5px;
transition: .2s ease-out;
cursor: pointer
}
.btn:hover,.btn-large:hover {
background-color: #5ab1f6
}
.btn-floating {
display: inline-block;
color: #fff;
position: relative;
overflow: hidden;
z-index: 1;
width: 37px;
height: 37px;
line-height: 37px;
padding: 0;
background-color: #42a5f5;
border-radius: 50%;
transition: .3s;
cursor: pointer;
vertical-align: middle;
}
button.btn-floating {
border: 0;
}
.btn-floating i {
width: inherit;
display: inline-block;
text-align: center;
color: #fff;
font-size: 1.6rem;
line-height: 37px;
}
button:focus {
outline: 0;
background-color: #55aef6
}
i.left {
float: left;
margin-right: 15px;
}
::-webkit-input-placeholder {
color: #d1d1d1
}
ul {
padding: 0
}
ul li {
list-style-type: none
}
table,th,td {
border: 0
}
.z-depth-1,nav,.card-panel,.card,.toast,.btn,.btn-large,.btn-floating,.dropdown-content,.collapsible,.side-nav {
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)
}
textarea {
overflow: auto
}
optgroup {
font-weight: bold
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,th {
padding: 0
}
.modal.modal-fixed-footer {
padding: 0;
height: 70%;
}
.modal {
display: none;
position: fixed;
left: 0;
right: 0;
background-color: #fafafa;
padding: 0;
max-height: 70%;
width: 55%;
margin: auto;
overflow-y: auto;
border-radius: 2px;
will-change: top, opacity;
}
@media only screen and (max-width: 992px) {.modal {width: 80%; } }
.modal h1, .modal h2, .modal h3, .modal h4 { margin-top: 0; }
.modal .modal-close { cursor: pointer; }
.modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-flat {
float: right;
margin: 6px 0; }
.z-depth-4, .modal {
box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}
.modal.modal-fixed-footer .modal-content {
position: absolute;
height: calc(100% - 56px);
max-height: 100%;
width: 100%;
overflow-y: auto;
}
.modal .modal-content {
padding: 24px;
}
.modal.modal-fixed-footer .modal-footer {
border-top: 1px solid rgba(0, 0, 0, 0.1);
position: absolute;
bottom: 0;
}
.modal .modal-footer {
border-radius: 0 0 2px 2px;
background-color: #fafafa;
padding: 4px 6px;
height: 56px;
width: 100%;
}
.modal .input-field.outlined label.active,
.modal .input-field.outlined .select-wrapper + label,
.modal .input-field.outlined input:-webkit-autofill + label { background-color: #fafafa; }
.modal.fullscreen, .modal.modal-fixed-footer.fullscreen {
width: 100%;
max-height: 100%;
height: 100%;
top: 0 !important;
}
.modal h1, .modal h2, .modal h3, .modal h4 {
font-family: sans-serif !important;
margin-top: 0;
}
h4 {
font-size: 2.28rem;
line-height: 110%;
margin: 1.14rem 0 .912rem 0;
}
.lean-overlay {
position: fixed;
z-index: 999;
top: -100px;
left: 0;
bottom: 0;
right: 0;
height: 125%;
width: 100%;
background: #000;
display: none;
will-change: opacity;
}
.waves-effect {
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
will-change: opacity, transform;
transition: all .3s ease-out;
}
html {
box-sizing: border-box;
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
display: block
}
audio,canvas,progress,video {
display: inline-block;
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden],template {
display: none
}
a {
background-color: transparent
}
*,*:before,*:after {
box-sizing: inherit
}
ul {
list-style-type: none
}
.valign-wrapper {
display: flex;
align-items: center
}
table {
width: 100%;
display: table
}
td,th {
padding: 15px 5px;
display: table-cell;
text-align: left;
vertical-align: middle;
border-radius: 2px
}
a {
color: #039be5;
text-decoration: none;
-webkit-tap-highlight-color: transparent
}
a:hover,a:visited {
color: none!important;
text-decoration: none!important
}
a span {
vertical-align: middle
}
div {
-webkit-font-smoothing: antialiased
}
.left {
float: left!important
}
.right {
float: right!important
}
img {
border: 0
}
.material-label {
display: block
}
.material-icons {
text-rendering: optimizeLegibility;
font-feature-settings: 'liga'
}
.js-focus-visible :focus:not(.focus-visible) {
outline: 0
}
button,input,optgroup,select,textarea {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button,select {
text-transform: none
}
.btn, .btn-large {
text-decoration: none;
color: #fff;
background-color: #42a5f5;
text-align: center;
letter-spacing: .5px;
transition: .2s ease-out;
cursor: pointer;
}
.btn, .btn-large, .btn-flat {
border: 0;
border-radius: 2px;
display: inline-block;
height: 36px;
line-height: 36px;
outline: 0;
padding: 0 2rem;
text-transform: uppercase;
vertical-align: middle;
-webkit-tap-highlight-color: transparent;
}
.button-collapse[tabindex]:after,i[tabindex]:after,.tabs .tab a[tabindex]:before,button[tabindex]:before {
content: "";
position: absolute;
background: rgba(0,0,0,0.2);
border-radius: 100%!important;
width: 0;
height: 0;
top: 50%;
left: 50%;
-webkit-animation: breathing 1.5s ease-out infinite normal;
animation: breathing 1.5s ease-out infinite normal;
opacity: 0;
transition: 400ms
}
.btn i, .btn-large i, .btn-floating i, .btn-large i, .btn-flat i {
font-size: 1.3rem;
line-height: inherit;
}
i.left {
float: left;
margin-right: 15px;
}
.js-focus-visible :focus:not(.focus-visible) {
outline: 0
}
.input-field input[type=search] + label {
z-index: 998 !important; }
@media screen and (max-width: 768px) {
.input-field input:not([type]),
.input-field input[type=text],
.input-field input[type=password],
.input-field input[type=email],
.input-field input[type=url],
.input-field input[type=time],
.input-field input[type=date],
.input-field input[type=datetime-local],
.input-field input[type=tel],
.input-field input[type=number],
.input-field input[type=search],
.input-field textarea.materialize-textarea {
font-size: 16px; } }
input:not([type]),input[type=text],input[type=password],input[type=email],input[type=url],input[type=time],input[type=date],input[type=datetime-local],input[type=tel],input[type=number],input[type=search],textarea.materialize-textarea {
background-color: transparent;
border: 0;
border-bottom: 1px solid #9e9e9e;
border-radius: 0;
outline: 0;
height: 3rem;
width: 100%;
font-size: 1rem;
margin: 0 0 15px 0;
padding: 0;
box-shadow: none;
box-sizing: content-box;
transition: all .3s
}
input:not([type]):focus:not([readonly]),input[type=text]:focus:not([readonly]),input[type=password]:focus:not([readonly]),input[type=email]:focus:not([readonly]),input[type=url]:focus:not([readonly]),input[type=time]:focus:not([readonly]),input[type=date]:focus:not([readonly]),input[type=datetime-local]:focus:not([readonly]),input[type=tel]:focus:not([readonly]),input[type=number]:focus:not([readonly]),input[type=search]:focus:not([readonly]),textarea.materialize-textarea:focus:not([readonly]) {
border-bottom: 1px solid #42a5f5;
box-shadow: 0 1px 0 0 #42a5f5
}
input:not([type]):focus:not([readonly])+label,input[type=text]:focus:not([readonly])+label,input[type=password]:focus:not([readonly])+label,input[type=email]:focus:not([readonly])+label,input[type=url]:focus:not([readonly])+label,input[type=time]:focus:not([readonly])+label,input[type=date]:focus:not([readonly])+label,input[type=datetime-local]:focus:not([readonly])+label,input[type=tel]:focus:not([readonly])+label,input[type=number]:focus:not([readonly])+label,input[type=search]:focus:not([readonly])+label,textarea.materialize-textarea:focus:not([readonly])+label {
color: #42a5f5
}
.input-field.outlined.combobox .select2-container--open .select2-selection {
border: 2px solid #1a73e8;
box-shadow: none; }
.input-field.combobox .select2-container--focus .select2-selection {
border-bottom: 1px solid #1a73e8;
box-shadow: 0 1px 0 0 #1a73e8; }
.input-field.outlined.combobox .select2-container--focus .select2-selection {
border: 2px solid #1a73e8;
box-shadow: none; }
.input-field {
position: relative;
margin-top: 1rem; }
.input-field label {
color: #9e9e9e;
position: absolute;
top: 0.8rem;
left: 0.75rem;
font-size: 1rem;
cursor: text;
transition: .2s ease-out; }
.input-field label.active {
font-size: 0.8rem;
transform: translateY(-140%); }
.input-field .prefix {
position: absolute;
width: 3rem;
font-size: 2rem;
transition: color .2s; }
.input-field .prefix.active {
color: #42a5f5;
}
.input-field .prefix ~ input,
.input-field .prefix ~ textarea {
margin-left: 3rem;
width: 92%;
width: calc(100% - 3rem); }
.input-field .prefix ~ textarea {
padding-top: .8rem; }
.input-field .prefix ~ label {
margin-left: 3rem; }
@media only screen and (max-width: 992px) {
.input-field .prefix ~ input {
width: 86%;
width: calc(100% - 3rem); } }
@media only screen and (max-width: 600px) {
.input-field .prefix ~ input {
width: 80%;
width: calc(100% - 3rem); } }
.input-field input[type=search] {
display: block;
line-height: inherit;
padding-left: 4rem;
width: calc(100% - 4rem); }
.input-field input[type=search]:focus {
background-color: #fff;
border: 0;
box-shadow: none;
color: #444; }
.input-field input[type=search]:focus + label i,
.input-field input[type=search]:focus ~ .mdi-navigation-close,
.input-field input[type=search]:focus ~ .material-icons {
color: #444; }
.input-field input[type=search] + label {
left: 1rem; }
.input-field input[type=search] ~ .mdi-navigation-close,
.input-field input[type=search] ~ .material-icons {
position: absolute;
top: 0;
right: 1rem;
color: transparent;
cursor: pointer;
font-size: 2rem;
transition: .3s color; }
.button-collapse[tabindex],i[tabindex],button[tabindex],.tabs .tab a[tabindex] {
overflow: hidden;
position: relative
}
html input[type="button"],button,input[type="reset"],input[type="submit"] {
-webkit-appearance: button;
cursor: pointer
}
input:not([type])+label:after,input[type=text]+label:after,input[type=password]+label:after,input[type=email]+label:after,input[type=url]+label:after,input[type=time]+label:after,input[type=date]+label:after,input[type=datetime-local]+label:after,input[type=tel]+label:after,input[type=number]+label:after,input[type=search]+label:after,textarea.materialize-textarea+label:after {
display: block;
content: "";
position: absolute;
top: 65px;
opacity: 0;
transition: .2s opacity ease-out,.2s color ease-out
}
.input-field {
position: relative;
margin-top: 1rem
}
.input-field label {
color: #9e9e9e;
position: absolute;
top: .8rem;
left: .75rem;
font-size: 1rem;
cursor: text;
transition: .2s ease-out
}
.input-field label {
left: 0!important
}
.progress {
position: relative;
height: 4px;
display: block;
width: 100%;
background-color: white;
border-radius: 2px;
margin: .5rem 0 1rem 0;
overflow: hidden
}
.progress .indeterminate {
background-color: #42a5f5
}
.progress .indeterminate:before {
content: '';
position: absolute;
background-color: inherit;
top: 0;
left: 0;
bottom: 0;
will-change: left,right;
animation: indeterminate 2.1s cubic-bezier(0.65,0.815,0.735,0.395) infinite
}
.progress .indeterminate:after {
content: '';
position: absolute;
background-color: inherit;
top: 0;
left: 0;
bottom: 0;
will-change: left,right;
animation: indeterminate-short 2.1s cubic-bezier(0.165,0.84,0.44,1) infinite;
animation-delay: 1.15s
}
.progress-wrapper {
top: 0;
position: fixed;
z-index: 999;
width: 100%
}
.progress {
background-color: #ebeef1;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
color: #fff;
transition: 1s all;
-webkit-transition: 1s all;
-moz-transition: 1s all
}
.progress div {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
transition: 1s all;
-webkit-transition: 1s all;
-moz-transition: 1s all;
background-color: #42a5f5
}
@keyframes indeterminate {
0% {
left: -35%;
right: 100%; }
60% {
left: 100%;
right: -90%; }
100% {
left: 100%;
right: -90%; } }
@keyframes indeterminate-short {
0% {
left: -200%;
right: 100%; }
60% {
left: 107%;
right: -8%; }
100% {
left: 107%;
right: -8%; } }
form p {
margin-bottom: 10px;
text-align: left; }
form p:last-child {
margin-bottom: 0; }
/* Remove default checkbox */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
position: absolute;
left: -9999px;
visibility: hidden; }
[type="checkbox"] {
/* checkbox aspect */ }
[type="checkbox"] + label {
position: relative;
padding-left: 35px;
cursor: pointer;
display: inline-block;
height: 25px;
line-height: 25px;
font-size: 1rem;
-webkit-user-select: none;
/* webkit (safari, chrome) browsers */
-moz-user-select: none;
/* mozilla browsers */
-khtml-user-select: none;
/* webkit (konqueror) browsers */
-ms-user-select: none;
/* IE10+ */ }
[type="checkbox"] + label:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 18px;
height: 18px;
z-index: 0;
border: 2px solid #5a5a5a;
border-radius: 1px;
margin-top: 2px;
transition: .2s; }
[type="checkbox"]:not(:checked):disabled + label:before {
border: none;
background-color: rgba(0, 0, 0, 0.26); }
[type="checkbox"]:checked + label:before {
top: -4px;
left: -3px;
width: 12px;
height: 22px;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid #1a73e8;
border-bottom: 2px solid #1a73e8;
transform: rotate(40deg);
backface-visibility: hidden;
transform-origin: 100% 100%; }
[type="checkbox"]:checked:disabled + label:before {
border-right: 2px solid rgba(0, 0, 0, 0.26);
border-bottom: 2px solid rgba(0, 0, 0, 0.26); }
/* Indeterminate checkbox */
[type="checkbox"]:indeterminate + label:before {
left: -10px;
top: -11px;
width: 10px;
height: 22px;
border-top: none;
border-left: none;
border-right: 2px solid #1a73e8;
border-bottom: none;
transform: rotate(90deg);
backface-visibility: hidden;
transform-origin: 100% 100%; }
[type="checkbox"]:indeterminate:disabled + label:before {
border-right: 2px solid rgba(0, 0, 0, 0.26);
background-color: transparent; }
[type="checkbox"].filled-in + label:after {
border-radius: 2px; }
[type="checkbox"].filled-in + label:before,
[type="checkbox"].filled-in + label:after {
content: '';
left: 0;
position: absolute;
/* .1s delay is for check animation */
transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
z-index: 1; }
[type="checkbox"].filled-in:not(:checked) + label:before {
width: 0;
height: 0;
border: 3px solid transparent;
left: 6px;
top: 10px;
-webkit-transform: rotateZ(37deg);
transform: rotateZ(37deg);
-webkit-transform-origin: 20% 40%;
transform-origin: 100% 100%; }
[type="checkbox"].filled-in:not(:checked) + label:after {
height: 20px;
width: 20px;
background-color: transparent;
border: 2px solid #5a5a5a;
top: 0px;
z-index: 0; }
[type="checkbox"].filled-in:checked + label:before {
top: 0;
left: 1px;
width: 8px;
height: 13px;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
-webkit-transform: rotateZ(37deg);
transform: rotateZ(37deg);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%; }
[type="checkbox"].filled-in:checked + label:after {
top: 0px;
width: 20px;
height: 20px;
border: 2px solid #1a73e8;
background-color: #1a73e8;
z-index: 0; }
[type="checkbox"].filled-in:disabled:not(:checked) + label:before {
background-color: transparent;
border: 2px solid transparent; }
[type="checkbox"].filled-in:disabled:not(:checked) + label:after {
border-color: transparent;
background-color: #BDBDBD; }
[type="checkbox"].filled-in:disabled:checked + label:before {
background-color: transparent; }
[type="checkbox"].filled-in:disabled:checked + label:after {
background-color: #BDBDBD;
border-color: #BDBDBD; }
/***************
Switch
***************/
.switch,
.switch * {
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select: none; }
.switch label {
cursor: pointer; }
.switch label input[type=checkbox] {
opacity: 0;
width: 0;
height: 0; }
.switch label input[type=checkbox]:checked + .lever {
background-color: #9dbce4; }
.switch label input[type=checkbox]:checked + .lever:after {
background-color: #1a73e8; }
.switch label .lever {
content: "";
display: inline-block;
position: relative;
width: 40px;
height: 15px;
background-color: #818181;
border-radius: 15px;
margin-right: 10px;
transition: background 0.3s ease;
vertical-align: middle;
margin: 0 16px; }
.switch label .lever:after {
content: "";
position: absolute;
display: inline-block;
width: 21px;
height: 21px;
background-color: #F1F1F1;
border-radius: 21px;
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
left: -5px;
top: -3px;
transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease; }
input[type=checkbox]:checked:not(:disabled) ~ .lever:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(26, 115, 232, 0.1); }
input[type=checkbox]:not(:disabled) ~ .lever:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08); }
.switch label input[type=checkbox]:checked + .lever:after {
left: 24px; }
.switch input[type=checkbox][disabled] + .lever {
cursor: default; }
.switch label input[type=checkbox][disabled] + .lever:after,
.switch label input[type=checkbox][disabled]:checked + .lever:after {
background-color: #BDBDBD; }
.hiddendiv {
display: none;
white-space: pre-wrap;
word-wrap: break-word;
overflow-wrap: break-word;
padding-top: 1.2rem
}
.blue {
background-color: #2196f3!important
}
.black {
background-color: #000!important
}
.black-text {
color: #000!important
}
.white {
background-color: #fff!important
}
.white-text {
color: #fff!important
}
.grey-text {
color: #9e9e9e !important;
}
@media only screen and (max-width: 600px) {
.hide-on-small-only, .hide-on-small-and-down {
display: none !important; } }
@media only screen and (max-width: 992px) {
.hide-on-med-and-down {
display: none !important; } }
@media only screen and (min-width: 601px) {
.hide-on-med-and-up {
display: none !important; } }
@media only screen and (min-width: 600px) and (max-width: 992px) {
.hide-on-med-only {
display: none !important; } }
@media only screen and (min-width: 993px) {
.hide-on-large-only {
display: none !important; } }
@media only screen and (min-width: 993px) {
.show-on-large {
display: block !important; } }
@media only screen and (min-width: 600px) and (max-width: 992px) {
.show-on-medium {
display: block !important; } }
@media only screen and (max-width: 600px) {
.show-on-small {
display: block !important; } }
@media only screen and (min-width: 601px) {
.show-on-medium-and-up {
display: block !important; } }
@media only screen and (max-width: 992px) {
.show-on-medium-and-down {
display: block !important; } }
@media only screen and (max-width: 600px) {
.center-on-small-only {
text-align: center; } }
.row {
margin-left: auto;
margin-right: auto;
margin-bottom: 20px; }
.row:after {
content: "";
display: table;
clear: both; }
.row .col {
float: left;
box-sizing: border-box;
padding: 0 0.75rem; }
.row .col[class*="push-"], .row .col[class*="pull-"] {
position: relative; }
.row .col.s1 {
width: 8.33333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s2 {
width: 16.66667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s3 {
width: 25%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s4 {
width: 33.33333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s5 {
width: 41.66667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s6 {
width: 50%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s7 {
width: 58.33333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s8 {
width: 66.66667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s9 {
width: 75%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s10 {
width: 83.33333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s11 {
width: 91.66667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.s12 {
width: 100%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.offset-s1 {
margin-left: 8.33333%; }
.row .col.pull-s1 {
right: 8.33333%; }
.row .col.push-s1 {
left: 8.33333%; }
.row .col.offset-s2 {
margin-left: 16.66667%; }
.row .col.pull-s2 {
right: 16.66667%; }
.row .col.push-s2 {
left: 16.66667%; }
.row .col.offset-s3 {
margin-left: 25%; }
.row .col.pull-s3 {
right: 25%; }
.row .col.push-s3 {
left: 25%; }
.row .col.offset-s4 {
margin-left: 33.33333%; }
.row .col.pull-s4 {
right: 33.33333%; }
.row .col.push-s4 {
left: 33.33333%; }
.row .col.offset-s5 {
margin-left: 41.66667%; }
.row .col.pull-s5 {
right: 41.66667%; }
.row .col.push-s5 {
left: 41.66667%; }
.row .col.offset-s6 {
margin-left: 50%; }
.row .col.pull-s6 {
right: 50%; }
.row .col.push-s6 {
left: 50%; }
.row .col.offset-s7 {
margin-left: 58.33333%; }
.row .col.pull-s7 {
right: 58.33333%; }
.row .col.push-s7 {
left: 58.33333%; }
.row .col.offset-s8 {
margin-left: 66.66667%; }
.row .col.pull-s8 {
right: 66.66667%; }
.row .col.push-s8 {
left: 66.66667%; }
.row .col.offset-s9 {
margin-left: 75%; }
.row .col.pull-s9 {
right: 75%; }
.row .col.push-s9 {
left: 75%; }
.row .col.offset-s10 {
margin-left: 83.33333%; }
.row .col.pull-s10 {
right: 83.33333%; }
.row .col.push-s10 {
left: 83.33333%; }
.row .col.offset-s11 {
margin-left: 91.66667%; }
.row .col.pull-s11 {
right: 91.66667%; }
.row .col.push-s11 {
left: 91.66667%; }
.row .col.offset-s12 {
margin-left: 100%; }
.row .col.pull-s12 {
right: 100%; }
.row .col.push-s12 {
left: 100%; }
@media only screen and (min-width: 601px) {
.row .col.m1 {
width: 8.33333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.m2 {
width: 16.66667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.m3 {
width: 25%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.m4 {
width: 33.33333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.m5 {
width: 41.66667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.m6 {
width: 50%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.m7 {
width: 58.33333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.m8 {
width: 66.66667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.m9 {
width: 75%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.m10 {
width: 83.33333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.m11 {
width: 91.66667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.m12 {
width: 100%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.offset-m1 {
margin-left: 8.33333%; }
.row .col.pull-m1 {
right: 8.33333%; }
.row .col.push-m1 {
left: 8.33333%; }
.row .col.offset-m2 {
margin-left: 16.66667%; }
.row .col.pull-m2 {
right: 16.66667%; }
.row .col.push-m2 {
left: 16.66667%; }
.row .col.offset-m3 {
margin-left: 25%; }
.row .col.pull-m3 {
right: 25%; }
.row .col.push-m3 {
left: 25%; }
.row .col.offset-m4 {
margin-left: 33.33333%; }
.row .col.pull-m4 {
right: 33.33333%; }
.row .col.push-m4 {
left: 33.33333%; }
.row .col.offset-m5 {
margin-left: 41.66667%; }
.row .col.pull-m5 {
right: 41.66667%; }
.row .col.push-m5 {
left: 41.66667%; }
.row .col.offset-m6 {
margin-left: 50%; }
.row .col.pull-m6 {
right: 50%; }
.row .col.push-m6 {
left: 50%; }
.row .col.offset-m7 {
margin-left: 58.33333%; }
.row .col.pull-m7 {
right: 58.33333%; }
.row .col.push-m7 {
left: 58.33333%; }
.row .col.offset-m8 {
margin-left: 66.66667%; }
.row .col.pull-m8 {
right: 66.66667%; }
.row .col.push-m8 {
left: 66.66667%; }
.row .col.offset-m9 {
margin-left: 75%; }
.row .col.pull-m9 {
right: 75%; }
.row .col.push-m9 {
left: 75%; }
.row .col.offset-m10 {
margin-left: 83.33333%; }
.row .col.pull-m10 {
right: 83.33333%; }
.row .col.push-m10 {
left: 83.33333%; }
.row .col.offset-m11 {
margin-left: 91.66667%; }
.row .col.pull-m11 {
right: 91.66667%; }
.row .col.push-m11 {
left: 91.66667%; }
.row .col.offset-m12 {
margin-left: 100%; }
.row .col.pull-m12 {
right: 100%; }
.row .col.push-m12 {
left: 100%; } }
@media only screen and (min-width: 993px) {
.row .col.l1 {
width: 8.33333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l2 {
width: 16.66667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l3 {
width: 25%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l4 {
width: 33.33333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l5 {
width: 41.66667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l6 {
width: 50%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l7 {
width: 58.33333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l8 {
width: 66.66667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l9 {
width: 75%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l10 {
width: 83.33333%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l11 {
width: 91.66667%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.l12 {
width: 100%;
margin-left: auto;
left: auto;
right: auto; }
.row .col.offset-l1 {
margin-left: 8.33333%; }
.row .col.pull-l1 {
right: 8.33333%; }
.row .col.push-l1 {
left: 8.33333%; }
.row .col.offset-l2 {
margin-left: 16.66667%; }
.row .col.pull-l2 {
right: 16.66667%; }
.row .col.push-l2 {
left: 16.66667%; }
.row .col.offset-l3 {
margin-left: 25%; }
.row .col.pull-l3 {
right: 25%; }
.row .col.push-l3 {
left: 25%; }
.row .col.offset-l4 {
margin-left: 33.33333%; }
.row .col.pull-l4 {
right: 33.33333%; }
.row .col.push-l4 {
left: 33.33333%; }
.row .col.offset-l5 {
margin-left: 41.66667%; }
.row .col.pull-l5 {
right: 41.66667%; }
.row .col.push-l5 {
left: 41.66667%; }
.row .col.offset-l6 {
margin-left: 50%; }
.row .col.pull-l6 {
right: 50%; }
.row .col.push-l6 {
left: 50%; }
.row .col.offset-l7 {
margin-left: 58.33333%; }
.row .col.pull-l7 {
right: 58.33333%; }
.row .col.push-l7 {
left: 58.33333%; }
.row .col.offset-l8 {
margin-left: 66.66667%; }
.row .col.pull-l8 {
right: 66.66667%; }
.row .col.push-l8 {
left: 66.66667%; }
.row .col.offset-l9 {
margin-left: 75%; }
.row .col.pull-l9 {
right: 75%; }
.row .col.push-l9 {
left: 75%; }
.row .col.offset-l10 {
margin-left: 83.33333%; }
.row .col.pull-l10 {
right: 83.33333%; }
.row .col.push-l10 {
left: 83.33333%; }
.row .col.offset-l11 {
margin-left: 91.66667%; }
.row .col.pull-l11 {
right: 91.66667%; }
.row .col.push-l11 {
left: 91.66667%; }
.row .col.offset-l12 {
margin-left: 100%; }
.row .col.pull-l12 {
right: 100%; }
.row .col.push-l12 {
left: 100%; } }
/* Inherited from Material Design Lite (MDL) */
hr{
display:block;
height:1px;
border:0;
border-top:1px solid #ccc;
margin:1em 0;
padding:0
}
textarea{
resize:vertical
}
.hidden{
display:none!important
}
.invisible{
visibility:hidden
}
address,ul,ol{
font-weight:400;
letter-spacing:0
}
ul,ol{
font-size:14px;
line-height:24px
}
audio,canvas,iframe,img,svg,video{
vertical-align:middle
}
article .meta {
box-sizing: border-box;
padding: 16px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
height: auto;
}
.mdl-data-table{
position:relative;
border:1px solid rgba(0,0,0,.12);
border-collapse:collapse;
white-space:nowrap;
font-size:13px;
background-color:#fff
}
.mdl-data-table thead{
padding-bottom:3px
}
.mdl-data-table thead .mdl-data-table__select{
margin-top:0
}
.mdl-data-table tbody tr{
position:relative;
height:48px;
-webkit-transition-duration:.28s;
transition-duration:.28s;
-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-timing-function:cubic-bezier(.4,0,.2,1);
-webkit-transition-property:background-color;
transition-property:background-color
}
.mdl-data-table tbody tr.is-selected{
background-color:#e0e0e0
}
.mdl-data-table tbody tr:hover{
background-color:#eee
}
.mdl-data-table td{
text-align:right
}
.mdl-data-table th{
padding:0 18px 0 18px;
text-align:right
}
.mdl-data-table td:first-of-type,.mdl-data-table th:first-of-type{
padding-left:24px
}
.mdl-data-table td:last-of-type,.mdl-data-table th:last-of-type{
padding-right:24px;
}
.mdl-data-table td{
position:relative;
vertical-align:top;
height:48px;
border-top:1px solid rgba(0,0,0,.12);
border-bottom:1px solid rgba(0,0,0,.12);
padding:12px 18px 0;
box-sizing:border-box;
}
.mdl-data-table td .mdl-data-table__select{
vertical-align:top;
position:absolute;
left:24px
}
.mdl-data-table th{
position:relative;
vertical-align:bottom;
text-overflow:ellipsis;
font-weight:700;
line-height:24px;
letter-spacing:0;
height:48px;
font-size:12px;
color:rgba(0,0,0,.54);
padding-bottom:8px;
box-sizing:border-box
}
.mdl-data-table th .mdl-data-table__select{
position:absolute;
bottom:8px;
left:24px
}
.mdl-data-table__select{
width:16px
}
.mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric{
text-align:left
}
.mdl-button{
background:0 0;
border:none;
border-radius:2px;
color:#000;
position:relative;
height:36px;
min-width:64px;
padding:0 8px;
display:inline-block;
font-family:"Roboto","Helvetica","Arial",sans-serif;
font-size:14px;
font-weight:500;
text-transform:uppercase;
letter-spacing:0;
overflow:hidden;
will-change:box-shadow,transform;
-webkit-transition:box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);
transition:box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);
outline:none;
cursor:pointer;
text-decoration:none;
text-align:center;
line-height:36px;
vertical-align:middle
}
.mdl-button::-moz-focus-inner{
border:0
}
.mdl-button:hover{
background-color:rgba(158,158,158,.2)
}
.mdl-button:focus:not(:active){
background-color:rgba(0,0,0,.12)
}
.mdl-button:active{
background-color:rgba(158,158,158,.4)
}
.mdl-button.mdl-button--colored{
color:rgb(3,169,244)
}
.mdl-button.mdl-button--colored:focus:not(:active){
background-color:rgba(0,0,0,.12)
}
input.mdl-button[type="submit"]{
-webkit-appearance:none
}
.mdl-button--raised{
background:rgba(158,158,158,.2);
box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)
}
.mdl-button--raised:active{
box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);
background-color:rgba(158,158,158,.4)
}
.mdl-button--raised:focus:not(:active){
box-shadow:0 0 8px rgba(0,0,0,.18),0 8px 16px rgba(0,0,0,.36);
background-color:rgba(158,158,158,.4)
}
.mdl-button--raised.mdl-button--colored{
background:rgb(3,169,244);
color:rgb(66,66,66)
}
.mdl-button--raised.mdl-button--colored:hover{
background-color:rgb(3,169,244)
}
.mdl-button--raised.mdl-button--colored:active{
background-color:rgb(3,169,244)
}
.mdl-button--raised.mdl-button--colored:focus:not(:active){
background-color:rgb(3,169,244)
}
.mdl-button--raised.mdl-button--colored .mdl-ripple{
background:rgb(66,66,66)
}
.mdl-button--icon{
border-radius:50%;
font-size:24px;
height:32px;
margin-left:0;
margin-right:0;
min-width:32px;
width:32px;
padding:0;
overflow:hidden;
color:inherit;
line-height:normal
}
.mdl-button--icon .material-icons{
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-12px,-12px);
-ms-transform:translate(-12px,-12px);
transform:translate(-12px,-12px);
line-height:24px;
width:24px
}
.mdl-button--icon.mdl-button--mini-icon{
height:24px;
min-width:24px;
width:24px
}
.mdl-button--icon.mdl-button--mini-icon .material-icons{
top:0;
left:0
}
.mdl-button--icon .mdl-button__ripple-container{
border-radius:50%;
-webkit-mask-image:-webkit-radial-gradient(circle,#fff,#000)
}
.mdl-button__ripple-container{
display:block;
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:0;
overflow:hidden
}
.mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple,.mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple{
background-color:transparent
}
.mdl-button--primary.mdl-button--primary{
color:rgb(3,169,244)
}
.mdl-button--primary.mdl-button--primary .mdl-ripple{
background:rgb(66,66,66)
}
.mdl-button--primary.mdl-button--primary.mdl-button--raised,.mdl-button--primary.mdl-button--primary.mdl-button--fab{
color:rgb(66,66,66);
background-color:rgb(3,169,244)
}
.mdl-button--accent.mdl-button--accent{
color:rgb(255,255,0)
}
.mdl-button--accent.mdl-button--accent .mdl-ripple{
background:rgb(66,66,66)
}
.mdl-button--accent.mdl-button--accent.mdl-button--raised,.mdl-button--accent.mdl-button--accent.mdl-button--fab{
color:rgb(66,66,66);
background-color:rgb(255,255,0)
}
.mdl-button[disabled][disabled],.mdl-button.mdl-button--disabled.mdl-button--disabled{
color:rgba(0,0,0,.26);
cursor:auto;
background-color:transparent
}
.mdl-button--fab[disabled][disabled],.mdl-button--fab.mdl-button--disabled.mdl-button--disabled,.mdl-button--raised[disabled][disabled],.mdl-button--raised.mdl-button--disabled.mdl-button--disabled{
background-color:rgba(0,0,0,.12);
color:rgba(0,0,0,.26);
box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)
}
.mdl-button--colored[disabled][disabled],.mdl-button--colored.mdl-button--disabled.mdl-button--disabled{
color:rgba(0,0,0,.26)
}
.mdl-button .material-icons {
vertical-align:middle
}
.mdl-card {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
font-size:16px;
font-weight:400;
min-height:200px;/* overflow:hidden; */
width:330px;
z-index:1;
position:relative;
background:#fff;
border-radius:2px;
box-sizing:border-box
}
.mdl-card__title {padding:16px;padding-bottom: 0px;}
.mdl-card__title-text {/* -webkit-align-self:flex-end; */
-ms-flex-item-align:end;
align-self:flex-end;
color:inherit;
display:block;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
font-size:24px;
font-weight:300;
line-height:normal;
overflow:hidden;
-webkit-transform-origin:149px 48px;
-ms-transform-origin:149px 48px;
transform-origin:149px 48px;
margin:0
}
.mdl-card__supporting-text {
color:#555555;
font-size:12pt;
line-height:24px;
overflow:hidden;
padding:16px;
width:90%;
flex-grow: 1;
}
.mdl-card__media {}
.mdl-card__media img {width:100%;}
.mdl-card__actions {
font-size: 16px;
line-height: normal;
width: 100%;
background-color: transparent;
padding: 8px;
box-sizing: border-box;
}
.mdl-card--border {border-top: 1px solid rgba(0,0,0,.1);}
.mdl-grid {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-flow:row wrap;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
margin:0 auto;
-webkit-box-align:stretch;
-webkit-align-items:stretch;
-ms-flex-align:stretch;
align-items:stretch
}
.mdl-grid.mdl-grid--no-spacing{
padding:0
}
.mdl-cell{
box-sizing:border-box
}
.mdl-shadow--2dp{
box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)
}
.mdl-shadow--3dp{
box-shadow:0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.2),0 1px 8px 0 rgba(0,0,0,.12)
}
.mdl-shadow--4dp{
box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2)
}
.mdl-shadow--6dp{
box-shadow:0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2)
}
.mdl-shadow--8dp{
box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2)
}
.mdl-shadow--16dp{
box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2)
}
@media (max-width:479px){
.mdl-grid{
padding:8px
}
.mdl-cell{
margin:8px;
width:calc(100% - 16px)
}
.mdl-grid--no-spacing>.mdl-cell{
width:100%
}
.mdl-cell--hide-phone{
display:none!important
}
.mdl-cell--1-col,.mdl-cell--1-col-phone.mdl-cell--1-col-phone{
width:calc(25% - 16px)
}
.mdl-grid--no-spacing>.mdl-cell--1-col,.mdl-grid--no-spacing>.mdl-cell--1-col-phone.mdl-cell--1-col-phone{
width:25%
}
.mdl-cell--2-col,.mdl-cell--2-col-phone.mdl-cell--2-col-phone{
width:calc(50% - 16px)
}
.mdl-grid--no-spacing>.mdl-cell--2-col,.mdl-grid--no-spacing>.mdl-cell--2-col-phone.mdl-cell--2-col-phone{
width:50%
}
.mdl-cell--3-col,.mdl-cell--3-col-phone.mdl-cell--3-col-phone{
width:calc(75% - 16px)
}
.mdl-grid--no-spacing>.mdl-cell--3-col,.mdl-grid--no-spacing>.mdl-cell--3-col-phone.mdl-cell--3-col-phone{
width:75%
}
.mdl-cell--4-col,.mdl-cell--4-col-phone.mdl-cell--4-col-phone{
width:calc(100% - 16px)
}
.mdl-grid--no-spacing>.mdl-cell--4-col,.mdl-grid--no-spacing>.mdl-cell--4-col-phone.mdl-cell--4-col-phone{
width:100%
}
.mdl-cell--5-col,.mdl-cell--5-col-phone.mdl-cell--5-col-phone{
width:calc(100% - 16px)
}
.mdl-grid--no-spacing>.mdl-cell--5-col,.mdl-grid--no-spacing>.mdl-cell--5-col-phone.mdl-cell--5-col-phone{
width:100%
}
.mdl-cell--6-col,.mdl-cell--6-col-phone.mdl-cell--6-col-phone{
width:calc(100% - 16px)
}
.mdl-grid--no-spacing>.mdl-cell--6-col,.mdl-grid--no-spacing>.mdl-cell--6-col-phone.mdl-cell--6-col-phone{
width:100%
}
.mdl-cell--7-col,.mdl-cell--7-col-phone.mdl-cell--7-col-phone{
width:calc(100% - 16px)
}
.mdl-grid--no-spacing>.mdl-cell--7-col,.mdl-grid--no-spacing>.mdl-cell--7-col-phone.mdl-cell--7-col-phone{
width:100%
}
.mdl-cell--8-col,.mdl-cell--8-col-phone.mdl-cell--8-col-phone{
width:calc(100% - 16px)
}
.mdl-grid--no-spacing>.mdl-cell--8-col,.mdl-grid--no-spacing>.mdl-cell--8-col-phone.mdl-cell--8-col-phone{
width:100%
}
.mdl-cell--9-col,.mdl-cell--9-col-phone.mdl-cell--9-col-phone{
width:calc(100% - 16px)
}
.mdl-grid--no-spacing>.mdl-cell--9-col,.mdl-grid--no-spacing>.mdl-cell--9-col-phone.mdl-cell--9-col-phone{
width:100%
}
.mdl-cell--10-col,.mdl-cell--10-col-phone.mdl-cell--10-col-phone{
width:calc(100% - 16px)
}
.mdl-grid--no-spacing>.mdl-cell--10-col,.mdl-grid--no-spacing>.mdl-cell--10-col-phone.mdl-cell--10-col-phone{
width:100%
}
.mdl-cell--11-col,.mdl-cell--11-col-phone.mdl-cell--11-col-phone{
width:calc(100% - 16px)
}
.mdl-grid--no-spacing>.mdl-cell--11-col,.mdl-grid--no-spacing>.mdl-cell--11-col-phone.mdl-cell--11-col-phone{
width:100%
}
.mdl-cell--12-col,.mdl-cell--12-col-phone.mdl-cell--12-col-phone{
width:calc(100% - 16px)
}
.mdl-grid--no-spacing>.mdl-cell--12-col,.mdl-grid--no-spacing>.mdl-cell--12-col-phone.mdl-cell--12-col-phone{
width:100%
}
}
@media (min-width:480px) and (max-width:839px){
.mdl-grid{
padding:8px
}
.mdl-cell{
margin:8px;
width:calc(50% - 16px)
}
.mdl-grid--no-spacing>.mdl-cell{
width:50%
}
.mdl-cell--hide-tablet{
display:none!important
}
.mdl-cell--1-col,.mdl-cell--1-col-tablet.mdl-cell--1-col-tablet{
width:calc(12.5% - 16px)
}
.mdl-grid--no-spacing>.mdl-cell--1-col,.mdl-grid--no-spacing>.mdl-cell--1-col-tablet.mdl-cell--1-col-tablet{
width:12.5%
}
.mdl-cell--2-col,.mdl-cell--2-col-tablet.mdl-cell--2-col-tablet{
width:calc(25% - 16px)
}
.mdl-grid--no-spacing>.mdl-cell--2-col,.mdl-grid--no-spacing>.mdl-cell--2-col-tablet.mdl-cell--2-col-tablet{
width:25%
}
.mdl-cell--3-col,.mdl-cell--3-col-tablet.mdl-cell--3-col-tablet{
width:calc(37.5% - 16px)
}
.mdl-grid--no-spacing>.mdl-cell--3-col,.mdl-grid--no-spacing>.mdl-cell--3-col-tablet.mdl-cell--3-col-tablet{
width:37.5%
}
.mdl-cell--4-col,.mdl-cell--4-col-tablet.mdl-cell--4-col-tablet{
width:calc(50% - 16px)
}
.mdl-grid--no-spacing>.mdl-cell--4-col,.mdl-grid--no-spacing>.mdl-cell--4-col-tablet.mdl-cell--4-col-tablet{
width:50%
}
.mdl-cell--5-col,.mdl-cell--5-col-tablet.mdl-cell--5-col-tablet{
width:calc(62.5% - 16px)
}
.mdl-grid--no-spacing>.mdl-cell--5-col,.mdl-grid--no-spacing>.mdl-cell--5-col-tablet.mdl-cell--5-col-tablet{
width:62.5%
}
.mdl-cell--6-col,.mdl-cell--6-col-tablet.mdl-cell--6-col-tablet{
width:calc(75% - 16px)
}
.mdl-grid--no-spacing>.mdl-cell--6-col,.mdl-grid--no-spacing>.mdl-cell--6-col-tablet.mdl-cell--6-col-tablet{
width:75%
}
.mdl-cell--7-col,.mdl-cell--7-col-tablet.mdl-cell--7-col-tablet{
width:calc(87.5% - 16px)
}
.mdl-grid--no-spacing>.mdl-cell--7-col,.mdl-grid--no-spacing>.mdl-cell--7-col-tablet.mdl-cell--7-col-tablet{
width:87.5%
}
.mdl-cell--8-col,.mdl-cell--8-col-tablet.mdl-cell--8-col-tablet{
width:calc(100% - 16px)
}
.mdl-grid--no-spacing>.mdl-cell--8-col,.mdl-grid--no-spacing>.mdl-cell--8-col-tablet.mdl-cell--8-col-tablet{
width:100%
}
.mdl-cell--9-col,.mdl-cell--9-col-tablet.mdl-cell--9-col-tablet{
width:calc(100% - 16px)
}
.mdl-grid--no-spacing>.mdl-cell--9-col,.mdl-grid--no-spacing>.mdl-cell--9-col-tablet.mdl-cell--9-col-tablet{
width:100%
}
.mdl-cell--10-col,.mdl-cell--10-col-tablet.mdl-cell--10-col-tablet{
width:calc(100% - 16px)
}
.mdl-grid--no-spacing>.mdl-cell--10-col,.mdl-grid--no-spacing>.mdl-cell--10-col-tablet.mdl-cell--10-col-tablet{
width:100%
}
.mdl-cell--11-col,.mdl-cell--11-col-tablet.mdl-cell--11-col-tablet{
width:calc(100% - 16px)
}
.mdl-grid--no-spacing>.mdl-cell--11-col,.mdl-grid--no-spacing>.mdl-cell--11-col-tablet.mdl-cell--11-col-tablet{
width:100%
}
.mdl-cell--12-col,.mdl-cell--12-col-tablet.mdl-cell--12-col-tablet{
width:calc(100% - 16px)
}
.mdl-grid--no-spacing>.mdl-cell--12-col,.mdl-grid--no-spacing>.mdl-cell--12-col-tablet.mdl-cell--12-col-tablet{
width:100%
}
}
@media (min-width:840px){
.mdl-grid{
padding:8px
}
.mdl-cell{
margin:8px;
width:calc(33.3333333333% - 16px)
}
.mdl-grid--no-spacing>.mdl-cell{
width:33.3333333333%
}
.mdl-cell--hide-desktop{
display:none!important
}
.mdl-cell--1-col,.mdl-cell--1-col-desktop.mdl-cell--1-col-desktop{
width:calc(8.3333333333% - 16px)
}
.mdl-grid--no-spacing>.mdl-cell--1-col,.mdl-grid--no-spacing>.mdl-cell--1-col-desktop.mdl-cell--1-col-desktop{
width:8.3333333333%
}
.mdl-cell--2-col,.mdl-cell--2-col-desktop.mdl-cell--2-col-desktop{
width:calc(16.6666666667% - 16px)
}
.mdl-grid--no-spacing>.mdl-cell--2-col,.mdl-grid--no-spacing>.mdl-cell--2-col-desktop.mdl-cell--2-col-desktop{
width:16.6666666667%
}
.mdl-cell--3-col,.mdl-cell--3-col-desktop.mdl-cell--3-col-desktop{
width:calc(25% - 16px)
}
.mdl-grid--no-spacing>.mdl-cell--3-col,.mdl-grid--no-spacing>.mdl-cell--3-col-desktop.mdl-cell--3-col-desktop{
width:25%
}
.mdl-cell--4-col,.mdl-cell--4-col-desktop.mdl-cell--4-col-desktop{
width:calc(33.3333333333% - 16px)
}
.mdl-grid--no-spacing>.mdl-cell--4-col,.mdl-grid--no-spacing>.mdl-cell--4-col-desktop.mdl-cell--4-col-desktop{
width:33.3333333333%
}
.mdl-cell--5-col,.mdl-cell--5-col-desktop.mdl-cell--5-col-desktop{
width:calc(41.6666666667% - 16px)
}
.mdl-grid--no-spacing>.mdl-cell--5-col,.mdl-grid--no-spacing>.mdl-cell--5-col-desktop.mdl-cell--5-col-desktop{
width:41.6666666667%
}
.mdl-cell--6-col,.mdl-cell--6-col-desktop.mdl-cell--6-col-desktop{
width:calc(50% - 16px)
}
.mdl-grid--no-spacing>.mdl-cell--6-col,.mdl-grid--no-spacing>.mdl-cell--6-col-desktop.mdl-cell--6-col-desktop{
width:50%
}
.mdl-cell--7-col,.mdl-cell--7-col-desktop.mdl-cell--7-col-desktop{
width:calc(58.3333333333% - 16px)
}
.mdl-grid--no-spacing>.mdl-cell--7-col,.mdl-grid--no-spacing>.mdl-cell--7-col-desktop.mdl-cell--7-col-desktop{
width:58.3333333333%
}
.mdl-cell--8-col,.mdl-cell--8-col-desktop.mdl-cell--8-col-desktop{
width:calc(66.6666666667% - 16px)
}
.mdl-grid--no-spacing>.mdl-cell--8-col,.mdl-grid--no-spacing>.mdl-cell--8-col-desktop.mdl-cell--8-col-desktop{
width:66.6666666667%
}
.mdl-cell--9-col,.mdl-cell--9-col-desktop.mdl-cell--9-col-desktop{
width:calc(75% - 16px)
}
.mdl-grid--no-spacing>.mdl-cell--9-col,.mdl-grid--no-spacing>.mdl-cell--9-col-desktop.mdl-cell--9-col-desktop{
width:75%
}
.mdl-cell--10-col,.mdl-cell--10-col-desktop.mdl-cell--10-col-desktop{
width:calc(83.3333333333% - 16px)
}
.mdl-grid--no-spacing>.mdl-cell--10-col,.mdl-grid--no-spacing>.mdl-cell--10-col-desktop.mdl-cell--10-col-desktop{
width:83.3333333333%
}
.mdl-cell--11-col,.mdl-cell--11-col-desktop.mdl-cell--11-col-desktop{
width:calc(91.6666666667% - 16px)
}
.mdl-grid--no-spacing>.mdl-cell--11-col,.mdl-grid--no-spacing>.mdl-cell--11-col-desktop.mdl-cell--11-col-desktop{
width:91.6666666667%
}
.mdl-cell--12-col,.mdl-cell--12-col-desktop.mdl-cell--12-col-desktop{
width:calc(100% - 16px)
}
.mdl-grid--no-spacing>.mdl-cell--12-col,.mdl-grid--no-spacing>.mdl-cell--12-col-desktop.mdl-cell--12-col-desktop{
width:100%
}
}
:root,
:host {
--ol-background-color: white;
--ol-accent-background-color: #F5F5F5;
--ol-subtle-background-color: rgba(128, 128, 128, 0.25);
--ol-partial-background-color: rgba(255, 255, 255, 0.75);
--ol-foreground-color: #333333;
--ol-subtle-foreground-color: #666666;
--ol-brand-color: #00AAFF;
}
.ol-box {
box-sizing: border-box;
border-radius: 2px;
border: 1.5px solid var(--ol-background-color);
background-color: var(--ol-partial-background-color);
}
.ol-mouse-position {
top: 8px;
right: 8px;
position: absolute;
}
.ol-scale-line {
background: var(--ol-partial-background-color);
border-radius: 4px;
bottom: 8px;
left: 8px;
padding: 2px;
position: absolute;
}
.ol-scale-line-inner {
border: 1px solid var(--ol-subtle-foreground-color);
border-top: none;
color: var(--ol-foreground-color);
font-size: 10px;
text-align: center;
margin: 1px;
will-change: contents, width;
transition: all 0.25s;
}
.ol-scale-bar {
position: absolute;
bottom: 8px;
left: 8px;
}
.ol-scale-bar-inner {
display: flex;
}
.ol-scale-step-marker {
width: 1px;
height: 15px;
background-color: var(--ol-foreground-color);
float: right;
z-index: 10;
}
.ol-scale-step-text {
position: absolute;
bottom: -5px;
font-size: 10px;
z-index: 11;
color: var(--ol-foreground-color);
text-shadow: -1.5px 0 var(--ol-partial-background-color), 0 1.5px var(--ol-partial-background-color), 1.5px 0 var(--ol-partial-background-color), 0 -1.5px var(--ol-partial-background-color);
}
.ol-scale-text {
position: absolute;
font-size: 12px;
text-align: center;
bottom: 25px;
color: var(--ol-foreground-color);
text-shadow: -1.5px 0 var(--ol-partial-background-color), 0 1.5px var(--ol-partial-background-color), 1.5px 0 var(--ol-partial-background-color), 0 -1.5px var(--ol-partial-background-color);
}
.ol-scale-singlebar {
position: relative;
height: 10px;
z-index: 9;
box-sizing: border-box;
border: 1px solid var(--ol-foreground-color);
}
.ol-scale-singlebar-even {
background-color: var(--ol-subtle-foreground-color);
}
.ol-scale-singlebar-odd {
background-color: var(--ol-background-color);
}
.ol-unsupported {
display: none;
}
.ol-viewport,
.ol-unselectable {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
}
.ol-viewport canvas {
all: unset;
overflow: hidden;
}
.ol-viewport {
touch-action: pan-x pan-y;
}
.ol-selectable {
-webkit-touch-callout: default;
-webkit-user-select: text;
-moz-user-select: text;
user-select: text;
}
.ol-grabbing {
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
}
.ol-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
.ol-control {
position: absolute;
background-color: var(--ol-subtle-background-color);
border-radius: 4px;
}
.ol-zoom {
top: .5em;
left: .5em;
}
.ol-rotate {
top: .5em;
right: .5em;
transition: opacity .25s linear, visibility 0s linear;
}
.ol-rotate.ol-hidden {
opacity: 0;
visibility: hidden;
transition: opacity .25s linear, visibility 0s linear .25s;
}
.ol-zoom-extent {
top: 4.643em;
left: .5em;
}
.ol-full-screen {
right: .5em;
top: .5em;
}
.ol-control button {
display: block;
margin: 1px;
padding: 0;
color: var(--ol-subtle-foreground-color);
font-weight: bold;
text-decoration: none;
font-size: inherit;
text-align: center;
height: 1.375em;
width: 1.375em;
line-height: .4em;
background-color: var(--ol-background-color);
border: none;
border-radius: 2px;
}
.ol-control button::-moz-focus-inner {
border: none;
padding: 0;
}
.ol-zoom-extent button {
line-height: 1.4em;
}
.ol-compass {
display: block;
font-weight: normal;
will-change: transform;
}
.ol-touch .ol-control button {
font-size: 1.5em;
}
.ol-touch .ol-zoom-extent {
top: 5.5em;
}
.ol-control button:hover,
.ol-control button:focus {
text-decoration: none;
outline: 1px solid var(--ol-subtle-foreground-color);
color: var(--ol-foreground-color);
}
.ol-zoom .ol-zoom-in {
border-radius: 2px 2px 0 0;
}
.ol-zoom .ol-zoom-out {
border-radius: 0 0 2px 2px;
}
.ol-attribution {
text-align: right;
bottom: .5em;
right: .5em;
max-width: calc(100% - 1.3em);
display: flex;
flex-flow: row-reverse;
align-items: center;
}
.ol-attribution a {
color: var(--ol-subtle-foreground-color);
text-decoration: none;
}
.ol-attribution ul {
margin: 0;
padding: 1px .5em;
color: var(--ol-foreground-color);
text-shadow: 0 0 2px var(--ol-background-color);
font-size: 12px;
}
.ol-attribution li {
display: inline;
list-style: none;
}
.ol-attribution li:not(:last-child):after {
content: " ";
}
.ol-attribution img {
max-height: 2em;
max-width: inherit;
vertical-align: middle;
}
.ol-attribution button {
flex-shrink: 0;
}
.ol-attribution.ol-collapsed ul {
display: none;
}
.ol-attribution:not(.ol-collapsed) {
background: var(--ol-partial-background-color);
}
.ol-attribution.ol-uncollapsible {
bottom: 0;
right: 0;
border-radius: 4px 0 0;
}
.ol-attribution.ol-uncollapsible img {
margin-top: -.2em;
max-height: 1.6em;
}
.ol-attribution.ol-uncollapsible button {
display: none;
}
.ol-zoomslider {
top: 4.5em;
left: .5em;
height: 200px;
}
.ol-zoomslider button {
position: relative;
height: 10px;
}
.ol-touch .ol-zoomslider {
top: 5.5em;
}
.ol-overviewmap {
left: 0.5em;
bottom: 0.5em;
}
.ol-overviewmap.ol-uncollapsible {
bottom: 0;
left: 0;
border-radius: 0 4px 0 0;
}
.ol-overviewmap .ol-overviewmap-map,
.ol-overviewmap button {
display: block;
}
.ol-overviewmap .ol-overviewmap-map {
border: 1px solid var(--ol-subtle-foreground-color);
height: 150px;
width: 150px;
}
.ol-overviewmap:not(.ol-collapsed) button {
bottom: 0;
left: 0;
position: absolute;
}
.ol-overviewmap.ol-collapsed .ol-overviewmap-map,
.ol-overviewmap.ol-uncollapsible button {
display: none;
}
.ol-overviewmap:not(.ol-collapsed) {
background: var(--ol-subtle-background-color);
}
.ol-overviewmap-box {
border: 1.5px dotted var(--ol-subtle-foreground-color);
}
.ol-overviewmap .ol-overviewmap-box:hover {
cursor: move;
}