@charset "utf-8";
/* CSS Document */

body {
    background-color: #D1D1D1;
}

.one {
    height: 1.5%;
    width: 1.5%;
}

/* The sidebar menu */
.sidenav {
    height: auto; /* Full-height: remove this if you want "auto" height */
    width: 10%; /* Set the width of the sidebar */
    position: fixed; /* Fixed Sidebar (stay in place on scroll) */
    z-index: 1; /* Stay on top */
    top: 0; /* Stay at the top */
    left: 0;
    background-color: #D1D1D1; /* Sudenga red */
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 20px;
}
/*Table format*/
#table{
    text-align: right;
}

/*Please be patient input box -preloader function */
#preloader {
    color: #94111E; /* Sudenga red */
    border: none;
    background: transparent;
    font-size: 20px;
}

h1{font-family: quasimoda,sans-serif;
font-weight: 800;
font-style: normal;
text-transform: uppercase;}

.logo {
  width: 355px;
  height: auto;
  padding-top: 0;
}

.LogoHolder{height: auto; width: 30%; margin-left: 10%; margin-right: auto; padding-top: 46px;}

.LogoText{
font-family: quasimoda,sans-serif;
font-weight: 700;
font-style: italic;
color: white;
font-size: 17pt;
text-transform: uppercase;
height: auto;
line-height: 1;
width: auto;
min-width: 390px;
text-align: left;
margin-left: 20px;
margin-top: 6px;
margin-bottom: 7px;}

.container{height: 230px; width: 100%; background-color: #104e9d;}

h3{font-family: quasimoda,sans-serif;
font-weight: 700;
margin-top: 10px;}

h2{font-family: quasimoda,sans-serif;
font-weight: 800 !important;
margin-top: 40px;
color: #104e9d;
font-size: 28px;
text-transform: uppercase;
text-align: left;
}

.margin-top20{margin-top: 20px}

.contacthead{margin-left: 10%;
margin-top: 40px; margin-bottom: 12px;}

.contactbody{margin-left: 10%;
margin-top: 0px; line-height: 1.5}

.blankspace{height: 50px;}

.greyline{height: 2px; background-color: #6a6a6a; width: 80%; margin-left: 10%; margin-bottom: 30px; margin-right: 10%}

@media (min-width: 500px) {
	.AddProduct{margin-left: 249px;}	
}

@media (max-width: 499px) {
	.AddProduct{margin-left: 0;}
	.logo{width: 275px;
	margin-left: auto; margin-right: auto; display: block;}
	.LogoHolder{margin-left: auto; margin-right: auto; width: 100%;}
	.LogoText{font-size: 14pt; text-align: center; margin-left: auto; margin-right: auto; padding-top: 12px; padding-bottom: 2px; display: block;}
	.container{width: 100%;}
	.mobileinput{margin-top: 10px; margin-right: 15px;}
}

@media (max-width: 390px) {.LogoText{margin-left: -5%}}

@media print{.container{display: none;}body {transform: scale(.8); transform-origin: 0 0;}}