@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap');
body, html {
    margin: 0;
    background: #dedede;
    font-family: "Roboto", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;  
}

.container-fluid{
    margin-top: 60px;
}

.container{
    margin-top: 60px;
}

#spinnerGeral{
    visibility: hidden;
    position: fixed; 
    top: 50%;
    left: 50%;
    width: 3rem; 
    height: 3rem; 
    z-index: 2000 !important;
}

.page-item:hover{
    cursor: pointer;
}


.pontos {
    background: blue;
    border: 10px solid rgba(255,255,255,0.5);
    color: blue;
    font-weight: bold;
    text-align: center;
    border-radius: 50%;
    font-size: 20px;
}

.ocorrencia {
    background: black;
    border: 8px solid black;
    color: red;
    font-weight: bold;
    text-align: center;
    border-radius: 50%;
    font-size: 15px;
}

.equipas {
    z-index: 4000;
    border: 5px solid rgba(255,255,255,0.5);
    font-weight: bold;
    text-align: center;
    border-radius: 50%;
    line-height: 20px;
    font-size: 20px;
}

.equipas i{
    font-size: 15px;
    color: black;
}

.disponivel{
    background: green;
    color: green;
}

.offline{
    background: grey;
    color: grey;
}

.ocupada{
    background: red;
    color: red;
}