/*---------------------------------------
   IMPORT WEB FONTS
-----------------------------------------*/
@font-face {
    font-family: 'EksjaExtremesRegular'; src: url(/includes/fonts/Eksja-regular.eot);  src: local('?'), url(/includes/fonts/Eksja-regular.woff) format('woff'), url(/includes/fonts/Eksja-regular.ttf) format('truetype'), url(/includes/fonts/Eksja-regular.svg#webfont) format('svg');
    font-weight: normal;
    font-style: normal;
}
/*---------------------------------------
   STYLES
-----------------------------------------*/
body {
    background: #fff; color: #2c3e50;
    font: normal 16px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300;
    line-height: 1.5;
    overflow-x: hidden;
}
strong {
    font-weight: 600;
}
label{
    display: inline;
    white-space: nowrap;
    font-weight: 500; font-weight: 400;
    margin-left: 1em;
    color: #555;
}
input[type="text"], input[type="number"] {
    width: 82px;
    color: #300;
    text-align: center;
    padding: 0.35em 0.05em 0.4em 0.05em;
    font-size: 1.11em; font-weight: 400;
    background: #fffdea;
    border: solid 1px orange;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
    -webkit-box-shadow: 1px 3px 4px #aaa; -moz-box-shadow: 1px 3px 4px #aaa; box-shadow: 1px 3px 4px #aaa;
}
input[type="text"]:disabled {
    width: 55px; background-color: #efecea;
    color: #5f5d5b;
    /* text color workaround for iOS */
    -webkit-text-fill-color: #5f5d5b; -webkit-opacity: 0.77;
    /* normal stuff */
    font-weight: 300;
    border-color: red;
    border: solid 1px #aaa;
    -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
}
h2 {
    font-size: 1.4em; text-align: left;
}
h4 {
    font-size: 0.85em;
}
p {
    margin: 15px 0;
}
iframe {
    width: 100%; height: 100%;
}
.margin-btm-0 { margin-bottom: 0; }
.margin-btm-5 { margin-bottom: 5px; }
.margin-top-0 { margin-top: 0; }
.margin-top-10 { margin-top: 10px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-30 { margin-top: 30px; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-small { font-size: 0.8em; }
.colored-line {
    height: 1px; width: 170px;
    margin: 25px auto;
    background: #bdbdbd none repeat scroll 0% 0%;
}
.orange {
    color: #e07820;
}

.page {

}

.button-standard, input[type="submit"], input[type="button"] {
    background: #3faf8e none repeat scroll 0% 0%;
    color: #fff;
    font-family: "EksjaExtremesRegular",Gudea,"Raleway",sans-serif;
    font-size: 0.9em;
    font-weight: 700;
    text-transform: none;
    border-radius: 4px;
    padding: 15px 30px;
    border: 0px none;
    margin: 5px;
    line-height: inherit;
    transition: all 0.25s ease 0s;
}
    .button-standard:hover, input[type="button"]:hover { cursor: pointer; }
    .button-standard {
        margin-left: 0; line-height: 4em;
    }
    .button-standard:hover {
        text-shadow: 1px 2px 3px rgba(55,55,55,0.55); text-decoration: none;
    }
.btn-teal {
    background-color: #5fc7ae;
    /*background: linear-gradient(to top, #1f876e 0%, #5fc7ae 48%);*/
}
.btn-orange {
    background-color: #ea8825;
    /*background: linear-gradient(to top, #aa4805 0%, #ea8825 48%);*/
}
.btn-green {
    background-color: #258a40;
    background: linear-gradient(to top, #458a40 0%, #85ca80 48%);
}
/* = = Graph interface stuff = = */
#graph {

}
.chartHeader {
    position: fixed !important; top: 5.80em !important; left: 7.65em !important; z-index: 1;
    background: rgba(255,255,255,.945);
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
    padding: 0.01em 0.3em;
}
    .chartHeader h3 {
        margin-top: 0.8em; color: #bb4400;
    }
label:first-child { margin-left: 0; }
    label:nth-child(1), label:nth-child(3) { font-weight: 600; color: #a06030; }
#resetButton {
    position: fixed; bottom: 1.5em; left: 1.65em;
}
    .btnReset {
        letter-spacing: 0.04em; font-size: 1.2em; z-index: 99; background: rgba(222,222,222,0.8); color: #555;
        padding: 0.25em 1.25em;
        border: solid 1px gray;
        -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
    }