.flex-container-header {
	background-color: #bbd197;
	padding: 5px;
	margin: 0px;
	list-style: none;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-flow: row wrap;
	justify-content: space-around;
}

.flex-item-header {
	background: #eaf3bf;
	border: 1px solid #000;
	border-radius: 15px;
	padding: 5px;
	margin-top: 10px;

	line-height: 20px;
	color: black;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
}

.NOT-USED-flex-topHeader-img {
	max-width: 100%;
	max-height: 80%;
	display: block;
	border: 1px solid #000;
	border-radius: 5px;
}

.flex-menu-container {
	background-color: #bbd197;
	padding: 5px;
	margin: 0px;
	list-style: none;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-flow: row wrap;
	justify-content: space-around;
}

.flex-item-menu {
	background-color: #b1cff4;
	background: yellow;
	width: 60px;
	height: 55px;
	border: 1px solid #000;
	border-radius: 5px;
	line-height: 18px;
	color: black;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	vertical-align: middle;

}

.flex-display {
	display: flex;
}

.flex-box {
	width: 30%;
	min-height: 100px;
	background: #B2BEB5;
	margin: 10px;
	padding: 5px;
}

.text-vertical-center {
	align-items: center;
	justify-content: center;
}

.flex-footer-container {
	background-color: #bbd197;
	padding: 1px;
	list-style: none;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-flow: row wrap;
	justify-content: space-around;
}

.flex-item-footer1 {
	background-color: #bbd197;
	background: #bbd197;
	width: 40%;
	color: #000000;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
}

.flex-item-footer2 {
	background-color: #bbd197;
	background: #bbd197;
	padding: 5px;
}

.flex-footer2-img {
	max-width: 70%;
	max-height: 100%;
	display: block;
	border: 1px solid #000;
	border-radius: 5px;
}

.flex-item-footer3 {
	background-color: #bbd197;
	background: #bbd197;
	width: 95%;
	height: 80%;
}

.flex-footer3-img {
	max-width: 100%;
	max-height: 100%;
	display: block;
	border-radius: 5px;
}


.flex-item-footer4 {
	background-color: #bbd197;
	background: #bbd197;
	width: 95%;
	height: 75px;
	line-height: 18px;
	color: black;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
}

.flex-item-footer5 {
	background-color: #bbd197;
	background: #bbd197;
	width: 95%;
	height: 100%;
	line-height: 18px;
	color: black;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
}

.flex-item-footer6 {
	background-color: #ffffff;
	background: #ffffff;
	width: 100%;
	height: 100%;
	line-height: 18px;
	color: black;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
}
.flex-footer-img {
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	display: block;
	border-radius: 5px;
	-moz-border-radius: 5px;
}

.error-messages {
    color: black;
	font-size: 14px;
	font-weight: bold;
	font-family: 'Calibri', 'sans-serif';
	text-align: center;
}


table {
	margin: 0 auto;
	font-size: small;
}

h1 {
	text-align: center;
	color: #006600;
	font-size: 10px;
	font-family: 'Calibri', 'sans-serif';
}


h2 {
	text-align: center;
	color: #006600;
	font-size: 20px;
	font-family: 'Calibri', 'sans-serif';
}

th,
td {
	border: 0px solid black;
	text-align: center;
	font-family: 'Calibri', 'sans-serif';
	font-size: 10px;
}

th.hide,
td.hide {
	visibility: collapse;
	;
}

th {
	background-color: #b1cff4;
}

.heading {
	text-align: center;
	color: #006600;
	font-size: 12px;
}

td {
	padding: 10px;
}

td.text_display {
	display: block;
	width: 50px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.text_display_full {
	display: block;
	overflow: hidden;
	white-space: pre-line;
	text-overflow: ellipsis;
}

p {
	font-size: 10px;
}

p.text_display {
	display: block;
	overflow: hidden;
	white-space: pre-line;
	text-overflow: ellipsis;
	padding: 5px;
}

.subDivs {padding: 80px;}

a:hover {color: #0000FF;cursor: pointer;}
a {color: inherit; text-decoration: none; }


#myDiv img {
	max-width: 60%;
	max-height: 60%;
	margin: auto;
	display: block;
	border-radius: 15px;
}


img {
	max-width: 300px;
	max-height: 250px;
	margin: auto;
	display: block;
	border-radius: 15px;
}

.bLink:hover {
	color: #0000FF;
	cursor: pointer;

}

.flex-container {
	padding: 0;
	margin: 0;
	list-style: none;

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-flow: row wrap;
	justify-content: space-around;
}

.flex-item {
	background: #eaf3bf;
	border: 1px solid #000;
	border-radius: 15px;
	padding: 5px;
	width: 300px;
	margin-top: 10px;
	line-height: 20px;
	color: black;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
}

.txt-white {
	line-height: 20px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
}



#footer7 {
  height:115px; 
  position:relative; 
  overflow:hidden;
}

.photobanner {
  position:absolute; 
  top:0px; 
  left:0px; 
  overflow:hidden; 
  white-space: nowrap;
  animation: bannermove 40s linear infinite;
}

.photobanner img {    
  margin: 0 0.5em; 
  width: 100px;
  height: 100px;
}

@keyframes bannermove {
  0% {
      transform: translate(0, 0);
  }
  100% {
      transform: translate(-50%, 0);
  }
}
#footer7:hover {
   overflow: auto;
}

#footer7:hover .photobanner {
   animation-play-state:paused;
}

#footer7 {
    position: fixed;
    bottom: -83%;
    width: 100%;
}
.footer7table {
    border: none;
    padding:0;
    margin:0;
}

div.subDivs { padding: 8px; text-align: center;}
            
.orderStatus {
    margin: 0 auto; 
    font-size: large; 
    border: 1px solid black;
}

.myNotes {
    border: 5px red;
    background-color: lightblue;
    text-align: center;
    width: 800px;
    height: 100%;
    margin: 5px;
    border-radius: 3px;
}



.show {background-color: #E4F5D4; border: 1px solid black;}
.hide {background-color: #efc5c5; border: 1px solid black;}

.codPaid {background-color: #b5e0b5;}
.codDue  {background-color: #efc5c5;}


.orderStatusColumn {
    font-weight: bold;
    border: 1px solid black;
    padding: 10px;
    text-align: center; 
}

td {font-weight: lighter;}

.text_display_OrderStatus {
    display: block;
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
    
 
            .subDivs_OrderStatus { padding: 8px; text-align: center;}
            
            .table_OrderStatus {margin: 0 auto; font-size: large; border: 1px solid black;}
        
            .myNotes_OrderStatus {
                border: 5px red;
                background-color: lightblue;
                text-align: center;
                width: 800px;
                height: 100%;
                margin: 5px;
                border-radius: 3px;
            }

            .h1_OrderStatus {
                text-align: center;
                color: #006600;
                font-size: xx-large;
                font-family: 'Gill Sans', 'Gill Sans MT',
                ' Calibri', 'Trebuchet MS', 'sans-serif';
            }
    
            .row_OrderStatus {
                font-weight: bold;
                border: 1px solid black;
                padding: 10px;
                text-align: center;
            }