@font-face { font-family: UbuntuM; src: url('../fonts/Ubuntu-Medium.ttf'); }
@font-face { font-family: UbuntuR; src: url('../fonts/Ubuntu-Regular.ttf'); }
@font-face { font-family: UbuntuB; src: url('../fonts/Ubuntu-Bold.ttf'); }

body {
	margin: 0px;
}

@media only screen and (max-width: 700px) { /* mobily */
	.menu-container {
		width: 100vw;
		min-width: 100vw;
	}
}

@media only screen and (min-width: 700px) { /* počítače */
	.menu-container {
		width: 25vw;
	}
}

.menu-container {
	min-height: 100vh;
	background-color: #fbfbfb; /* stejné i u border v menu-item */
}


.menu {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	max-width: 500px;			
}

.menu-item {
	display: flex;
	align-items: center;
	border-style: solid;
	border-bottom-color: #fbfbfb;
	border-bottom-width: 5px;
	border-top-color: #fbfbfb;
	border-top-width: 4px;
	border-left-color: #fbfbfb;
	border-left-width: 4px;
	border-right: none;
}

.menu-item:hover {
	background-color: #cecece;
}

.menu-item-header {
	display: flex;
	align-items: center;
	border-style: solid;
	border-bottom: none;
	border-top-color: #fbfbfb;
	border-top-width: 24px;
	border-left-color: #fbfbfb;
	border-left-width: 4px;
	border-right: none;
}

.menu-item-separator {
	display: flex;
	align-items: center;
	border-style: solid;
	border-top: none;
	border-bottom-color: #fbfbfb;
	border-bottom-width: 5px;
	border-left-color: #fbfbfb;
	border-left-width: 4px;
	border-right: none;
}


.separator {
	display: block;
	background: black;
	background-image: linear-gradient(to right, #000, #fbfbfb);
	border: 0;
	height: 1px;

	
}

.menu-item-icon {
	display: inline-block;
	width: 32px;
	min-width: 32px;
	height: 32px;
	margin: 4px;

	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.menu-item-text {
	display: inline-block;
	padding-left: 10px;
	font-family: UbuntuR, Arial;
	width: 95%;
}

.menu-item-value {
	font-family: UbuntuR, Arial;
	color: gray;
	padding-right: 15px;
}

.menu-header {
	position: sticky;
    display: flex;
    top: 0;
    background-color: #fbfbfb;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 5px;
    padding-bottom: 10px;
    font-family: ubuntuR;
}

.menu-header-text {
	display: flow-root;
}

.menu-header-prezdivka {
	padding-left: 8px;
    display: flex;
	width: 100%;
	font-family: ubuntuM;
}

.menu-header-popis {
	padding-left: 8px;
    padding-top: 4px;
    display: flex;
    width: 100%;
    font-size: 13px;
    font-family: ubuntuRI;
}

.menu-header-icons {
	display: flex;
    margin-left: auto;
    margin-right: 6px;
    align-items: center;
    font-size: 25px;
    font-family: ubuntuM;
}

.menu-header-icon {
	display: flex;
    padding-right: 10px;
    padding-left: 10px;
    height: 100%;
    align-items: center;
    color: white;
	background-color: green;
	border-radius: 3px;
}

.menu-header-icon-rocnik {
    margin-right: 6px;
    color: white;
    background-color: black;
}

.text-bold {
	font-family: UbuntuB, Arial;		
}

.icon-low {
	height: 0px;
}

.icon-plus {
	background-image: url("../icons/button-plus.png");
}

.icon-minus {
	background-image: url("../icons/button-minus.svg");
}

.icon-uzida {
	background-image: url("../icons/u-zida.svg");
}

.icon-orion {
	background-image: url("../icons/orion.svg");
}

.icon-badge {
	display: flex			
}

.icon-badge-text {
	font-family: UbuntuB, Arial;
	font-size: 22px;
	margin: auto;
}