html{
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

::-webkit-scrollbar {
    width: 7px;
    background-color: transparent;
  }
  
/* Track */
::-webkit-scrollbar-track {
background: transparent;
border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
background: #ff8000;
border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #cc6600;
}

#content-wrapper {
scrollbar-color: #ff8000 transparent; /* thumb and track color */
scrollbar-width: thin;
}

#content-wrapper{
    overflow: overlay!important;
}

#visualizacion  *{
    scrollbar-width: none!important;
}

#visualizacion *::-webkit-scrollbar{
    display: none;
}

.blanco{
    color: white;
}

.chart svg > g > text:first-child{
    font-size: 1rem;
}

.chart > div > div > div{
    margin: auto;
}

.progress{
    border-radius: 0;
    background-color: #5A5A5A;
}

.progress-bar{
    background-color: #28a745;
}

.parkName{
    size: 1rem;
    color: black;
    font-weight: 800;
}

.verde{
    color: #28a745;
}
.rojo{
    color:#e02d1b;
}

.casiblanco{
    color: #eaeaea;
}

.pointer{
    cursor: pointer;
}

.fit-content{
    width: fit-content;
}

.dropdown > a{
    padding: 0;
    background: none!important;
    border: none;
    box-shadow: none!important;
}

.dropdown > a:after{
    display: none;
}

.dropdown a:hover{
    cursor: pointer;
}

.altura{
    height: 50vh;
}

.altura2{
    height: 100%;
}

.grisClaro{
    background-color: #A0A0A0;
    opacity: 98%;
}

.grisMedio{
    background-color: #888888;
    opacity: 98%;
}

.grisOscuro{
    background-color: #5A5A5A;
    opacity: 98%;
}

.grisOscuro2{
    background-color: black ;
    opacity: 98%;
}

.chart{
    
    width: 100%;
}
n{
    color: #ff4700;
}

.z{
    z-index: 99999;  
}

blanco{
    color: #ffffff
}

negro{
    color: black;
}

.negro{
    color: black!important;
}

verde{
    color: #28a745;
}

rojo{
    color:#e02d1b;
}

gris{
    color: #f0f0f0
}

.z2{
    z-index: 99999999;  
}

.contenedor1{
    padding-left: .75rem!important;
    padding-right: .75rem!important;
}

.row2{
    margin: 0!important;
}

.fuenteSize{
    font-size: .75vw;
}

.border-bottom{
    border-bottom: 1px solid black!important;
}

#windy{
    height: 75vh;
}

.contenedor{
    height:50%;
    background-color: black;
}

#contenedor_general{
    width: 98vw;
    height: 98vh;
    position: absolute;

}

.fullscreen-modal .modal-dialog {
    margin: 0;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}

#ez-map, #lz-map {
    min-height: 150px;
    min-width: 150px;
    height: 60vh;
    width: 100%;
}

select {
    width: 100%;
    padding: 2% 2%;
    margin: 1%;
    display: inline-block;
    border: 1px solid #EC9B50;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 1em;
    margin-top: 2%;
  }

.opt:hover {
    cursor: pointer;
}

.sidebar-logos{
    height:20px;
    margin-right: 5px;
}

.nabla{
    color:#ff8000;
}

.custom_spinner{
    display: inline-block!important;
    width: 1.3rem!important;
    height: 1.3rem!important;
}

#reset-btn{
    margin-top: 3%;
    font-size: 100%;
}

#progress-bar{
    background-color: transparent;
}

#home-btn{
    cursor: pointer;
}

#wrapper{
    max-height: 100vh;
}

#content-wrapper{
    overflow: scroll;
}

#content > nav{
    position: sticky;
    top: 0;
    z-index: 2;
}

a:hover{
    color:#ff8000;
    text-decoration: none;
}

.ps-4 {
    padding-left: 1.5rem!important;
}

#wrapper #content-wrapper {
    overflow-x: hidden;
}

.loadGif{
    position: absolute;
    z-index: 1;
    width: 150px;
    left: 50%;
    top: 50%;
    margin-top: -75px;
    margin-left: -75px;
}

.graph_refresh_btn{
    padding: 0;
    margin: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 768px) {
    .fullscreen-modal .modal-dialog {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .fullscreen-modal .modal-dialog {
        width: 970px;
    }

    .fuenteSize {
        font-size: 2.5vw;
    }
}

@media (min-width: 1200px) {
    .fullscreen-modal .modal-dialog {
        width: 1170px;
    }
}