/* ---------------------------------------------------------
   Viz styles
   ---------------------------------------------------------*/

.bar-ils {
    fill: #7f9bdb;
    stroke: none;
    opacity: 0.5;
}
.bar-de {
    fill: #be6347;
    stroke: none;
}

.jerusalem-fill {
    fill: rgb(18, 183, 243);
}
.berlin-fill {
    fill: rgb(234, 68, 63);
}
.jerusalem-stroke {
    stroke: rgb(18, 183, 243);
}
.berlin-stroke {
    stroke: rgb(234, 68, 63);
}

.weekbar-jerusalem {
    fill: rgb(18, 183, 243);
    stroke: none;
}

.weekbar-berlin {
    fill: rgb(234, 68, 63);
    stroke: none;
}

.weekbar-jerusalem:hover {
    fill: rgb(64, 200, 249);
    stroke: white;
}

.weekbar-berlin:hover {
    fill: rgb(226, 125, 122);
    stroke: white;
}
.x path {
    stroke: none;
}
.axis line {
    fill: none;
    stroke: none;
}
.centerlabel {
    fill: #263238;
    font-family: "Roboto Condensed", sans-serif;
    text-transform: uppercase;
    font-size: 0.9em;
    font-weight: 300;
}
.centerlabel-avg {
    fill: #78909C;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 0.75em;
    font-weight: 300;
}
.tick text {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    font-size: 1.5em;
    fill: #78909C;
}
.avg-circle-inner {
    opacity: 0.3;
    stroke: none;
    /* stroke-width: 3px; */
}
.monthline {
    stroke: #fafafa;
    stroke-width: 10;
}
.monthlabels {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    fill: #78909C;
}
div.tooltip {
    position: absolute;
    text-align: left;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    color: #78909C;
    padding: 2px 5px 2px 2px;
    font: 1.5em;
    background: white;
    border: 0px;
    /* border-radius: 8px;			 */
    pointer-events: none;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                        supported by Chrome and Opera */
}

#year-navigation {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    font-size: 1em;
}
#year-navigation select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 1.5em;
    border: 0;
    background: transparent;
    background: url(../img/dropdown-arrow.png) no-repeat 90%;
    background-position: 85% center;
    height: 50px;
    overflow: hidden;
    padding: 2px 10px;
    /* margin: 0 30px; */
    width: 100px;
    *width: 100px;
    -webkit-appearance: none;
    cursor: pointer;
    color: #263238;
}
select:focus {
    outline: none;
}

.c-flex-section{
    flex-grow: 1;
}
.navbtn {
    border: none;
    background: none;
    width: 170px;
    cursor: pointer;
    color: #263238;
}
.navbtn:focus {
    outline: none;
    cursor: pointer;
}
.navbtn:active {
    color:#FF8F00;
}
.navbtn:hover{
    color:#FF8F00;
}
.max-path {
    fill: none;
    stroke-width: 15px;
    opacity: 0.3;
}
.max-label {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    font-size: 0.75em;
    letter-spacing: 0.1em;
    /* fill: rgb(150,150,150);  */
    fill: #78909C;
}
.axis-circle {
    fill: none;
    stroke: #78909C;
    stroke-width: 0.5px;
}
.axis-circle-zero {
    fill: none;
    stroke: #fff;
    stroke-width: 3px;
}