#topbutton {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color:rgb(255,0,0);
  color:#ffffff;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#topbutton:hover {
  color:#000000;
}

.bg-orderdetails {
  background-color: rgb(245,245,245);
}
  

#loader
  {
    height:100%;
		width:100%;
		position:fixed;
		left:0;
		top:0;
		z-index:2000 !important;
		background-color:white;
    filter: alpha(opacity=85); /* internet explorer */
    -khtml-opacity: 0.85;      /* khtml, old safari */
    -moz-opacity: 0.85;       /* mozilla, netscape */
    opacity: 0.85;           /* fx, safari, opera */
    text-align:center;
    color:#163047;
  }
  
.loader_data {
    position: absolute;
    top: 50%;
    left: 50%;
}  

.navbar-brand {
  padding: 0px; /* firefox bug fix */
}
.navbar-brand>img {
  height: 100%;
  padding: 0px 0px 0px 10px; /* firefox bug fix */
  width: auto;
}

.flex-row{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex-row .item{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.login-form {
	margin-top: 60px;
}

form[role=login] {
	color: #5d5d5d;
	background: #f2f2f2;
	padding: 26px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
	form[role=login] img {
		display: block;
		margin: 0 auto;
		margin-bottom: 35px;
	}
	form[role=login] input,
	form[role=login] button {
		font-size: 18px;
		margin: 16px 0;
	}
	form[role=login] > div {
		text-align: center;
	}
	
.form-links {
	text-align: center;
	margin-top: 1em;
	margin-bottom: 50px;
  color:#000000;
}
	.form-links a {
		color: #fff;
	}
  
dl
  {
    margin-top:0px;
    margin-bottom:10px;
  }
  
.pd-wrapper
  {
    position:relative;
    margin-bottom:20px;
    width:100%;
    position:fixed;
  }
  
.pd-filter
  {
    z-index:1300;
    position:absolute;
    top:0;
    left:5%;
    right:5%;
    background-color:#ffffff;
    padding:10px;
    display:none;
    border:1px solid #eeeeee;
    border-radius: 0 0 0.5vmax 0.5vmax;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
  }
  
#pagecontrolpanel
  {
    background-color:#ffffff;
    padding-top:20px;
    padding-bottom:10px;
  }
  
.divtable .dtrow:nth-of-type(odd) div {
background-color:antiquewhite;
}
.divtable .dtrow:nth-of-type(even) div {
background: #FFFFFF;
}


.trendup
  {
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    color:green;  
  }
  
.trenddown
  {
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    color:red;  
  }
  
.notrend
  {
    color:grey;  
  }
  
.page-header
  {
    color:#ffffff;
    background-color:#222;
    border-bottom:1px solid #000000;
    padding:5px 5px 5px 15px;                                                   // top right bottom left
    font-weight:600;
    font-size:16pt;
    margin-bottom:20px;
  }