/********************************************************************************************************************/
/* load icon css */
/***************************************************************************************************************/
/* When the body has the loading class, we turn
the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
modal element will be visible */
body.loading .modal-load {
    display: block;
}

.vis.row {
    height: 88vh;
}
.geo_map {
    width: 100%;
    height: 76vh;
    /* margin-bottom: 1em; */
}

.metric_card_col:nth-of-type(3), .metric_card_col:nth-of-type(4){
    margin:18px 0px !important;
}

.metric_card{
    height: 25vh;
    cursor: pointer;
}

.chart_icon{
    pointer-events: none;
}

.bar:hover {
    fill: rgb(139, 190, 62);
}

.bar {
    fill: rgba(73, 190, 62, 0.75);
}

.axis {
    font: 10px sans-serif;
}

.axis path,
.axis line {
    fill: none;
    stroke: #333;
    shape-rendering: crispEdges;
}

.x.axis path {
    display: none;
}
.axis text {
    pointer-events: none;
    fill: #222;
    font-weight: normal;
    stroke: none;
    word-spacing: 4;
}

.uppercase {
    text-transform: uppercase;
}

.glyphicon-2x {
    font-size: 2em;
    margin-top: 14px;
}
.glyphicon-2x:hover {
    cursor: pointer;
    color: #F39C12;
}

.line {
    fill: none;
    stroke: #777;
    stroke-width: 1.8px;
    stroke-dasharray: 5, 5;
}

.geo_label.geo_name, .geo_label.geo_level, .select_label{
    text-transform: capitalize;
}

.select_label{
    width: 190px;
}

.geo_level_select{
    width: 180px;
}
.reload{
    cursor: pointer;
}

#chartModal .modal-content {
    max-width: 720px;
    max-height: 310px;
}