body {
    font-family: 'Jura', sans-serif;
    font-size: 1em;
    padding: 0;
    z-index: 0;
    min-height: 100vh;
}

.flex-grow {
    flex: 1;
}

:root {
    --red: #fa424a;
    --purple: #ac6bec;
    --orange: #fdad2a;
    --green: #46c35f;
}

.red {
    background-color: var(--red);
}

.purple {
    background-color: var(--purple);
}

.orange {
    background-color: var(--orange);
}

.green {
    background-color: var(--green);
}

.btn {
    font-size: 12px!important;
}

.chart-container {
    min-height: 450px;
}

.changes-container {
    background: #f9f9f9;
}


/*TITLES*/

.triangle {
    width: 0;
    height: 0;
    border-bottom: 30px solid rgba(0, 0, 0, 0.11);
    border-left: 30px solid transparent;
    float: right;
    cursor: pointer;
}

hr {
    width: 5em;
    margin-top: 0;
    margin-bottom: 0;
}

.total-build {
    border: 0;
    -webkit-box-shadow: 0px 0px 48px 6px rgba(250, 66, 74, 0.64);
    -moz-box-shadow: 0px 0px 48px 6px rgba(250, 66, 74, 0.64);
    box-shadow: 0px 0px 48px 6px rgba(250, 66, 74, 0.64);
}

.total-avto {
    border: 0;
    -webkit-box-shadow: 0px 0px 48px 6px rgba(172, 107, 236, 1);
    -moz-box-shadow: 0px 0px 48px 6px rgba(172, 107, 236, 1);
    box-shadow: 0px 0px 48px 6px rgba(172, 107, 236, 1);
}

.total-eqip {
    border: 0;
    -webkit-box-shadow: 0px 0px 48px 6px rgba(253, 173, 42, 1);
    -moz-box-shadow: 0px 0px 48px 6px rgba(253, 173, 42, 1);
    box-shadow: 0px 0px 48px 6px rgba(253, 173, 42, 1);
}

.total-pc {
    border: 0;
    -webkit-box-shadow: 0px 0px 48px 6px rgba(70, 195, 95, 1);
    -moz-box-shadow: 0px 0px 48px 6px rgba(70, 195, 95, 1);
    box-shadow: 0px 0px 48px 6px rgba(70, 195, 95, 1);
}

.title {
    padding: 0;
    padding-top: 30px;
    color: #ffffff;
}

.big-diagramm {
    padding: 0;
    background-color: white;
}

label.google-visualization-controls-label {
    display: none;
}

.tab-pane {
    width: 100%;
    min-height: 450px;
}

.color-cards {
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.28);
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.28);
}

.modal-content {
    border-radius: 0;
}

.modal-header {
    color: #7f8181;
}


/*Google slider*/

.google-visualization-controls-slider-horizontal {
    height: 4px!important;
    border: none!important;
}
.google-visualization-controls-slider-horizontal:focus {
    outline: none;
  }

.google-visualization-controls-slider-handle {
    height: 1px!important;
}
.google-visualization-controls-slider-thumb {
    border-radius: 50%!important;
    top: -8px!important;
    background-color: #a7a7a7!important;
    border-color: white!important;
}
.google-visualization-controls-rangefilter-thumblabel {
    color: grey!important;
}

/*MAP*/

#map,
#map-o {
    border: none;
    width: 100%;
    height: calc(100vh - 55px);
    /*pointer-events: none;*/
}

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


/*FOOTER*/

footer {
    background-color: #4d6a79;
    color: rgba(255, 255, 255, .5);
}

.navbar.navbar-light.grey,
footer {
    background-color: #4d6a79;
}


/*UNDER UPDATING*/


/*.overlay {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
}

.overlay-content {
    position: relative;
    top: 30%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.overlay-content > h1, h2 {
    color: white;
    text-shadow: 0px 0px 30px rgba(255, 255, 255, 1);
}*/