@viewport{width:extend-to-zoom;zoom:1.0;}
@viewport{width:extend-to-zoom;zoom:1.0;}
@-ms-viewport{width:extend-to-zoom;zoom:1.0;}
@font-face {
font-family: HeaderFont;
-font-display:block;
src: url(/fonts/RobotoCondensed-Light.ttf);
}

html{position:relative;}
body{font-family:sans-serif;font-size:1.2em;color:#666;line-height:45px;padding-top:50px;overflow-x:hidden;}

:target{position:relative;top:-75px;}

div#main-body-container{padding:30px;padding-bottom:5px;padding-top:0;text-align:left;}

h1{}
h1,h2,h3,h4{font-family:HeaderFont,sans-serif;line-height:100%;font-size:1.25em;color: black;margin:30px 0 45px 0;}
h1{font-size:2.75em;margin:35px 0 50px 0;}
h2{font-size:1.5em;}
h3{font-size:1em;}
a:link{color:#3EA6EB;text-decoration:none;}
a:hover{-text-decoration:underline;color:#1273B6 !important;}
a:visited{color:#3EA6EB;}

code,span.inline-code-highlight{padding:3px;background-color:#eee;font-family:Monospace;}
pre,pre.code{padding:5px;background-color:#eee;background-image:linear-gradient(-45deg, rgba(255,255,255,0.5), transparent);padding:15px;line-height: 20px !important;overflow:auto; /*overflow added back in as it was causing small-screen errors*/}
samp{display:block;white-space:pre;padding:5px;background-color:#eee;overflow:auto;background-image:linear-gradient(-45deg,rgba(255,255,255,0.5),transparent);padding:15px;line-height:20px!important;}
pre.code span,code span,samp span{color:#0b0;}
pre.code span span,code span span,samp span span{color:#c00;}

#breadcrumb{padding-left:0;}
#breadcrumb li{display:inline;}
#breadcrumb{font-style:italic;margin:2px;position:relative;margin-top:20px;}
#breadcrumb a,#logo a{text-decoration:none;}

ol li{margin-top:20px;}
ol#implementation li code{margin-top:5px;}
ol.compact li{margin-top:0;}
ol#colors li{margin:0;}

td.description{background-color:#eee;padding:3px;border:1px solid #ddd;}
td.chart{text-align:center;}

.example_boxout{background-color:#eee;padding:3px;border:1px solid #aaa;}

div.list-item{width:220px;display:inline-block;}
div.list-item.label{width:170px;}

legend{background-color:#efefef;border:1px solid #75736e;}

div.warning{background-color:#ffa;padding:10px;margin-top:5px;border-radius:15px;opacity:1;box-shadow:2px 2px 2px #ccc;}
div.warning p{text-align:center;margin-top:5px;margin-bottom:5px;font-weight:bold;}

div.notice{background-color:#eee;padding:15px;}

div#title div#image{float:left;margin-right:15px;}
div#title div#text{padding-top:5px;margin-left:70px;}

div.description{border:1px dashed gray;background-color:#eee;font-size:75%;padding:3px;}
div#social{display:inline;display:inline-block;}
div.testimonial{font-size:80%;padding:6px;}
span.javascript-comment{color:#090;}

ul{list-style: none;}
ul.bullets li{list-style-image: url('/images/tick2.png');}
ul.anchor-list li.anchor-list-item{list-style-type:disc;}

.documentation_header{border:1px solid #aaa;background-color:#eee;font-style:italic;padding:5px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
span#byline{position:relative;top:-15px;}
p#copyright{text-align:center;font-size:70%;color:black;}
p#copyright a:hover{font-weight:bold;}

#text-only-link{position:absolute;right:100px;top:5px;z-index:2;font-size:70%;font-weight:bold;color:#aaf;background-color:rgba(255,255,255,0.75);padding:5px;}

p#summary{background-color:#eee;padding:15px;font-style:italic;}

div#notify_container{background-color:#cfc;padding:15px;margin-top:15px;margin-bottom:15px;}
input#notify_email{padding:5px;font-size:18pt;width:80%;}
input#notify_submit{float:none;}

div#donation-block{text-align:center;min-height:100px;}
div#donation-block div{display:inline-block;padding-left:5px;padding-right:5px;}

table.api-properties-large-screen{border-collapse:collapse;width:100%;}
table.api-properties-large-screen th{background-color:black;color:white;padding:0;}
table.api-properties-large-screen th,table.api-properties-large-screen td{border:1px solid #ccc;padding:0 5px 0 5px;}
table.api-properties-large-screen tr:nth-child(odd){background-color:rgba(160, 215, 245, 0.35);}
table.api-properties-large-screen td:nth-child(1){font-weight:bold;font-style:italic;}
table.api-properties-large-screen td:nth-child(3){font-style:italic;}
div.api-properties-small-screen{display:none;}

footer div#footer {background-color:black;color:white;margin:-30px -30px;z-index:1000;position:relative;}
footer div#footer p{position:absolute;right:50px;}
footer div#footer ul{margin-right:10px;min-height: 200px;min-width:200px;}
footer div#footer ul li{text-align:left;list-style-type:none;}
footer div#footer ul li::before{content:''}
footer div#footer ul li:nth-child(1){list-style-image: none; position: relative; left: -10px;list-style-type:none;}
footer div#footer a{font-size:90%;color:#ddd;text-decoration:none;font-style:normal;font-weight:normal;}
footer div#footer a:hover{color:#fff;}

div#front-page-download-buttons{display:inline-block;text-align:center;font-weight: bold;font-style:italic;}
div#front-page-download-buttons span#download-button{display:inline-block;padding:15px;border-radius:20px;color:white;z-index:1;position:relative;margin:-10px 10px 10px 10px;background-image:linear-gradient(225deg,#8AD092,#0a0);transition:transform linear .25s;width:200px;box-shadow:1px 1px 3px gray;}
div#front-page-download-buttons span#front-page-setup-introduction-button{display:inline-block;padding:15px;border-radius:20px;color:white;z-index:1;position:relative;margin:10px 10px 10px 10px;background-image:linear-gradient(225deg,#FF5757,#f66);transition:transform linear .25s;width:200px;box-shadow:1px 1px 3px gray;}
div#front-page-download-buttons span#front-page-setup-donate-button{display:inline-block;padding:15px;border-radius:20px;color:white;z-index:1;position:relative;margin:10px 10px 10px 10px;background-image:linear-gradient(225deg,#36A2EB,#66f);transition:transform linear .25s;width:150px;box-shadow:1px 1px 3px gray;}
div#front-page-download-buttons span#front-page-setup-download-button{display:inline-block;padding:15px;border-radius:20px;color:white;z-index:1;position:relative;margin:10px 10px 10px 10px;background-image:linear-gradient(225deg,#4BC0C0,#4BC0C0);transition:transform linear .25s;width:150px;box-shadow:1px 1px 3px gray;}
div#front-page-download-buttons span#front-page-github-button{display:inline-block;padding:15px;border-radius:20px;color:white;z-index:1;position:relative;margin:10px 10px 10px 10px;background-image:linear-gradient(225deg,gray,#ccc);transition:transform linear .25s;width:200px;box-shadow:1px 1px 3px gray;}
div#front-page-download-buttons span#front-page-interactive-button{display:inline-block;padding:15px;border-radius:20px;color:white;z-index:1;position:relative;margin:10px 10px 10px 10px;background-image:linear-gradient(225deg,blue,#ccc);transition:transform linear .25s;width:200px;box-shadow:1px 1px 3px gray;}

div#front-page-download-buttons span#front-page-interactive-button:hover,
div#front-page-download-buttons span#front-page-github-button:hover,
div#front-page-download-buttons span#download-button:hover,
div#front-page-download-buttons span#front-page-setup-donate-button:hover,
div#front-page-download-buttons span#front-page-setup-introduction-button:hover{transform:scale(1.05);}
    
span#download-button,span.front-page-setup-documentation-button,span#front-page-setup-introduction-button{display:inline-block;z-index:1;position:relative;margin:25px;text-align:center;padding:15px;border-radius:20px;color:#666;}
span#download-button{background-color: #afa;}

ul.advantages{list-style-image:url(/images/tick-large.png);}
ul.advantages{list-style-image:url(/images/tick-large.png);}
        
div#javascript-charts-boxout{background-color: #590678;background-image:linear-gradient(90deg, #590678, #806);color: white;position:relative;left:-10px;width: 100%;padding:15px;}
div#javascript-charts-images-container{text-align: center;}
div#javascript-charts-images-container div.javascript-charts-box{background-color:#fff;width:250px;margin:10px;display:inline-block;box-shadow:0 5px 15px #aaa;transition:transform .25s ease-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:150px;}
div#javascript-charts-images-container div.javascript-charts-box:hover{transform:scale(1.1);}
div#javascript-charts-images-container div.javascript-charts-box img{width: 250px;}
div#javascript-charts-images-container a{display:inline-block;color:black;font-weight:normal;font-style:normal;}

div#data-import-methods{text-align: center;}
div#data-import-methods div{min-width:200px;display:inline-block;box-sizing:border-box;}
div#data-import-methods img{transform:scale(1);}
div#data-import-methods small{color:gray;}

div.javascript-charts-menubar{text-align:left;margin-bottom: 15px;}
div.javascript-charts-menubar b{display:inline-block;width: 130px;}
div.javascript-charts-menubar a{background-color: #eee;padding-left: 5px;padding-right: 5px;text-decoration:none;box-shadow: 2px 2px 3px #ccc;}
div.javascript-charts-menubar a:hover{background-color: #fee;}

div#boxout-container{text-align:center;display:flex;}
div#boxout-container div.image-container{min-width:200px;text-align:left;margin:5px;border:1px solid #ddd;padding:15px;border-radius:5px;flex-grow:1;}
.dropdown-menu-smallscreen-image{position: relative!important; padding-right: 10px!important;top:3px!important;left:0!important;}
div#dropdown-menu-smallscreen-container {display: flex;}
ul.dropdown-menu-smallscreen li a{color:white;text-decoration:none;font-style:normal;line-height:40px;}

img#navigation-top-bar-hamburger{display:none;white-space:nowrap;}
div#navigation-top-bar{position:fixed;left:0;top:0;z-index:1000;width:100%;line-height:25px;box-shadow: 0px 0px 3px 2px #999;}
div#navigation-top-bar-image{background-color:black;z-index:5;overflow:hidden;padding:0;height:55px;}
div#navigation-top-bar-links a{color:white;text-decoration:none;font-style:normal;font-family:Segoe UI,sans-serif;text-align:center;font-size:.8em;width:8%;display:inline-block;padding-top:4px;}
div#navigation-top-bar-links a span{display:inline-block;border-bottom:3px solid #999;line-height:25px;transform:translateY(7px);}
div#navigation-top-bar-links a span::after{display:block;position:relative;top:3px;content:'';border-bottom:solid 3px #ddd;transform:scaleX(0);transition:transform .25s ease-in-out;}
div#navigation-top-bar-links a span:hover::after{transform:scaleX(1);}
img#navigation-top-bar-hamburger{position:absolute;top:0;right:45px;z-index:5;background-image:url(/images/navigation-icons/small/icons-combined.png);background-position: -146px -125px;cursor:pointer;}
img#navigation-top-bar-logo{float:left;margin-top:2px;}
#navigation-top-bar a {font-weight:bold;}
#navigation-top-bar a:hover {color:white !important}

#front-page-free-for{width:90%;margin-left:5%}
#front-page-free-for span{font-size:250%;font-family:Segoe UI,sans-serif;font-weight:300;}

#download-page-poster-image-container{display:inline-block;z-index:-1;opacity:.2;float:right;position:relative;width:670px;height:300px}
#download-page-poster-image-container img{position:absolute;top:0;left:0}
#download-page-poster-image-container div{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(90deg,white,rgba(255,255,255,0),rgba(255,255,255,0),rgba(255,255,255,0),rgba(255,255,255,0),rgba(255,255,255,0))}

img#facebook-share{background:url(/images/sprite.png) -429px -82px;position:absolute;top:5px;left:calc(64% + 295px);transition:transform .5s ease-out;}
img#twitter-share{background:url(/images/sprite.png) -432px -48px;position:absolute;top:8px;left:calc(64% + 320px);transition:transform .5s ease-out;}
img#github-share{position:absolute;top:8px;left:calc(64% + 350px);transition:transform .5s ease-out;}
img#facebook-share:hover{transform:scale(1.25);}
img#twitter-share:hover{transform:scale(1.25);}
img#github-share:hover{transform:scale(1.25);}

#front-page-floated-data-import-methods{width:220px;float:right;padding:15px;background-color:#BBD4EB;border-radius:15px;margin-left:15px}
#front-page-floated-data-import-methods img{transition:transform .25s ease-in}
#front-page-floated-data-import-methods img:hover{transform:scale(1.1);}
#download-page-paypal-box{display:inline-block;background-color:#efefef;vertical-align:middle;padding:3px;border:1px solid #ddd}

div#social-sharing-left-fixed-container{position:fixed;left:10px;top:50%;width:35px;z-index:1;}
img#social-sharing-left-fixed-container-facebook-icon{float:left;border:1px solid #aaa}
img#social-sharing-left-fixed-container-twitter-icon{float:left;border:1px solid #aaa;position:relative;top:-1px}

.demo-page-section-description{background-color:#eee;margin:5px;padding:10px;min-height:140px;}

#advantages-list-smallscreen{display:none;}
#advantages-list-largescreen{display:block;}
ul#advantages-list li{background: url(/images/tick-black.png) no-repeat 0 0;padding: 3px 0 3px 30px;-margin: 0;text-align:left;}
#advantages-container-outer{display:flex;}
.advantages-container-inner{margin-left:auto;margin-right:auto;}

#back-to-top {transition: transform .25s ease-out;}
#back-to-top:hover {transform:scale(1.1);}

#infobox-container{text-align:center;display:flex;justify-content:center;flex-wrap:wrap;}
#infobox-container div{max-width: 250px; text-align: center;margin: 0 0 20px 0}
#infobox-container div span {font-weight:bold;}

div#front-page-download-buttons{margin-top: 20px;}

#sidebar-background-images-first,
#sidebar-background-images-second,
#sidebar-background-images-third,
#sidebar-background-images-fourth,
#sidebar-background-images-fifth{position:absolute;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;height:1500px;right:0;left:950px;z-index:999;}

#sidebar-background-images-first{top: 0;background-image: url(/images/front-page-sidebar-background1.jpg);background-position:350px -100px;}
#sidebar-background-images-second{top: 1500px;background-image: url(/images/front-page-sidebar-background2.jpg);background-position:800px 0;}
#sidebar-background-images-third{top:3000px;background-image:url(/images/front-page-sidebar-background3.jpg);background-position:450px 0;}
#sidebar-background-images-fourth{top:4500px;height: 1400px;background-image:url(/images/front-page-sidebar-background1.jpg);background-position:450px 0;}
#sidebar-background-images-fifth{top:5500px;height: 1000px;background-image:url(/images/front-page-sidebar-background2.jpg);background-position:450px 0;}

img.example_images{border: 1px solid transparent;transition:transform.25s ease-in-out;}
img.example_images:hover{transform:scale(1.05);}