/* ItemMaint.Css */
/* CSS layout */



html, body {height:100%; width:100%; margin:0; padding:0;

}

.OutOfStock {
	 outline-color:red;
	 border-radius:40px;
	 outline-style:dotted;
	 outline-width:medium;
	    font-family: Copperplate, Times, serif;
   font-size:1.05em;
  font-weight:bold;
  color:orange;
  margin:0;
  padding:0;
  padding-left:.8em;

}


.sidesDiv {
	 outline:aqua;
	  outline-color:blue;
	  outline-style:solid;
	  outline-width:thin;
	  left:0;
	  top:109px;
	  width:99%;
	  position:fixed;
	  padding:0;
	  margin:0;
	  overflow:auto;
	  line-height:17px;
	   animation: 2s ease-out 0s 1 slideInBottom;

}

.sidestext {
      font-size:small;
      padding:0;
      margin:0;
      font-style:italic; 
      font-weight:lighter;
}

.off-limits {
	 background-color:yellow;
	 border-bottom:thick aqua solid ;
	 background-image:url('../images/backgrounds/vegetables.png');
	 background-repeat:no-repeat;
	 position:absolute;
	 top:10px;
	 left:0;
	 height:99%;
	 
	 
}

#salespromoform {
	
	overflow:scroll;
	height:100%;
}


* {
  box-sizing: border-box;
}


h2 {
	color:white; width:100%; text-align:center;
}

h3 {color:white;
}

.aligntop{
	margin-top:0;
	padding-top:0;
	width:100%;
	height:100%;

}

#masthead {
color:orange;
text-align:center;
font-style:italic;
}

#top_nav {
left:0px;
position:fixed;
top:220px;
}

.footer {
	left:205px;
	position:absolute;
	width:120px;
	height:81px;
	padding-top:0;
	margin-top:0;
	top: 0px;
	z-index:3;
}

select {
	font-size:medium;
	color:red;
	cursor:pointer;
	border-radius:20%;
	width:auto;
	text-align:center;
	float:left;
	background-color:#FFF8DC;
}

.button {
	border-radius:40%;
	font-size:medium;
	text-align:center;
	margin-left:1.2em;
	color:#00008B;
	padding-left:5px;
	padding-right:5px;
	cursor:pointer;
	
}


.text {
	background-color:white;
	color:blue;
}

label {
	color:orange;
	font-style:italic;
	font-size:large;
	font-weight:bold;
	float:left;
	width:auto;
	margin:0;
	padding:0;
}


.inputlabel {
	color:blue;
	font-style:italic;
	font-size:large;
	font-weight:bold;
	float:left;
	width:auto;
	margin:0;
	padding:0;
}


span {
	color:orange;
	font-style:italic;
	font-size:large;
	font-weight:bold;
	margin:0;
	padding:0;
}


td {
	width:100%;
}
tr {
	width:100%;
	height:50px;
}

form { 
width:auto;
border:thin aqua solid;
left:2px;
position:fixed;
top: 200px;
height:100%;
}


input {
	font-size:medium;
	color:#00008B;
	padding:0;
	margin:0;
}

.readonly {
	font-size:medium;
	color:#00008B;
	background-color:silver;
	padding:0;
	margin:0;
	pointer-events: none;
    z-index: -1;
}


input[type=number].input-number–noSpinners { -moz-appearance: textfield; }
input[type=number].input-number–noSpinners::-webkit-inner-spin-button,
input[type=number].input-number–noSpinners::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}


/* Create two equal columns that floats next to each other */
.column-left {
float:left;
  width: 40%;
  padding: 0px;
  text-align:left;
  border-right-style:dotted;
  border-color:yellow;
 background-color:transparent;
 overflow-y:scroll; 
 height: 470px; /* Should be removed. Only for demonstration */
}


.column-right {
  float:right;
  width: 60%;
  padding: 0px;
  text-align:center;
  margin:0;
 background-color:transparent;
 overflow-y:scroll; 
  height: 475px; /* Should be removed. Only for demonstration */
}

.confection {
    height:100%; 
}




.row {text-align:center;
	width:80%;
	margin:0 auto;
	
}

/* Clear floats after the columns */
.row:after {
  content: '';
  display: table;
  clear: both;
  padding:0;
  margin:0;
}

.dayrow {
  border-top: 2px solid orange;
  float:left;
  width: 100%;
  padding: 0px;
  text-align:center;
  margin:0 auto;
  background-color:transparent;
     color:olive;
    font-size:2.1em;
  height: 100%; /* Should be removed. Only for demonstration */

}

.thisdayrow {
  border: 3px solid aqua;
  float:left;
  width: 100%;
  padding: 0px;
  text-align:center;
  margin:0 auto;
  background-repeat: no-repeat;
     color:olive;
    font-size:2.1em;
  height: auto; /* Should be removed. Only for demonstration */

}


img {
  border-radius: 8px;
  height:2.5em;width:4em;
  display: block;
  margin-left:0;
  margin-right: auto;

}

.circleimage {
	border-radius:50%;
  height:2.5em;width:4em;
  display: block;
  margin-left:0;
  margin-right: auto;

}


.circleimage:hover {
	cursor:pointer;
	height:3.5em;width:5em;
	}

.heading {
	color:white;font-size:medium;
}


.nospace {padding:0;
           margin:0;}
           
.menuitemdescription {
   font-family: 'Lucida handwriting', 'Courier New', monospace;
  color:aqua;font-size:.95em;
  margin:0;
  padding:0;
}

.bigcircleimage {
	border-radius:35%;
  height:auto;
  width:300px;
  display: block;
  margin:auto;
  padding:0;
  margin-left:5%;
  text-align:center;

}

.menuitemprice {
    font-family: Copperplate, Times, serif;
   font-size:1.05em;
  font-weight:bold;
  color:orange;
  margin:0;
  padding:0;
  padding-left:.8em;
}

.itemtitle  {
	border-radius:20%;width:auto;font-size:1.9em;
	font-style:italic;
	color:blue;
	text-align:center;
	background-color:yellow;
	border:medium lime dashed;
	border-bottom:thick orange solid;
	padding:0;

}

.itemprice  {
	border-radius:40%;background-color:fuchsia;width:100%;font-size:1.1em;
	font-style:italic;
	color:yellow;
	padding:0;
	margin:0;
	white-space: pre-wrap;
	background-color:olive;
	border-bottom:thin aqua solid;

}


.tooltip {
       background-image:url('images/backgrounds/chalkboard.png');
       background-size:100% 100%;
      position: relative;
     box-shadow: 0 0 8px 2px rgba(255,0,0,0.6), inset 0 0 8px 2px rgba(255,0,0,0.6);
    height: auto;
    width: auto;   
    display:none;
    padding-top: 5px;
    margin-top:50px;
    margin-left:0;
    border: 2px solid aqua;
    font-size:large;color:orange;
    
}

.tooltip:hover {
	cursor:pointer
}

.close {
	position:fixed;
	top:195px;
	right:0;
	height:25px;
	width:25px;
}

.close:hover {
	cursor:pointer;
	height:35px;
	width:35px;

}

.img_wrp {
  display: inline;
  position: fixed;
  border:medium orange solid;
  /* background-image:url('../images/backgrounds/vegetables.png'); */
  background-size:cover;
  background-repeat:no-repeat;
  padding:0;
  margin:0;
 /* float:left; */
  width:99%;
  height:100%;
  top:160px;
   animation: 1s ease-out 0s 1 slideInRight;
  }


@keyframes slideInLeft {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}


@keyframes slideInRight {
  0% {
    transform: translateX(100%);
  }
  -100% {
    transform: translateX(0);
  }
}


@keyframes slideInTop {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}


@keyframes slideInBottom {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}