body {
  padding: 0px;
  margin: 0px;
    font-family: Arial, Helvetica, sans-serif !important;
	color:#777 !important;
	font-size:14px!important;
}

.details {
  border: 1px solid #8a8a8a;
  border-radius: 5px;
  float: right;
  margin-right: 6px;
  margin-top: 5px;
  padding: 3px;
  width: 200px;
  
}

.details label ,td{
	
	 font-family: Arial, Helvetica, sans-serif;
   font-size:14px;
   color:#777;
}

button#search-customers {
    font-size: 16px!important;
}

button#search-customers:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}

.customerResult a {
    color: #777;
}

.customerResult a:hover {
    color: #0056b3;
}

.filter-form-group-input {
    width: 50% !important;
}

#btnscan {
    width: 100px;
    border: 1px solid #053852;
    background-color: #053852;
    color: #ffffff;
    height: 36px;
    font-size: 16px !important;
}

#btnscan {
  width: 100px;
  border: 1px solid #053852;
  background-color: #053852;
  color: #ffffff;
  height: 36px;
}

.button-end-cash {
  float: right;
  background-color: #4ab2f1;
  color: #ffffff;
  font-size: 20px!important;
  height: 40px;
  margin-right: 5px;
  padding: 7px;
  text-align: center;
  border: 0px;
}

button-1.checkout-button {
    background-color: #4ab2f1;
    border: medium none;
    color: #fff;
    display: inline-block;
    font-size: 16px !important;
    min-width: 160px;
    padding: 10px 20px;
    margin: 10px;
}

table.cart-set {
  width: 100% !important;
  height: auto;
  padding: 11px !important;
  background-color: transparent;
}

.remove-from-cart {
  min-width: 30px !important;
}

.order-total td {
  font-size: 20px !important;
}

.cart-set th {
  font-size: 14px;
}

.cart .remove-from-cart, .cart .add-to-cart, .data-table .select-boxes, .data-table .order {
  text-align: left!important;
}

.attributes select {
  width: auto;
  min-width: 100px;
  max-width: 100%;
  font-size: 14px !important;
}

.registration-page .button-1, .registration-result-page .button-1, .login-page .button-1, .password-recovery-page .button-1, .email-revalidation-page .button-1, .account-activation-page .button-1, .account-page .button-1, .return-request-page .button-1 {
    min-width: 140px;
    border: none;
    background-color: #4ab2f1;
    padding: 10px 30px;
    text-align: center;
    font-size: 15px!important;
    color: #fff;
    text-transform: uppercase;
}

.TableDiv th {
  border: 1px solid black;
  text-align: center;
  background-color: #fff;
  text-align: left;
  padding: 8px 9px;
  font-size: 14px;
}

button, input, optgroup, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: 14px !important;
  line-height: inherit;
}
.btn , #search-customers {
  width: 100px;
  border: 1px solid #053852;
    border-top-color: rgb(5, 56, 82);
    border-right-color: rgb(5, 56, 82);
    border-bottom-color: rgb(5, 56, 82);
    border-left-color: rgb(5, 56, 82);
  background-color: #053852;
  color: #ffffff;
  height: 36px;
}

.pos-container {
  width: 100%;
  margin: auto;
}

.bar {
  width: 100%;
  background-color: #3599cc;
  height: 70px;
  padding: 5px;
}

.cnt_left {
  float: left;
  margin-right: 3px;
}

.cnt_right {
  float: right;
  margin-right: 10px;
}

.control {
  width: 100%;
  color: #ffffff;
  height: 20px;
}

.txt {
  border: 1px solid #d3d3d3;
  padding: 3px;
  font-size: 15px;
}

.barcode_txt {
  width: 220px;
}

.cart {
    width: 100%;
    height: auto;
    padding: 10px;
    background-color: transparent;
}

.btn {
  width: 100px;
  border: 1px solid #053852;
  background-color: #053852;
  color: #ffffff;
  height: 36px;
}

.cart-total-left > label {
  display: block !important;
}

.pos-body {
  width: 73%;
  margin: auto;
  box-shadow: 0px 0px 5px 0px #808080;
}

.body-content {
    width: 100%;
    min-height: 900px;
    height: auto;
}

.cart-total-left > label {
  display: block !important;
}

.mrg-center {
  margin: auto;
  text-align: center;
}

.details {
  border: 1px solid #8a8a8a;
  border-radius: 5px;
  float: right;
  margin-right: 6px;
  margin-top: 5px;
  padding: 3px;
  width: 200px;
}

.pos-container {
  width: 100%;
  margin: auto;
}

.pos-logo {
  float: left;
  padding: 5px;
  text-align: left;
  width: 200px;
}

.pos-nav {
  background-color: #ededed;
  min-height: 52px;
  padding: 5px;
  width: 100%;
}

  .pos-nav ul li {
    width: 20%;
    height: 50px;
    text-align: center;
    font-size: 20px;
    border: 1px solid #808080;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    float: left;
    padding-top: 13px;
  }

.active {
  background-color: #3599cc;
  color: #ffffff;
}

.cash-txt {
  text-align: right;
}

.header {
  width: 100% !important;
}

.cashflowdetails {
  margin: 10px;
}

.leftDiv {
  width: 20%;
  float: left;
  height: auto;
}

.rightDiv {
  width: 50%;
  float: left;
  height: auto;
}

.button-1.checkout-button {
  background-color: #4ab2f1;
  border: medium none;
  color: #fff;
  display: inline-block;
  font-size: 16px !important;
  min-width: 160px;
  padding: 10px 20px;
  margin: 10px;
}

.pull-right .btn {
    font-size: 16px!important;
}


.header-links a, .header-links span {
  line-height: 45px;
  text-transform: none;
  color: #777;
  font-family:Arial, Helvetica, sans-serif;
}

.headerTab {
  background-color: #4ab2f1;
  color: #ffffff;
  float: left;
  font-size: 20px;
  height: 40px;
  margin-right: 5px;
  padding: 7px;
  text-align: center;
  width: auto;
}


.drop {
  width: 172px;
}



.TableDiv td {
  border: 1px solid black;
  padding: 8px 9px;
}

.button-start-cash {
  float: right;
  background-color: #4ab2f1;
  color: #ffffff;
  font-size: 20px;
  height: 40px;
  margin-right: 5px;
  padding: 7px;
  text-align: center;
  border: 0px;
}

.button-end-cash {
  float: right;
  background-color: #4ab2f1;
  color: #ffffff;
  font-size: 20px;
  height: 40px;
  margin-right: 5px;
  padding: 7px;
  text-align: center;
  border: 0px;
}

.headerTab {
  background-color: #4ab2f1;
  color: #ffffff;
  float: left;
  font-size: 20px;
  height: 40px;
  margin-right: 5px;
  padding: 7px;
  text-align: center;
  width: auto;
}

.activeHeaderTab {
  background-color: #053852;
}

.headerTab:hover {
  background-color: #4ab2f1;
  color: #ffffff;
  float: left;
  font-size: 20px;
  height: 40px;
  margin-right: 5px;
  padding: 7px;
  text-align: center;
  width: auto;
}

.cash-received-button {
  background-color: #4ab2f1;
  border: medium none;
  color: #ffffff;
  display: inline-block;
  float: right;
  padding: 10px 20px;
  width: 156px;
  margin: 9px;
}

.complete-order-button {
  background-color: #4ab2f1;
  border: medium none;
  color: #ffffff;
  display: inline-block;
  float: right;
  padding: 10px 20px;
  width: 156px;
  margin: 9px;
}

.validation-summary-errors ul li {
  color: red;
}

.cash-received-table {
  margin: 9px;
}

#CashReceived {
  margin-left: 35px;
}

.section-buttons {
  display: inline-block;
  width: 55%;
}

.cash-received-table tr td {
  width: 100%;
}

.pos-page-title {
  border-bottom: 1px solid #ddd;
  min-height: 50px;
  padding: 6px 10px;
}

.filter-form-group {
  min-height: 45px;
}

.filter-tab td {
    padding-bottom: 5px;
    font-size: 16px;
}

.filter-tab {
  width: 100%;
  margin: 5px;
}

  .filter-tab td {
    padding-bottom: 5px;
  }

.posmanager-body {
  width: 90%;
  margin: auto;
  box-shadow: 0px 0px 5px 0px #808080;
}

.pos-inputs {
  margin: auto;
  text-align: center;
  width: 90%;
}

.message-result {
  font: normal 20px Arial, Helvetica, sans-serif !important;
  font-weight: bold !important;
  margin-bottom: 15px !important;
}

.validation-summary-errors ul li {
  color: #e4434b;
}

.filter-form-group {
  padding: 5px;
}

.field-validation-error {
    text-align: left;
    width: 41%;
    margin: 10px auto;
}

.shipping-method span.label, .payment-method span.label {
  color: #383838;
  font-size: 13px;
  padding: 0;
}

.btn.focus, .btn:focus, .btn:hover {
  color: #fff;
  text-decoration: none;
}

.execlbtn {
    width: 100% !important;
    padding: 8px 8px !important;
    font-size: 16px !important;
}

.k-picker-wrap .k-i-calendar, .k-icon {
  margin-top: 7px;
}

.btn-search {
  padding: 5px 10px;
}

.tdlabel {
  text-align: right;
  margin-right: 40px;
  display: block;
  padding: 0 31px;
}

.tdbutton {
  text-align: center;
  margin: auto;
}

.payment-info label {
  display: inline-block !important;
  padding-bottom: 3px;
  margin-right: 3px;
}

.section.select-shipping-address label {
  display: block !important;
  font-weight: bold;
}

.payment-info td {
  border: none !important;
  padding: 0 5px !important;
}

.pickup-in-store .selector {
  float: left;
  padding-top: 3px;
  width: 21px;
}

.shipping-method .method-list li label, .payment-method .method-list li label {
  display: inline-block;
}

.shipping-method .method-name, .payment-method .payment-logo {
  background-color: transparent !important;
}

hr {
  border-color: #d2d2d2;
  border-style: solid;
}

.title {
  padding-top: 5px;
}

.shipping-method .method-list li, .payment-method .method-list li {
  width: 23% !important;
}

.payment-info .info {
  border: 1px solid #d2d2d2;
}

.payment-info .earn-reward-points .cart-total-right .summary, .payment-info .order-total .cart-total-right .value-summary {
  float: left;
  margin-left: 34px;
}

.Dvradio {
  padding: 8px;
  font-weight: bold;
  display: flex;
  align-items: baseline;
  line-height: 1;
}

.edit-address .inputs label {
  display: inline-block !important;
}

.endcashtable {
  width: 50% !important;
  margin: auto !important;
}

  .endcashtable tr {
    line-height: 30px;
  }

  .endcashtable td {
    text-align: center;
  }

#report-grid .btn.btn-default {
  line-height: 33px;
}

.customer-Name {
  font-size: 20px;
  color: #000;
  padding: 8px;
  float: left;
}

.k-widget.k-datepicker {
  display: inline-block !important;
  vertical-align: middle !important;
}

.filter-form-group input {
  margin: 0 !important;
}

.filter-form-group label {
  margin: 0 9px !important;
}

.btnsearch {
  text-align: center !important;
}

.TableDiv {
  margin: 19px 0;
}

.form-horizontal .k-autocomplete, .form-horizontal .k-combobox, .form-horizontal .k-numerictextbox, .form-horizontal .k-dropdown, .form-horizontal .k-selectbox, .form-horizontal .k-textbox, .form-horizontal .k-colorpicker, .form-horizontal .k-timepicker, .form-horizontal .k-datetimepicker, .form-horizontal .k-datepicker {
  width: 407px !important;
}

.form-horizontal {
  margin-top: 15px;
}

.filter-tab select {
  width: 407px;
  height: 40px;
  border-radius: 2px;
}

#OrderNumberOrCustomerName {
  width: 179px;
}

#DvCustomer .single-line {
  width: 179px;
}

.posinput {
  height: 26px;
  border-radius: 0;
  border: 1px solid #d2d6de;
  text-indent: 0.7em;
  color: #555;
  padding: 3px 0;
}

.posradio {
  margin: 0 7px;
  display: flex;
  align-items: end;
}

  .posradio input {
    margin: 0 4px;
  }

.btnsearchcustomer {
  text-align: center;
}

.cashflowinput {
  width: 43%;
}

.newcustomer {
  text-align: center;
}

.dataTables_scroll {
  margin-bottom: 19px;
}

.tdbutton {
  padding: 20px 0 !important;
  width: 100%;
}

.clsattrspec {
  padding: 0 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.clsattribute {
  margin: 0 14px 0 20px;
}

.dvattrspec {
  padding: 6px 17px;
}

  .dvattrspec .cnt_left {
    margin-top: 11px;
  }

.clsattrspec input {
  margin-right: 4px;
}

@media (min-width:0px) and (max-width:767px) {
  .pos-body {
    width: 100%;
    margin: auto;
    box-shadow: 0px 0px 5px 0px #808080;
  }
}
.cart .remove-from-cart input[type="checkbox"] {
  display: block !important;
}
.error-label.center {
    margin-left: 26%;
}


.blk-title {
    color: black;
    font-size: 15px;
    font-weight: bold;
    padding-top: 5px;
}
.TestDataInfo {
    background: #ddd none repeat scroll 0 0;
    bottom: 0;
    height: 63px;
    position: fixed;
    width: 73%;
}
.TestDataInfo .block1, .TestDataInfo .block2 {
    width: 48%;
    display: inline-block;
    height: 63px;
    text-align: center;
}

.demologindetails {
    width: 80%;
    margin: auto;
    text-align: center;
}
.demologindetails .login-title {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: black;
    padding: 10px;
}
.demologindetails .login-title {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: black;
    padding: 10px;
}