* {
    font-family: Montserrat,"Open sans",sans-serif;
}

body {
    background-color: #F5F5F5;
}

.site-heading {
    /* Makes the site title centred horizontally. */
    margin: auto;
    margin-right: 5vw;
}

.site-heading-col {
    /* Next two makes the heading centred vertically */
    text-align: center;
    display: grid;
}

#dashboard-heading {
    background-color: #D9D9D9;

}

.background-colour {
    background-color: #F5F5F5;
}

div.sc-iAyFgw > div.tick {
    background: rgb(0,0,0) !important;
}

sub{
    padding-bottom: 5%;
    font-size: 1em !important;
}

p.normal-override{
    font-weight: normal !important;
}

td
{
    font-size: 30px !important;
}

td.material-symbols-outlined
{
    font-size: 42px !important;
}

/* classes and id's for text on wind, temp*/
.dHABtm, .bSjuQg, #temp-text, #todays-text, .widget-text, h1, h2, h3 {
    font-size: 30px !important;
    font-weight: 600 !important;
    color: #575757 !important;
    fill: #575757 !important;
    text-transform: lowercase !important;
}

h2, h1
{
    text-transform: initial !important;
}

/*.navbar-brand{
    font-size: 42px;
    font-weight: 600;
}*/

nav {
    word-wrap: break-word;
}

#temp-text
{
    margin-left:70% !important;
    margin-bottom: 0% !important;
}

.bearing-text 
{
    text-transform: uppercase !important;
}
/* Div for numbers and units for wind gauges*/
.sc-gZMcBi, .jjZFEi {
    margin-top: 10%;
    margin-right: 0%;
}

.btn-colour {
    background-color: #004B87;
    color:#FFFFFF;
}

.kseRdQ .tick 
{
    stroke: #575757 !important;
}


g > text 
{
    font-size: 1rem;
    font-weight: 600;
    font-family: Montserrat,"Open sans",sans-serif;
    fill: #575757;
}

#site-map-container {
    width: 100%;
    height: 85vh;
    overflow: hidden;
}

#site-map-graph 
{
    background-color: white;
}


#management-dash .leaflet-control-container 
{
    visibility: hidden;
}

#management-dash .leaflet-container 
{
    background-color: rgba(255,0,0,0.0);
}

#management-dash .Select-clear 
{
    display: none;
}

#map-widget-legend
{
    z-index: 400 !important;
    font-weight: bold;
    color: white;
}

/* Seems to be a bug in leaflet */
.leaflet-image-layer
{
    position: absolute !important;
    z-index: -1 !important;
}

/* Thermoter widget styles*/
.daq-thermometer--light {
    height: 25%;
    margin-top:6%;
}

.sc-eHgmQL
{
    height:25%;
}

.sc-hSdWYo
{
    height:25%;
}

/* Class container for gauges.*/
.sc-iwsKbI
{
    height:225px;
}

/* end of time and rain row styling*/

td.CalendarDay{
    font-size: revert !important
}

/*Modal-related styling*/
div.modal-data-box-bordered{
    border: 1px solid black;
    padding: 1%;
}

.mini-summary-heading{
    font-weight: bold !important;
    overflow: hidden;
}

/*#mini-summary-div {
    max-height: 65vh;
    overflow: hidden;
}*/

.alert-no-col{
    max-width: 4%;
}

.alert-sensor-name-col{
    max-width: 20%;
}

.alert-first-col{
    max-width: 10%;
}

.alert-last-col{
    max-width: 10%;
}

.alert-type-col{
    max-width: 10%;
}


/*Refactored CSS Classes*/
.csiro-font-xlarge {
    font-size: calc(0.7em + 1vw);
    font-weight: bold;
    font-family: Open Sans,"Open sans",sans-serif;
    color: #575757;
}

.csiro-font-large {
    font-size: calc(0.7em + 0.9vw);
    font-weight: bold;
    font-family: Open Sans,"Open sans",sans-serif;
    color: #575757;
}


.csiro-font-medium {
    font-size: calc(0.5em + 0.8vw);
    font-weight: bold;
    font-family: Open Sans,"Open sans",sans-serif;
    color: #575757;
}

.csiro-font-small {
    font-size: calc(0.5em + 0.7vw);
    font-weight: normal;
    font-family: Open Sans,"Open sans",sans-serif;
    color: #575757;
}

.csiro-font-header {
    font-family: Montserrat,"Open sans",sans-serif;
}


.csiro-font-color {
    color: #00A9CE;
}

.csiro-font-color-light {
    color: #02D2FF;
}

.csiro-font-color-dark {
    color: #1f8096;
}

.csiro-font-color-orange {
    color: #E67623;
}

.csiro-font-color-gold {
    color: #FFB61C;
}

.csiro-font-color-white {
    color: #FFFFFF;
}

.widget-size {
    width: 22em;
    min-width: 15vw;
    min-height: 38vh;
}

.widgets-container-size {
    width: 70em;
    min-height: 76vh;
}

.widget-border {
    border-top: solid 0.25rem #00A9CE;
    border-radius: 5px;
    box-shadow: 1px 1px 1px #D9D9D9, -1px 1px 1px #D9D9D9;
    background-color: white;
}

.widget-icon {
    font-size: 28px;
    font-weight: bold;
    color: #575757;
}

.csiro-dark-border {
    border: solid 1px #004B87;
    border-radius: 5px;
}

.bg-white{
    background-color:white;
}

.wind-bar-border {
    border-style: solid;
    border-color: #1f8096;
    border-width: 2px;
}

.wind-low {
    background-color: #00855B;
}

.wind-medium {
    background-color: #0093B5;
}

.wind-high {
    background-color: #E67623;
}

.wind-extreme {
    background-color: #E40028;
}

.warning-img-size {
    width: 20%;
}

/* Data Dashboard styles */
.form-check-label{
    color:#575757;
}

.DateInput_input{
    color:#575757;
}

#weather_variables_col > label{
    color:#575757;
}

.radar-image {
    border-radius:5px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.radar-image-size {
    height: 100%;
}

@media (max-width: 3000px) {
    .radar-image-size {
        width: 70%;
    }
}

@media (max-width: 2640px) {
    .radar-image-size {
        width: 80%;
    }
}

@media (max-width: 2374px) {
    .radar-image-size {
        width: 90%;
    }
}

@media (max-width: 2155px) {
    .radar-image-size {
        width: 94%;
    }
}