#top-container {
	background-color: var(--main-color-white);
}

#top-bar {
    height: 10px;
}

#page-container {
	position: absolute;
	top: 140px;
	bottom: 0px;
	overflow: auto;
}

#user-detail {
    min-width: 200px;
}

#patient-detail {
    min-width: 250px;
	cursor: pointer;
}

#date-from-to {
    min-width: 250px;
	cursor: pointer;
}

#date-from-to .dates {
    min-width: 100px;
}

.btn-navbar {
    border-bottom-color: var(--main-color-light-grey);
}

#top-container .navbar-img {
    max-height: 48px;
}

#btn-home-container .btn {
	color: var(--main-color-blue);
    background-color: var(--main-color-grey);
    border-color: var(--main-color-blue);
}

#btn-home-container .btn .icon-cgm {
	background-image: url(../img/icon_cgm_blue.png);
}

#javamelody-container {
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 30px;
	right: 30px;
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .btn-navbar {
        color: var(--main-color-blue)!important;
        background-color: var(--main-color-light-grey);
        border-color: var(--main-color-light-grey);
    }

    .btn-navbar.active {
        color: var(--main-color-light-grey)!important;
        background-color: var(--main-color-blue);
        border-color: var(--main-color-light-grey);
    }

    .nav-item .nav-text {
        display: none;
    }

}

/*MOBILE*/
@media only screen and (max-device-width: 450px) {
    #page-container {
        top: 220px;
    }

}