.ui-page-theme-a div.ui-focus{
   box-shadow: none;

 }
 .ui-autocomplete-loading {
    background: white url("/assets/images/ui-anim_basic_16x16.gif") right center no-repeat;
  }

.ui-checkbox, .ui-radio{
   display:inline-block;
   vertical-align: middle;
   width:50px;
}
.ui-field-contain{
   border:0;
}
.ui-controlgroup-controls, .ui-controlgroup-controls .ui-radio, .ui-controlgroup-controls .ui-checkbox, .ui-controlgroup-controls .ui-select, .ui-controlgroup-controls li{
   width:100%;
}
.ui-checkbox input, .ui-radio input{
   /*position:relative;
   margin:0;
   width:35px;
   height:35px;*/
   margin-left:4px;
   z-index:5;
}
.ui-table{
   border-collapse:separate;
}
.ui-table-reflow td .ui-table-cell-label, .ui-table-reflow th .ui-table-cell-label{
   width:50%;
   padding-left: 30px;
}




span.p{
   display:inline-block;
   width:20px;
   height:20px;
}
/*span.inventoryLvInd{
    display: inline-block;
    color: #999;
    font-size: 15px;
    width: 1px;
    height: 30px;
    vertical-align: middle;
    float: right;
}*/
.alert{
   padding: 15px;
   margin-bottom: 20px;
   border: 1px solid transparent;
   border-radius: 4px;
   /*display:none;*/
}
.alert-danger{
   color: #a94442;
   background-color: #f2dede;
   border-color: #ebccd1;
}
.alert-info{
   color: #31708f;
   background-color: #d9edf7;
   border-color: #bce8f1;
}
div.topNavBar{
      top: 0;
      z-index:10;
      width: 100%;
      border:0;
      background-color:#fff;
      position: fixed;
      overflow: visible;
      padding:0;
   } 
   div.topNavBar i.fa-angle-double-down{
      position:absolute;
      right:45%;
      color:#000;
      cursor:pointer;
      font-size: 30px;
      bottom: -27px;
      bottom: -48px;
      padding: 9px 70px;
   }
   div.topNavBar .ui-navbar li button.ui-btn{
      font-size:18px;
      height:71px;
   }
   div.topNavBar button.loggedIn{
      color:red;
   }

   div.content{
      top:90px;
      z-index:2;
      width:100%;
      padding:30px;
      height:auto;
      margin:0 auto;
      position:relative;
      padding-bottom:90px;
      background-color:#fff;
      box-sizing:border-box;
      margin-bottom:90px;
   }
   div.content div.panel-heading h3.panel-title{
      font-size:26px;
      text-align:center;
   }
.ui-mobile .ui-page-active{overflow:hidden;}




   div.customerSignIn div.panel-body{
      width: auto;
      margin: 0 auto;
   }
   div.customerSignIn span.msg{
      font:13px 'Lato' arial;
      color:red;
   }

   /*div.productSearch{
      width:100%;
      position:fixed;
      z-index:2;
      top:70px;
      height:100%;
      background-color:#fff;
   }*/











   div.productSearch form.barcodesearch{
     /* -webkit-transition: opacity 0.5s; 
      transition: opacity 0.5s;
      -webkit-transition: right 0.5s; 
      transition: right 0.5s;*/
      cursor:pointer;
      position: fixed;
      right: 50%;
      top: 50%;
      background-color:#fff;
      /*padding: 15px;*/
      /*border: 1px solid #999;*/
      border:0;
      width:100%;
      padding:0;
   }
   div.productSearch form.align{
      right:0;
      top:67px;
      opacity:0.8;
      /*border:3px solid #000;*/
      z-index:10;
   }
   div.productSearch form.barcodesearch input[name=barcode]{
      width:100%;      
   }
   div.productSearch form.barcodesearch input[type=submit]{
      font-size: 14px;
      padding: 7px 42px;
      margin: 0;
   }
   div.productSearch div.productContainer{
      -webkit-transition: opacity 1s; /* For Safari 3.1 to 6.0 */
       transition: opacity 1s;
       -webkit-transition: right 1s; /* For Safari 3.1 to 6.0 */
       transition: right 1s;
      opacity:0;
   }
   div.productSearch div.productContainer h2{
      text-align:center;
   }
   div.productSearch select[name=orderQty]{
      display: inline-block;
   }




   




   div.productSearch div.productImg{
      display:block;
      margin:0 auto;
      margin-top:20px;
      text-align: center;
      border: 1px solid #ebebeb;
   }
   div.productSearch div.productImg img.mainImg{
         display: inline-block;
         max-height: 300px;
         width: auto;
         max-width: 100%;
   }
   div.productSearch table.priceGrid{
    /* background-color: #eeeeee;
    background-color: rgba(0,0,0,.04);
    border:1px solid #999;*/
      width: 100%;
      margin: 0 auto;
      border: 1px solid #999999;
      margin-left: 0;
      text-align:center;
   }
   div.productSearch table.priceGrid tr:nth-child(odd) th{
      background-color:#eeeeee;
      background-color:rgba(0,0,0,.04);
      margin:0;
      padding:10px 0
   }
   div.productSearch table.priceGrid tr th,
   div.productSearch table.priceGrid tr td{
      width:33%;
   }
   div.productSearch table.priceGrid button{
      width:73px;
      margin:0 auto;
   }


   div.productSearch div.productInfo span,div.productInfo div{
      display:block;
      text-align: center;
   }
   div.productSearch div.productContainer div.productInfo table{
      width:100%;
   }
   div.productSearch div.productContainer div.productInfo table tr th,div.productSearch div.productContainer div.productInfo table tr td{
      border-bottom: 1px solid #e6e6e6; /* non-RGBA fallback  */
      border-bottom: 1px solid rgba(0,0,0,.05);
      text-align: left;
      padding:8px;
   }
   div.productSearch div.productContainer div.productInfo table tr:nth-child(odd) th,div.productSearch div.productContainer div.productInfo table tr:nth-child(odd) td{
      background-color: #eeeeee; /* non-RGBA fallback  */
      background-color: rgba(0,0,0,.04);
   }
  























   div.itemsInCart{
      overflow:auto;
   }
   

   div.itemsInCart div.panel-heading i.cartPanelTab{
      position: absolute;
      font-size: 33px;
      /* border: 1px solid #999; */
      cursor: pointer;
      top: -0px;
      padding: 5px;
      /* background-color: #fff; */
      right: 0px;
   }
   div.itemsInCart table.items{
      
   }
   div.itemsInCart table.items tr td img.image{
      width:100px;
   }
   .ui-table-reflow.ui-responsive td, .ui-table-reflow.ui-responsive th, .ui-table-reflow.ui-responsive tbody th, .ui-table-reflow.ui-responsive tbody td, .ui-table-reflow.ui-responsive thead td, .ui-table-reflow.ui-responsive thead th{
      vertical-align: middle;
   }
   div.itemsInCart table.items thead th, div.itemsInCart table.items thead tr:last-child{
      border-bottom:1px solid #d6d6d6;
      border-bottom:1px solid rgba(0,0,0,.1);
   }
   div.itemsInCart table.items tbody th,
   div.itemsInCart table.items tbody td{
      border-bottom: 1px solid #e6e6e6;
      border-bottom: 1px solid rgba(0,0,0,.05);
   }
   div.itemsInCart tbody tr:nth-child(odd) td,
   div.itemsInCart tbody tr:nth-child(odd) th{
      background-color:#eeeeee;
      background-color:rgba(0,0,0,.04);
   }
   div.itemsInCart tbody tr:last-child td,
   div.itemsInCart tbody tr:last-child th{
      background-color:#fff;
      background-color:rgba(255,255,255,1);
   }

   div.itemsInCart button.emptyCartBtn{
      background-color:red !important;
      color:white!important;
      text-shadow:none;
      border:0;
   }
   div.itemsInCart button.emptyCartBtn:hover{
      opacity:0.9;
   }
   div.checkoutForm .err{
      border:1px solid red;
   }
   div.checkoutForm textarea.shippingMethodComment{
      -webkit-transition: height 1s; /* For Safari 3.1 to 6.0 */
      transition: height 1s; 
      -webkit-transition: opacity 1s; /* For Safari 3.1 to 6.0 */
      transition: opacity 1s;
      height:0px;
      opacity:0;
   }




   div.orderHistory{
      overflow:auto;
   }

   div.orderHistory table.items tr td img.image{
      width:100px;
   }
   div.orderHistory table.items{
      margin-bottom:40px;
   }
   div.orderHistory table.items thead th, 
   div.orderHistory table.items thead tr:last-child{
      border-bottom:1px solid #d6d6d6;
      border-bottom:1px solid rgba(0,0,0,.1);
   }
   div.orderHistory table.items tbody th,
   div.orderHistory table.items tbody td{
      border-bottom: 1px solid #e6e6e6;
      border-bottom: 1px solid rgba(0,0,0,.05);
   }
   div.orderHistory tbody tr:nth-child(odd) td,
   div.orderHistory tbody tr:nth-child(odd) th{
      background-color:#eeeeee;
      background-color:rgba(0,0,0,.04);
   }
   div.orderHistory tbody tr:last-child td,
   div.orderHistory tbody tr:last-child th{
      background-color:#fff;
      background-color:rgba(255,255,255,1);
   }
   div.orderHistory div#orderDetail{
      -webkit-transition: opacity 2s; /* For Safari 3.1 to 6.0 */
      transition: opactiy 2s;
      opacity:0;
   }





.angucomplete-dropdown {
    overflow-y: auto;
    max-height: 200px;
}