.dynamicVariableHolder {
  width:100%;
  height:100%;
  overflow: auto;
  margin: 0;
  padding: 0;
}

.DarkEmphasis{
  background-color:#4A4A4A;
  color:white;
  width:50%;
  font-size:1.2em;
  text-align:center;
  padding-top:5px;
  padding-bottom:5px;
  margin:0px auto;
}

.ui-state-error {
  color:white !important;
}
.allGreen {
  background-color: #028B73 ;
  color:white;
  margin-left:8%;
  width:90%;
}
#right_panel {
  margin-right:2%;
  padding-left:25%;
  font-size: 1.1em
}
.loginTitle {
  color: #028B73;
  font-weight: 600;
}

.basketIndicator {
  font-size:2em !important;
}

.mainPageButton .basketIndicator {
  position:absolute;
  top:5%;
  width:15%;
  right:5%;
  padding:5%;
  background: #FECB00;
  border:2px solid white;
  color:white;
}

#Arrows div{
  padding-top: 5px;
  padding-left:6px;
  padding-right:5px;
  font-weight:600;
  font-size:1vmax;
}
#Arrows {
  padding-top:.85%;
  margin-bottom:.85%;
  height:3%;
  margin-left: 8%;
}
.BeginArrow {
  min-width:1%;
  height:100%;
  background-color: #4c4c4c;  
  float:left;
}
.MiddleArrow {
  min-width:1%;
  height:100%;
  background-color: #4c4c4c;  
  color:white;
  float:left;
}
.RenewArrow {
  min-width:.99%;
  height:100%;
  background-image: url("/gfx/ArrowBeginning.png");
  background-size: auto 100%;
  background-position: left; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  float:left;
}
.EndArrow {
  min-width:1%;
  height:100%;
  background-image: url("/gfx/ArrowEnd.png");
  background-size: auto 100%;
  background-position: left; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  float:left;
}


#headercontent .currentOrderNumber, #headercontent .currentDispatchNumber, #headercontent .currentCollectionNumber {
  background:#FECB00;
  padding-left:3px;
  padding-right:3px;
  float:right;
  margin-right:5px;
  margin-top:5px;
  display: block;
  width:25%;
  text-align: center;
  height:30%;
  font-size:1.1em;
  color:black;
  font-weight: bolder;
}

textarea {
  background: white !important;
  font-size: 1.1em !important;;
}
input[type='text'],input[type='password']  {
  background: white !important;
  font-size: 1.1em
}
.ui-selectmenu-button {
  background: white !important;
}
#loginform label {
  width: 80%;
  font-weight: 400;
}
#loginform #submit,#loginform #reset{ 
  border: 1px solid #ffffff;
  background: #028B73 url("images/ui-bg_glass_65_028B73_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #ffffff;
}
.greenButton{ 
  border: 1px solid #ffffff;
  background: #028B73;
  color: #ffffff;
}

.whiteButton{
  color: #028B73;
  text-decoration: none;
  border: 1px solid #cccccc;
  background: #f0f0f0;
  font-weight: bold;
  color: #028B73;
}

.hoverButton {
  border: 1px solid #028B73;
  background: #fdf5ce url("images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #028B73;
}

#header{
  width:100%;
  height:9%;
}
#header #smallLogo {
  height:60%;
  margin-left:19%;
  margin-top:2%;
}

#leftside {
  width:40%;
  float:left;
  height:100%;
  background-image: url("/gfx/Seperator.png");
  background-color: white;  
  background-size: auto 100%;
  background-position: right; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */

}
#rightside {
  background-color: #008A75;
  float:left;
  width:60%;
  height:100%;
}

.horizontalpillar {
  margin-left: 7.8% !important;
  margin-right: 7.8% !important;
  width:84.4%;
}
.horizontalMenuItemHolder  {
  width:100%;
  position:relative;
}

.mainPageButton {
  width:8%;
  margin-right: 4%;
  float:left;
  font-size:.5em !important;
  background-repeat: no-repeat !important;; 
  background-position:4px -10px !important;
  background-size:contain !important;

}
.mainPageButton:before {
  content: "";
  display: block;
  padding-top: 80%;
}
#bars {
  margin-left:1.5%;
}
.mainPageButton {
  background-color:#EDEDED;
  box-shadow: 3px 3px grey;
}
.pillartext  {
  min-height:2em;
  font-size:2em !important;
}

#container{
  background-attachment: fixed;
  background-repeat: no-repeat; 
  background-position: top ; 
  background-size:100% 100%;
  overflow-y: hidden;
}
.KPI {
  width:10%; float:right;
}
.KPI {
  margin-left:1.7%;
  margin-bottom: 2px; 
  height: 40%;
  min-height: 20px;
}
.KPIholder {
  bottom:0;
  width:100%;
  margin-bottom: 7px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.KPI-green {
  background-color:#008A75;
  color: white;
  bottom:0px;
  position:relative;
  right:0px;
  bottom:0px;
  top:60%;
  vertical-align: bottom;
}

.actualNumber { 
  margin-top:10% !important;
  float:left;
  width:30%;
  font-weight: bolder;
  font-size: 2.5em;
  font-size: 2vmax;
  text-align: center;
  margin-top: 6px;
}
.counterText { 
  float:left;
  width:20%;
  font-weight: bolder;
  margin-left:10%;
  font-size: 1.1em;
  text-align: center;
  margin-top: 6px;
}
#footer {
  position: fixed;
  bottom:0px;
  width:100%;
  height:5%;
  background-color: #008A75;   
  color: white;
  font-weight: bolder; 
}

#tableholder_form{
  margin-top:1.6%;
  box-shadow: 3px 3px grey;
  margin-left:8%;  
  margin-right:8%;
  width:84%;
  height:80%;
  /*border-top:5px solid  #008A75;*/
}

#left_panel {
  position: relative;
  height:100%;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  float:left;
}
.standard-background {
  background-color:#EDEDED;
}
#center_panel {
  height:100%;
  font-size: 1.2em;
}
#center_panel > contactForm {
  height:100%;
}

#orderDispatchIcon {
  background-image: url("/gfx/icons/Icon_DISPATCHES_Button_White.png");
}
#orderDispatchIcon:hover {
  background-image: url("/gfx/icons/Icon_DISPATCHES_Button_WhiteHover.png");
}
#orderBasketIcon {
  background-image: url("/gfx/icons/Icon_NEW ORDER_Button_White.png");
}
#orderBasketIcon:hover {
  background-image: url("/gfx/icons/Icon_NEW ORDER_Button_WhiteHover.png");
}
#orderCollectionIcon {
  background-image: url("/gfx/icons/Icon_COLLECTION_Button_White.png");
}
#orderCollectionIcon:hover {
  background-image: url("/gfx/icons/Icon_COLLECTION_Button_WhiteHover.png");
}
#logoutIcon {
  background-image: url("/gfx/icons/Icon_LOGOUT_Button_White.png");
}
#logoutIcon:hover {
  background-image: url("/gfx/icons/Icon_LOGOUT_Button_WhiteHover.png");
}
#homeButton {
  background-image: url("/gfx/icons/Icon_HOME_Button_White.png"); 
}
#homeButton:hover {
  background-image: url("/gfx/icons/Icon_HOME_Button_WhiteHover.png"); 
}
.headerIcon {
  height:75%;
  background-size: auto 100%;
  background-position: right; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */ 
  float:right;
  min-width:60px;
}
.hoverclass{
  background-image: url("/gfx/icons/Icon_HOME_Button_WhiteGreen.png");
  height:100%;
  width:100%;
}
.rightPanelHeader {
  margin-top:3%;
  margin-bottom:3%;
  font-size: 2em;
  width:100% !important;
  padding-bottom:2px;
  border-bottom: 2px solid white;
}

#pageTitleDiv {
  margin-top:3%;
  margin-bottom:3%;
  font-size: 2em;
}
.rightPanelHeader {
  margin-top:3%;
  margin-bottom:3%;
  font-size: 1.4em;
}
#nav .specialIcon {
  width:30px;
  height:30px;
  float:left;
  background-size: cover;
  margin: 5px 0px 0px 34px;

}
.ui-spinner {
  /*max-width:100px;*/
}