.sectionx{

background-color:#1974d1;
color:black;
padding:10px;

}

.maintenancemodeformat{
background-color:yellow; 
text-align: center;
padding: 20px;
}

              .display{display:block;}
              .hide{display:none;}
              .mt{margin-top:10px;}
              #divId{}



.simpleform{
width: 320px;
background-color:white;
color:black;
font-family:verdana;
top: 50%;
left: 50%;
position: absolute;
transform: translate(-50%,-50%);
box-sizing: border-box;
padding: 20px;
}

.compname{
font-family:georgia;
margin:0;
padding: 0 0 20px;
text-align: center;
font-size: 1.3em;
font-weight: bold;

}

h1{
margin:0;
padding: 0 0 20px;
text-align: center;
font-size: 1.2em;
}
h3{
margin:0;
padding: 0 0 20px;
text-align: center;
font-size: 1.1em;
}
h4{
margin:0;
padding: 0 0 20px;
text-align: center;
font-size: 1.05em;
}

h6{
margin:0;
padding: 0 0 20px;
font-size: 1.0em;
}
h7{
margin:0;
padding: 0 0 0px;
text-align: center;
font-size: 0.8em;
}

.pagelink{
padding-left: 10px;
}



.simpleform p{
margin: 0;
padding: 0;
/* font-weight: bold; */
line-height: 1em;
font-size: 1em;
}


.simpleform li{
margin: 0;
padding: 0;
line-height: 3em;
font-size: 1em;
}

.select-css {
width: 100%;
border:  1px solid #000;
outline: none;
height: 3em;
background-color:white;
color:black;
font-size: 1em;
box-sizing: border-box;
padding-left: 5px;
padding-right: 5px; 
margin-bottom: 1em;
}




.simpleform2 a:link{color:black;}
.simpleform2 a:visited{color:black;}
.simpleform2 a:hover{color:black;}
.simpleform2 a:active{color:black;}


.simpleformerror {
margin: 0;
padding: 0;
background-color:transparent;
color:#850102;
margin-bottom: 1em;
}

.simpleform input{
/*general styling for all inputs */
}

.simpleform input[type="text"], input[type="password"]
{
width: 100%;
border:  1px solid #000;
outline: none;
height: 3em;
background-color:white;
color:black;
font-size: 1em;
box-sizing: border-box;
padding-left: 5px;
padding-right: 5px; 
margin-bottom: 0.5em;
}

.simpleform input[type="submit"]
{
width: 100%;
border: none;
outline: none;
background-color:#ad1115;
color:white;
font-size: 1em;
border-radius: 20px;
margin-bottom: 2em;
padding-bottom: 1em;
padding-top: 1em;
}

.simpleform input[type="submit"]:hover
{
cursor: pointer;
background-color:#850102;
color:white;
}



.simpleform input[type="checkbox"]
{
 /* margin-top: 1em; */
/*  margin-bottom: 1em; */
  height: 3em;
  width: 3em;

}
/* **************************************************************/

.simpleform2 {
width: 320px;
background-color:white;
color:black;
font-family:verdana;
top:2em;
left: 50%;
margin: 0 auto;
box-sizing: border-box;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
}




.simpleform2 p{
margin: 0;
padding: 0;
/* font-weight: bold; */
line-height: 1em;
font-size: 1em;
}


.simpleform2 li{
margin-top: 16px;
margin-bottom: 32px;
line-height: 1em;
font-size: 1em;
}



.simpleform2 input{
/*general styling for all inputs */
}

.simpleform2 input[type="text"], input[type="password"]
{
width: 100%;
border:  1px solid #000;
outline: none;
height: 3em;
background-color:white;
color:black;
font-size: 1em;
box-sizing: border-box;
padding-left: 5px;
padding-right: 5px; 
/*margin-bottom: 0.5em; */
}


.simpleform2 input[type="submit"]
{
width: 100%;
border: none;
outline: none;
background-color:#ad1115;
color:white;
font-size: 1em;
border-radius: 20px;
margin-bottom: 2em;
font-size: 1em;
padding-bottom: 1em;
padding-top: 1em;
}

.simpleform2 input[type="submit"]:hover
{
cursor: pointer;
background-color:#850102;
color:white;
}

.simpleform2 input[type="checkbox"]
{
  margin-top: 0em;
  margin-bottom: 2em;
  height: 3em;
  width: 3em;

}



.simpleform2 input[type="file"]
{
width: 100%;
border: 0px;
outline: none;
height: 3em;
background-color:white;
color:black;
font-size: 1em;
box-sizing: border-box;
padding-left: 5px;
padding-right: 5px; 

}


.simpleform2 h5{
color: red;
font-size: 1em;
}

/* **************************************************************/

.search_categories{
  overflow: hidden;
   /*position:relative; */ /*causing issues with navigation slider*/
  width: 100%;
  border:  1px solid #000;
  outline: none;
  height: 3em;
  box-sizing: border-box;
  padding-left: 5px;
  padding-right: 5px; 
  /* margin-top: 5px; */
  font-size: 1em;  
  background-color:white;
  color:black;
}

.search_categories_actionupdates{
  overflow: hidden;
   /*position:relative; */ /*causing issues with navigation slider*/
  width: 100%;
  border:  1px solid #000;
  outline: none;
  height: 3em;
  box-sizing: border-box;
  padding-left: 5px;
  padding-right: 5px; 
  /* margin-bottom: 1em; */
  font-size: 1em;  
  background-color:white;
  color:black;
  font-weight: bold;
}

 .search_categories_quantitytable{
  overflow: hidden;
   /*position:relative; */ /*causing issues with navigation slider*/
  width: 100%;
  /*border:  1px solid #000; */
  outline: none;
  border-style: none;
  color: black;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  background-color:#ededed;
  margin: 4px 2px; 
  padding: 7px 16px; 
}


.search_categories_dayyear{
  overflow: hidden;
   /*position:relative; */ /*causing issues with navigation slider*/
  width: 75px;
  border:  1px solid #000;
  outline: none;
  height: 3em;
  box-sizing: border-box;
  padding-left: 5px;
  padding-right: 5px; 
  /*margin-bottom: 2em; */
  font-size: 1em;  
  background-color:white;
  color:black;
 
}

.search_categories_month{
  overflow: hidden;
   /*position:relative; */ /*causing issues with navigation slider*/
  width: 110px;
  border:  1px solid #000;
  outline: none;
  height: 3em;
  box-sizing: border-box;
  padding-left: 5px;
  padding-right: 5px; 
  /*margin-bottom: 2em; */
  font-size: 1em;  
  background-color:white;
  color:black;
 
}

section a:link{text-decoration:none; color: #850102; background-color:transparent;}
section a:hover{text-decoration:underline; color:#850102; background-color:transparent;}
section a:visited{text-decoration:none; color: #850102; background-color:transparent;}
section a:active{text-decoration:none; color: #850102; background-color:transparent;}

.simpleformdate input[type="text"]
{
width: 60px;
border:  1px solid #000;
outline: none;
height: 3em;
background-color:white;
color:black;
font-size: 1em;
box-sizing: border-box;
padding-left: 5px;
padding-right: 5px; 
/*margin-bottom: 0.5em; */

}


.simpleformquant input[type="text"]
{
width: 60px;
border:  1px solid #000;
outline: none;
height: 3em;
background-color:white;
color:black;
font-size: 1em;
box-sizing: border-box;
padding-left: 5px;
padding-right: 5px; 
/*margin-bottom: 0.5em; */

}


.simpleformucost input[type="text"]
{
width: 120px;
border:  1px solid #000;
outline: none;
height: 3em;
background-color:white;
color:black;
font-size: 1em;
box-sizing: border-box;
padding-left: 5px;
padding-right: 5px; 
/*margin-bottom: 0.5em; */

}





.simpleformyear input[type="text"]
{
width: 100px;
border:  1px solid #000;
outline: none;
height: 3em;
background-color:white;
color:black;
font-size: 1em;
box-sizing: border-box;
padding-left: 5px;
padding-right: 5px; 
margin-bottom: 1em;

}














.tooltip {
  position: relative;
  display: inline-block;
  /*border-bottom: 1px dotted black;*/
    line-height: 1.5em;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 250px;
  /* background-color: #555; */

  background-color:; 
  color: #fff;
  text-align: left;
  border-radius: 6px;
  /*padding: 5px 0; */
    padding: 10px 10px 10px 10px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 1em;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;

}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}


ul.a {list-style-type: circle;}










/* Change the white to any color ;) */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}


.ac_results {
	padding: 0px;
	/*border: 1px solid #84a10b; */
	border: 1px solid black;
    background-color:white;
	overflow: hidden;
/*	width: 100%; */


}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
/*	padding: 2px 5px; */
	padding: 2px 5px;
	cursor: default;
	display: block;
    color:black;
	font-family:verdana;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/* width: 100%; */
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 32px;
	overflow: hidden;
	
font-size: 1em;
box-sizing: border-box;
padding-left: 5px;
padding-right: 5px;
/* margin-bottom: 1em; */
margin-bottom: 0em;
font-size: 1em;

}

.ac_loading {
	background: white url('../images/indicator.gif') right center no-repeat;

}

.ac_odd {
    background-color:white;
    color:black;

}

/*hover over selection */
.ac_over {
    background-color:#ad1115; 

    color:black;
}

/* **************************************************************/



table {
  border-collapse: collapse;
  width: 100%;
}

.quant_table tr {
  vertical-align: top;
  text-align: left;
 border-left: 1px solid black; 
 border-right: 1px solid black;
 min-height: 1em;
}

.bottombordertable th, td {
  vertical-align: top;
  padding-left: 5px;
  padding-right: 5px;
  text-align: left;
  padding-bottom: 5px;
 border-bottom: 1px solid black; 

}

th{

font-weight: bold;

}


.order_table th, td {
  vertical-align: top;
  padding-left: 5px;
  padding-right: 5px;
  text-align: left;
  padding-bottom: 15px;
 border-bottom: 0px; 

}

.separater {
  
 min-height: 1.5em;
}

.alnright { text-align: right; }

.alncenter { text-align: center; }

.alncenterbold { text-align: center; font-weight: bold;}

.alncenterstatus { text-align: center; padding-top:10px; padding-bottom:10px; padding-left:2px; padding-right:2px;}

/* **************************************************************/
div.scroll { 
                margin: 4px 2px; 
                padding: 7px 16px; 
                text-decoration: none;
                display: inline-block;
                font-size: 16px;
                background-color:#ededed;
                color: black;
                outline: none;
                width: 100%;                
                height: 150px; 
                overflow-x: hidden; 
                overflow-y: auto; 
                text-align:left;
                word-wrap: break-word;

            }

.scroll table {font-size: 16px;}
.scroll table td {padding: 3px 1px;}
            
/* **************************************************************/


.simpleform2 a:link{
 text-decoration:none;
 background-color: transparent;
 /* font-weight: bold; */
 color: #850102;
}
.simpleform2 a:visited{
 text-decoration:none;
 background-color: transparent; 
 /* font-weight: bold; */
 color: #850102;
}
.simpleform2 a:active{
 text-decoration:none;
 background-color: transparent; 
 /* font-weight: bold; */
 color: #850102;
}
.simpleform2 a:hover{
 text-decoration:underline;
 background-color: transparent; 
 /* font-weight: bold; */
 color: #850102;
}

/* **************************************************************/

#simpleformclose {
    float:right;
    display:inline-block; 
    padding:2px 5px;
    /* background:#ccc; */
    background:white;
    color:;
border-color: #ad1115;
border-style: solid;
    
    
}

/* **************************************************************/

.alignrightno {
text-align: right;
}

/* **************************************************************/

.alignleftno {
text-align: left;
}


/* **************************************************************/

.aligncenterno {
text-align: center;
}


/* **************************************************************/
.hidden { display: none; }


/* **************************************************************/
.picmenu { display: block; text-align: right;}

/* **************************************************************/
.othercolordiv {background-color:#000081;}

/* **************************************************************/
/* breaks a word */
.wordbreak {
word-break: break-all;
}

/* **************************************************************/
/* plain button formatting */
.plainbutton {
width: 100%;
border: none;
outline: none;
background-color:#ad1115;
color:white;
font-size: 1em;
border-radius: 20px;
margin-bottom: 0em;
padding-bottom: 1em;
padding-top: 1em;
}

/* **************************************************************/
/* hidden */
.hidden {
  display: none;
}

/* **************************************************************/

.button {
border-style: none;
  /*border: 1px solid black; */

    color: black;
  /*padding: 13px 32px; */
    padding: 7px 16px; 
  
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px; 
  cursor: pointer;
background-color:ededed;

align: left;
}

.buttonfullwidth {width:100%;} 
.buttonclosedocument {background-color:#ad1115;}



 /* unvisited link */
.buttonclosedocument a:link {
  color: white;
}

/* visited link */
.buttonclosedocument a:visited {
  color: white;
}

/* mouse over link */
.buttonclosedocument a:hover {
  color: white;
}

/* selected link */
.buttonclosedocument a:active {
  color: white;
} 


/* **************************************************************/
.whiteBackground { background-color: #fff; }
.grayBackground { background-color: #ccc; }

/* **************************************************************/

.buttonlink
{
width: 100%;
border: none;
outline: none;
background-color:#ad1115;


color:white;
font-size: 1em;
border-radius: 20px;
margin-bottom: 2em;
padding-bottom: 1em;
padding-top: 1em;
}

.blocker input[type="submit"]
{
border-style: none;
  /*border: 1px solid black; */
background-color:#cccccc;
    color: black;
  /*padding: 13px 32px; */
    padding: 7px 16px; 
  align: left;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 0px; 
  cursor: pointer;
  border-radius: 0px;
}

.blocker input[type="submit"]:hover
{
cursor: pointer;
background-color:#cccccc;
    color: black;
}






/* *******************home page layout*******************/



.flex-container {
  display: flex;
height: 100%;  
  flex-wrap: wrap;
padding:50px;
background-color: white;
  justify-content:space-evenly;
width: 100%;
}

.flex-container  div {
  background-color:#1974d1;
 width: 320px;
text-align: center;
 font-size: 20px;

    padding:30px 30px 30px 30px;
     margin: 30px; 
    height: 100px;
    border-radius: 10px;
}


.flex-container div a{
color:#ad1115;
  color: white;
}


.flex-container1 {
  display: flex;
  width: 100%;
  justify-content:space-evenly;
  flex-wrap: wrap;

}

.flex-container1  div {
     margin: 30px; 
}








body{
margin: 0;
padding: 0;

color:black;
font-family:verdana;
background-color: white;
background-position: left top;  
background-attachment: fixed; 
background-repeat: no-repeat; background-size: cover; 
}


/*Media queries computers*/

/*Media queries mobile*/
@media (max-width: 480px) {
    body {
	    background-image: url(theme_minimalist_navybluered/shutterstock_372273337_412x846.jpg);
    }
}

/*Media queries tablet*/
@media (min-width: 481px) and (max-width: 1024px) {
    body {
	    background-image: url(theme_minimalist_navybluered/shutterstock_372273337_601x962.jpg);
    }
}


/*Media queries desktop devices*/
@media (min-width: 1025px) {
    body {
	    background-image: url(theme_minimalist_navybluered/shutterstock_372273337_1280x1024.jpg);
   }
}