html{
	padding: 100px;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	color-scheme: only light;
}

.btn {
	border-radius: 50vh;
}


/* Navigation bar (at the top) */
nav.nav-top {
	background: #fff; 
	width: 100%; 
	float: center; 
	position: fixed; 
	top:0px; 
	margin: 0px; 
	padding-top: 10px; 
	z-index: 2001;
}

/* Navigation bar (at the bottom) */
nav.nav-bottom {
	background: #fff; 
	width: 100%; 
	float: center; 
	position: fixed; 
	bottom:0px; 
	margin: 0px; 
	padding-top: 10px; 
	z-index: 2001;
}

/* Navigation bar top >> Restaurant title */
a.nav-top-title {
	color:#000; 
}


/* Navigation bar top >> Table number */
a.nav-top-table {
	color:#000; 
	width: 30%; 
	font-size: 12px;
	margin-top:3px;	
}

/* Navigation bar >> Icon */
a.nav-icon{
	color:#000; 
	float: center;
}

/* Navigation bar >> Icon */
a.nav-icon-left{
	color:#000; 
	float: left;
}

/* Navigation bar >> Icon */
a.nav-icon-right{
	color:#000; 
	float: right;
}

/* Navigation bar >> Icon >> Image */
i.nav-icon-image-withspan{
	font-size:30px; 
	margin-left: 5px;
	margin-right: -15px; 
	z-index:2000;
}

/* Navigation bar >> Icon >> Image */
i.nav-icon-image{
	font-size:30px; 
	margin-left: 5px;
	margin-right: 5px; 
	z-index:2000;
}
i.nav-icon-image-order{
	font-size:22px; 
	margin-left: 5px;
	margin-right: 5px; 
	z-index:2000;
}

/* Navigation bar >> Icon >> Number */
span.nav-icon-text{
	position:relative; 
	left: 0px; 
	top: 5px;
}

/* Main view */
div.main-view { 
	padding-bottom: 50px;
	margin-bottom:50px;
	padding-top:50px;
	display:block;
}

/* Main view >> Home tab */
div.home-tab {
	width: 100%; 
	padding: 5px; 
	padding-top:0px;
}

/* Main view >> Karte tab */
div.karte-tab {
	padding-top:50px; 
	padding-bottom:50px; 
	overflow: scroll;
}

/* Main view >> Home tab >> Container */
a.home-container {
	color:#000; 
	text-decoration: none;
}

/* Main view >> Home tab >> Container >> Text */
h3.heading-text {
	font-size:30px;
	margin: 20px;
}

/* Main view >> Home tab >> Container >> Text */
p.subheading-text {
	font-size:20px;
	margin: 20px;
}

/* Main view >> Karte tab >> Container >> Text */
h3.list-heading {
	font-size:15px; 
	margin: 20px; 
	margin-left:10px;
}

/* Main view >> Karte tab >> Container >> Subtext */
p.list-heading {
	font-size:18px; 
	margin: 0px; 
	margin-left: 5px;
	margin-top:5px;
}


p.list-subheading {
	font-size: 12px;
	margin-top: 5px;
	margin-left: 5px;
}

div.meal-element-border{
	margin:10px;
	border-bottom-color: if(parseInt(index) < 180)
                    substringCut = parseInt(index);
                  console.log(substringCut + " " + index);
	border-radius:15px;
}

p.list-element-wrapper{
	margin:10px;
}

div.list-buy-group{
	
	margin:10px;
}

a.list-buy-button{

	/*background: green;*/
}

button.disabled
{
	border: 1px solid #000;
	background-color: #fff;
	color: #000;
	pointer-events: none;
	margin-right:1px;
	width: 40px;
}

p.list-prize-right{
	color: dimgrey;
	font-size: 10px;
}

p.list-prize-right-all{
	color: green;
	font-size: 15px;
}

div.order-number-group{
	margin-bottom: 0px;
}

/* Pager style override */
.pager > li > a
{
    background-color: white;
    color: black;
    border-radius: 50vh;
}

.pager > li > a:focus,
.pager > li > a:hover,
.pager > li > span:focus,
/*.pager > li > span:hover
{
    color: black;
    background-color: #eee;
    border-color: #5A4181;
}*/

.pager > .active > a
{
    color: black;
    background-color: #eee !Important;
    border: solid 1px #eee !Important;
}

/* No hover needed for active pager > li
.pager > .active > a:hover
{
    background-color: #5A4181 !Important;
    border: solid 1px #5A4181;
}*/

ul.pager-align-right{
	display:flex; 
	float:right;
	width:100%;
}

li.rounded-pager-elements{
	margin:5px;
}

div.wishlist-container{
	margin:10px;
	width:100%;
}