/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,body,.main {
    background-color: white;
    font-size: 1em;
    line-height: 1.4;
    height:100%;
    font-family: 'Roboto', sans-serif;

}

.bold {font-weight: bold;}
.dropdown-toggle.mini{width:200px;overflow-x: hidden;font-size: 0.8em;}

.rounded {
    border-radius: 20px;
    height:350px;
}

.wella {
    box-shadow: 1px 1px 1px #888888;
    background-color: white;
    padding-bottom: 1em;

}

.wellenter {
    margin:8px;
    padding: 0;
    height:390px;
}

.tweetwella {
    box-shadow: 1px 1px 1px #888888;
    margin:8px;
    background-color: white;
    height:100px;
    padding:4px;
}

#d3map {
    height:800px;
    width:100%
}

#userlist {background-color: white;height:800px;overflow-y: scroll;overflow-x: hidden;}

.floatlink {float:left;margin-right:1em;font-size: 0.8em;color:#009688;cursor:pointer;text-decoration: underline;}

.nopad {padding-left:0; padding-right: 0;}

#searchfield{width:500px;}
.spTopNav {margin-top:4.4em;}
.spTop {margin-top:1em;}
.label-vlabel{
    margin-top:4px;cursor:pointer;
    color:#555;background-color: #ddd;
    border:0px;
    border-bottom: 3px;
    border-style:solid;
    border-color:#ddd;
}
.label-vlabel:after {content: '  ';color:red;min-width:1em;display: inline-block;}
.label-vlabel:hover:after {content: ' x';width:1em;display: inline-block;}
.label {float:left;margin-right:4px;}
.linklabel {float:left;margin-right:4px;}
a.clickablelink {text-decoration: underline;font-size:0.9em;}
a.clickablelink:hover {color:red;}

.minblock {
    min-height:20em;
}


.label-clabel{
    margin-top:4px;cursor:pointer;
    color:white;
    background-color: #00a0b0;
    border:0px;
    border-bottom: 3px;
    border-style:solid;
    border-color:#ddd;
}
.label-clabel:after {content: '  ';color:red;min-width:1em;display: inline-block;}
.label-clabel:hover:after {content: ' x';width:1em;display: inline-block;}

.sigmagraph {
    width:100%;
    height:600px;
}

.center-cropped {
    width: 100%;
    height: 60px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top:12px;
}

.center-cropped img {
    min-height: 100%;
    min-width: 100%;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* IE 5-7 */
    filter: alpha(opacity=0);
    /* modern browsers */
    opacity: 0;
}

#piechart {
    width: 100%;
    height: 500px;
}

path .nv-slice {
    fill:red;
    stroke: blue;
    stroke-width: 1px;
}

text .nv-pieLabels {
    fill:red;
}

#d3map {

}

#multiples {
    width: 100%;
    height: 500px;
}

.multiple-label {
    height:2em;
    min-height: 2em;
    text-align: center;
    font-weight: bold;
    font-size: 0.8em;
    color:#1a1a1aff;
}

.trend-label {
    height:2em;
    min-height: 3em;
    margin-top: 3em;
    text-align: center;
    font-weight: bold;
}

.pagetitle {
    font-variant: all-small-caps;
    font-size: 3.2em;
    line-height: 1.2em;
}
.white_back {background-color: white;color:black;padding:1em;}
.yellow {
    color: white;
    background-color: #f3d250;
    display: inline;
}

.black {
    color: white;
    background-color: #666;
    display: inline;
}

.black_pale {
    color: white;
    background-color: #666666;
    display: inline;
}

.black_line {
    color: white;
    background-color: #1a1a1aff;
    display: inline;
}


.lightblue {
    color: white;
    background-color: #91ccf4;
    display: inline;
}

.blue {
    color: white;
    background-color: #5ca2d5;
    display: inline;
}

.grey{
    color: white;
    background: #dbdbdb;
    display: inline;
}

.greyfont{
    color: #999999;
    background: white;
    display: inline;
    font-size: 0.7em;
    margin-bottom: 1em;
}

.red {
    color: white;
    background-color: #f68887ff;
    display: inline;
}

.purple {
    color: white;
    background-color: #705d91ff;
    display: inline;
}

.green {
    color: white;
    background-color: #00a0b0ff;
    display: inline;
}

.drop_wide {
    padding:0;
    width:100%
}
.multiplediv {padding:8px;}

/*
.multiplediv:hover {
    border:2px solid black;
}
*/

.logotip {
    height:60px;
    width:auto;
}

.navbar-nav > li > a {
    padding-top:0px !important; padding-bottom:40px !important;
    height: 32px;
    color:black;
}

.nabar-header {
    padding-top: 0;
}

.navbar-brand {padding-top:0;margin-top: 0;}

.navbar {min-height:80px !important; }

.navtext {
    margin-top: 32px;
    color:black;
}

.entertext {
    color:black;


}

.entertext1 {
    color:black;
    font-size: 0.8em;
    text-align: center;

}

.enterimage {
    width:100%;
    height:auto;
    padding:0;
}

.entertitle {
    text-align: center;
    font-size: 1.4em;
    color:#555;
    margin-top:0.8em;
    font-variant-caps: all-small-caps;
    font-weight: bold;
}

.countrysubtitle {
    color:black
}
.countrysubtitle:hover {
    -webkit-transition: color 200ms; /* For Safari 3.0 to 6.0 */
    transition: color 200ms;
    color: darkred
}

#gbtnc {color:black;}


.countryselector {
    height: 6em;
    overflow-y: scroll;
}

#loader{
    position:absolute;
    z-index:1000000;
    left:45%;
    top:50px;
    width:100px;
    height:0px;
    background-color: white;
    display:block;
}

.ldr {
    margin-top: 1em;
    width:80px;
    height:80px;
}

.btn-white {
    background-color: white;
    color: #5ca2d5;
}

.iconenter {
    padding:1em;
}

.dropdownlink {
    font-weight: bold;
    color:black;
}
.accordionlink {color:black;text-decoration: none;cursor: pointer;}
.accordionlink:hover {color:#5ca2d5;}

a.accordionlink:not([href]):not([tabindex]):hover {
    color: #5ca2d5;
    text-decoration: none;
}
a.accordionlink.active {
    color: red;
    text-decoration: none;
}

.active {font-weight: bold;color:red;}
.input-group-addon {background-color: white;border:none;}
.indextooltip {
    position: absolute;
    height:60px;
    width:180px;
    padding: 1em;
    border: 1px #666 solid;
    border-radius: 3px;
    background-color: white;
    color: black;
    opacity: 0.8;
    z-index:100000;
}
.hidden {display:none;}
.shown {display:block;}
.underactive {border-bottom: 2px #5ca2d5 solid;}
.mapwhite {fill: white;}
.q0-9{fill:rgb(247,251,255)} .q1-9{fill:rgb(222,235,247)} .q2-9{fill:rgb(198,219,239)} .q3-9{fill:rgb(158,202,225)} .q4-9{fill:rgb(107,174,214)} .q5-9{fill:rgb(66,146,198)} .q6-9{fill:rgb(33,113,181)} .q7-9{fill:rgb(8,81,156)} .q8-9{fill:rgb(8,48,107)}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: white;
}

.navbar {
    height:110px;
    padding: 0;

}

.bg-light {
    background-color: white!important;
}

.drop_mini {font-size: 0.9em;cursor: pointer;list-style-type: none;color:black;}
a.drop_mini {color:black;}
a.underlink {font-size: 0.8em;cursor: pointer;}
a.underlinknopoint {font-size: 0.8em}
.lgnd {width:10px;height:10px;margin-top:2px;margin-right: 4px;}
canvas#polarChart {height:300px;}

.navbar {

}
.nav-link {text-transform: none;padding-top: 0;color:black;}
.nav-item {padding-top: 8px;}
.navbar-light .navbar-nav .nav-link {
    color: black;
}
path.domain {fill:black;}
.rollingmenu {
    height:25em;
    overflow-y: scroll;
}

.rollingmenu1 {
    height:20em;
    overflow-y: hidden;
}

a.keylink {cursor: pointer;}

.col-five {width:10%;}

#scatterlegend {
    position:absolute;
    top: 1em;
    right: 2em;
    width: 150px;
    height: 100px;
    background-color: white;
    padding: 5px;
}