/* Styles for the app layout */

html {
  position: relative;
  height: 100vh;
}


.footer {
    width: 100%;
    background-color: white;
}

@media (min-width: 992px){
    .footer {
        position: sticky;
        bottom: 0;
        white-space: nowrap;
    }
}

.temp {
    font-weight: bold;
}

.temp-low {
    color: #5cabbd
}

.temp-high {
    color: #bd6e5c
}
.logo-login {
    max-height: 65px;
    max-width: 135px;
    object-fit: contain;
    padding-top: 5px;
}
@media (max-width: 1700px) {
    .logo-login {
        max-width: 100px;
        margin-left: -30px;
    }
}

@media (max-width: 1500px) {
    .logo-login {
        max-width: 100px;
        margin-left: -30px;
    }
}

@media (max-width: 767px) {
    .logo-login {
        max-width: 135px;
    }
}

@media (max-width: 767px) {
    .navbar-brand img {
        max-width:80px;
    }
    .navbar-brand {
        margin-right:0 !important;
    }
}
@media (max-width: 370px) {
    .navbar-brand img {
        max-width: 60px;
    }

    .navbar-brand {
        margin-right: 0 !important;
    }
}
@media (min-width: 768px) {
    .navbar-brand img {
        max-width: 135px;
        max-height: 40px;
    }

    .navbar-brand {
        margin-right: 0 !important;
    }
}