@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,700|Roboto:400,400italic);

body {background: #e6e6e6}

h1,h2,h3,h4,h5 {
font-family: "Open Sans","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
font-weight: 300;
font-style: normal;
text-rendering: optimizeLegibility;
color:#16766b;}

h2 {
font-size: 2.125em;
line-height: 1.1764706em;
}
h2.forkTitle {color: #333;width:60%;margin:0 auto;text-transform:none;padding: 1em 0 2em 0;text-align: left;}
h3.codeTitle {background: url('../images/expand.svg') center left no-repeat;background-size:40px 40px;text-transform:uppercase;font-size: 1.25em;font-weight:100;color: #666;width:60%;margin: 0 auto 0 auto;line-height:2em;padding: 1em 0 1em 2.5em;border-bottom: 1px solid #ccc;text-align: left;}
h3.codeTitle.opened {background: url('../images/collapse.svg') center left no-repeat;background-size:40px 40px;}
h2.forkTitle .iconic, h3.codeTitle .iconic {height: 40px; width: 40px; fill:#999; stroke:#16766b;}
h2.donothing {width: 60%; margin:0 auto;padding: 1em 0 2em 0;}

p {font-family: "Roboto",Arial,sans-serif;font-weight: 400;}

a {
cursor: pointer;
color: #16766b;
text-decoration: none;
-webkit-transition-property: color,background-color;
-moz-transition-property: color,background-color;
-o-transition-property: color,background-color;
transition-property: color,background-color;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
-o-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
}
ul {width:50%;font-family: "Open Sans","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;}
a:hover {color: #666;}
section.main {width: 90%;height: auto; margin: 0 auto;}

@media screen and (min-width: 40.063em) {
  section.main {width: 75%;}
}
@media screen and (min-width: 64.063em) {
  section.main {width: 60%;}
}

pre {display: none;width: auto;height: auto;position: relative;}

pre {
background:#16766b;
width:60%;
padding:1em;
margin:1em auto 1em auto;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
border-radius: 5px;

}

pre code {
font-size: 1em;
line-height: 1.5em;
font-family: monospace;
color: #f4f6f7;
}

.mytooltip {
    width: 300px;
    height: auto;
    margin-top: 65px;
    padding: 1em;
    position: absolute;
    z-index: 5000;
    background:#16766b;
    color: #e6e6e6;
    font-size: 0.6em;
    display: none;
    
}

.mytooltip:before {
   content: "";
   position: absolute;
   bottom: 100%;
   left: 25px;
   border-bottom: 20px solid #16766b;
   border-bottom-color: #16766b;
   border-left: 20px solid transparent; 
   border-right: 20px solid transparent; 
}
.ddtextbox {
    width: 300px;
    height: auto;
    top: 50px;
    margin: 0;
    padding: 1em;
    position: absolute;
    z-index: 5000;
    background:#16766b;
    color: #e6e6e6;
    font-family: "Roboto",Arial,sans-serif;
    font-weight: 400;
    font-size: 16px;
}

.ddtextbox:before {
   content: "";
   position: absolute;
   bottom: 100%;
   left: 20px;
   border-bottom: 20px solid #16766b;
   border-bottom-color: #16766b;
   border-left: 20px solid transparent; 
   border-right: 20px solid transparent; 
}

.ddTour span {display: none;}

button,.button{
    width:100%;cursor:pointer;font-family:Helvetica,Arial,sans-serif;font-weight:normal;line-height:normal;margin:0 0 1.25rem;position:relative;text-decoration:none;text-align:center;display:inline-block;padding-top:1rem;padding-right:2rem;padding-bottom:1.0625rem;padding-left:2rem;font-size:1rem;background-color:#fabb62;border-color:#f9b049;color:#8c2f06;-webkit-transition:background-color 300ms ease-out;-moz-transition:background-color 300ms ease-out;transition:background-color 300ms ease-out;padding-top:1.0625rem;padding-bottom:1rem;-webkit-appearance:none;border:none;font-weight:normal !important}
button:hover,button:focus,.button:hover,.button:focus{background-color:#f9b049}button:hover,button:focus,.button:hover,.button:focus{color:#fff}