@import url("global-vars.css");

ul {
	list-style: none;
}

footer {
	text-align: center;
	padding: 3px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

.bd-mode-toggle {
	z-index: 1500;
}

.bd-mode-toggle .dropdown-menu .active .bi {
	display: block !important;
}

header {
    width: 100%;
    text-align: left;
}
header > * {
    display: inline-block;
    vertical-align: bottom;
}
header h1 {
    line-height: 1;
    margin: 0;
}

/* html, body { height: 100%; } */
body { 
	margin: 0;
	font-family: Roboto, "Helvetica Neue", sans-serif; 
	background-color: var(--sfondo-app) !important;
}

.container {
    background-color: var(--sfondo-box);
    margin-left: 12px !important;
    margin-right: 12px !important;
    padding: 0px;
    max-width: none !important;
    width: auto !important;
}

.container-top {
    margin-top: 12px;
    border: 2px solid var(--sfondo-box);
    border-start-start-radius: 10px;
    border-start-end-radius: 10px;
    height: 4em;
    /* height: 7.02vh; */
}

.container-middle {
    margin-top: 0px; 
    border: 2px solid var(--sfondo-box);
    /* height: 75vh; */
}

.container-user {
    margin-top: 0px; 
    border: 2px solid var(--sfondo-box);
    /* height: 7.5vh; */
}

.container-middle-error {
    /* margin-top: 0px; */
    margin: 20px;
    border: 2px solid gold;
    border-radius: 10px;
    background-color: goldenrod !important;
    /*
    position: relative;
    top: 40%;
    */
}

.container-bottom {
    margin-top: 0px;
    margin-bottom: 12px;
    border: 2px solid var(--sfondo-box);
    border-end-start-radius: 10px;
    border-end-end-radius: 10px;
    /* height: 7.45vh; */
}

footer {
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;
}