.tablewrapper {
	width:100%;
	height:auto;
	overflow-x:scroll;
}

#ku_form, #ku_item_add {
    display: block;
    clear: both;
}

.button {
  /* 1 */
  -webkit-appearance: none;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
  width: auto;
  font-family: Arial, Helvetica, sans-serif;
  /* 12px */
  font-size: 0.8571429em;
  font-weight: normal;
  line-height: normal;
  text-align: center;
  text-decoration: none;
  border: solid 1px #ccc;
  border-radius: 0.3571429em;
  padding: 0.5em 1em;
  margin: 0 0.2em 0.2em 0;
  display: inline-block;
  color: #333;
  outline: 0;
  /* 2 */
  cursor: pointer;
}

.button:hover {
  text-decoration: underline;
}

.button:active {
  position: relative;
  top: 1px;
  color: #1a1a1a;
}

.error_info {
    color: red;
}

.confirm_info
{
    color: blue;
}

.confirm_info li,
.error_info li {
    margin-left: 20px;
}

.element-login, .element-password, .element-button {
    margin-bottom: 4pt;
}

.bg-login {
    background: url(./images/login.png) top left no-repeat!important;
}

.bg-password {
    background: url(./images/password.png) top left no-repeat!important;
}

.inp-data {
    width: 100%;
}

.inp-find {
    width: 20%;
}

.fl {
    display: block;
    float: left;
}

.fr {
    display: block;
    float: right;
}

.cl {
    clear: both;
}

.tal {
    text-align: left;
}

.tar {
    text-align: right;
}

.tac {
    text-align: center;
}

.mt {
    margin-top: 15px;
}

.clg {
    background: #f7f7f7;
}

    .ui-autocomplete {
      padding: 0;
      list-style: none;
      background-color: #fff;
      width: 218px;
      border: 1px solid #B0BECA;
      max-height: 350px;
      overflow-x: hidden;
    }
    .ui-autocomplete .ui-menu-item {
      border-top: 1px solid #B0BECA;
      display: block;
      padding: 4px 6px;
      color: #353D44;
      cursor: pointer;
    }
    .ui-autocomplete .ui-menu-item:first-child {
      border-top: none;
    }
    .ui-autocomplete .ui-menu-item.ui-state-focus {
      background-color: #D5E5F4;
      color: #161A1C;
    }

.autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }

.vi {
    color: red;
}

.stripy tr:nth-child(2n){
   background-color: #D5E5F4;
}

.no-stripy tr:nth-child(2n){
   background: none;
}

.bgy {
   background-color: #FFFFE1;
}

@media only screen and (min-width: 40em) {
    #inp_cust_name,
    #inp_store_name,
    #inp_distr_name {
        float: right;
        width: 70%;
    }
}

.logo {
   display: block;
   float: left;
   padding: 0 20px 0 0;
}

.logo img {
   line-height: 1.44444444444444;
   margin: 0.7619048em 0;
}

.rsb {
   display: block;
   float: left;
   padding: 0;
}

.bgy {
   background-color: #FFFFE1;
}