/* roboto-100 - greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: local('Roboto Thin'), local('Roboto-Thin'), url('roboto-v18-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-100.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('roboto-v18-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-100.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-100italic - greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 100; src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url('roboto-v18-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-100italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('roboto-v18-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-100italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-300 - greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url('roboto-v18-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('roboto-v18-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-300italic - greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 300; src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url('roboto-v18-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('roboto-v18-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-regular - greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url('roboto-v18-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('roboto-v18-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-italic - greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url('roboto-v18-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('roboto-v18-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-500 - greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url('roboto-v18-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('roboto-v18-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-500italic - greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url('roboto-v18-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('roboto-v18-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-700 - greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url('roboto-v18-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('roboto-v18-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-700italic - greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('roboto-v18-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('roboto-v18-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-900italic - greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 900; src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url('roboto-v18-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-900italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('roboto-v18-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-900italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-900 - greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: local('Roboto Black'), local('Roboto-Black'), url('roboto-v18-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('roboto-v18-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-mono-100 - greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext */ @font-face { font-family: 'Roboto Mono'; font-style: normal; font-weight: 100; src: local('Roboto Mono Thin'), local('RobotoMono-Thin'), url('roboto-mono-v5-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-100.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('roboto-mono-v5-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-100.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-mono-100italic - greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext */ @font-face { font-family: 'Roboto Mono'; font-style: italic; font-weight: 100; src: local('Roboto Mono Thin Italic'), local('RobotoMono-ThinItalic'), url('roboto-mono-v5-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-100italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('roboto-mono-v5-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-100italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-mono-300 - greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext */ @font-face { font-family: 'Roboto Mono'; font-style: normal; font-weight: 300; src: local('Roboto Mono Light'), local('RobotoMono-Light'), url('roboto-mono-v5-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('roboto-mono-v5-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-mono-300italic - greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext */ @font-face { font-family: 'Roboto Mono'; font-style: italic; font-weight: 300; src: local('Roboto Mono Light Italic'), local('RobotoMono-LightItalic'), url('roboto-mono-v5-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('roboto-mono-v5-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-mono-regular - greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext */ @font-face { font-family: 'Roboto Mono'; font-style: normal; font-weight: 400; src: local('Roboto Mono'), local('RobotoMono-Regular'), url('roboto-mono-v5-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('roboto-mono-v5-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-mono-italic - greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext */ @font-face { font-family: 'Roboto Mono'; font-style: italic; font-weight: 400; src: local('Roboto Mono Italic'), local('RobotoMono-Italic'), url('roboto-mono-v5-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('roboto-mono-v5-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-mono-500 - greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext */ @font-face { font-family: 'Roboto Mono'; font-style: normal; font-weight: 500; src: local('Roboto Mono Medium'), local('RobotoMono-Medium'), url('roboto-mono-v5-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('roboto-mono-v5-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-mono-500italic - greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext */ @font-face { font-family: 'Roboto Mono'; font-style: italic; font-weight: 500; src: local('Roboto Mono Medium Italic'), local('RobotoMono-MediumItalic'), url('roboto-mono-v5-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('roboto-mono-v5-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-mono-700 - greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext */ @font-face { font-family: 'Roboto Mono'; font-style: normal; font-weight: 700; src: local('Roboto Mono Bold'), local('RobotoMono-Bold'), url('roboto-mono-v5-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('roboto-mono-v5-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-mono-700italic - greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext */ @font-face { font-family: 'Roboto Mono'; font-style: italic; font-weight: 700; src: local('Roboto Mono Bold Italic'), local('RobotoMono-BoldItalic'), url('roboto-mono-v5-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('roboto-mono-v5-greek_latin-ext_latin_vietnamese_cyrillic_cyrillic-ext_greek-ext-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }/** * PowerTip * https://stevenbenner.github.io/jquery-powertip/ * * Stylesheet for the monochrome (default) theme. */ #powerTip { cursor: default; background-color: #333; background-color: rgba(0, 0, 0, 0.8); border-color: #333; border-color: rgba(0, 0, 0, 0.8); border-radius: 6px; color: #fff; display: none; padding: 10px; position: absolute; white-space: nowrap; z-index: 2147483647; } #powerTip:before { content: attr(class) " "; position: absolute; height: 0; width: 0; text-indent: 100%; overflow: hidden; } #powerTip.n:before, #powerTip.s:before { border-right: 5px solid transparent; border-left: 5px solid transparent; left: 50%; margin-left: -5px; } #powerTip.e:before, #powerTip.w:before { border-bottom: 5px solid transparent; border-top: 5px solid transparent; margin-top: -5px; top: 50%; } #powerTip.n:before, #powerTip.ne:before, #powerTip.nw:before { bottom: -10px; } #powerTip.n:before, #powerTip.ne:before, #powerTip.nw:before , #powerTip.nw-alt:before, #powerTip.ne-alt:before { border-top-color: inherit; border-top-style: solid; border-top-width: 10px; } #powerTip.e:before { border-right-color: inherit; border-right-style: solid; border-right-width: 10px; left: -10px; } #powerTip.s:before, #powerTip.se:before, #powerTip.sw:before { top: -10px; } #powerTip.s:before, #powerTip.se:before, #powerTip.sw:before , #powerTip.sw-alt:before, #powerTip.se-alt:before { border-bottom-color: inherit; border-bottom-style: solid; border-bottom-width: 10px; } #powerTip.w:before { border-left-color: inherit; border-left-style: solid; border-left-width: 10px; right: -10px; } #powerTip.ne:before, #powerTip.se:before { border-right: 10px solid transparent; border-left: 0; left: 10px; } #powerTip.nw:before, #powerTip.sw:before { border-left: 10px solid transparent; border-right: 0; right: 10px; } #powerTip.nw-alt:before, #powerTip.ne-alt:before, #powerTip.sw-alt:before, #powerTip.se-alt:before { bottom: -10px; border-left: 5px solid transparent; border-right: 5px solid transparent; left: 10px; } #powerTip.ne-alt:before { left: auto; right: 10px; } #powerTip.sw-alt:before, #powerTip.se-alt:before { border-top: none; bottom: auto; top: -10px; } #powerTip.se-alt:before { left: auto; right: 10px; } .toast-title { font-weight: bold; } .toast-message { -ms-word-wrap: break-word; word-wrap: break-word; } .toast-message a, .toast-message label { color: #FFFFFF; } .toast-message a:hover { color: #CCCCCC; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #FFFFFF; -webkit-text-shadow: 0 1px 0 #ffffff; text-shadow: 0 1px 0 #ffffff; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); line-height: 1; } .toast-close-button:hover, .toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); } .rtl .toast-close-button { left: -0.3em; float: left; right: 0.3em; } /*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/ button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .toast-top-center { top: 0; right: 0; width: 100%; } .toast-bottom-center { bottom: 0; right: 0; width: 100%; } .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } #toast-container { position: fixed; z-index: 999999; pointer-events: none; /*overrides*/ } #toast-container * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #toast-container > div { position: relative; pointer-events: auto; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; background-position: 15px center; background-repeat: no-repeat; -moz-box-shadow: 0 0 12px #999999; -webkit-box-shadow: 0 0 12px #999999; box-shadow: 0 0 12px #999999; color: #FFFFFF; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); } #toast-container > div.rtl { direction: rtl; padding: 15px 50px 15px 15px; background-position: right 15px center; } #toast-container > div:hover { -moz-box-shadow: 0 0 12px #000000; -webkit-box-shadow: 0 0 12px #000000; box-shadow: 0 0 12px #000000; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); cursor: pointer; } #toast-container > .toast-info { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; } #toast-container > .toast-error { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; } #toast-container > .toast-success { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; } #toast-container > .toast-warning { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; } #toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div { width: 300px; margin-left: auto; margin-right: auto; } #toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div { width: 96%; margin-left: auto; margin-right: auto; } .toast { background-color: #030303; } .toast-success { background-color: #51A351; } .toast-error { background-color: #BD362F; } .toast-info { background-color: #2F96B4; } .toast-warning { background-color: #F89406; } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000000; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); } /*Responsive Design*/ @media all and (max-width: 240px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 11em; } #toast-container > div.rtl { padding: 8px 50px 8px 8px; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } #toast-container .rtl .toast-close-button { left: -0.2em; right: 0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 18em; } #toast-container > div.rtl { padding: 8px 50px 8px 8px; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } #toast-container .rtl .toast-close-button { left: -0.2em; right: 0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { #toast-container > div { padding: 15px 15px 15px 50px; width: 25em; } #toast-container > div.rtl { padding: 15px 50px 15px 15px; } } @-webkit-keyframes vex-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes vex-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes vex-fadeout { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes vex-fadeout { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes vex-rotation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes vex-rotation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .vex, .vex *, .vex *:before, .vex *:after { -moz-box-sizing: border-box; box-sizing: border-box; } .vex { position: fixed; overflow: auto; -webkit-overflow-scrolling: touch; z-index: 1111; top: 0; right: 0; bottom: 0; left: 0; } .vex-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } .vex-overlay { -webkit-animation: vex-fadein .5s; animation: vex-fadein .5s; position: fixed; z-index: 1111; background: rgba(0, 0, 0, 0.4); top: 0; right: 0; bottom: 0; left: 0; } .vex-overlay.vex-closing { -webkit-animation: vex-fadeout .5s forwards; animation: vex-fadeout .5s forwards; } .vex-content { -webkit-animation: vex-fadein .5s; animation: vex-fadein .5s; background: #fff; } .vex.vex-closing .vex-content { -webkit-animation: vex-fadeout .5s forwards; animation: vex-fadeout .5s forwards; } .vex-close:before { font-family: Arial, sans-serif; content: "\00D7"; } .vex-dialog-form { margin: 0; } .vex-dialog-button { text-rendering: optimizeLegibility; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; -webkit-tap-highlight-color: transparent; } .vex-loading-spinner { -webkit-animation: vex-rotation .7s linear infinite; animation: vex-rotation .7s linear infinite; box-shadow: 0 0 1em rgba(0, 0, 0, 0.1); position: fixed; z-index: 1112; margin: auto; top: 0; right: 0; bottom: 0; left: 0; height: 2em; width: 2em; background: #fff; } body.vex-open { overflow: hidden; } @-webkit-keyframes vex-pulse { 0% { box-shadow: inset 0 0 0 300px transparent; } 70% { box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); } 100% { box-shadow: inset 0 0 0 300px transparent; } } @keyframes vex-pulse { 0% { box-shadow: inset 0 0 0 300px transparent; } 70% { box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25); } 100% { box-shadow: inset 0 0 0 300px transparent; } } .vex.vex-theme-plain { padding-top: 160px; padding-bottom: 160px; } .vex.vex-theme-plain .vex-content { font-family: "Helvetica Neue", sans-serif; background: #fff; color: #444; padding: 1em; position: relative; margin: 0 auto; max-width: 100%; width: 450px; font-size: 1.1em; line-height: 1.5em; } .vex.vex-theme-plain .vex-content h1, .vex.vex-theme-plain .vex-content h2, .vex.vex-theme-plain .vex-content h3, .vex.vex-theme-plain .vex-content h4, .vex.vex-theme-plain .vex-content h5, .vex.vex-theme-plain .vex-content h6, .vex.vex-theme-plain .vex-content p, .vex.vex-theme-plain .vex-content ul, .vex.vex-theme-plain .vex-content li { color: inherit; } .vex.vex-theme-plain .vex-close { position: absolute; top: 0; right: 0; cursor: pointer; } .vex.vex-theme-plain .vex-close:before { position: absolute; content: "\00D7"; font-size: 26px; font-weight: normal; line-height: 31px; height: 30px; width: 30px; text-align: center; top: 3px; right: 3px; color: #bbb; background: transparent; } .vex.vex-theme-plain .vex-close:hover:before, .vex.vex-theme-plain .vex-close:active:before { color: #777; background: #e0e0e0; } .vex.vex-theme-plain .vex-dialog-form .vex-dialog-message { margin-bottom: .5em; } .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input { margin-bottom: 1em; } .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input select, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input textarea, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="date"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="datetime"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="datetime-local"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="email"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="month"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="number"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="password"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="search"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="tel"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="text"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="time"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="url"], .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="week"] { background: #f0f0f0; width: 100%; padding: .25em .67em; border: 0; font-family: inherit; font-weight: inherit; font-size: inherit; min-height: 2.5em; margin: 0 0 .25em; } .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input select:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input textarea:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="date"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="email"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="month"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="number"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="password"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="search"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="tel"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="text"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="time"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="url"]:focus, .vex.vex-theme-plain .vex-dialog-form .vex-dialog-input input[type="week"]:focus { box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2); outline: none; } .vex.vex-theme-plain .vex-dialog-form .vex-dialog-buttons { *zoom: 1; } .vex.vex-theme-plain .vex-dialog-form .vex-dialog-buttons:after { content: ""; display: table; clear: both; } .vex.vex-theme-plain .vex-dialog-button { border-radius: 0; border: 0; float: right; margin: 0 0 0 .5em; font-family: inherit; text-transform: uppercase; letter-spacing: .1em; font-size: .8em; line-height: 1em; padding: .75em 2em; } .vex.vex-theme-plain .vex-dialog-button.vex-last { margin-left: 0; } .vex.vex-theme-plain .vex-dialog-button:focus { -webkit-animation: vex-pulse 1.1s infinite; animation: vex-pulse 1.1s infinite; outline: none; } @media (max-width: 568px) { .vex.vex-theme-plain .vex-dialog-button:focus { -webkit-animation: none; animation: none; } } .vex.vex-theme-plain .vex-dialog-button.vex-dialog-button-primary { background: #3288e6; color: #fff; } .vex.vex-theme-plain .vex-dialog-button.vex-dialog-button-secondary { background: #e0e0e0; color: #777; } .vex-loading-spinner.vex-theme-plain { height: 2.5em; width: 2.5em; } body, html { margin: 0; padding: 0; } body { overflow-y: scroll; } body, input, label, #loader { color: #000; background-color: #fff; } input[type=text] { height: auto; font-size: inherit; } a { text-decoration: none; } a:hover { text-decoration: underline; } html.theme-dark body, html.theme-dark input, html.theme-dark label, html.theme-dark #loader { color: #aaa; background-color: #000; } html.monospace body, html.monospace input, html.monospace label, html.monospace #loader { font-family: monospace; } body, input, label { font-size: 17px; } #output { margin: 0 auto; max-width: 751px; overflow-wrap: break-word; padding: 0 15px 10px 15px; } #output span { white-space: pre-wrap; } #lineinput { display: flex; } #lineinput-field { border: 0; box-shadow: none; display: block; flex: 1; outline: 0; padding: 0 0 1px 0; } .hugowindow { position: fixed; overflow: hidden; } .safarifix .hugowindow { position: absolute; } #fatal-error { position: fixed; top: 0; left: 0; right: 0; padding: 1em; color: #fff; background-color: #600; white-space: pre-wrap; } #loader { position: fixed; top: 0; right: 0; left: 0; bottom: 0; } #loader-message { margin-top: 90px; text-align: center; } #loader.stopped #loader-message { text-decoration: line-through; } #spinner { position: fixed; font-family: serif; color: #888; top: 180px; left: 0; width: 100%; text-align: center; height: 50px; line-height: 100%; font-size: 50px; animation: spin 2s ease-in-out forwards; animation-iteration-count: infinite; } @-ms-keyframes spin { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* Text colors and font styles */ .font-bold { font-weight: bold; } .font-italic { font-style: italic; } .font-underline { text-decoration: underline; } .font-proportional { font-family: serif; font-size: 17px; } .font-fixed-width { font-family: monospace; font-size: 15px; padding: 2px 0; } .textcolor-0 { /* black */ color: #000; } .textcolor-1 { /* blue */ color: #00a; } .textcolor-2 { /* green */ color: #0a0; } .textcolor-3 { /* cyan */ color: #0aa; } .textcolor-4 { /* red */ color: #a00; } .textcolor-5 { /* magenta */ color: #a0a; } .textcolor-6 { /* brown */ color: #a50; } .textcolor-7 { /* white */ color: #aaa; } .textcolor-8 { /* dark gray */ color: #555; } .textcolor-9 { /* light blue */ color: #55f; } .textcolor-10 { /* light green */ color: #5f5; } .textcolor-11 { /* light cyan */ color: #5ff; } .textcolor-12 { /* light red */ color: #f55; } .textcolor-13 { /* light magenta */ color: #f5f; } .textcolor-14 { /* yellow */ color: #ff5; } .textcolor-15 { /* bright white */ color: #fff; } .bgcolor-0 { /* black */ background-color: #000; } .bgcolor-1 { /* blue */ background-color: #00a; } .bgcolor-2 { /* green */ background-color: #0a0; } .bgcolor-3 { /* cyan */ background-color: #0aa; } .bgcolor-4 { /* red */ background-color: #a00; } .bgcolor-5 { /* magenta */ background-color: #a0a; } .bgcolor-6 { /* brown */ background-color: #a50; } .bgcolor-7 { /* white */ background-color: #aaa; } .bgcolor-8 { /* dark gray */ background-color: #555; } .bgcolor-9 { /* light blue */ background-color: #55f; } .bgcolor-10 { /* light green */ background-color: #5f5; } .bgcolor-11 { /* light cyan */ background-color: #5ff; } .bgcolor-12 { /* light red */ background-color: #f55; } .bgcolor-13 { /* light magenta */ background-color: #f5f; } .bgcolor-14 { /* yellow */ background-color: #ff5; } .bgcolor-15 { /* bright white */ background-color: #fff; } html, body { font-family: "Roboto", sans-serif; } input, label { background-color: initial; } body { height: 100vh; } a, a:visited { color: #369; } blockquote { border: 1px solid #ccc; padding: 0.5em 1em; } #vorple { background-color: #fff; min-height: 100%; } #output { background-color: inherit; line-height: 1.5em; } .force-hidden { visibility: hidden; } .uiblock { position: fixed; bottom: 0; left: 0; right: 0; top: 0; z-index: 999999; } /* Hide default Inform 7 template elements */ body.play > div.interpretercredit { display: none; } /* Basic styles */ .font-bold { font-weight: bold; } .font-italic { font-style: italic; } .font-underline { text-decoration: underline; } /* the following two are specified by the Haven interpreter but are unused in Vorple at the moment */ .font-proportional { font-family: "Roboto", serif; } .font-fixed-width { font-family: "Roboto Mono", monospace; } /* Vorple Screen Effects */ .center-align { text-align: center; } .right-align { text-align: right; } .cursive-font { font-style: italic; } .emphasized-font { font-style: italic; } .fantasy-font { font-family: fantasy; } .monospace-font { font-family: "Roboto Mono", monospace; } #output span.nowrap-font, #output span.nowrap-font * { white-space: nowrap; } .strikethrough-font { text-decoration: line-through; } .strong-font { font-weight: bold; } .underlined-font { text-decoration: underline; } .xx-small-font { font-size: xx-small; } .x-small-font { font-size: x-small; } .small-font { font-size: small; } .large-font { font-size: large; } .x-large-font { font-size: x-large; } .xx-large-font { font-size: xx-large; } .white-letters { color: #fff; } .black-letters { color: #000; } .blue-letters { color: #00a; } .green-letters { color: #0a0; } .cyan-letters { color: #0aa; } .red-letters { color: #a00; } .magenta-letters { color: #a0a; } .brown-letters { color: #a50; } .yellow-letters { color: #ff5; } .dark-gray-letters { color: #555; } .light-gray-letters { color: #aaa; } .light-blue-letters { color: #55f; } .light-green-letters { color: #5f5; } .light-cyan-letters { color: #5ff; } .light-red-letters { color: #f55; } .light-magenta-letters { color: #f5f; } .white-background { background-color: #fff; } .black-background { background-color: #000; } .blue-background { background-color: #00a; } .green-background { background-color: #0a0; } .cyan-background { background-color: #0aa; } .red-background { background-color: #a00; } .magenta-background { background-color: #a0a; } .brown-background { background-color: #a50; } .yellow-background { background-color: #ff5; } .dark-gray-background { background-color: #555; } .light-gray-background { background-color: #aaa; } .light-blue-background { background-color: #55f; } .light-green-background { background-color: #5f5; } .light-cyan-background { background-color: #5ff; } .light-red-background { background-color: #f55; } .light-magenta-background { background-color: #f5f; } /* Hyperlinks */ .vorple-link.disabled { pointer-events: none; } /* Status line */ .status-line-container { display: flex; background-color: inherit; border-bottom: 3px double #ccc; position: -webkit-sticky; position: sticky; /* same as "fixed" in this case but positions it relative to parent element */ top: 0; white-space: pre-wrap; max-width: inherit; width: calc(100% + 30px); } .status-line-left { flex: 1; text-align: left; } .status-line-middle, .status-line-mobile { flex: 1; text-align: center; } .status-line-right { flex: 1; text-align: right; } /* Image alignments */ .vorple-image img { max-width: 100%; } .centered { text-align: center; } .left-aligned { text-align: left; } .right-aligned { text-align: right; } .left-floating { float: left; } .right-floating { float: right; } /* Modal windows */ .vex { z-index: 9999999; } body .vex.vex-theme-plain .vex-content { max-width: 850px; width: 90%; } .vex-dialog-message { white-space: pre-wrap; } /* Tooltips */ #powerTip { max-width: 90%; white-space: pre-wrap; } /* Responsive classes */ @media screen and (min-width: 569px) { .sm-only { display: none; } } @media screen and (max-width: 568px) { .lg-only { display: none; } }