.ui-collapsible-set	{
	width:100%;
	border-radius:0px;
	border:none;
}

.ui-btn-inner, .ui-corner-top	{
	border-radius:0px;
	border:0px;
}

.ui-btn-inner, .ui-corner-bottom	{
	border-radius:0px;
	border:0px;
}

.ui-btn-inner, .ui-corner-top, .ui-corner-bottom	{
	-webkit-border-radius:0px;
	border-radius:0px;
}

.ui-field-contain > label
{ width:100%;
}

/*.ui-collapsible-content, */
.ui-body-a	{
	padding:0px;
	border:0px;
}

.ui-btn, .ui-shadow, .ui-btn-corner-all, .ui-btn-icon-left	{
	border:0px;
}

.ui-btn	{
	margin:0px;
	text-align:left;
}

.ui-content	{
	padding:0px;
}

.icon-fix .ui-icon-plus	{
	background:url(images/icons-18-blue.png);
    background-position:-0px 50%
}

.icon-fix .ui-icon-minus	{
	background:url(images/icons-18-blue.png);
    background-position: -36px 50%;
}

.icon-fix .ui-icon-check{
	background:url(images/icons-18-blue.png);
    background-position:-252px 50%
}

.no-icon .ui-icon	{
	display:none;
}

.ui-header	{
	background-image: -webkit-gradient(linear, left top, left bottom, from( #406ead /*{a-bup-background-start}*/), to( #29527a /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
    	background-image: -webkit-linear-gradient( #406ead /*{a-bup-background-start}*/, #29527a /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
    	background-image:    -moz-linear-gradient( #406ead /*{a-bup-background-start}*/, #29527a /*{a-bup-background-end}*/); /* FF3.6 */
    	background-image:     -ms-linear-gradient( #406ead /*{a-bup-background-start}*/, #29527a /*{a-bup-background-end}*/); /* IE10 */
    	background-image:      -o-linear-gradient( #406ead /*{a-bup-background-start}*/, #29527a /*{a-bup-background-end}*/); /* Opera 11.10+ */
    	background-image:         linear-gradient( #406ead /*{a-bup-background-start}*/, #29527a /*{a-bup-background-end}*/);
}

.ui-btn-left	{
	height:auto;
	font-weight:500;
	padding-top:9px;
	padding-bottom:9px;
	padding-left:18px;
	padding-right:18px;
}

.ui-btn-right	{
	height:auto;
	font-weight:500;
	padding-top:9px;
	padding-bottom:9px;
	padding-left:18px;
	padding-right:18px;
}

.ui-header .ui-btn-left .ui-btn-inner	{
	padding-left:0;
	padding:0;
}

.ui-header .ui-icon	{
	display:none;
}
	

/* Generic icon styles */

/* 26x26 pixels */

.ui-btn-icon-left .ui-btn-inner .ui-icon.ui-iconsize-26, 
.ui-btn-icon-right .ui-btn-inner .ui-icon.ui-iconsize-26 {
  margin-top: -13px;
}

.ui-btn-icon-notext .ui-icon { display: block; z-index: 0;}

.ui-btn-icon-top .ui-btn-inner .ui-icon.ui-iconsize-26, .ui-btn-icon-bottom .ui-btn-inner .ui-icon.ui-iconsize-26 { position: absolute; left: 50%;  margin-left: -13px; }
.ui-header .ui-btn-icon-left .ui-icon.ui-iconsize-26,
.ui-footer .ui-btn-icon-left .ui-icon.ui-iconsize-26,
.ui-mini.ui-btn-icon-left .ui-icon.ui-iconsize-26,
.ui-mini .ui-btn-icon-left .ui-icon.ui-iconsize-26 { left: 3px; margin-top: -12px; }

.ui-header .ui-btn-icon-right .ui-icon.ui-iconsize-26,
.ui-footer .ui-btn-icon-right .ui-icon.ui-iconsize-26,
.ui-mini.ui-btn-icon-right .ui-icon.ui-iconsize-26,
.ui-mini .ui-btn-icon-right .ui-icon.ui-iconsize-26 { right: 3px; margin-top: -12px; }

.ui-header .ui-btn-icon-top .ui-icon.ui-iconsize-26,
.ui-footer .ui-btn-icon-top .ui-icon.ui-iconsize-26,
.ui-mini.ui-btn-icon-top .ui-icon.ui-iconsize-26,
.ui-mini .ui-btn-icon-top .ui-icon.ui-iconsize-26 { top: 3px; }

.ui-header .ui-btn-icon-bottom .ui-icon.ui-iconsize-26,
.ui-footer .ui-btn-icon-bottom .ui-icon.ui-iconsize-26,
.ui-mini.ui-btn-icon-bottom .ui-icon.ui-iconsize-26,
.ui-mini .ui-btn-icon-bottom .ui-icon.ui-iconsize-26 { bottom: 3px; }



  
.ui-icon-ios-pack-color-left-arrow {
  width: 26px;
  height: 26px;
  background-color: transparent !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
}


  
.ui-icon-ios-pack-color-right-arrow {
  width: 26px;
  height: 26px;
  background-color: transparent !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
}
  
.ui-icon-ios-pack-color-up-arrow {
  width: 26px;
  height: 26px;
  background-color: transparent !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
}
  
.ui-icon-ios-pack-color-back {
  width: 26px;
  height: 26px;
  background-color: transparent !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
}
  
.ui-icon-ios-pack-color-forward {
  width: 26px;
  height: 26px;
  background-color: transparent !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
}
  
.ui-icon-ios-pack-color-down-arrow {
  width: 26px;
  height: 26px;
  background-color: transparent !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
}
  
.ui-icon-ios-pack-color-plus {
  width: 26px;
  height: 26px;
  background-color: transparent !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
}
  
.ui-icon-ios-pack-color-minus {
  width: 26px;
  height: 26px;
  background-color: transparent !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
}
  
.ui-icon-ios-pack-color-check {
  width: 26px;
  height: 26px;
  background-color: transparent !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
}
  
.ui-icon-ios-pack-color-delete {
  width: 26px;
  height: 26px;
  background-color: transparent !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
}
  
.ui-icon-ios-pack-color-gear {
  width: 26px;
  height: 26px;
  background-color: transparent !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
}
  
.ui-icon-ios-pack-color-refresh {
  width: 26px;
  height: 26px;
  background-color: transparent !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
}
  
.ui-icon-ios-pack-color-grid {
  width: 26px;
  height: 26px;
  background-color: transparent !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
}
  
.ui-icon-ios-pack-color-star {
  width: 26px;
  height: 26px;
  background-color: transparent !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
}
  
.ui-icon-ios-pack-color-info {
  width: 26px;
  height: 26px;
  background-color: transparent !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
}
  
.ui-icon-ios-pack-color-home {
  width: 26px;
  height: 26px;
  background-color: transparent !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
}
  
.ui-icon-ios-pack-color-search {
  width: 26px;
  height: 26px;
  background-color: transparent !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
}
  
.ui-icon-ios-pack-color-alert {
  width: 26px;
  height: 26px;
  background-color: transparent !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
}
  



  
.ui-icon-ios-pack-color-left-arrow {
  background: url('images/ios-pack-color.png') -260px 50% no-repeat transparent !important;
}
  
.ui-icon-ios-pack-color-right-arrow {
  background: url('images/ios-pack-color.png') -364px 50% no-repeat transparent !important;
}
  
.ui-icon-ios-pack-color-up-arrow {
  background: url('images/ios-pack-color.png') -442px 50% no-repeat transparent !important;
}
  
.ui-icon-ios-pack-color-back {
  background: url('images/ios-pack-color.png') -26px 50% no-repeat transparent !important;
}
  
.ui-icon-ios-pack-color-forward {
  background: url('images/ios-pack-color.png') -130px 50% no-repeat transparent !important;
}
  
.ui-icon-ios-pack-color-down-arrow {
  background: url('images/ios-pack-color.png') -104px 50% no-repeat transparent !important;
}
  
.ui-icon-ios-pack-color-plus {
  background: url('images/ios-pack-color.png') -312px 50% no-repeat transparent !important;
}
  
.ui-icon-ios-pack-color-minus {
  background: url('images/ios-pack-color.png') -286px 50% no-repeat transparent !important;
}
  
.ui-icon-ios-pack-color-check {
  background: url('images/ios-pack-color.png') -52px 50% no-repeat transparent !important;
}
  
.ui-icon-ios-pack-color-delete {
  background: url('images/ios-pack-color.png') -78px 50% no-repeat transparent !important;
}
  
.ui-icon-ios-pack-color-gear {
  background: url('images/ios-pack-color.png') -156px 50% no-repeat transparent !important;
}
  
.ui-icon-ios-pack-color-refresh {
  background: url('images/ios-pack-color.png') -338px 50% no-repeat transparent !important;
}
  
.ui-icon-ios-pack-color-grid {
  background: url('images/ios-pack-color.png') -182px 50% no-repeat transparent !important;
}
  
.ui-icon-ios-pack-color-star {
  background: url('images/ios-pack-color.png') -416px 50% no-repeat transparent !important;
}
  
.ui-icon-ios-pack-color-info {
  background: url('images/ios-pack-color.png') -234px 50% no-repeat transparent !important;
}
  
.ui-icon-ios-pack-color-home {
  background: url('images/ios-pack-color.png') -208px 50% no-repeat transparent !important;
}
  
.ui-icon-ios-pack-color-search {
  background: url('images/ios-pack-color.png') -390px 50% no-repeat transparent !important;
}
  
.ui-icon-ios-pack-color-alert {
  background: url('images/ios-pack-color.png') -0px 50% no-repeat transparent !important;
}
  

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi) {

  .ui-icon-ios-pack-color-left-arrow,.ui-icon-ios-pack-color-right-arrow,.ui-icon-ios-pack-color-up-arrow,.ui-icon-ios-pack-color-back,.ui-icon-ios-pack-color-forward,.ui-icon-ios-pack-color-down-arrow,.ui-icon-ios-pack-color-plus,.ui-icon-ios-pack-color-minus,.ui-icon-ios-pack-color-check,.ui-icon-ios-pack-color-delete,.ui-icon-ios-pack-color-gear,.ui-icon-ios-pack-color-refresh,.ui-icon-ios-pack-color-grid,.ui-icon-ios-pack-color-star,.ui-icon-ios-pack-color-info,.ui-icon-ios-pack-color-home,.ui-icon-ios-pack-color-search,.ui-icon-ios-pack-color-alert {
    background-image: url('images/ios-pack-color@2x.png');
    -moz-background-size: 468px 26px;
    -o-background-size: 468px 26px;
    -webkit-background-size: 468px 26px;
    background-size: 468px 26px;
  }

}


.text-align-center {
  text-align: center;
}
.text-align-right {
  text-align: right;
}

/** CSS for non-standard jQuery Mobile styles or Codiqa components **/
.split-wrapper {
  width: 100%;
  min-height: 200px;
  clear: both;
}
@media all and (min-width: 650px) {
  .content-secondary {
    text-align: left;
    float: left;
    width: 45%;
    background: none;
    padding: 1.5em 6% 3em 0;
    margin: 0;
  }
  .content-secondary {
    background: none;
    border-top: none;
  }
  .content-primary {
    width: 45%;
    float: right;
    margin-right: 1%;
    padding-right: 1%;
  }
  .content-primary ul:first-child {
    margin-top: 0;
  }
  .content-secondary ul.ui-listview, .content-secondary ul.ui-listview-inset {
    margin: 0;
  }
  .content-secondary ul.ui-listview .ui-li-divider, .content-secondary ul.ui-listview .ui-li {
    border-radius: 0px;
  }
  .content-secondary ul.ui-listview .ui-li {
    border-left: 0;
    border-right: 0;
  }
  .content-secondary h2 {
    position: absolute;
    left: -9999px;
  }
  .content-secondary .ui-li-divider {
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .content-secondary {
    margin: 0;
    padding: 0;
  }
  
}
@media all and (min-width: 750px){
  .content-secondary {
    width: 34%;
  }
  .content-primary {
    width: 60%;
    padding-right: 1%;
  }	
}

@media all and (min-width: 1200px){
  .content-secondary {
    width: 30%;
    padding-right:6%;
    margin: 0px 0 20px 5%;
  }
  .content-secondary ul {
    margin: 0;
  }
  .content-secondary {
    margin: 0;
    padding: 0;
  }
  .content-primary {
    width: 50%;
    margin-right: 5%;
    padding-right: 3%;
  }
  .content-primary {
    width: 60%;
  }
}

/*
    * jQuery Mobile Git Build: SHA1: 9130927464f2d3e0300a9fb36ebfd69448cf3675 <> Date: Wed Feb 20 11:08:42 2013 -0800
    * http://jquerymobile.com
    *
    * Copyright 2010, 2013 jQuery Foundation, Inc. and other contributors
    * Released under the MIT license.
    * http://jquery.org/license
    *
    */
    
    
    /* Swatches */
    
    /* A
    -----------------------------------------------------------------------------------------------------------*/
    
   .ui-bar-a {
  border: 1px solid     #333 /*{a-bar-border}*/;
  color:          #fff /*{a-bar-color}*/;
  font-weight: bold;
  text-shadow: 0 /*{a-bar-shadow-x}*/ -1px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/ #000 /*{a-bar-shadow-color}*/;
  background-image: -webkit-gradient(linear, left top, left bottom, from( #406ead /*{a-bup-background-start}*/), to( #29527a /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
      background-image: -webkit-linear-gradient( #406ead /*{a-bup-background-start}*/, #29527a /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
      background-image:    -moz-linear-gradient( #406ead /*{a-bup-background-start}*/, #29527a /*{a-bup-background-end}*/); /* FF3.6 */
      background-image:     -ms-linear-gradient( #406ead /*{a-bup-background-start}*/, #29527a /*{a-bup-background-end}*/); /* IE10 */
      background-image:      -o-linear-gradient( #406ead /*{a-bup-background-start}*/, #29527a /*{a-bup-background-end}*/); /* Opera 11.10+ */
      background-image:         linear-gradient( #406ead /*{a-bup-background-start}*/, #29527a /*{a-bup-background-end}*/);
}
    .ui-bar-a .ui-link-inherit {
      color: #ffffff /*{a-bar-color}*/;
    }
    
    .ui-bar-a a.ui-link {
      color: #7cc4e7 /*{a-bar-link-color}*/;
    }
    
    .ui-bar-a a.ui-link:visited {
        color: #2489ce /*{a-bar-link-visited}*/;
    }
    
    .ui-bar-a a.ui-link:hover {
      color: #2489ce /*{a-bar-link-hover}*/;
    }
    
    .ui-bar-a a.ui-link:active {
      color: #2489ce /*{a-bar-link-active}*/;
    }
    
    .ui-bar-a,
    .ui-bar-a input,
    .ui-bar-a select,
    .ui-bar-a textarea,
    .ui-bar-a button {
         font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
    }
    .ui-body-a,
    .ui-overlay-a {
      border: 0px solid #8c8c8c /*{a-body-border}*/;
      color: #000000 /*{a-body-color}*/;
      text-shadow: 0 /*{a-body-shadow-x}*/ 0px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #eeeeee /*{a-body-shadow-color}*/;
      background: #d7d7d7 /*{a-body-background-color}*/;
    }
    .ui-overlay-a {
      background-image: none;
      border-width: 0;
    }
    .ui-body-a,
    .ui-body-a input,
    .ui-body-a select,
    .ui-body-a textarea,
    .ui-body-a button {
         font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
    }
    .ui-body-a .ui-link-inherit {
      color: #000000 /*{a-body-color}*/;
    }
    
    .ui-body-a .ui-link {
      color: #ababab /*{a-body-link-color}*/;
      font-weight: bold;
    }
    
    .ui-body-a .ui-link:visited {
        color: #2489ce /*{a-body-link-visited}*/;
    }
    
    .ui-body-a .ui-link:hover {
      color: #2489ce /*{a-body-link-hover}*/;
    }
    
    .ui-body-a .ui-link:active {
      color: #2489ce /*{a-body-link-active}*/;
    }
    
    .ui-btn-up-a {
        text-shadow:none!important;
    padding:20px 10px 20px 10px!important;

    font-weight:500!important;
      border: 1px solid #8da6bf /*{a-bup-border}*/!important;
	  margin:-1px;
      /*background: /*{a-bup-background-color}*/
      color: #FFF /*{a-bup-color}*/!important;
      text-shadow: 1px /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #000 /*{a-bup-shadow-color}*/;
      background-image: -webkit-gradient(linear, left top, left bottom, from( #406ead /*{a-bup-background-start}*/), to( #29527a /*{a-bup-background-end}*/))!important; /* Saf4+, Chrome */
      background-image: -webkit-linear-gradient( #406ead /*{a-bup-background-start}*/, #29527a /*{a-bup-background-end}*/)!important; /* Chrome 10+, Saf5.1+ */
      background-image:    -moz-linear-gradient( #406ead /*{a-bup-background-start}*/, #29527a /*{a-bup-background-end}*/)!important; /* FF3.6 */
      background-image:     -ms-linear-gradient( #406ead /*{a-bup-background-start}*/, #29527a /*{a-bup-background-end}*/)!important; /* IE10 */
      background-image:      -o-linear-gradient( #406ead /*{a-bup-background-start}*/, #29527a /*{a-bup-background-end}*/)!important; /* Opera 11.10+ */
      background-image:         linear-gradient( #406ead /*{a-bup-background-start}*/, #29527a /*{a-bup-background-end}*/)!important;


    }
    .ui-btn-up-a:visited,
    .ui-btn-up-a a.ui-link-inherit {
      color: #FFF /*{a-bup-color}*/;
    font-weight:500;
    }
    .ui-btn-hover-a {
    padding:10px;
      border: 1px solid #8da6bf /*{a-bhover-border}*/;
      background: #8da6bf /*{a-bhover-background-color}*/;
      font-weight: 500;
      color: #1d558e /*{a-bhover-color}*/;
      text-shadow: 0 /*{a-bhover-shadow-x}*/ 0px /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #ffffff /*{a-bhover-shadow-color}*/;
      background-image: -webkit-gradient(linear, left top, left bottom, from( #e7f0f9 /*{a-bhover-background-start}*/), to( #cfd8e6 /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */
      background-image: -webkit-linear-gradient( #e7f0f9 /*{a-bhover-background-start}*/, #cfd8e6 /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
      background-image:    -moz-linear-gradient( #e7f0f9 /*{a-bhover-background-start}*/, #cfd8e6 /*{a-bhover-background-end}*/); /* FF3.6 */
      background-image:     -ms-linear-gradient( #e7f0f9 /*{a-bhover-background-start}*/, #cfd8e6 /*{a-bhover-background-end}*/); /* IE10 */
      background-image:      -o-linear-gradient( #e7f0f9 /*{a-bhover-background-start}*/, #cfd8e6 /*{a-bhover-background-end}*/); /* Opera 11.10+ */
      background-image:         linear-gradient( #e7f0f9 /*{a-bhover-background-start}*/, #cfd8e6 /*{a-bhover-background-end}*/);
    }
    .ui-btn-hover-a:visited,
    .ui-btn-hover-a:hover,
    .ui-btn-hover-a a.ui-link-inherit {
      color: #1d558e /*{a-bhover-color}*/;
    font-weight:500;
    }
    .ui-btn-down-a {
    padding:10px;
      border: 1px solid #8da6bf /*{a-bdown-border}*/;
      background: #003468 /*{a-bdown-background-color}*/;
      font-weight: 500;
      color: #1d558e /*{a-bdown-color}*/;
      text-shadow: 0 /*{a-bdown-shadow-x}*/ 0px /*{a-bdown-shadow-y}*/ 0 /*{a-bdown-shadow-radius}*/ #ffffff /*{a-bdown-shadow-color}*/;
      background-image: -webkit-gradient(linear, left top, left bottom, from( #e7f0f9 /*{a-bhover-background-start}*/), to( #cfd8e6 /*{a-bhover-background-end}*/)); /* Saf4+, Chrome */
      background-image: -webkit-linear-gradient( #e7f0f9 /*{a-bhover-background-start}*/, #cfd8e6 /*{a-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
      background-image:    -moz-linear-gradient( #e7f0f9 /*{a-bhover-background-start}*/, #cfd8e6 /*{a-bhover-background-end}*/); /* FF3.6 */
      background-image:     -ms-linear-gradient( #e7f0f9 /*{a-bhover-background-start}*/, #cfd8e6 /*{a-bhover-background-end}*/); /* IE10 */
      background-image:      -o-linear-gradient( #e7f0f9 /*{a-bhover-background-start}*/, #cfd8e6 /*{a-bhover-background-end}*/); /* Opera 11.10+ */
      background-image:         linear-gradient( #e7f0f9 /*{a-bhover-background-start}*/, #cfd8e6 /*{a-bhover-background-end}*/);
    }
    .ui-btn-down-a:visited,
    .ui-btn-down-a:hover,
    .ui-btn-down-a a.ui-link-inherit {
      color: #1d558e /*{a-bdown-color}*/;
    font-weight:500;
    }
    .ui-btn-up-a,
    .ui-btn-hover-a,
    .ui-btn-down-a {
         font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
      text-decoration: none;
    font-weight:500;
    }
    
    
    /* Structure */
    
    /* links within "buttons" 
    -----------------------------------------------------------------------------------------------------------*/
    
    a.ui-link-inherit {
      text-decoration: none !important;
    }
    
    
    /* Active class used as the "on" state across all themes
    -----------------------------------------------------------------------------------------------------------*/
    .ui-btn-active {
      border: 0px solid #8da6bf /*{global-active-border}*/;
      background: #b7c5d7 /*{global-active-background-color}*/;
      font-weight: bold;
      color: #003661 /*{global-active-color}*/;
      cursor: pointer;
      text-shadow: 0 /*{global-active-shadow-x}*/ 1px /*{global-active-shadow-y}*/ 0 /*{global-active-shadow-radius}*/ #444444 /*{global-active-shadow-color}*/;
      text-decoration: none;
      background-image: -webkit-gradient(linear, left top, left bottom, from( #c9d8ec /*{global-active-background-start}*/), to( #a4b1c1 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
      background-image: -webkit-linear-gradient( #c9d8ec /*{global-active-background-start}*/, #a4b1c1 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
      background-image:    -moz-linear-gradient( #c9d8ec /*{global-active-background-start}*/, #a4b1c1 /*{global-active-background-end}*/); /* FF3.6 */
      background-image:     -ms-linear-gradient( #c9d8ec /*{global-active-background-start}*/, #a4b1c1 /*{global-active-background-end}*/); /* IE10 */
      background-image:      -o-linear-gradient( #c9d8ec /*{global-active-background-start}*/, #a4b1c1 /*{global-active-background-end}*/); /* Opera 11.10+ */
      background-image:         linear-gradient( #c9d8ec /*{global-active-background-start}*/, #a4b1c1 /*{global-active-background-end}*/);
         font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
    }
    .ui-btn-active:visited,
    .ui-btn-active:hover,
    .ui-btn-active a.ui-link-inherit {
      color: #003661 /*{global-active-color}*/;
    }
    
    
    /* button inner top highlight
    -----------------------------------------------------------------------------------------------------------*/
    
    .ui-btn-inner {
      border-top: 0px solid   #fff;
      border-color:       rgba(255,255,255,.3);
    }
    
    
    /* corner rounding classes
    -----------------------------------------------------------------------------------------------------------*/
    
    .ui-corner-all {
      -webkit-border-radius: 0 /*{global-radii-blocks}*/;
      border-radius: 0 /*{global-radii-blocks}*/;
    }
    
    /* Form field separator
    -----------------------------------------------------------------------------------------------------------*/
    .ui-br {
      border-color: rgb(130,130,130);
      border-color: rgba(130,130,130,.3);
      border-style: solid;
    }
    
    /* Interaction cues
    -----------------------------------------------------------------------------------------------------------*/
    .ui-disabled {
      filter: Alpha(Opacity=30);
      opacity: .3;
      zoom: 1;
    }
    .ui-disabled,
    .ui-disabled a {
      cursor: default !important;
      pointer-events: none;
    }
    
    /* Icons
    -----------------------------------------------------------------------------------------------------------*/
    
    .ui-icon,
    .ui-icon-searchfield:after {
      background-color: rgba(0,0,0,0) /*{global-icon-disc}*/;
      background-image: url(images/icons-18-white.png) /*{global-icon-set}*/;
      background-repeat: no-repeat;
      -webkit-border-radius:        0px;
      border-radius:            0px;
    }
    
  .ui-btn-hover-a span.ui-icon  {
    background-image: url(images/icons-18-blue.png) /*{global-icon-set}*/;
  }
    /* Alt icon color
    -----------------------------------------------------------------------------------------------------------*/
    
    .ui-icon-alt .ui-icon,
    .ui-icon-alt .ui-icon-searchfield:after {
      background-color:             #000;
      background-color:             rgba(0,0,0,0.0);
      background-image: url(images/icons-18-black.png);
      background-repeat: no-repeat;
    }
    
    .ui-icon-alt-0 .ui-icon,
    .ui-icon-alt-0 .ui-icon-searchfield:after {
      background-color:             #fff;
      background-color:             rgba(0,0,0,.2);
/*     background-image: url(images/icons-18-white.png); */
      background-repeat: no-repeat;
    }
    
    .ui-icon-alt-1 .ui-icon,
    .ui-icon-alt-1 .ui-icon-searchfield:after {
      background-color:             #fff;
      background-color:             rgba(0,0,0,.2);
      background-image: url(images/icons-18-white.png);
      background-repeat: no-repeat;
    }
    
    .ui-icon-alt-2 .ui-icon,
    .ui-icon-alt-2 .ui-icon-searchfield:after {
      background-color:             #000;
      background-color:             rgba(0,0,0,0.0);
/*     background-color:             #fff;
       background-color:             rgba(0,0,0,.2);*/
      background-image: url(images/icons-18-black.png);
      background-repeat: no-repeat;
    }
    
    /* No disc
    -----------------------------------------------------------------------------------------------------------*/
    
    .ui-icon-nodisc .ui-icon,
    .ui-icon-nodisc .ui-icon-searchfield:after,
    .ui-icon-nodisc .ui-icon-alt .ui-icon,
    .ui-icon-nodisc .ui-icon-alt .ui-icon-searchfield:after {
      background-color: red !important; /*transparent;*/
    }
    
    /* Icon sprite
    -----------------------------------------------------------------------------------------------------------*/
    
    /* plus minus */
    
    /* PAPE 03-04-2013: Udkommenteret CSS for plus, minus og arrows
       pga. ikonerne har en mÃ¦rkelig position i collapsibles og listviews */
       
    /*.ui-icon-plus {
      background-position:  -1px -1px;
    }
    .ui-icon-minus {
      background-position:  -37px -1px;
    }*/
    
    /* delete/close */
    .ui-icon-delete {
      background-position:  -73px -1px;
    }
    /* arrows */
    /*.ui-icon-arrow-r {
      background-position:  -108px -1px;
    }
    .ui-icon-arrow-l {
      background-position:  -144px -1px;
    }
    .ui-icon-arrow-u {
      background-position:  -180px -1px;
    }
    .ui-icon-arrow-d {
      background-position:  -216px -1px;
    }*/
    /* misc */
    .ui-icon-check {
      background-position:  -252px -1px;
    }
    .ui-icon-gear {
      background-position:  -288px -1px;
    }
    .ui-icon-refresh {
      background-position:  -323px -1px;
    }
    .ui-icon-forward {
      background-position:  -360px -1px;
    }
    .ui-icon-back {
      background-position:  -396px -1px;
    }
    .ui-icon-grid {
      background-position:  -432px -1px;
    }
    .ui-icon-star {
      background-position:  -467px -1px;
    }
    .ui-icon-alert {
      background-position:  -503px -1px;
    }
    .ui-icon-info {
      background-position:  -539px -1px;
    }
    .ui-icon-home {
      background-position:  -575px -1px;
    }
    .ui-icon-none {
      background-position:  -1000px -1px;
    }
    /* search */
    .ui-icon-search,
    .ui-icon-searchfield:after {
      background-position:  -611px -1px;
    }
    /* checkbox radio */
    .ui-icon-checkbox-on {
      background-position:  -647px -1px;
    }
    .ui-icon-checkbox-off {
      background-position:  -683px -1px;
    }
    .ui-icon-radio-on {
      background-position:  -718px -1px;
    }
    .ui-icon-radio-off {
      background-position:  -754px -1px;
    }
    /* menu edit */
    .ui-icon-bars {
      background-position:  -788px -1px;
    
    }
    .ui-icon-edit {
      background-position:  -824px -1px;
    }
    
    /* HD/"retina" sprite
    -----------------------------------------------------------------------------------------------------------*/
    
    @media only screen and (-webkit-min-device-pixel-ratio: 1.3),
           only screen and (min--moz-device-pixel-ratio: 1.3),
           only screen and (min-resolution: 200dpi) {
      
      .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
      .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
      .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
      .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-none, .ui-icon-home, .ui-icon-bars, .ui-icon-edit,
      .ui-icon-search, .ui-icon-searchfield:after, 
      .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
        background-image: url(images/icons-36-white.png);
        -moz-background-size: 864px 18px;
        -o-background-size: 864px 18px;
        -webkit-background-size: 864px 18px;
        background-size: 864px 18px;
      }
    
      .ui-icon-alt .ui-icon {
        background-image: url(images/icons-36-black.png);
      }
    
      .ui-icon-plus {
        background-position:  0px 50%;
      }
      .ui-icon-minus {
        background-position:  -36px 50%;
      }
      .ui-icon-delete {
        background-position:  -72px 50%;
      }
      .ui-icon-arrow-r {
        background-position:  -108px 50%;
      }
      .ui-icon-arrow-l {
        background-position:  -144px 50%;
      }
      .ui-icon-arrow-u {
        background-position:  -179px 50%;
      }
      .ui-icon-arrow-d {
        background-position:  -215px 50%;
      }
      .ui-icon-check {
        background-position:  -252px 50%;
      }
      .ui-icon-gear {
        background-position:  -287px 50%;
      }
      .ui-icon-refresh {
        background-position:  -323px 50%;
      }
      .ui-icon-forward {
        background-position:  -360px 50%;
      }
      .ui-icon-back {
        background-position:  -395px 50%;
      }
      .ui-icon-grid {
        background-position:  -431px 50%;
      }
      .ui-icon-star {
        background-position:  -467px 50%;
      }
      .ui-icon-alert {
        background-position:  -503px 50%;
      }
      .ui-icon-info {
        background-position:  -538px 50%;
      }
      .ui-icon-home {
        background-position:  -575px 50%;
      }
      .ui-icon-none {
        background-position:  -1000px 50%;
      }
      .ui-icon-search,
      .ui-icon-searchfield:after {
        background-position:  -611px 50%;
      }
      .ui-icon-checkbox-on {
        background-position:  -647px 50%;
      }
      .ui-icon-checkbox-off {
        background-position:  -683px 50%;
      }
      .ui-icon-radio-on {
        background-position:  -718px 50%;
      }
      .ui-icon-radio-off {
        background-position:  -754px 50%;
      }
      .ui-icon-bars {
        background-position:  -788px 50%;
      
      }.ui-icon-edit {
        background-position:  -824px 50%;
      }
    }
    
    /* checks,radios */
    .ui-checkbox .ui-icon,
    .ui-selectmenu-list .ui-icon {
      -webkit-border-radius: 3px;
      border-radius: 3px;
    }
    .ui-icon-checkbox-off,
    .ui-icon-radio-off {
      background-color: transparent;  
    }
    .ui-checkbox-on .ui-icon,
    .ui-radio-on .ui-icon {
      background-color: #b7c5d7 /*{global-active-background-color}*/; /* NOTE: this hex should match the active state color. It's repeated here for cascade */
    }
    
    /* loading icon */
    .ui-icon-loading {
      background: url(images/ajax-loader.gif);
      background-size: 46px 46px;
    }
    
    /* Button corner class
    -----------------------------------------------------------------------------------------------------------*/
    .ui-btn-corner-all {
      -webkit-border-radius: 0em /*{global-radii-buttons}*/;
      border-radius: 0em /*{global-radii-buttons}*/;
    }
    
    /* radius clip workaround for cleaning up corner trapping */
    .ui-corner-all,
    .ui-btn-corner-all {
      -webkit-background-clip: padding;
      background-clip: padding-box;
    }
    
    /* Overlay / modal
    -----------------------------------------------------------------------------------------------------------*/
    
    .ui-overlay {
      background: #666;
      filter: Alpha(Opacity=50);
      opacity: .5;
      position: absolute;
      width: 100%;
      height: 100%;
    }
    .ui-overlay-shadow {
      -moz-box-shadow: 0px 0px 12px       rgba(0,0,0,.6);
      -webkit-box-shadow: 0px 0px 12px    rgba(0,0,0,.6);
      box-shadow: 0px 0px 12px        rgba(0,0,0,.6);
    }
    .ui-shadow {
      -moz-box-shadow: 0px 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
      -webkit-box-shadow: 0px 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
      box-shadow: 0px 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
    }
    .ui-bar-a .ui-shadow,
    .ui-bar-b .ui-shadow ,
    .ui-bar-c .ui-shadow  {
      -moz-box-shadow: 0px 1px 0        rgba(255,255,255,.3);
      -webkit-box-shadow: 0px 1px 0       rgba(255,255,255,.3);
      box-shadow: 0px 1px 0           rgba(255,255,255,.3);
    }
    .ui-shadow-inset {
      -moz-box-shadow: inset 0px 1px 4px    rgba(0,0,0,.2);
      -webkit-box-shadow: inset 0px 1px 4px   rgba(0,0,0,.2);
      box-shadow: inset 0px 1px 4px       rgba(0,0,0,.2);
    }
    
    /* Focus state - set here for specificity (note: these classes are added by JavaScript)
    -----------------------------------------------------------------------------------------------------------*/
    
    .ui-btn:focus, .ui-link-inherit:focus {
      outline: 0;
    }
    .ui-btn.ui-focus {
      z-index: 1;
    }
    .ui-focus,
    .ui-btn:focus {
      -moz-box-shadow: inset 0px 0px 3px #b7c5d7 /*{global-active-background-color}*/, 0px 0px 9px #b7c5d7 /*{global-active-background-color}*/;
      -webkit-box-shadow: inset 0px 0px 3px #b7c5d7 /*{global-active-background-color}*/, 0px 0px 9px #b7c5d7 /*{global-active-background-color}*/;
      box-shadow: inset 0px 0px 3px #b7c5d7 /*{global-active-background-color}*/, 0px 0px 9px #b7c5d7 /*{global-active-background-color}*/;
    }
    .ui-input-text.ui-focus,
    .ui-input-search.ui-focus {
      -moz-box-shadow: 0px 0px 12px #b7c5d7 /*{global-active-background-color}*/;
      -webkit-box-shadow: 0px 0px 12px #b7c5d7 /*{global-active-background-color}*/;
      box-shadow: 0px 0px 12px #b7c5d7 /*{global-active-background-color}*/;  
    }
    
    /* unset box shadow in browsers that don't do it right
    -----------------------------------------------------------------------------------------------------------*/
    
    .ui-mobile-nosupport-boxshadow * {
      -moz-box-shadow: none !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important;
    }
    
    /* ...and bring back focus */
    .ui-mobile-nosupport-boxshadow .ui-focus,
    .ui-mobile-nosupport-boxshadow .ui-btn:focus,
    .ui-mobile-nosupport-boxshadow .ui-link-inherit:focus {
      outline-width: 1px;
      outline-style: auto;
    }
  
  /* Custom Icon Styles */
  
  .icon-menu-receive_location, /* this is generated from the config file  */
  .icon-menu-receive_location_with, /* this is generated from the config file  */
  .icon-menu-modtag {
  background-image:url(images/custom-icons/menu-modtag.png);
  background-position:left ;
  background-repeat:no-repeat;
}

  .icon-menu-info {
  background-image:url(images/custom-icons/menu-info.png);
  background-position:left;
  background-repeat:no-repeat;
}

  .icon-menu-putaway_container,
  .icon-menu-indlagring {
  background-image:url(images/custom-icons/menu-indlagring.png);
  background-position:left;
  background-repeat:no-repeat;
}

.icon-menu-pick_single_zone,
.icon-menu-pluk-enkelt  {
  background-image:url(images/custom-icons/menu-pluk-enkelt.png);
  background-position:left;
  background-repeat:no-repeat;
}
.icon-menu-pick_manuel_pallet,
.icon-menu-pick_pallet_zone,
.icon-menu-pluk-palle  {
  background-image:url(images/custom-icons/menu-pallepluk.png);
  background-position:left;
  background-repeat:no-repeat;
}

.icon-menu-pick_multi,
.icon-menu-pluk-multi {
  background-image:url(images/custom-icons/menu-pluk-multi.png);
  background-position:left;
  background-repeat:no-repeat;
}
.icon-menu-pick_manuel_reference,
.icon-menu-pluk-manuel {
  background-image:url(images/custom-icons/menu-pluk-manuel.png);
  background-position:left;
  background-repeat:no-repeat;
}

.icon-menu-counting_adhoc,
.icon-menu-optaelling-adhoc {
  background-image:url(images/custom-icons/menu-optaelling-adhoc.png);
  background-position:left;
  background-repeat:no-repeat;
}
.icon-menu-counting_planned_jobs,
.icon-menu-optaelling-planlagt {
  background-image:url(images/custom-icons/menu-optaelling-planlagt.png);
  background-position:left;
  background-repeat:no-repeat;
}

  .icon-menu-replenish_zone,
  .icon-menu-replenish_orderreplenish,
  .icon-menu-genopfyld  {
  background-image:url(images/custom-icons/menu-genopfyld.png);
  background-position:left;
  background-repeat:no-repeat;
}

  .icon-menu-move_container,
  .icon-menu-flyt-palle {
  background-image:url(images/custom-icons/menu-flyt-palle.png);
  background-position:left;
  background-repeat:no-repeat;
}

  .icon-menu-move_location,
  .icon-menu-flyt-vare  {
  background-image:url(images/custom-icons/menu-flyt-vare.png);
  background-position:left;
  background-repeat:no-repeat;
}

  .sub-level-padding  {
  padding-left:50px;
}

p, label, textarea:focus, input:focus, input, select, textarea{
    color:#003468;
    outline:#003468;
}

div.ui-collapsible-content>div>p{
  margin: 2px;
}

@media (max-width: 400px) {
/*  
  #hht_label_receive_product,
  #hht_label_receive_amount,
  #hht_label_receive_batch,
  #hht_label_receive_mht,
  #hht_label_receive_container{
    width: 25%;
    overflow-x: hidden;
    white-space: nowrap;
    display: inline;
    line-height: 2.0;
    float: left;
    position: absolute;
  }
  #receive_product2_produkt,
  #receive_product2_antal,
  #receive_product2_batch,
  #receive_product2_mht,
  #receive_product2_container{
    margin-left: 25%  ;
    width: 75%;
  }
*/



  fieldset.wms_mini_label>div.ui-controlgroup-controls>label{
    width: 25%;
    overflow-x: hidden;
    white-space: nowrap;
    display: inline;
    line-height: 2.0;
    float: left;
    position: absolute;
    font-size: 13px;
    top:8px;
  }
  fieldset.wms_mini_label>div.ui-controlgroup-controls>div {
    margin-left: 25% !important ;
    width: 72%;
    float: right;
  }
}


@media all and (min-width:28em){
  .ui-field-contain input.ui-input-text, 
  .ui-field-contain textarea.ui-input-text, 
  .ui-field-contain .ui-input-search, 
  .ui-field-contain div.ui-input-text,
  .ui-field-contain .ui-controlgroup-controls{
    width: 100%;
    display: block;
  }
  .ui-field-contain label.ui-input-text {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    margin: 0 2% 0 0;
  }
}
@media all and (min-width: 450px){
  .ui-field-contain label.ui-input-text {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    margin: 0 2% 0 0;
  }
}

p.error,
li.error,
div.error,
span.error,
label.error{
  color:#f00;
}


p.success,
li.success,
div.success,
span.success,
label.success{
  color:#080;
}

div>div.content_header>h3{
  margin: 0;
  font-size: 1em;
  color: #003468;
}

#header-top{
  height:150px;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
}
 
@media only screen and (max-width: 400px) {
   #header-top{
      height:50px;
   }
}

#info_produkt_section>h3
{
    margin: 0;
    padding: 0;
}

table#test-data{
  border-collapse: collapse;
}
#test-data tr td,
#test-data tr th{
  padding: 2px 4px;
  border:1px solid gray;
}

#test-data tr td h3{
  font-size: 14px;
  font-weight: normal;
  padding: 0;
  margin: 0;

}

#test-move-data h3{
  font-size: 12px;
  color: blue;
}
#test-move-data>ul{
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#test-move-data>ul>li{
  margin-right: 5px;
  margin-bottom: 5px;
  float: left;
  min-height: 160px;
  border: 1px solid gray;
  min-width: 148px;
}
#test-move-data>ul>li h3{
  font-size: 10px;
  color: red;
  margin-left: 10px;
}
#test-move-data>ul>li ul{
  margin-left: 10px;
  padding-left: 0;
  list-style: none;
}
#test-move-data>ul>li>ul>li{
  margin-left: 10px;
  font-size: 10px;
}
#test-move-data ul.products>li{
  color:green;
}

.ui-li-has-count .ui-li-count{
  font-size: 16px;  
}

span.badge-info{
  top: -1px;
  right: 1px;
  min-width: 8px;
  height: 20px;
  line-height: 20px;
  padding: 0 6px;
  font-weight: normal;
  color: white;
  text-align: center;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  border-radius: 11px;
  -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 1px rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 1px rgba(0, 0, 0, 0.12);

  background: #3b8de2;
  border: 1px solid #215a96;
  background-image: -webkit-linear-gradient(top, #67a7e9, #2580df);
  background-image: -moz-linear-gradient(top, #67a7e9, #2580df);
  background-image: -o-linear-gradient(top, #67a7e9, #2580df);
  background-image: linear-gradient(to bottom, #67a7e9, #2580df);  

}

.btn-mobile-pm5
{
    width:180px!important;
    font-weight:100!important;
    color:#003468!important;
    padding-left:10px!important;
    padding-top:15px!important;
    padding-bottom:15px!important;
    background-image:linear-gradient( #fff /*{c-bup-background-start}*/, #dedede /*{c-bup-background-end}*/)!important;
}

.list-header-class {
    border:1px solid #456f9a;
    padding:10px;
    color:#fff;
    background-image:linear-gradient(#6facd5,#497bae);
    text-shadow:0 1px 1px #3e6790;
    }

.list-element-class
{
    border-right-width:1px;
    border-left-width:1px;
    padding:10px!important;
    background-image:linear-gradient( #fff /*{c-bup-background-start}*/, #dedede /*{c-bup-background-end}*/);
}

.list-element-class a
{
    border:none!important;
    background-image:none!important;
    padding:10px!important;
    background:none!important;
}

/*MABE START TESTING THIS ONE*/

    .default_collapsible_element a {
        color:#003468!important;
        border:1px solid gray!important;
        background-image:linear-gradient( #fff /*{c-bup-background-start}*/, #dedede /*{c-bup-background-end}*/)!important;
        padding-left:45px!important;
        padding-top:20px!important;
        padding-bottom:20px!important;
        font-weight:100!important;
        font-size:16px!important;
    }


.default-page-class
{
    background-color: #f7f7f7!important;
}

.btn-mobile-pm5 {
	width:100%!important;
	font-weight: 500!important;
	border: 1px solid #8da6bf /*{a-bup-border}*/!important;
    background-image: linear-gradient( #406ead /*{a-bup-background-start}*/, #29527a /*{a-bup-background-end}*/)!important;                     
    background-color: #29527a!important;
	color:#FFF!important;
	text-shadow: none!important;
	padding: 20px 0 20px 0!important;
	text-align:center;
	font-size: 16px!important;
	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
	line-height: 1.3;
}

.btn-mobile-pm5-right {
	float:right;
	}

.ui-field-contain .ui-select	{
	width:100%!important;
}



.ui-select .ui-btn	{
	padding:10px;
	background-image: linear-gradient( #fff /*{c-bup-background-start}*/, #dedede /*{c-bup-background-end}*/)!important;
	border-color: #ddd /*{a-bup-border}*/;
	padding-left: 45px!important;
	padding-top: 10px!important;
	padding-bottom: 10px!important;
	border: 1px solid gray!important;
	-webkit-box-shadow:none!important;
	font-size: 16px!important;
}

#joblistpanel-signingperson-combo-button {
    padding:0px;
	background-image: linear-gradient( #fff /*{c-bup-background-start}*/, #dedede /*{c-bup-background-end}*/)!important;
	border-color: #ddd /*{a-bup-border}*/;
	padding-left: 45px!important;
	padding-top: 5px!important;
	padding-bottom: 5px!important;
	border: 1px solid gray!important;
	-webkit-box-shadow:none!important;
	font-size: 16px!important;
}

#joblistpanel-jobtype-combo-button {
    padding:0px;
	background-image: linear-gradient( #fff /*{c-bup-background-start}*/, #dedede /*{c-bup-background-end}*/)!important;
	border-color: #ddd /*{a-bup-border}*/;
	padding-left: 45px!important;
	padding-top: 5px!important;
	padding-bottom: 5px!important;
	border: 1px solid gray!important;
	-webkit-box-shadow:none!important;
	font-size: 16px!important;
}

#joblistpanel-tasktype-combo-button {
    padding:0px;
	background-image: linear-gradient( #fff /*{c-bup-background-start}*/, #dedede /*{c-bup-background-end}*/)!important;
	border-color: #ddd /*{a-bup-border}*/;
	padding-left: 45px!important;
	padding-top: 5px!important;
	padding-bottom: 5px!important;
	border: 1px solid gray!important;
	-webkit-box-shadow:none!important;
	font-size: 16px!important;
}

#joblistpanel-faulttype-combo-button {
    padding:0px;
	background-image: linear-gradient( #fff /*{c-bup-background-start}*/, #dedede /*{c-bup-background-end}*/)!important;
	border-color: #ddd /*{a-bup-border}*/;
	padding-left: 45px!important;
	padding-top: 5px!important;
	padding-bottom: 5px!important;
	border: 1px solid gray!important;
	-webkit-box-shadow:none!important;
	font-size: 16px!important;
}

#joblistpanel-techgroup-combo-button {
    padding:0px;
	background-image: linear-gradient( #fff /*{c-bup-background-start}*/, #dedede /*{c-bup-background-end}*/)!important;
	border-color: #ddd /*{a-bup-border}*/;
	padding-left: 45px!important;
	padding-top: 5px!important;
	padding-bottom: 5px!important;
	border: 1px solid gray!important;
	-webkit-box-shadow:none!important;
	font-size: 16px!important;
}

#joblistpanel-jobpriorities-combo-button {
    padding:0px;
	background-image: linear-gradient( #fff /*{c-bup-background-start}*/, #dedede /*{c-bup-background-end}*/)!important;
	border-color: #ddd /*{a-bup-border}*/;
	padding-left: 45px!important;
	padding-top: 5px!important;
	padding-bottom: 5px!important;
	border: 1px solid gray!important;
	-webkit-box-shadow:none!important;
	font-size: 16px!important;
}

.ui-collapsible-content {
	padding:10px 15px 10px 15px;
}

.default_slider_class label {
	margin-top:50px!important;
}

.ui-slider-track {
	margin: 0 0 0 100px!important;
}

.ui-slider-track .ui-btn.ui-slider-handle {
	height: 0!important;
}

.ui-slider {
	width:100%!important;
}

.ui-dialog-contain .ui-content{
	background-color:#FFF;
}

.login-btn-pm5 {
	padding:10px!important;
}

.ui-btn-up-a:hover {
	color:#1d558e!important;
     background-image: -webkit-gradient(linear, left top, left bottom, from( #e7f0f9 /*{a-bhover-background-start}*/), to( #cfd8e6 /*{a-bhover-background-end}*/))!important; /* Saf4+, Chrome */
      background-image: -webkit-linear-gradient( #e7f0f9 /*{a-bhover-background-start}*/, #cfd8e6 /*{a-bhover-background-end}*/)!important; /* Chrome 10+, Saf5.1+ */
      background-image:    -moz-linear-gradient( #e7f0f9 /*{a-bhover-background-start}*/, #cfd8e6 /*{a-bhover-background-end}*/)!important; /* FF3.6 */
      background-image:     -ms-linear-gradient( #e7f0f9 /*{a-bhover-background-start}*/, #cfd8e6 /*{a-bhover-background-end}*/)!important; /* IE10 */
      background-image:      -o-linear-gradient( #e7f0f9 /*{a-bhover-background-start}*/, #cfd8e6 /*{a-bhover-background-end}*/)!important; /* Opera 11.10+ */
      background-image:         linear-gradient( #e7f0f9 /*{a-bhover-background-start}*/, #cfd8e6 /*{a-bhover-background-end}*/)!important;
      
    }

.navbarSelected
{
    background-image: -webkit-linear-gradient( #e7f0f9 /*{a-bhover-background-start}*/, #cfd8e6 /*{a-bhover-background-end}*/)!important; /* Chrome 10+, Saf5.1+ */
      background-image:    -moz-linear-gradient( #e7f0f9 /*{a-bhover-background-start}*/, #cfd8e6 /*{a-bhover-background-end}*/)!important; /* FF3.6 */
      background-image:     -ms-linear-gradient( #e7f0f9 /*{a-bhover-background-start}*/, #cfd8e6 /*{a-bhover-background-end}*/)!important; /* IE10 */
      background-image:      -o-linear-gradient( #e7f0f9 /*{a-bhover-background-start}*/, #cfd8e6 /*{a-bhover-background-end}*/)!important; /* Opera 11.10+ */
      background-image:         linear-gradient( #e7f0f9 /*{a-bhover-background-start}*/, #cfd8e6 /*{a-bhover-background-end}*/)!important;
      color: #1d558e!important;
}

.joblist-icon:after
{
    background-image: url("images/con.png");
    /* Make your icon fit */
    background-size: 18px 18px;
}

.default_popup_class a {
	margin-top:20px;
}

.pm5radio_button
{
        width:100px!important;
        height:30px!important;
        text-align: center!important;
        line-height: 30px;
        vertical-align:middle!important;
}

.versiontag
{
    text-align: right;
    font-size: x-small;
}

.job-started-marker
{
       
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        border: 1px solid #003468;
       font-size: 10px;
       border-radius: 2px;
       padding-top: 1px;
       padding-bottom: 1px;
       padding-left: 5px;
       padding-right: 5px;
       background-color: #8da6bf;
       color:#ffffff;
 
}


#faultdetail_table,
#activitydetail_table,
#machinedetail_table,
#sparepartinfo_detail_table,
#sparepartinfo_stocks_table,
#sparepartinfo_supplier_table {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    width: 100%;
    border-collapse: collapse;
}

.sparepartinfo_stocks_table_light,
.sparepartinfo_stocks_table_dark 
{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 15px;
}

#faultdetail_table td.label,
#activitydetail_table td.label,
#machinedetail_table.label,
#sparepartinfo_detail_table td.label,
.sparepartinfo_stocks_table_light td.label,
#sparepartinfo_supplier_table td.label
{
    font-size: 1em;
    width: 30%;
    border: 1px solid #003468;
    padding: 3px 7px 2px 7px;
    background-color: #8da6bf;
    color: #ffffff;
}

#faultdetail_table td,
#activitydetail_table td,
#machinedetail_table td,
#sparepartinfo_detail_table td,
.sparepartinfo_stocks_table_light td,
#sparepartinfo_supplier_table td
{
    font-size: 1em;
    width: auto;
    border: 1px solid #003468;
    padding: 3px 7px 2px 7px;
}

.sparepartinfo_supplier_post_even
{
    border: 1px solid #003468;
    margin-bottom: 10px;
    padding: 10px;
    background-color: #FAFAD2;
}

.sparepartinfo_supplier_post_odd
{
    border: 1px solid #003468;
    margin-bottom: 10px;
    padding: 10px;
    background-color: #e7f0f9;
}


.measuredparam_detail_table
{
    border:solid; 
    border-color:darkgrey; 
    border-width:1px; 
    border-collapse:collapse;
    width: 100%
}

.measuredparam_detail_table th,
.measuredparam_detail_table td
{
    width: 50%;
}

.measuredparam_detail_table_label
{
    font-size: 1em;
    width: 20%;
    border: 1px solid #003468;
    padding: 3px 7px 2px 7px;
    background-color: #8da6bf;
    color: #ffffff;
}

.measuredparam_detail_table_data
{
    font-size: 1em;
    text-align: right;
    width: 30%;
    border: 1px solid #003468;
    padding: 3px 7px 2px 7px;
}

.errorfault_reason_button {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    font-weight: 500!important;
    border: 1px solid #8da6bf /*{a-bup-border}*/!important;
    background-image: linear-gradient( #406ead /*{a-bup-background-start}*/, #29527a /*{a-bup-background-end}*/)!important;
    background-color: #29527a!important;
    color: #FFF!important;
    text-shadow: none!important;
    text-align: center;
}

.stockmanagement_notification
{
	border: 1px solid #000000;
    background-color: #FFF!important;
    color: #000!important;
    letter-spacing: 1pt;
    word-spacing: 1pt;
    font-size: 10px;
    text-align: left;
    line-height: 1;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    padding-left: 4px;
    padding-right: 4px;
    width: 80%;
}

.personallistheader
{
    border: 5px solid #F3D264!important;
}

.firstinfuture
{
    /*border-style: solid;
    border-top: 5px solid #F3D264!important;*/
    background-color: #F3D264!important;
}

#stockdetails_table
{
    border:solid; 
    border-color:darkgrey; 
    border-width:1px; 
    border-collapse:collapse;
    width: 100%;
    margin-bottom: 2px
}

#stockdetails_table td.label
{
    font-size: 1em;
    width: 100%;
    border: 1px solid #003468;
    padding: 3px 7px 2px 7px;
    background-color: #8da6bf;
    text-align:left;
    color: #ffffff;
}

#stockdetails_table td.infotext
{
    font-size: 1em;
    width: 100%;
    border: 1px solid #003468;
    padding: 3px 7px 2px 7px;
    background-color: #e59595;
    text-align:left;
    color: #ffffff;
}

#stockdetails_table td
{
    font-size: 1em;
    text-align: left;
    width: 100%;
    border: 1px solid #003468;
    padding: 3px 7px 2px 7px;
}


.job_info_table
{
    border:solid; 
    border-color:darkgrey; 
    border-width:1px; 
    border-collapse:collapse;
    width: 100%;
    margin-bottom: 2px
}

.job_info_table td.label
{
    font-size: 1em;
    width: 30%;
    border: 1px solid #003468;
    padding: 3px 7px 2px 7px;
    background-color: #8da6bf;
    text-align:left;
    color: #ffffff;
}

.job_info_table td
{
    font-size: 1em;
    text-align: left;
    width: 70%;
    border: 1px solid #003468;
    padding: 3px 7px 2px 7px;
}

.ui-grid-b >:nth-child(n) {
    width: 30%!important;
    margin-right: -.5px;
}

.extrapadding {
    padding-bottom: 20px;
}

.default_errormessage {
    padding-top: 10px;
    font-weight: bold;
    color: red;
}

#scantest_header {
    font-size: 1.4em;
    font-weight: bold;
    color: darkgreen;
}

.filter-combo
{
    padding-bottom: 5px!important;
    padding-top: 5px!important;
}

/* video { */
    /* width: 340px !important; */
    /* height: 370px !important; */
    /* /*position: absolute;*/ */
    /* z-index: 10; */
    /* top: 70px; */
    /* left: 30px; */
   /* border: 3px solid red; */
/* } */

/* canvas { */
    /* width: 350px !important; */
    /* height: 370px !important; */
    /* /*position: absolute;*/ */
    /* top: 60px; */
    /* left: 0px; */
    /* z-index: 10; */
    /* margin-bottom: 10px; */
    /* border: 8px solid green; */
/* } */

.ui-custom-block-a { width: 25% !important; }
.ui-custom-block-b { width: 75% !important; }

.collapsible_font_override {
    font-size: medium !important;
	font-weight: bold !important;
    color: black !important;
}

h3.collapsible_font_override {
    font-size: large !important;
    color: purple !important;
}


/* Added MABE 20190916 */

#interactive.viewport {
  width: 640px;
  height: 480px;
}


#interactive.viewport canvas, video {
  float: left;
  width: 640px;
  height: 480px;
}

#interactive.viewport canvas.drawingBuffer, video.drawingBuffer {
  margin-left: -640px;
}

.scanner-overlay {
  display: none;
  width: 640px;
  height: 510px;
  position: absolute;
  padding: 20px;
  top: 50%;
  margin-top: -275px;
  left: 50%;
  margin-left: -340px;
  background-color: #FFF;
  -moz-box-shadow: #333333 0px 4px 10px;
  -webkit-box-shadow: #333333 0px 4px 10px;
  box-shadow: #333333 0px 4px 10px;
}

.scanner-overlay > .header {
  position: relative;
  margin-bottom: 14px;
}

.scanner-overlay > .header h4, .scanner-overlay > .header .close {
  line-height: 16px;
}

.scanner-overlay > .header h4 {
  margin: 0px;
  padding: 0px;
}

.scanner-overlay > .header .close {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 16px;
  width: 16px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  cursor: pointer;
}

@media (max-width: 603px) {

  #container {
    width: 300px;
    margin: 10px auto;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  #container form.voucher-form input.voucher-code {
    width: 180px;
  }
}
@media (max-width: 603px) {

  .reader-config-group {
    width: 100%;
  }

  .reader-config-group label > span {
      width: 50%;
  }

  .reader-config-group label > select, .reader-config-group label > input {
      max-width: calc(50% - 2px);
  }

  #interactive.viewport {
    width: 300px;
    height: 300px;
    overflow: hidden;
  }


  #interactive.viewport canvas, video {
    margin-top: -50px;
    width: 300px;
    height: 400px;
  }

  #interactive.viewport canvas.drawingBuffer, video.drawingBuffer {
    margin-left: -300px;
  }


  #result_strip {
    margin-top: 5px;
    padding-top: 5px;
  }

  #result_strip ul.thumbnails > li {
    width: 150px;
  }

  #result_strip ul.thumbnails > li .thumbnail .imgWrapper {
    width: 130px;
    height: 130px;
    overflow: hidden;
  }

  #result_strip ul.thumbnails > li .thumbnail .imgWrapper img {
    margin-top: -25px;
    width: 130px;
    height: 180px;
  }
}
@media (max-width: 603px) {

  .overlay.scanner {
    width: 640px;
    height: 510px;
    padding: 20px;
    margin-top: -275px;
    margin-left: -340px;
    background-color: #FFF;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .overlay.scanner > .header {
    margin-bottom: 14px;
  }

  .overlay.scanner > .header h4, .overlay.scanner > .header .close {
    line-height: 16px;
  }

  .overlay.scanner > .header .close {
    height: 16px;
    width: 16px;
  }
}

.locationinfo_button {
	box-shadow: 0px 0px 0px 2px #9fb4f2;
	background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	background-color:#7892c2;
	border-radius:5px;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:10px;
	padding:2px 5px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
	&:hover {
	    background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	    background-color:#476e9e;
    }
    &:active {
	    position:relative;
	    top:1px;
    }
 }



