main_menu .menu_customer/* Body*/
/* Borders*/
/* Brands*/
/* Typography*/
/* Navbar*/
/* Buttons*/
/* Inputs*/
/* Panels*/
/* color*/
/*--------- breakpoint --------*/
.list-item {
  white-space: inherit !important;
  color: #fff !important; }

.btn-confirm{
  font-family: 'Prompt';
  background-color: #D8163B !important;
  color: #fff;
  -webkit-appearance: none !important;
}

.btn-confirm:hover{
  color: #D8163B !important;
  background-color: #fff !important;
  /* border-color: #D8163B !important; */
  border: 2px solid #D8163B !important;
  -webkit-appearance: none !important;
}

.navbar-main-menu {
  position: relative !important;
  padding: 0 !important;
  float: none !important;
  border: none !important;
  background-color: transparent !important; }

.list-item:focus, .list-item:hover {
  color: #fff !important;
  background-color: #ab4759 !important; }

.search-overlay {
  position: absolute;
  top: 38px;
  left: 0;
  width: 100%;
  height: auto;
  overflow: hidden;
  z-index: 2;
  border: 1px solid rgba(0, 0, 0, 0.15); }
  .search-overlay ul {
    border: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 190px; }
    .search-overlay ul li {
      background-color: #fff;
      color: #000;
      cursor: pointer; }
    .search-overlay ul li:first-child {
      border-top: 0; }
    .search-overlay ul li:last-child {
      border-bottom: 0; }
    .search-overlay ul li.result-focus {
      background-color: #961a30;
      color: #fff; }

.position-relative {
  position: relative; }

.barcode-loading {
  display: inline-block;
  font-size: 0;
  white-space: nowrap;
  position: absolute;
  margin-left: 5px; }
  .barcode-loading img {
    height: 25px;
    width: 25px; }

.barcode-logs .barcode-scroll {
  overflow-x: hidden;
  overflow-y: scroll;
  max-height: 250px;
  border: 1px solid rgba(0, 0, 0, 0.15); }
  .barcode-logs .barcode-scroll .keyword {
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  .barcode-logs .barcode-scroll .success {
    color: #2ab27b; }
  .barcode-logs .barcode-scroll .danger {
    color: #bf5329; }

.cart-loading {
  position: absolute;
  z-index: 1;
  width: inherit;
  height: 100%;
  font-size: 0;
  white-space: nowrap;
  display: inline-block;
  background: rgba(255, 255, 255, 0.7); }
  .cart-loading .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle; }

/*------ Margin
*/
.mar-0 {
  margin: 0px; }
.mar-5 {
  margin: 5px; }
.mar-10 {
  margin: 10px; }
.mar-15 {
  margin: 15px; }
.mar-20 {
  margin: 20px; }
.mar-25 {
  margin: 25px; }
.mar-30 {
  margin: 30px; }
.mar-35 {
  margin: 35px; }
.mar-40 {
  margin: 40px; }
.mar-top-0 {
  margin-top: 0px; }
.mar-top-5 {
  margin-top: 5px; }
.mar-top-7 {
  margin-top: 7px; }
.mar-top-10 {
  margin-top: 10px; }
.mar-top-12_5 {
  margin-top: 12.5px; }
.mar-top-15 {
  margin-top: 15px; }
.mar-top-20 {
  margin-top: 20px; }
.mar-top-25 {
  margin-top: 25px; }
.mar-top-30 {
  margin-top: 30px; }
.mar-top-35 {
  margin-top: 35px; }
.mar-top-40 {
  margin-top: 40px; }
.mar-bottom-0 {
  margin-bottom: 0px; }
.mar-bottom-3 {
  margin-bottom: 3px; }
.mar-bottom-5 {
  margin-bottom: 5px; }
.mar-bottom-10 {
  margin-bottom: 10px; }
.mar-bottom-12 {
  margin-bottom: 12px; }
.mar-bottom-12_5 {
  margin-bottom: 12.5px; }
.mar-bottom-15 {
  margin-bottom: 15px; }
.mar-bottom-20 {
  margin-bottom: 20px; }
.mar-bottom-25 {
  margin-bottom: 25px; }
.mar-bottom-30 {
  margin-bottom: 30px; }
.mar-bottom-35 {
  margin-bottom: 35px; }
.mar-bottom-40 {
  margin-bottom: 40px; }
.mar-left-0 {
  margin-left: 0px; }
.mar-left-5 {
  margin-left: 5px; }
.mar-left-10 {
  margin-left: 10px; }
.mar-left-15 {
  margin-left: 15px; }
.mar-left-20 {
  margin-left: 20px; }
.mar-left-25 {
  margin-left: 25px; }
.mar-left-30 {
  margin-left: 30px; }
.mar-left-35 {
  margin-left: 35px; }
.mar-left-40 {
  margin-left: 40px; }
.mar-right-0 {
  margin-right: 0px; }
.mar-right-5 {
  margin-right: 5px; }
.mar-right-10 {
  margin-right: 10px; }
.mar-right-15 {
  margin-right: 15px; }
.mar-right-20 {
  margin-right: 20px; }
.mar-right-25 {
  margin-right: 25px; }
.mar-right-30 {
  margin-right: 30px; }
.mar-right-35 {
  margin-right: 35px; }
.mar-right-40 {
  margin-right: 40px; }
.mar-left-right-13 {
  margin: 0 13px; }

/*------ Padding
*/
.pad-0 {
  padding: 0px; }
.pad-5 {
  padding: 5px; }
.pad-10 {
  padding: 10px; }
.pad-13 {
  padding: 13px; }
.pad-15 {
  padding: 15px; }
.pad-20 {
  padding: 20px; }
.pad-25 {
  padding: 25px; }
.pad-30 {
  padding: 30px; }
.pad-35 {
  padding: 35px; }
.pad-40 {
  padding: 40px; }
.pad-top-0 {
  padding-top: 0px; }
.pad-top-5 {
  padding-top: 5px; }
.pad-top-10 {
  padding-top: 10px; }
.pad-top-15 {
  padding-top: 15px; }
.pad-top-20 {
  padding-top: 20px; }
.pad-top-25 {
  padding-top: 25px; }
.pad-top-30 {
  padding-top: 30px; }
.pad-top-35 {
  padding-top: 35px; }
.pad-top-40 {
  padding-top: 40px; }
.pad-bottom-0 {
  padding-bottom: 0px; }
.pad-bottom-5 {
  padding-bottom: 5px; }
.pad-bottom-10 {
  padding-bottom: 10px; }
.pad-bottom-15 {
  padding-bottom: 15px; }
.pad-bottom-20 {
  padding-bottom: 20px; }
.pad-bottom-25 {
  padding-bottom: 25px; }
.pad-bottom-30 {
  padding-bottom: 30px; }
.pad-bottom-35 {
  padding-bottom: 35px; }
.pad-bottom-40 {
  padding-bottom: 40px; }
.pad-left-0 {
  padding-left: 0px; }
.pad-left-4 {
  padding-left: 4px; }
.pad-left-5 {
  padding-left: 5px; }
.pad-left-10 {
  padding-left: 10px; }
.pad-left-13 {
  padding-left: 13px; }
.pad-left-15 {
  padding-left: 15px; }
.pad-left-20 {
  padding-left: 20px; }
.pad-left-25 {
  padding-left: 25px; }
.pad-left-30 {
  padding-left: 30px; }
.pad-left-35 {
  padding-left: 35px; }
.pad-left-40 {
  padding-left: 40px; }
.pad-right-0 {
  padding-right: 0px; }
.pad-right-5 {
  padding-right: 5px; }
.pad-right-10 {
  padding-right: 10px; }
.pad-right-13 {
  padding-right: 13px; }
.pad-right-15 {
  padding-right: 15px; }
.pad-right-20 {
  padding-right: 20px; }
.pad-right-25 {
  padding-right: 25px; }
.pad-right-30 {
  padding-right: 30px; }
.pad-right-35 {
  padding-right: 35px; }
.pad-right-40 {
  padding-right: 40px; }
.pad-left-right-13 {
  padding: 0 13px; }
.font-12{
  font-size: 12px;}
.font-13{
  font-size: 13px;}
.font-14 {
  font-size: 14px; }
.font-15 {
  font-size: 15px; }
.font-16 {
  font-size: 16px; }
.font-17 {
  font-size: 17px; }
.font-18 {
  font-size: 18px; }
.font-19 {
  font-size: 19px; }
.font-20 {
  font-size: 20px; }
.font-21 {
  font-size: 21px; }
.font-22 {
  font-size: 22px; }
.font-23 {
  font-size: 23px; }
.font-24 {
  font-size: 24px; }
.font-25 {
  font-size: 25px; }
.font-26 {
  font-size: 26px; }
.font-27 {
  font-size: 27px; }
.font-28 {
  font-size: 28px; }
.font-29 {
  font-size: 29px; }
.font-30 {
  font-size: 30px; }
.font-35 {
  font-size: 35px; }
.font-40 {
  font-size: 40px; }
.font-1rem {
  font-size: 1rem; }
.font-1_2rem {
  font-size: 1.2rem; }
.font-1_5rem {
  font-size: 1.5rem; }
.font-normal {
  font-weight: normal; }

.float-left, .new_order .product_order, .new_order .product_order .order_nav .nav_item, .new_order .result_order {
  float: left; }
.float-right {
  float: right; }

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

.bold {
  font-weight: 600; }

.ver-align-top {
  vertical-align: top; }
.ver-align-middle {
  vertical-align: middle; }
.ver-align-bottom {
  vertical-align: bottom; }

.col-max {
  width: 100%;
  float: left; }

.col-5th{
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20%;
  -ms-flex: 0 0 20%;
  -moz-box-flex: 0;
       flex: 0 0 20%;
  padding-right: 15px;
  padding-left: 15px;
}

.font-web{
  font-family: 'Prompt', sans-serif;
}
.underline-none {
  text-decoration: none !important; }

.inline-block {
  display: inline-block; }

.pointer {
  cursor: pointer; }

body {
  font-family: 'Prompt', sans-serif;
  /* font-family: 'Trirong', serif; */
  letter-spacing: 1px;
  background-color: #961a30; }

input {
  font-family: 'Prompt', sans-serif;
  color: #464646;
  outline: none; }

span {
  display: inline-block; }

a {
  color: inherit; }
  a:hover {
    color: inherit;
    text-decoration: none; }

li {
  list-style-type: none; }

ul {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

button {
  cursor: pointer; }

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 12px;
  color: #dadada;
  font-style: italic; }

::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 12px;
  color: #dadada;
  font-style: italic; }

:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 12px;
  color: #dadada;
  font-style: italic; }

:-moz-placeholder {
  /* Firefox 18- */
  font-size: 12px;
  color: #dadada;
  font-style: italic; }

.wrapper {
  position: relative;
  width: 100%;
  overflow: hidden; }

.wrapper_mobile {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.3;
  z-index: 99; }

.amount-color {
  color: #f6a623; }

.high-light {
  color: #961a30; }

.text-white{
  color: #ffffff;
}

.text-grey{
  color: #6c757d;
}

.tooltip-inner{
  font-family: 'Prompt', sans-serif;
}

.overflow-x{
  overflow-x: auto !important;
}
.relative {
  position: relative; }

.body_move {
  position: relative;
  left: 285px;
  /* New */
  left: 0; }

.body_container {
  width: 1155px;
  margin: 0 auto;
  padding: 0px 30px; }

.body_content {
  width: -moz-calc(100% - 285px) !important;
  width: calc(100% - 285px) !important; }

.main_menu_active {
  color: white;
  background-color: #d8163b; }

.main_menu .menu_customer_active {
  color: #d8163b;
  background-color: #ff9eb0; }

/*------------------------------------------------------*/
.table-fixed {
  width: 100%; }
  .table-fixed tbody {
    height: 60vh;
    overflow-y: auto;
    width: 100%; }
  .table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
    display: block; }
  .table-fixed tbody td {
    float: left; }
  .table-fixed thead tr th {
    float: left; }
  .table-fixed tbody::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5; }
  .table-fixed tbody::-webkit-scrollbar-thumb {
    background-color: #961a30; }
  .table-fixed tbody::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5; }

/*------------------------------- custom form -----------------------*/
.input_pin {
  width: 100%;
  height: 35px;
  border: 1px solid #f0f0f0;
  padding: 0 15px 0 5px; }

.input_underline {
  border: 0;
  border-bottom: 1px solid #f0f0f0;
  width: 100%;
  font-size: 14px; }
  .input_underline:focus + .underline_focus {
    width: 95%; }

.main_form_group {
  position: relative;
  margin-bottom: 1rem;
  width: 100%;
  float: left; }
  .main_form_group .title {
    font-size: 14px;
    color: #c9c9c9; }
  .main_form_group .sub_form {
    margin-top: 0.5rem;
    border: 1px solid #f0f0f0;
    -moz-border-radius: 1px;
    border-radius: 1px;
    padding: 10px 20px;
    width: 100%;
    float: left; }
    .main_form_group .sub_form .sub-title {
      font-size: 12px;
      color: #c9c9c9; }
  .main_form_group .underline_focus {
    width: 0;
    height: 1px;
    border-bottom: 1px solid #d3c9c9;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-box-shadow: 2px 2px 5px 0 rgba(214, 214, 214, 0.5);
    -moz-box-shadow: 2px 2px 5px 0 rgba(214, 214, 214, 0.5);
    box-shadow: 2px 2px 5px 0 rgba(214, 214, 214, 0.5);
    -webkit-transition: width .5s ease-in;
    -o-transition: width .5s ease-in;
    -moz-transition: width .5s ease-in;
    transition: width .5s ease-in; }
  .main_form_group .delete_telephone {
    position: absolute;
    top: 15px;
    right: 0; }

.drop_down {
  position: relative;
  height: 24px;
  border-bottom: 1px solid #f0f0f0; }
  .drop_down .fa {
    position: absolute;
    top: 0;
    right: 0; }
  .drop_down .drop_down_result {
    width: 100%;
    float: left;
    font-size: 14px;
    height: 24px;
    padding-top: 1px; }
    .drop_down .border_red .drop_down_result {
      width: 100% ;
      float: left ;
      font-size: 14px ;
      height: 40px ;
      padding-top: 9px ;
      padding-left: 20px ;
      border: 1px solid red;
    }
  .drop_down .drop_down_list {
    display: none;
    position: absolute;
    top: 30px;
    left: 5px;
    width: 100%;
    float: left;
    border: 1px solid #f0f0f0;
    z-index: 10;
    background-color: white; }
    .drop_down .drop_down_list .drop_down_item {
      width: 100%;
      float: left;
      padding: 6px 10px;
      font-size: 14px; }
      .drop_down .drop_down_list .drop_down_item:hover {
        background-color: #f4f4f4; }

/* __________________________________________dropdown*/
.dropdown_sorting {
  position: relative; }
  .dropdown_sorting .dropdown_btn {
    padding: 0px 20px;
    font-size: 18px;
    height: 40px;
    color: #2e2e2e;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #ffffff;
    border: solid 1px #e1e1e1; }
    .dropdown_sorting .dropdown_btn .fa-chevron-down {
      font-size: 14px; }
  .dropdown_sorting .dropdown_content {
    display: none;
    padding: 5px;
    position: absolute;
    width: 100%;
    top: 45px;
    left: 0;
    background-color: white;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #e1e1e1;
    z-index: 10; }
    .dropdown_sorting .dropdown_content .item_list {
      padding: 8px 20px;
      border-bottom: 1px solid #f0f0f0; }
      .dropdown_sorting .dropdown_content .item_list:last-child {
        border-bottom: 0; }
      .dropdown_sorting .dropdown_content .item_list:hover {
        background-color: #eedada;
        color: #961a30;
        font-weight: bold; }

/* __________________________________________dropdown v-2*/
.dropdown_kri {
  position: relative; }
  .dropdown_kri label {
    -webkit-align-self: start;
        -ms-flex-item-align: start;
            align-self: start;
    font-weight: 700;
    background-color: white;
    font-size: .8rem;
    padding-left: 0.5em;
    padding-right: 0.5em;
    position: absolute;
    transform: translate(0.5rem,-50%);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-transform: translate(0.5rem,-50%);
    -moz-transform: translate(0.5rem,-50%);
    -ms-transform: translate(0.5rem,-50%);
    -o-transform: translate(0.5rem,-50%); }

  .dropdown_kri .dropdown_btn {
    padding: 0px 20px;
    font-size: 14px;
    height: 40px;
    color: #2e2e2e;
    border-radius: 4px;
    background-color: #ffffff;
    border: solid 1px #D8163B;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
    .dropdown_kri .dropdown_btn .fa-chevron-down {
      font-size: 14px; }
      .dropdown_kri .dropdown_content {
        display: none;
        padding: 5px;
        position: absolute;
        width: 100%;
        top: 45px;
        left: 0;
        background-color: white;
        -moz-border-radius: 2px;
        border-radius: 2px;
        border: 1px solid #e1e1e1;
        z-index: 10; }
        .dropdown_kri .dropdown_content .item_list {
          padding: 8px 20px;
          border-bottom: 1px solid #f0f0f0; }
          .dropdown_kri .dropdown_content .item_list:last-child {
            border-bottom: 0; }
          .dropdown_kri .dropdown_content .item_list:hover {
            background-color: #eedada;
            color: #961a30;
            font-weight: bold; }

.dropdown_square {
  position: relative; }
  .dropdown_square .dropdown_btn {
    width: 100%;
    padding: 0px 20px;
    font-size: 18px;
    height: 40px;
    color: #2e2e2e;
    background-color: #f8f8f8;
    color: #4a4a4a; }
    .dropdown_square .dropdown_btn .fa {
      font-size: 14px; }
  .dropdown_square .dropdown_content {
    display: none;
    padding: 5px;
    position: absolute;
    width: 100%;
    top: 45px;
    left: 0;
    background-color: white;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #e1e1e1;
    z-index: 10; }
    .dropdown_square .dropdown_content .item_list {
      padding: 8px 20px;
      border-bottom: 1px solid #f0f0f0; }
      .dropdown_square .dropdown_content .item_list:last-child {
        border-bottom: 0; }
      .dropdown_square .dropdown_content .item_list:hover {
        background-color: #eedada;
        color: #961a30;
        font-weight: bold; }

.add_more {
  font-size: 13px;
  text-align: right; }

/*-------------------------------------------------------------------*/
.btn-m {
  border: 0;
  width: 150px;
  height: 35px;
  color: white;
  background-color: #961a30; }
.btn-m-rev {
  width: 150px;
  height: 35px;
  border: 1px solid #961a30;
  color: #961a30;
  background-color: inherit; }
.btn-max {
  border: 0;
  width: 100%;
  height: 35px;
  color: white;
  background-color: #961a30; }
.btn-submit {
  border: 0;
  width: 150px;
  height: 40px;
  color: white;
  background-color: #961a30; }
.btn-login {
  border: none;
  -moz-border-radius: 25px;
  border-radius: 25px;
  width: 75%;
  height: 40px;
  color: white;
  background-color: #961a30; }

/*-------------------------------------------------------------------*/
.text-header-grey {
  color: #4a4a4a; }

/*-------------------------- search bar  -----------------------------*/
.search_bar {
  color: #ababab; }
  .search_bar .fa {
    font-size: 1.5rem; }
  .search_bar .warning {
    position: relative; }
    .search_bar .warning_badge {
      position: absolute;
      width: 20px;
      height: 20px;
      top: -4px;
      right: -7px;
      background-color: #961a30;
      color: white;
      padding: 3px 0;
      font-size: 13px; }

/*---------------------- customize checkbox ------------------------*/
.styled-checkbox {
  position: absolute;
  /* take it out of document flow*/
  opacity: 0;
  /* hide it*/
  /* Box.*/
  /* Box hover*/
  /* Box focus*/
  /* Box checked*/
  /* Disabled state label.*/
  /* Disabled box.*/
  /* Checkmark. Could be replaced with an image*/ }
  .styled-checkbox + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin-left: 2px;
    display: inline-block; }
  .styled-checkbox + label:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 15px;
    background: white;
    -webkit-box-shadow: 0 0 0 2px #9c9c9c;
    -moz-box-shadow: 0 0 0 2px #9c9c9c;
    box-shadow: 0 0 0 2px #9c9c9c; }
  .styled-checkbox:hover + label:before {
    background: white; }
  .styled-checkbox:checked + label:before {
    background: white; }
  .styled-checkbox:disabled + label {
    color: #b8b8b8;
    cursor: auto; }
  .styled-checkbox:disabled + label:before {
    background: #d2d7de; }
  .styled-checkbox:checked + label:after {
    content: '';
    position: absolute;
    left: 1px;
    top: 11px;
    background: black;
    width: 2px;
    height: 2px;
    -webkit-box-shadow: 2px 0 0 black, 4px 0 0 black, 4px -2px 0 black, 4px -4px 0 black, 4px -6px 0 black, 4px -8px 0 black, 4px -10px 0 black, 4px -12px 0 black;
    -moz-box-shadow: 2px 0 0 black, 4px 0 0 black, 4px -2px 0 black, 4px -4px 0 black, 4px -6px 0 black, 4px -8px 0 black, 4px -10px 0 black, 4px -12px 0 black;
    box-shadow: 2px 0 0 black, 4px 0 0 black, 4px -2px 0 black, 4px -4px 0 black, 4px -6px 0 black, 4px -8px 0 black, 4px -10px 0 black, 4px -12px 0 black;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }

/*---------------------- customize radio ------------------------*/
.styled-radio {
  position: absolute;
  /* take it out of document flow*/
  opacity: 0;
  /* hide it*/
  /* Box.*/
  /* Box hover*/
  /* Box focus*/
  /* Box checked*/
  /* Disabled state label.*/
  /* Disabled box.*/
  /* Checkmark. Could be replaced with an image*/ }
  .styled-radio + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    /* margin-left: 2px;*/
    display: inline-block; }
  .styled-radio + label:before {
    content: '';
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    background: white;
    -webkit-box-shadow: 0 0 0 2px #981a30;
    -moz-box-shadow: 0 0 0 2px #981a30;
    box-shadow: 0 0 0 2px #981a30; }
  .styled-radio:hover + label:before {
    background: white; }
  .styled-radio:checked + label:before {
    background: white; }
  .styled-radio:disabled + label {
    color: #b8b8b8;
    cursor: auto; }
  .styled-radio:disabled + label:before {
    background: #d2d7de; }
  .styled-radio:checked + label:after {
    content: '';
    position: absolute;
    left: 3px;
    top: 10px;
    background: #981a30;
    width: 9px;
    height: 9px;
    -moz-border-radius: 50%;
    border-radius: 50%; }

/*--------------------------------- site -------------------------*/
.main-bg {
  background-color: #fbf8f1; }

.main-padding {
  padding: 60px 0; }

.text-grey {
  color: #939393; }

.kri-bg {
  float: left;
  width: 100%;
  min-height: 100vh;
  background-color: #fbf8f1; }

.kri-title-color {
  color: #4a4a4a;
  font-weight: bold; }

.kri-title {
  font-size: 36px;
  color: #4a4a4a; }

.kri-title-m {
  font-size: 20px;
  color: #4a4a4a;
  font-weight: bold; }

.main-factory {
  float: left;
  width: -moz-calc(100% - 285px);
  width: calc(100% - 285px); }

/*-------------------   custom input   ---------------------*/
.kri-input .input_number {
  width: 60%;
  height: 30px;
  background-color: #f4f4f4;
  border: 0;
  text-align: center;
  font-weight: 600; }
  .kri-input .input_number2{
    height: 30px !important;
    background-color: #ffffff !important;
    border: 1px solid #000 !important;
  }
.kri-input .input_btn {
  width: 40px;
  height: 30px;
  font-size: 16px;
  line-height: 1.2;
  color: white;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
     supported by Chrome and Opera */ }
     .kri-input .input_btn2 {
       width: 40px;
       height: 30px;
       font-size: 16px;
       line-height: 1.2;
       color: #919191;
       -webkit-touch-callout: none;
       -webkit-user-select: none;
       -moz-user-select: none;
       -ms-user-select: none;
       user-select: none; }
.kri-input .dec {
  background-color: #961a30; }
  .kri-input .dec2 {
    background-color: #FFFFFF;
    border: 1px solid #707070;
    -moz-border-radius: 5px 0 0 5px;
         border-radius: 5px 0 0 5px; }
.kri-input .btn-disable {
  background-color: #e0e0e0 !important;
  cursor: not-allowed; }
.kri-input .inc {
  background-color: #961a30; }
.kri-input .inc2 {
  background-color: #ffffff;
  border: 1px solid #707070;
  -moz-border-radius: 0px 5px 5px 0px;
       border-radius: 0px 5px 5px 0px; }

/*--------------------------------------------------- Animate */
.box_rotate {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.box_rotateBack {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in; }

.box_transition {
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

/*--------------------------- search tab hide ----------------*/
#search_tab_hide {
  position: relative;
  display: none; }
  #search_tab_hide .search_tab {
    width: 100%;
    height: 40px;
    padding: 0 45px 0 15px;
    border: 0;
    -moz-border-radius: 25px;
    border-radius: 25px;
    border: solid 1px #e1e1e1; }
  #search_tab_hide .search_icon {
    position: absolute;
    top: 9px;
    right: 15px;
    color: #e9e9e9;
    font-size: 20px; }

/*-------------------------------------- history table --------------*/
.history {
  position: relative;
  padding: 0 16px;
  background-color: transparent;
  /* -webkit-box-shadow: 2px 2px 5px 0 rgba(94, 94, 94, 0.5);
  -moz-box-shadow: 2px 2px 5px 0 rgba(94, 94, 94, 0.5);
  box-shadow: 2px 2px 5px 0 rgba(94, 94, 94, 0.5);  */
    }
  .history .width-max{
    width: 100% !important;}
  .history .kri_title{
    color: #000;
    font-size: 20px; }
  .history .red-line{
    width: 100% !important;
    border: none;
    border-bottom: 1px solid #D8163B; }
  .history_all .dropdown_kri .dropdown_btn{
    height: 35px !important;
    background-color: #ffffff96 !important;
    border: solid 1px #D8163B !important;
  }
  .history_all .align-center{
    -webkit-align-self: center !important;
        -ms-flex-item-align: center !important;
            align-self: center !important; }
  .title-history {
    font-size: 26px !important; }
  .history .history_group .history_item {
    padding: 15px 0;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0; }
    .history .history_group .history_item {
      border-style: none !important;
      background-color: #fff !important;
      -webkit-box-shadow: 0px 0px 5px #80808075 !important;
      -moz-box-shadow: 0px 0px 5px #80808075 !important;
      box-shadow: 0px 0px 5px #80808075 !important;
      -moz-border-radius-bottomleft: 4px;
           border-bottom-left-radius: 4px;
      -moz-border-radius-bottomright: 4px;
           border-bottom-right-radius: 4px; }
    .history .history_group .history_item:hover {
      border-bottom: 1px solid #D8163B; }
    .history .history_group .history_item:hover .history_header {
      color: #D8163B; }
    .history .history_group .history_item .card{
      border: 0px solid rgba(0,0,0,.125) !important; }
    .history .history_group .history_item:first-child {
      border-top: 0px; }
    .history .history_group .history_item .history_header .title_kri{
      background-color: #D8163B;
      -moz-border-radius-topleft: 4px;
           border-top-left-radius: 4px;
      -moz-border-radius-topright: 4px;
           border-top-right-radius: 4px;
      color: #fff;
      width: 100%; }
      .history .history_group .history_item .history_header .title_kri .table_title .btn.disabled, .btn:disabled{
        background-color: transparent;
        color: #ffffffb8;}
    .history .history_group .history_item .history_header .date_time {
      font-size: 14px !important; }
    .history .history_group .history_item .history_body {
      display: none; }
      .history .history_group .history_item .history_body .index_table .badge {
        min-height: 30px;
        min-width: 30px;
        font-size: 12px;
        padding: 8px 0; }
      .history .history_group .history_item .history_body .index_table thead {
        border-top: 1px solid #f0f0f0;
        border-bottom: 1px solid #f0f0f0; }
        .history .history_group .history_item .history_body .index_table thead th {
          padding: 10px 0; }
      .history .history_group .history_item .history_body .index_table tbody td {
        padding: 10px 0; }
      .history .history_group .history_item .history_body .index_table .amount {
        width: 15%; }
        .history .history_group .history_item .history_body .index_table .amount_cover {
          width: 58px;
          height: 27px;
          background-color: #f4f4f4; }
      .history .history_group .history_item .history_body .index_table .list {
        width: 25%; }
      .history .history_group .history_item .history_body .index_table .price {
        width: 20%; }
      .history .history_group .history_item .history_body .index_table .total {
        width: 20%; }
      .history .history_group .history_item .history_body .index_table .bastket {
        width: 20%; }
      .history .history_group .history_item .history_body .index_table .bastket_icon {
        font-size: 24px;
        color: #9b9b9b; }
        .history .history_group .history_item .history_body .index_table .bastket_icon .fa:hover {
          color: #D8163B; }
      .history .history_group .history_item .history_body .index_table .total_top_price {
        border-top: 1px solid #D8163B; }
      .history .history_group .history_item .history_body .index_table .total_bottom_price {
        border-bottom: 1px solid #D8163B; }

/*--------------------------------- pagination------------------------*/
.kri-pagination .kri-link {
  width: 35px;
  height: 35px;
  font-size: 14px;
  display: inline-block;
  margin: 0 10px; }
  .kri-pagination .kri-link:hover {
    background-color: #961a30;
    color: white; }
    .kri-pagination .kri-link:hover .btn-link {
      color: white; }
.kri-pagination .btn-link {
  color: #a4a4a4; }

/*---------------------- customize radio ------------------------*/
.styled-radio {
  position: absolute;
  /* take it out of document flow*/
  opacity: 0;
  /* hide it*/
  /* Box.*/
  /* Box hover*/
  /* Box focus*/
  /* Box checked*/
  /* Disabled state label.*/
  /* Disabled box.*/
  /* Checkmark. Could be replaced with an image*/ }
  .styled-radio + label {
    position: relative;
    cursor: pointer;
    padding: 0;
    /* margin-left: 2px;*/
    display: inline-block; }
  .styled-radio + label:before {
    content: '';
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    background: white;
    -webkit-box-shadow: 0 0 0 2px #961a30;
    -moz-box-shadow: 0 0 0 2px #961a30;
    box-shadow: 0 0 0 2px #961a30; }
  .styled-radio:hover + label:before {
    background: white; }
  .styled-radio:checked + label:before {
    background: white; }
  .styled-radio:disabled + label {
    color: #b8b8b8;
    cursor: auto; }
  .styled-radio:disabled + label:before {
    background: #d2d7de; }
  .styled-radio:checked + label:after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 2px;
    top: 7.5px;
    background: #961a30;
    width: 11px;
    height: 11px;
    -moz-border-radius: 50%;
    border-radius: 50%; }

/*--------------------------------- recommend product ------------------------------*/
.promo_product .promo_image {
  height: 600px; }
  .promo_product .promo_image .text_cover {
    width: 700px;
    height: 230px;
    background-color: rgba(255, 255, 255, 0.6);
    font-family: 'Pattaya', sans-serif;
    padding-left: 50px; }
    .promo_product .promo_image .text_cover .title {
      font-size: 80px;
      color: #961a30; }
    .promo_product .promo_image .text_cover .sub-title {
      font-size: 55px;
      color: #4a4a4a; }

/*---------------------------------------- product box ------------------------------*/
.category_box {
  width: -moz-calc((100%/4) - 7.5px);
  width: calc((100%/4) - 7.5px);
  padding: 15px 10px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 4px 0 rgba(214, 214, 214, 0.5);
  -moz-box-shadow: 0 0 4px 0 rgba(214, 214, 214, 0.5);
  box-shadow: 0 0 4px 0 rgba(214, 214, 214, 0.5);
  float: left;
  margin-right: 10px;
  margin-bottom: 55px;
  z-index: 10; }
  .category_box .image {
    width: 100%;
    height: 200px;
    background-color: #d8d8d8;
    position: relative; }
    .category_box .image:hover .text_overlay {
      background-color: #cfcfcf; }
    .category_box .image .text_overlay {
      width: 100%;
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 10px 15px;
      background-color: #cfcfcf;
      font-size: 14px;
      background-color: rgba(207, 207, 207, 0.5); }
      .category_box .image .text_overlay:hover {
        background-color: #cfcfcf; }
      .category_box .image .text_overlay .product_name {
        line-height: 1.5;
        display: block;
        display: -webkit-box;
        max-height: 42px;
        margin: 0 auto;
        font-size: 14px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis; }
    .category_box .image .tag {
      position: absolute;
      top: -16px;
      right: 0;
      width: 40px;
      height: 45px; }
  .category_box .desc {
    padding-top: 10px; }
    .category_box .desc .normal_price {
      font-size: 14px; }
    .category_box .desc .cash_price .price_box {
      float: right; }
    .category_box .desc .cash_price .discount {
      font-size: 12px;
      text-align: right; }
    .category_box .desc .current_stock {
      font-size: 14px; }
      .category_box .desc .current_stock .fa-exclamation-circle {
        color: #c1bebe; }
    .category_box .desc #buying_tools {
      display: none; }
      .category_box .desc #buying_tools .total {
        font-size: 14px;
        color: #898989; }

/*---------------------------------------- square_search ------------------------------*/
.square_search {
  position: relative; }
  .square_search input {
    width: 100%;
    height: 40px;
    border: 0;
    background-color: white;
    color: #c9c9c9;
    padding: 0 15px 0 45px;
    font-size: 18px; }
  .square_search .fa {
    font-size: 17px;
    position: absolute;
    top: 10px;
    left: 15px;
    color: #c9c9c9; }

/*---------------------------------------- pagination ------------------------------*/
.pagination {
  width: 100%;
  float: left;
  margin-bottom: 40px;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  -webkit-box-pack: center !important;
  -moz-box-pack: center !important;
  justify-content: center !important; }
  .pagination .active {
    color: #961a30;
    font-weight: bold; }
  .pagination li {
    cursor: pointer;
    width: 35px;
    height: 35px;
    font-size: 14px;
    padding: 0 10px;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -moz-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -moz-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
    .pagination li:hover {
      background-color: #961a30;
      color: white; }
      .pagination li:hover .fa {
        color: white;
        text-decoration: none; }
    .pagination li a {
      width: 100%;
      height: 100%;
      display: -webkit-box !important;
      display: -webkit-flex !important;
      display: -moz-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-pack: center !important;
      -webkit-justify-content: center !important;
      -moz-box-pack: center !important;
      -ms-flex-pack: center !important;
      justify-content: center !important;
      -webkit-box-align: center !important;
      -webkit-align-items: center !important;
      -moz-box-align: center !important;
      -ms-flex-align: center !important;
      align-items: center !important; }

.height-full-screen, .main-factory, .new_order .product_order, .new_order .result_order {
  min-height: 100vh; }

.line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; }

.bg-center {
  background-position: center center;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.bg-100 {
  background-position: center center;
  background-repeat: no-repeat;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%; }

.bg-50 {
  background-position: center center;
  background-repeat: no-repeat;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 50%; }

.name-bf-5x:before {
  content: attr(name);
  display: inline-block;
  margin: 0 5px;
  color: black; }
.name-bf:before {
  content: attr(name);
  display: inline-block;
  margin-right: 15px; }

.name-af:after {
  content: attr(name);
  display: inline-block;
  margin-left: 15px; }

.name-before-5:before {
  content: attr(name);
  display: inline-block;
  margin-right: 5px; }
.name-before:after {
  content: attr(name);
  display: inline-block; }

.name-before-0:before {
  content: attr(name);
  display: inline-block; }

.name-after-0:before {
  content: attr(name);
  display: inline-block; }

.name-after-5:after {
  content: attr(name);
  display: inline-block;
  margin-left: 5px; }
.name-after:after {
  content: attr(name);
  display: inline-block; }

/*------------------------- kri end kri ------------------------*/
.kri_body, .main-bg {
  float: left;
  width: -moz-calc(100% - 285px);
  width: calc(100% - 285px);
  min-height: 100vh;
  padding: 30px 45px; }

.kri_wrapper {
  float: left;
  width: -moz-calc(100% - 285px);
  width: calc(100% - 285px);
  min-height: 100vh; }

.kri_text_color, .new_order .product_order .tab-content .order_group .header .order_date {
  color: #961a30; }

.kri_bg_color {
  background-color: #961a30; }

.kri-header {
  position: relative;
  background-color: #d8163b;
  color: white;
  height: 52px;
  padding: 0 2.2%; }
  .kri-header .text-menu {
    font-size: 16px; }

  .kri-header #hamburger_desktop {
    position: absolute;
    left: 70px;
    bottom: -48px;
    z-index: 20;
    font-size: 25px;
    color: #d8163b; }
  .kri-header .logo_cover {
    margin-left: 10px; }
  .kri-header .main_logo {
    width: 100px;
    height: 44px; }
  .kri-header .search_box {
    position: absolute;
    top: 8.5px;
    left: 285px; }
    .kri-header .search_box .search_bar {
      position: relative; }
      .kri-header .search_box .search_bar .search_input {
        width: 500px;
        height: 35px;
        border: 0;
        background-color: #d8163b;
        color: white;
        padding: 0 10px 0 45px; }
      .kri-header .search_box .search_bar .fa {
        font-size: 17px;
        position: absolute;
        top: 8px;
        left: 15px;
        color: #ffffff;
        opacity: 0.3; }
    .kri-header .search_bar .search_input{
      width: 450px;
      height: 35px;
      border: 0;
      background-color: #790e21;
      color: white;
      padding: 0 0 0 20px; }

  .kri-header #notification_header {
    position: relative; }
    .kri-header #notification_header .notification_content {
      display: none;
      color: black;
      position: absolute;
      width: 355px;
      top: 60px;
      left: -221px;
      background-color: white;
      -webkit-box-shadow: 2px 2px 5px 0 rgba(94, 94, 94, 0.5);
      -moz-box-shadow: 2px 2px 5px 0 rgba(94, 94, 94, 0.5);
      box-shadow: 2px 2px 5px 0 rgba(94, 94, 94, 0.5);
      z-index: 10; }
      .kri-header #notification_header .notification_content .notification_cover {
        position: relative;
        padding: 10px 0px; }
        .kri-header #notification_header .notification_content .notification_cover .section_noti .noti_item {
          padding: 15px 30px;
          border-bottom: 1px solid #f0f0f0; }
          .kri-header #notification_header .notification_content .notification_cover .section_noti .noti_item:hover {
            background-color: #ead1d6; }
          .kri-header #notification_header .notification_content .notification_cover .section_noti .noti_item:first-child {
            border-top: 1px solid #f0f0f0; }
          .kri-header #notification_header .notification_content .notification_cover .section_noti .noti_item .time {
            font-size: 14px;
            color: #9b9b9b; }
            .kri-header #notification_header .notification_content .notification_cover .section_noti .noti_item .time .fa {
              font-size: 16px; }
        .kri-header #notification_header .notification_content .notification_cover .arrow-up {
          position: absolute;
          top: -16px;
          right: 89px;
          width: 0;
          height: 0;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent;
          border-bottom: 15px solid white; }
  .kri-header .cart_icon {
    /* border-right: 1px solid #790e21; */
    padding: 0 20px;
    height: 20px; }
    .kri-header .cart_icon .fa {
      font-size: 20px;
      position: relative; }
      .kri-header .cart_icon .fa .badge-amount {
        position: absolute;
        width: 20px;
        height: 20px;
        border: 2px solid #d8163b;
        background-color: #c20404;
        top: -8px;
        right: -10px;
        color: white;
        font-size: 13px;
        text-align: center;
        font-weight: 800;
        padding: 1px 0px; }
    .kri-header .cart_icon:hover .badge-amount {
      -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
      -moz-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
      -o-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
      animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-perspective: 1000px;
      -moz-perspective: 1000px;
      perspective: 1000px; }
  .kri-header .account_display {
    padding: 0 0 0 20px; }
    .kri-header .account_display .profile_img {
      width: 35px;
      height: 35px;
      background-color: white; }

@-webkit-keyframes shake {
  10%, 70% {
    -webkit-transform: translate3d(-1px, 0, 0);
    -moz-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0); }
  20%, 70% {
    -webkit-transform: translate3d(2px, 0, 0);
    -moz-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0); }
  30%, 30%, 60% {
    -webkit-transform: translate3d(-4px, 0, 0);
    -moz-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0); }
  40%, 30% {
    -webkit-transform: translate3d(4px, 0, 0);
    -moz-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0); } }
@-moz-keyframes shake {
  10%, 70% {
    -webkit-transform: translate3d(-1px, 0, 0);
    -moz-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0); }
  20%, 70% {
    -webkit-transform: translate3d(2px, 0, 0);
    -moz-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0); }
  30%, 30%, 60% {
    -webkit-transform: translate3d(-4px, 0, 0);
    -moz-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0); }
  40%, 30% {
    -webkit-transform: translate3d(4px, 0, 0);
    -moz-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0); } }
@-o-keyframes shake {
  10%, 70% {
    -webkit-transform: translate3d(-1px, 0, 0);
    -moz-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0); }
  20%, 70% {
    -webkit-transform: translate3d(2px, 0, 0);
    -moz-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0); }
  30%, 30%, 60% {
    -webkit-transform: translate3d(-4px, 0, 0);
    -moz-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0); }
  40%, 30% {
    -webkit-transform: translate3d(4px, 0, 0);
    -moz-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0); } }
@keyframes shake {
  10%, 70% {
    -webkit-transform: translate3d(-1px, 0, 0);
    -moz-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0); }
  20%, 70% {
    -webkit-transform: translate3d(2px, 0, 0);
    -moz-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0); }
  30%, 30%, 60% {
    -webkit-transform: translate3d(-4px, 0, 0);
    -moz-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0); }
  40%, 30% {
    -webkit-transform: translate3d(4px, 0, 0);
    -moz-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0); } }
.main_menu {
  /* position: absolute; */
  width: 285px;
  float: left;
  /* background-color: #961a30; */
  background-color: #ffffff !important;
  padding-top: 25px;
  /* color: white; */
  color: #d8163b;
  left: -290px;
  display: none;
  z-index: 99;
  /* ADD More */
  height: 100vh;
  position: fixed;

  /* ------- */

  /* ::-webkit-scrollbar {*/
  /*         -webkit-appearance: none;*/
  /*         width: 7px;*/
  /* }*/
  /* ::-webkit-scrollbar-thumb {*/
  /*     -webkit-border-radius: 4px;*/
  /*             border-radius: 4px;*/
  /*     background-color: rgba(0,0,0,.5);*/
  /*     -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);*/
  /* }*/
  /* .nav_bar::-webkit-scrollbar {*/
  /*     -webkit-appearance: none;*/
  /*     width: 7px;*/
  /* }*/
  /* .nav_bar::-webkit-scrollbar-thumb {*/
  /* -webkit-border-radius: 4px;*/
  /* border-radius: 4px;*/
  /* background-color: rgba(0,0,0,.5);*/
  /* -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);*/
  /* }*/ }
  .main_menu .tab_color{
    width: 100%;
    height: 45px;
    margin-top: -26px;
    margin-bottom: 15px;
    background-color: #d8163b; }
  .main_menu .close_main_menu {
    position: absolute;
    top: 10px;
    left: 20px;
    /* color: #fff; */
    margin-bottom: 15px;
    z-index: 1; }
  .main_menu .profile_img {
    width: 65px;
    height: 65px;
    background-color: white;
    margin-bottom: 20px; }
  .main_menu .shop_name {
    margin-bottom: 15px;
    padding: 0 35px; }
  .main_menu .user_name {
    padding: 0 35px; }
  .main_menu .nav_bar {
    padding: 0 35px;
    overflow-y: auto;
    max-height: 70vh; }
    .main_menu .nav_bar .hr_factory {
      margin-top: 0.3rem;
      margin-bottom: 0.3rem; }
    .main_menu .nav_bar .hr_main_menu {
      margin-top: 0.3rem;
      margin-bottom: 0.3rem; }
    .main_menu .nav_bar .nav_cover hr {
      background-color: #d8163b;
      height: 0.5px !important;
      opacity: 0.3; }
    .main_menu .nav_bar .nav_cover .nav_item {
      display: block;
      font-size: 14px; }
      .main_menu .nav_bar .nav_cover .nav_item .icon {
        width: 20px;
        margin-right: 20px; }
      .main_menu .nav_bar .nav_cover .nav_item .factory-badge {
        width: 18px;
        height: 18px;
        background-color: #ffffff;
        -moz-border-radius: 50%;
        border-radius: 50%;
        color: #d8163b;
        font-size: 12px;
        font-weight: bold; }
      .main_menu .nav_bar .nav_cover .nav_item:hover {
        color: white;
        background-color: #d8163ba3; }
  .main_menu .nav_bar::-webkit-scrollbar {
    width: 10px;
    background-color: #fbf8f1; }
  .main_menu .nav_bar::-webkit-scrollbar-thumb {
    background-color: #ab0925;
    height: 10px;
    cursor: pointer; }
  .main_menu .nav_bar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #fbf8f1; }

/* Customer Navbar */
.main_menu .menu_customer {
  /* position: absolute; */
  width: 285px !important;
  float: left !important;
  background-color: #fff !important;
  padding-top: 25px !important;
  /* color: white; */
  left: -290px !important;
  display: none !important;
  z-index: 99 !important;
  /* ADD More */
  height: 100vh !important;
  position: fixed !important; }
  .main_menu .menu_customer .close_main_menu {
    position: absolute !important;
    top: 20px !important;
    right: 20px !important;
    margin-bottom: 15px !important; }
  .main_menu .menu_customer .profile_img {
    width: 65px !important;
    height: 65px !important;
    background-color: white !important;
    margin-bottom: 20px !important; }
  .main_menu .menu_customer .shop_name {
    margin-bottom: 15px !important;
    padding: 0 35px !important; }
  .main_menu .menu_customer .user_name {
    padding: 0 35px !important; }
  .main_menu .menu_customer .nav_bar {
    padding: 0 35px !important;
    overflow-y: auto !important;
    max-height: 70vh !important; }
    .main_menu .menu_customer .nav_bar .hr_factory {
      margin-top: 0.3rem !important;
      margin-bottom: 0.3rem !important; }
    .main_menu .menu_customer .nav_bar .hr_main_menu {
      margin-top: 0.3rem !important;
      margin-bottom: 0.3rem !important; }
    .main_menu .menu_customer .nav_bar .nav_cover hr {
      height: 2px !important;
      background-color: #ffffff !important;
      opacity: 0.12 !important; }
    .main_menu .menu_customer .nav_bar .nav_cover .nav_item {
      display: block !important;
      font-size: 14px !important; }
      .main_menu .menu_customer .nav_bar .nav_cover .nav_item .icon {
        width: 20px !important;
        margin-right: 20px !important; }
      .main_menu .menu_customer .nav_bar .nav_cover .nav_item .factory-badge {
        width: 18px !important;
        height: 18px !important;
        background-color: #ffffff !important;
        -moz-border-radius: 50% !important;
        border-radius: 50% !important;
        color: #d8163b !important;
        font-size: 12px !important;
        font-weight: bold !important; }
      .main_menu .menu_customer .nav_bar .nav_cover .nav_item:hover {
        color: white !important;
        background-color: #ab4759 !important; }
  .main_menu .menu_customer .nav_bar::-webkit-scrollbar {
    width: 10px !important;
    background-color: #fbf8f1 !important; }
  .main_menu .menu_customer .nav_bar::-webkit-scrollbar-thumb {
    background-color: #ba1a39 !important;
    height: 10px !important;
    cursor: pointer !important; }
  .main_menu .menu_customer .nav_bar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3) !important;
    background-color: #fbf8f1 !important; }

/* search drawer class */
.search_menu {
  top: 0;
  width: 100%;
  float: right;
  background-color: #ffffff;
  padding-top: 25px;
  color: white;
  right: -290px;
  display: none;
  z-index: 99;
  /* ADD More */
  height: 100vh;
  position: fixed; }
  .search_menu .close_search_menu {
    color: #961A30;
    font-size: 25px;
    padding-right: 8px;
  }
  .search_menu .search_header{
    width: 90%;
    display: block;
    margin-left: 5px;
    margin-right: 5px;
    -webkit-box-shadow: 0 0 6px rgb(0 0 0 / 12%), 0 0 6px rgb(0 0 0 / 6%);
       -moz-box-shadow: 0 0 6px rgb(0 0 0 / 12%), 0 0 6px rgb(0 0 0 / 6%);
            box-shadow: 0 0 6px rgb(0 0 0 / 12%), 0 0 6px rgb(0 0 0 / 6%);
    border: 1px solid transparent;
    -moz-border-radius: 5px;
         border-radius: 5px;
    padding: 8px;
  }
  .search_menu .title{
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    color: #961A30;
  }
  .search_menu .nav_bar::-webkit-scrollbar {
    width: 10px;
    background-color: #fbf8f1; }
  .search_menu .nav_bar::-webkit-scrollbar-thumb {
    background-color: #790e21;
    height: 10px;
    cursor: pointer; }
  .search_menu .nav_bar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #fbf8f1; }

/* cart drawer class */
  .cart_drawer {
    top: 0;
    width: 30%;
    float: right;
    background-color: #ffffff;
    padding: 25px 14px 0 14px;
    color: white;
    right: -290px;
    display: none;
    z-index: 99;
    /* ADD More */
    height: 100vh;
    position: fixed; }
    .cart_drawer .close_cart_drawer {
      color: #D8163B;
      font-size: 25px;
    }

    .cart_drawer .delete-item{
      color: #961A30;
      font-size: 25px;
    }

    .cart_drawer .cart_header{
      width: 90%;
      display: block;
      margin-left: 5px;
      margin-right: 5px;
      -webkit-box-shadow: 0 0 6px rgb(0 0 0 / 12%), 0 0 6px rgb(0 0 0 / 6%);
         -moz-box-shadow: 0 0 6px rgb(0 0 0 / 12%), 0 0 6px rgb(0 0 0 / 6%);
              box-shadow: 0 0 6px rgb(0 0 0 / 12%), 0 0 6px rgb(0 0 0 / 6%);
      border: 1px solid transparent;
      -moz-border-radius: 5px;
           border-radius: 5px;
      padding: 8px;
    }
    .cart_drawer .title{
      font-size: 20px;
      font-weight: 500;
      text-align: left;
      color: #000000;
    }
    .cart_drawer .title-sub{
      font-size: 14px;
      font-weight: 500;
      text-align: left;
      color: #000000;
    }

    .cart_drawer .col-scroll{
      max-height: 70vh;
      overflow-x: auto;
    }

    .cart_drawer .card{
      width: 100%;
      margin-top: 16px;
      margin-bottom: 16px;
    }

    .cart_drawer .card .card-body{
      padding: 14px;
    }

    .cart_drawer .card .card-body .kri-input .input_btn_left{
      border: 1px solid #707070;
      -moz-border-radius: 4px 0px 0px 4px;
           border-radius: 4px 0px 0px 4px;
      background: #FFFFFF;
      font-size: 15px;
      color: #D8163B;
    }

    .cart_drawer .card .card-body .kri-input .input_btn_right{
      border: 1px solid #707070;
      -moz-border-radius: 0px 4px 4px 0px;
           border-radius: 0px 4px 4px 0px;
      background: #FFFFFF;
      font-size: 15px;
      color: #D8163B;
    }

    .cart_drawer .card .card-body .kri-input .input_number{
      width: 30%;
      height: 30px;
      background-color: #FFFFFF;
      border: 1px solid #707070;
      text-align: center;
      color: #000000;
      font-weight: 600;
    }

    .cart_drawer .card .card-body .card-title{
      font-size: 16px;
      color: #000000;
      line-height: 23px;
      font-weight: 500;
      margin-bottom: 8px;
      text-align: left;
    }
    .cart_drawer .card .card-body .card-unit{
      font-size: 14px;
      color: #000000;
      line-height: 23px;
      margin-bottom: 8px;
      font-weight: 500;
      text-align: left;
    }
    .cart_drawer .card .card-body .card-total{
      font-size: 18px;
      color: #D8163B;
      line-height: 23px;
      margin-bottom: 8px;
      font-weight: 700;
      text-align: left;
    }

    .cart_drawer .nav_bar::-webkit-scrollbar {
      width: 10px;
      background-color: #fbf8f1; }
    .cart_drawer .nav_bar::-webkit-scrollbar-thumb {
      background-color: #790e21;
      height: 10px;
      cursor: pointer; }
    .cart_drawer .nav_bar::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      background-color: #fbf8f1; }
/* .index{*/
/*  .history{*/
/*    &_item{*/
/*      padding: 8px 20px;*/
/*      width: 100%;*/
/*      background-color: #ffffff;*/
/*      -webkit-box-shadow: 2px 2px 5px 0 rgba(214, 214, 214, 0.5);*/
/*         -moz-box-shadow: 2px 2px 5px 0 rgba(214, 214, 214, 0.5);*/
/*              box-shadow: 2px 2px 5px 0 rgba(214, 214, 214, 0.5);*/
/*    }*/
/*    &_header{*/
/*      font-weight: 500;*/
/*      .history_date{*/
/*      }*/
/*      .history_time{*/
/*        &:before{*/
/*          content: '(';*/
/*        }*/
/*        &:after{*/
/*          content: ')';*/
/*        }*/
/*      }*/
/*    }*/
/*    &_desc{*/
/*      display: none;*/
/*      border-top: solid 1px #f0f0f0;*/
/*      margin-top: 5px;*/
/*      .desc_item{*/
/*        display: none;*/
/*        padding: 5px 0;*/
/*        margin: 0 5px;*/
/*        border-bottom: solid 1px #f0f0f0;*/
/*        &:last-child{*/
/*          border-bottom: 0;*/
/*          padding-bottom: 0;*/
/*        }*/
/*        .item_img{*/
/*          width: 39px;*/
/*          height: 39px;*/
/*          background-color: white;*/
/*        }*/
/*        .product_name{*/
/*        }*/
/*        .amount{*/
/*          font-size: 18px;*/
/*          color: #f6af3a;*/
/*          &:before{*/
/*            display: inline-block;*/
/*            content: 'x';*/
/*            color: black;*/
/*            margin: 0 5px;*/
/*            font-size: 16px;*/
/*          }*/
/*        }*/
/*        .price{*/
/*          &:before{*/
/*            content: attr(name);*/
/*            margin-right: 7px;*/
/*          }*/
/*          &:after{*/
/*            content: '.-';*/
/*          }*/
/*        }*/
/*        .fa-shopping-basket{*/
/*          font-size: 24px;*/
/*          color: #9b9b9b;*/
/*        }*/
/*      }*/
/*    }*/
/*  }*/
/*  .recommende_product{*/
/*    .product_box{*/
/*      width: -webkit-calc((100%/4) - 15px);*/
/*      width: -moz-calc((100%/4) - 15px);*/
/*      width: calc((100%/4) - 15px);*/
/*      margin-right: 20px;*/
/*      margin-bottom: 20px;*/
/*      background-color: white;*/
/*      float: left;*/
/*      padding: 12px 9px;*/
/*      -webkit-box-shadow: 2px 2px 5px 0 rgba(214, 214, 214, 0.5);*/
/*         -moz-box-shadow: 2px 2px 5px 0 rgba(214, 214, 214, 0.5);*/
/*              box-shadow: 2px 2px 5px 0 rgba(214, 214, 214, 0.5);*/
/*          &:nth-child(4n+4){*/
/*            margin-right: 0;*/
/*          }*/
/*      .left{*/
/*        width: 40%;*/
/*        float: left;*/
/*        line-height: 1.2;*/
/*        .image{*/
/*          width: 100%;*/
/*          height: 100px;*/
/*          background-color: #d8d8d8;*/
/*        }*/
/*        .tag{*/
/*          font-size: 12px;*/
/*        }*/
/*        .readmore{*/
/*          font-size: 12px;*/
/*          font-weight: 600;*/
/*          color: #f6a623;*/
/*        }*/
/*      }*/
/*      .right{*/
/*        width: 60%;*/
/*        float: left;*/
/*        padding-left: 9px;*/
/*        font-size: 12px;*/
/*        font-weight: 500;*/
/*        .desc{*/
/*          height: 100px;*/
/*          .name{*/
/*            @include multiLineEllipsis(1.5, 2, 12px);*/
/*          }*/
/*          .amount{*/
/*            &:after{*/
/*              content: attr(name);*/
/*              margin-left: 7px;*/
/*            }*/
/*          }*/
/*          .counting{*/
/*            width: 100%;*/
/*            height: 25px;*/
/*          }*/
/*        }*/
/*      }*/
/*    }*/
/*  }*/
/*  .category_product{*/
/*    .category{*/
/*      &_item{*/
/*        width: -webkit-calc((100%/8) - 9px);*/
/*        width: -moz-calc((100%/8) - 9px);*/
/*        width: calc((100%/8) - 9px);*/
/*        float: left;*/
/*        margin-right: 10px;*/
/*        margin-bottom: 10px;*/
/*        height: 140px;*/
/*        background-color: white;*/
/*        color: $main-theme-color;*/
/*        padding: 15px 0;*/
/*        &:nth-child(8n+8){*/
/*          margin-right: 0;*/
/*        }*/
/*      }*/
/*      &_icon{*/
/*        width: 78px;*/
/*        height: 78px;*/
/*      }*/
/*    }*/
/*  }*/
/* }*/

/* index section */

.index {
  position: relative;
  float: left;
  width: 100%;
  min-height: 100vh;
  background-color: #F7F4F4; }
  .index .account_display .profile_img {
    width: 70px;
    height: 70px;
    background-color: white; }
    .index .card{
      position: absolute !important;
      max-height: 300px;
      /* min-width: 450px;
      max-width: 650px;
      top: 75%;
      left: 50%; */
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      min-width: 550px;
      max-width: 750px;
      top: 50%;
      left: 78%;
    }
    .index .card .card-body {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      -webkit-flex: 1 1 auto;
         -moz-box-flex: 1;
              flex: 1 1 auto;
      padding: 1rem;
    }

    .index .card .card-body .history_header{
      position: relative !important;
      background-color: #D8163B !important;
      color: #ffffff !important;
      height: 40px;
    }
    .index .text-red{
      color: #D8163B;
    }
    .text-red{
      color: #D8163B;
    }
    .text-green{
      color: #D8163B;
    }
  .index .image_bg {
    min-height: 650px;
    max-height: 80%;
    position: relative; }
    .index .image_bg .image_filter {
      position: absolute;
      width: 100%;
      top: 0;
      left: 0;
      min-height: 650px;
      max-height: 80%;
      background-color: black;
      opacity: 0.4; }
    .index .image_bg .image_logo_cover {
      width: 100%;
      position: absolute;
      top: 50%;
      left: 30%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%); }
      .index .image_bg .image_logo_cover .image_logo {
        /* height: 225px;
        width: 500px; */
        height: 250px;
        width: 550px;
        margin: 0 auto; }
  .index .promo_product .card-promo{
    position: relative !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
            flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,.12), 0 0px 6px rgba(0,0,0,.06);
       -moz-box-shadow: 0 0 6px rgba(0,0,0,.12), 0 0px 6px rgba(0,0,0,.06);
            box-shadow: 0 0 6px rgba(0,0,0,.12), 0 0px 6px rgba(0,0,0,.06); }

    .index .promo_product .card-promo:hover{
      -webkit-transform: scale(1.05);
         -moz-transform: scale(1.05);
          -ms-transform: scale(1.05);
           -o-transform: scale(1.05);
              transform: scale(1.05);
      -webkit-box-shadow: 0 0px 8px rgba(0,0,0,.12), 0 0px 8px rgba(0,0,0,.06);
         -moz-box-shadow: 0 0px 8px rgba(0,0,0,.12), 0 0px 8px rgba(0,0,0,.06);
              box-shadow: 0 0px 8px rgba(0,0,0,.12), 0 0px 8px rgba(0,0,0,.06);
    }

  .index .promo_product .card-promo .card-img-top {
    width: 100%;
    -moz-border-radius-topleft: -moz-calc(0.25rem - 1px);
         border-top-left-radius: calc(0.25rem - 1px);
    -moz-border-radius-topright: -moz-calc(0.25rem - 1px);
         border-top-right-radius: calc(0.25rem - 1px);
  }

  .index .promo_product .card-promo .card-img-top .image .tag {
    position: absolute;
    top: -16px;
    right: 0;
    width: 40px;
    height: 45px; }

  .index .promo_product .card-promo .card-body{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
       -moz-box-flex: 1;
            flex: 1 1 auto;
    padding: 1rem;
  }

  .index .promo_product .card-promo .card-body .product_name{
    line-height: 20px;
  }

  .index .promo_product .card-promo .card-footer{
    padding: 1rem;
    background-color : transparent;
    border-top: unset;
  }

  .index .history_cover {
    margin-top: -240px;
    /* margin-bottom: 70px; */ }
    .index .history_cover .account_display .profile_img {
      width: 70px;
      height: 70px;
      background-color: white; }

    .index .history_cover .history_box {
      width: 90%;
      margin: 0 auto;
      display: block; }

    .index .history_cover .card-history {
      position: relative !important;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
              flex-direction: column;
      min-width: 0;
      word-wrap: break-word;
      background-color: #fff;
      background-clip: border-box;
      border: 1px solid rgba(0,0,0,.125);
      -moz-border-radius: 0.25rem;
           border-radius: 0.25rem;
      -webkit-box-shadow: 0 0 6px rgba(0,0,0,.12), 0 0 6px rgba(0,0,0,.06);
         -moz-box-shadow: 0 0 6px rgba(0,0,0,.12), 0 0 6px rgba(0,0,0,.06);
              box-shadow: 0 0 6px rgba(0,0,0,.12), 0 0 6px rgba(0,0,0,.06);
    }


    .index .history_cover .card .card-body {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      -webkit-flex: 1 1 auto;
         -moz-box-flex: 1;
              flex: 1 1 auto;
      padding: 1rem;
    }

    .index .history_cover .history_header{
      position: relative !important;
      background-color: #D8163B !important;
      color: #ffffff !important;
      height: 40px;
      -webkit-box-shadow: 0 0 6px rgba(0,0,0,.12), 0 0 6px rgba(0,0,0,.06);
         -moz-box-shadow: 0 0 6px rgba(0,0,0,.12), 0 0 6px rgba(0,0,0,.06);
              box-shadow: 0 0 6px rgba(0,0,0,.12), 0 0 6px rgba(0,0,0,.06);
    }


  /* ----- .index .category ----- */

  /* .index .category {
    padding: 40px 0px; } */
    .index .category.product-list {
      margin-top: 3%; }

    .index .category .title {
      font-size: 28px;
      color: #000000;
      margin-bottom: 15px;
      font-weight: 500; }
    .index .category .card-promo{
      position: relative !important;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
              flex-direction: column;
      min-width: 0;
      word-wrap: break-word;
      background-color: #fff;
      background-clip: border-box;
      border: 1px solid rgba(0,0,0,.125);
      border-radius: 0.25rem;
      -webkit-border-radius: 0.25rem;
      -moz-border-radius: 0.25rem;
      -ms-border-radius: 0.25rem;
      -o-border-radius: 0.25rem;
      -webkit-box-shadow: 0 0 6px rgba(0,0,0,.12), 0 0 6px rgba(0,0,0,.06);
         -moz-box-shadow: 0 0 6px rgba(0,0,0,.12), 0 0 6px rgba(0,0,0,.06);
              box-shadow: 0 0 6px rgba(0,0,0,.12), 0 0 6px rgba(0,0,0,.06); }

      .index .category .card-promo:hover{
        -webkit-transform: scale(1.05);
           -moz-transform: scale(1.05);
            -ms-transform: scale(1.05);
             -o-transform: scale(1.05);
                transform: scale(1.05);
        -webkit-box-shadow: 0 0px 8px rgba(0,0,0,.12), 0 0px 8px rgba(0,0,0,.06);
           -moz-box-shadow: 0 0px 8px rgba(0,0,0,.12), 0 0px 8px rgba(0,0,0,.06);
                box-shadow: 0 0px 8px rgba(0,0,0,.12), 0 0px 8px rgba(0,0,0,.06);
      }

    .index .category .card-promo .card-img-top {
      width: 100%;
      -moz-border-radius-topleft: -moz-calc(0.25rem - 1px);
           border-top-left-radius: calc(0.25rem - 1px);
      -moz-border-radius-topright: -moz-calc(0.25rem - 1px);
           border-top-right-radius: calc(0.25rem - 1px);
    }

    .index .category .card-promo .card-img-top .image .tag {
      position: absolute;
      top: -16px;
      right: 0;
      width: 40px;
      height: 45px; }

    .index .category .card-promo .card-body{
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      -webkit-flex: 1 1 auto;
         -moz-box-flex: 1;
              flex: 1 1 auto;
      padding: 1rem;
    }

    .index .category .card-promo .card-body .product_name{
      line-height: 20px;
    }


    .index .category .card-promo .card-footer{
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify !important;
      -webkit-justify-content: space-between !important;
         -moz-box-pack: justify !important;
          -ms-flex-pack: justify !important;
              justify-content: space-between !important;
      padding: 1rem;
      background-color : transparent;
      border-top: unset;
    }

    .index .category .dropdown_index {
      width: 360px; }
    .index .category .category_group {
      margin-top: 20px; }
  .index #product_modal .modal-dialog .modal-content .modal-body {
    position: relative; }
    .index #product_modal .modal-dialog .modal-content .modal-body .modal_close {
      position: absolute;
      top: 6px;
      right: 7px;
      font-size: 20px;
      color: #961a30; }
    .index #product_modal .modal-dialog .modal-content .modal-body .product_modal {
      padding: 28px 18px; }
      .index #product_modal .modal-dialog .modal-content .modal-body .product_modal .intro .image {
        width: 160px;
        height: 160px;
        background-color: #d8d8d8;
        float: left; }
      .index #product_modal .modal-dialog .modal-content .modal-body .product_modal .intro .text {
        width: -moz-calc(100% - 160px);
        width: calc(100% - 160px);
        float: left;
        padding-left: 20px; }
        .index #product_modal .modal-dialog .modal-content .modal-body .product_modal .intro .text .product_name {
          font-size: 18px; }
        .index #product_modal .modal-dialog .modal-content .modal-body .product_modal .intro .text .product_price {
          padding: 4px 0;
          border-top: 1px solid #f0f0f0;
          border-bottom: 1px solid #f0f0f0; }
          .index #product_modal .modal-dialog .modal-content .modal-body .product_modal .intro .text .product_price .normal_price {
            font-size: 14px; }
          .index #product_modal .modal-dialog .modal-content .modal-body .product_modal .intro .text .product_price .retail_price {
            font-size: 12px;
            color: #939393; }
          .index #product_modal .modal-dialog .modal-content .modal-body .product_modal .intro .text .product_price .cash_price {
            font-size: 20px;
            color: #961a30; }
          .index #product_modal .modal-dialog .modal-content .modal-body .product_modal .intro .text .product_price .discount {
            font-size: 12px;
            color: #961a30; }
        .index #product_modal .modal-dialog .modal-content .modal-body .product_modal .intro .text .product_credit {
          padding-top: 4px;
          padding-right: 10px;
          font-size: 14px; }
      .index #product_modal .modal-dialog .modal-content .modal-body .product_modal .desc {
        padding: 10px 0; }
      .index #product_modal .modal-dialog .modal-content .modal-body .product_modal .buying_tools {
        padding: 0 80px; }
        .index #product_modal .modal-dialog .modal-content .modal-body .product_modal .buying_tools .fa-exclamation-circle {
          color: #c1bebe; }

#login {
  float: left;
  width: 100%;
  background-color: #fbf8f1;
  min-height: 100vh; }
  #login .body {
    width: 370px;
    margin: 0 auto;
    padding: 10vh 0; }
    #login .body .login_logo {
      width: 100%;
      height: 300px; }
    #login .body .login_form_group {
      margin-bottom: 50px;
      position: relative; }
      #login .body .login_form_group .input_login {
        width: 100%;
        border: 0;
        border-bottom: 1px solid #f0f0f0;
        padding: 6px 5px;
        font-size: 20px;
        background-color: inherit; }
        #login .body .login_form_group .input_login:focus + .underline_login_focus {
          width: 100%; }
      #login .body .login_form_group .underline_login_focus {
        width: 0;
        height: 1px;
        border-bottom: 1px solid #d3c9c9;
        position: absolute;
        bottom: 0;
        left: 0;
        -webkit-box-shadow: 2px 2px 5px 0 rgba(214, 214, 214, 0.5);
        -moz-box-shadow: 2px 2px 5px 0 rgba(214, 214, 214, 0.5);
        box-shadow: 2px 2px 5px 0 rgba(214, 214, 214, 0.5);
        -webkit-transition: width .5s ease-in;
        -o-transition: width .5s ease-in;
        -moz-transition: width .5s ease-in;
        transition: width .5s ease-in; }
      #login .body .login_form_group .alert_field {
        display: none;
        width: 300px;
        background-color: white;
        padding: 10px;
        position: absolute;
        left: 430px;
        top: 0;
        -webkit-box-shadow: 2px 2px 5px 0 rgba(214, 214, 214, 0.5);
        -moz-box-shadow: 2px 2px 5px 0 rgba(214, 214, 214, 0.5);
        box-shadow: 2px 2px 5px 0 rgba(214, 214, 214, 0.5); }
      #login .body .login_form_group .fa-caret-left {
        color: #961a30;
        display: none;
        position: absolute;
        right: -45px;
        top: 13px;
        font-size: 18px; }

.recommend_image {
  width: 100%;
  float: left;
  height: 600px; }
.recommend .body {
  /* padding: 60px 0;  */
}
  .recommend .body .dropdown_recommend {
    width: 360px; }
  .recommend .body .recommend_product_box {
    margin-top: 40px; }

.history_all .body {
  padding: 30px 0; }
  .history_all .body .tools_bar .history_search {
    width: 350px; }
  .history_all .body .tools_bar .history_datepicker {
    width: 190px;
    margin-left: 15px; }
  .history_all .body .history_margin {
    margin-top: 40px; }
  .history_all .body .pagination {
    margin-top: 35px;
    width: 100%;
    float: left;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -moz-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
    .history_all .body .pagination li {
      cursor: pointer;
      width: 35px;
      height: 35px;
      font-size: 14px;
      display: inline-block;
      margin: 0 10px;
      display: -webkit-box !important;
      display: -webkit-flex !important;
      display: -moz-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-pack: center !important;
      -webkit-justify-content: center !important;
      -moz-box-pack: center !important;
      -ms-flex-pack: center !important;
      justify-content: center !important;
      -webkit-box-align: center !important;
      -webkit-align-items: center !important;
      -moz-box-align: center !important;
      -ms-flex-align: center !important;
      align-items: center !important; }
      .history_all .body .pagination li:hover {
        background-color: #961a30;
        color: white; }
        .history_all .body .pagination li:hover .fa {
          color: white;
          text-decoration: none; }
      .history_all .body .pagination li a {
        width: 100%;
        height: 100%;
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-pack: center !important;
        -webkit-justify-content: center !important;
        -moz-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -moz-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important; }
     .history_all .body .history_datepicker .square_search input{
       padding: 0 15px 0 30px !important;
       font-size: 16px !important;
       background-color: transparent !important;
       color: #000000 !important;}
      .history_all .body .history_datepicker .square_search .fa{
        top: 28%;
        left: 0;
        color: #000000;}
      .search-button-date .btn{
        background-color: #D8163B;
        color: #fff;
      }

.my_cart {
  padding: 30px 0; }
  .my_cart .sub-title {
    font-size: 14px; }
  .my_cart .cart_sub {
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f0f0; }
  .my_cart .body {
    margin-top: 15px; }
    .my_cart .body_box {
      padding: 17px 30px;
      background-color: white;
      -webkit-box-shadow: 2px 2px 5px 0 rgba(214, 214, 214, 0.5);
      -moz-box-shadow: 2px 2px 5px 0 rgba(214, 214, 214, 0.5);
      box-shadow: 2px 2px 5px 0 rgba(214, 214, 214, 0.5); }
    .my_cart .body .customer_name {
      margin-bottom: 15px;
      min-height: 150px; }
      .my_cart .body .customer_name .search_box {
        margin-right: 15px;
        position: relative; }
        .my_cart .body .customer_name .search_box input {
          padding: 0 35px;
          width: 370px;
          height: 30px;
          border: solid 1px #dadada; }
        .my_cart .body .customer_name .search_box .fa {
          position: absolute;
          left: 10px;
          top: 6px;
          color: #dadada; }
      .my_cart .body .customer_name .shop_name_text {
        max-width: 300px;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        display: inline-block;
        vertical-align: middle;
        overflow: hidden; }
      .my_cart .body .customer_name .note_text {
        position: relative; }
        .my_cart .body .customer_name .note_text:hover .note_text_hover {
          display: block; }
        .my_cart .body .customer_name .note_text .note_text_hover {
          display: none;
          z-index: 10;
          top: 30px;
          right: 0;
          position: absolute;
          width: 430px;
          padding: 15px;
          background-color: #ffffff;
          -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
          -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }
    .my_cart .body .payment {
      position: relative;
      margin-bottom: 15px; }
      .my_cart .body .payment .payment_select {
        margin: 20px 0 0; }
        .my_cart .body .payment .payment_select_box {
          margin-right: 50px; }
      .my_cart .body .payment .icon_money {
        position: absolute;
        top: 17px;
        font-size: 40px;
        right: 30px;
        color: #961a30; }
    .my_cart .body .address_select {
      padding: 17px 0px;
      margin-bottom: 15px;
      background-color: inherit; }
      .my_cart .body .address_select_box {
        padding: 17px 30px;
        width: -moz-calc((100%/3) - 10px);
        width: calc((100%/3) - 10px);
        -webkit-box-shadow: 2px 2px 5px 0 rgba(214, 214, 214, 0.5);
        -moz-box-shadow: 2px 2px 5px 0 rgba(214, 214, 214, 0.5);
        box-shadow: 2px 2px 5px 0 rgba(214, 214, 214, 0.5);
        float: left;
        margin-right: 15px;
        background-color: white; }
        .my_cart .body .address_select_box:nth-child(3n+3) {
          margin-right: 0; }
        .my_cart .body .address_select_box .address_select_desc {
          width: 250px;
          float: right;
          margin-left: 15px; }
      .my_cart .body .address_select .add_more_address {
        font-size: 14px; }
    .my_cart .body .note {
      margin-bottom: 15px; }
    .my_cart .body .order_result .result_table {
      margin-top: 15px; }
      .my_cart .body .order_result .result_table thead {
        border-top: 1px solid #f0f0f0;
        border-bottom: 1px solid #f0f0f0; }
        .my_cart .body .order_result .result_table thead tr th {
          padding: 5px 0;
          text-align: center; }
        .my_cart .body .order_result .result_table thead tr .cart_amount {
          width: 20%; }
        .my_cart .body .order_result .result_table thead tr:first-child {
          width: 150px; }
      .my_cart .body .order_result .result_table tbody tr {
        border-bottom: 1px solid #f0f0f0; }
        .my_cart .body .order_result .result_table tbody tr td {
          padding: 10px 0; }
          .my_cart .body .order_result .result_table tbody tr td:first-child {
            width: 70%; }
        .my_cart .body .order_result .result_table tbody tr:last-child {
          border-bottom: 0; }
        .my_cart .body .order_result .result_table tbody tr .cart_input {
          width: 150px;
          margin: 0 auto; }
          .my_cart .body .order_result .result_table tbody tr .cart_input .input_number {
            width: 83px; }
        .my_cart .body .order_result .result_table tbody tr .amount_cover {
          width: 58px;
          padding: 5px 0;
          background-color: #f4f4f4; }
        .my_cart .body .order_result .result_table tbody tr .discount {
          padding-left: 12px; }
        .my_cart .body .order_result .result_table tbody tr .delete {
          width: 35px; }
        .my_cart .body .order_result .result_table tbody tr .btn_mobile {
          display: none !important; }

.cart_success {
  padding-top: 100px;
  height: 100%;
  background-color: white; }
  .cart_success .title {
    font-size: 48px; }
    .cart_success .title .fa {
      color: #bfed8c; }
  .cart_success .success_image {
    width: 500px;
    height: 300px; }

.setting_account .body {
  padding: 30px 0;
  background-color: #ffffff;
  -webkit-box-shadow: 2px 2px 5px 0 rgba(214, 214, 214, 0.5);
  -moz-box-shadow: 2px 2px 5px 0 rgba(214, 214, 214, 0.5);
  box-shadow: 2px 2px 5px 0 rgba(214, 214, 214, 0.5); }
.setting_account .body_container .body .profile_img {
  position: relative;
  width: 128px;
  height: 128px;
  margin-top: 0;
  background-color: grey; }
  .setting_account .body .main_form {
    width: 50%;
    margin: 0 auto; }
  .setting_account .main_form_group .title  {
    color: #D8163B !important;}
  .setting_account .title_account {
    font-size: 17px;
    font-weight: bold;}
  .setting_account .main_form_group .input_underline {
    border-bottom: 1px solid #000000b3 !important;
    width: 95% !important;
    color: #000; }
  .setting_account .main_form_group .disable_line{
    border-bottom: 1px solid #7171715c !important;
    width: 95% !important;
    color: #838383 !important; }
  /* .setting_account .form_group_bottom{
    margin-top: -35px !important; } */
  .setting_account .small-text{
    letter-spacing: normal;
    font-size: 14px;
    font-weight: normal; }
  .setting_account .btn-m {
    height: 42px !important;
    width: 100% !important;
    background-color: #D8163B !important;
    -moz-border-radius: 6px !important;
         border-radius: 6px !important;
    -webkit-box-shadow: 0.5px 0.5px 3px #808080cc !important;
       -moz-box-shadow: 0.5px 0.5px 3px #808080cc !important;
            box-shadow: 0.5px 0.5px 3px #808080cc !important; }
  .btn-text-edit {
    background-color: transparent !important;
    color: #000000;
    position: absolute;
    border: none; }
  .title_header_account{
    color: #fff;
    font-size: 22px;}

.user_profile .body .form_recommend {
  padding: 40px;
  background-color: white;
  margin-top: 20px;
  -webkit-box-shadow: 2px 2px 5px 0 rgba(214, 214, 214, 0.5);
  -moz-box-shadow: 2px 2px 5px 0 rgba(214, 214, 214, 0.5);
  box-shadow: 2px 2px 5px 0 rgba(214, 214, 214, 0.5); }
/* .user_profile{
  background-color: white !important; } */
.user_profile .add_more {
  color: #D8163B; }
.user_profile .body .form_bg {
  padding: 40px 0;
  background-color: transparent;
  margin-top: 20px;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none; }
.user_profile .body .personal_detail {
  margin-bottom: 30px; }
.user_profile #account-addresses{
  background-color: white;
  padding: 40px 100px; }
.user_profile .padding-detail{
  margin-left: 12%;
  width: 66%; }
.user_profile .shop_detail_card{
  width: 100% !important;}
.user_profile .body .shop_detail {
  margin-bottom: 30px;
  background-color: #fff; }
.user_profile .body .add_address .add_address_cover {
  position: relative;
  background-color: white;
  margin-top: 15px; }
  .user_profile .body .add_address .add_address_cover .add_address_delete {
    font-size: 20px;
    position: absolute;
    right: 15px;
    top: 15px; }
.user_profile .body .user_profile_container {
  width: 100%;
  background-color: #fff;
  margin: 0 auto; }
.user_profile .body .pickup_address {
  background-color: white; }
  .user_profile .body .pickup_address .user_profile_container {
    padding: 0; }
.user_profile .body .main_form .profile_img {
  position: relative;
  width: 128px;
  height: 128px;
  background-color: grey; }
  .user_profile .body .main_form .profile_img:hover .profile_img_cover {
    opacity: 0.3; }
  .user_profile .body .main_form .profile_img:hover .fa {
    opacity: 1; }
  .user_profile .body .main_form .profile_img .fa {
    color: white;
    opacity: 0;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    transition: all .3s ease-in; }
  .user_profile .body .main_form .profile_img_cover {
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    transition: all .3s ease-in;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0; }
  .user_profile .main_form_group .title  {
    color: #D8163B !important;}
  .user_profile .main_form_group .sub-title  {
    color: #D8163B !important;}
  .user_profile .main_form_group .input_underline {
    border-bottom: 1px solid #000000b3 !important;
    width: 95% !important;
    color: #000; }
  .user_profile .main_form_group .disable_line{
    border-bottom: 1px solid #7171715c !important;
    width: 95% !important;
    color: #838383 !important; }
  .user_profile .btn-m {
    height: 35px !important;
    width: 91% !important;
    background-color: #D8163B !important;
    -moz-border-radius: 6px !important;
         border-radius: 6px !important;
    -webkit-box-shadow: 0.5px 0.5px 3px #808080cc !important;
       -moz-box-shadow: 0.5px 0.5px 3px #808080cc !important;
            box-shadow: 0.5px 0.5px 3px #808080cc !important; }
  .user_profile .address-card{
    -webkit-box-shadow: 1px 1px 11px #bdbaba94 !important;
       -moz-box-shadow: 1px 1px 11px #bdbaba94 !important;
            box-shadow: 1px 1px 11px #bdbaba94 !important;
    -moz-border-radius: 4px !important;
         border-radius: 4px !important;
    background-color: #fff !important;
    padding: 10px 15px !important; }
.user_profile .body #form_show_pickup {
  color: #464646; }

.new_order {
  background-color: #fbf8f1; }
  .new_order input[type=number]::-webkit-inner-spin-button,
  .new_order input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; }
  .new_order .body_container {
    padding: 0px 15px; }
  .new_order .product_order {
    width: 50%;
    padding: 30px 0; }
    .new_order .product_order .date_for_ipad {
      display: none; }
    .new_order .product_order .order_pad {
      padding: 0 25px; }
    .new_order .product_order .order_nav {
      margin: 20px 0 30px; }
      .new_order .product_order .order_nav .nav_item {
        width: 50%;
        color: #961a30;
        border: 1px solid #961a30; }
        .new_order .product_order .order_nav .nav_item:first-child {
          border-right: none; }
        .new_order .product_order .order_nav .nav_item .nav-link {
          width: 100%; }
        .new_order .product_order .order_nav .nav_item .active {
          color: white;
          background-color: #961a30; }
    .new_order .product_order .tab-content {
      margin-top: 30px;
      float: left; }
      .new_order .product_order .tab-content .order_group {
        padding: 12px 25px;
        border-left: 2px solid #fbf8f1;
        border-right: 2px solid #fbf8f1;
        border-top: 2px solid #fbf8f1;
        border-bottom: 2px solid #f0f0f0; }
        .new_order .product_order .tab-content .order_group:hover {
          border: 2px solid #961a30;
          background-color: white; }
        .new_order .product_order .tab-content .order_group:hover .product_group .product_list .product_name {
          white-space: normal;
          -o-text-overflow: inherit;
          text-overflow: inherit;
          overflow: inherit; }
        .new_order .product_order .tab-content .order_group .header {
          margin-bottom: 8px; }
        .new_order .product_order .tab-content .order_group .product_group .product_list .product_id {
          width: 130px;
          float: left; }
        .new_order .product_order .tab-content .order_group .product_group .product_list .product_name {
          width: 44%;
          float: left;
          white-space: nowrap;
          -o-text-overflow: ellipsis;
          text-overflow: ellipsis;
          display: inline-block;
          vertical-align: middle;
          overflow: hidden;
          margin-right: 15px; }
          .new_order .product_order .tab-content .order_group .product_group .product_list .product_name:before {
            content: attr(name);
            margin-right: 5px; }
        .new_order .product_order .tab-content .order_group .product_group .product_list .amount {
          width: 35px;
          text-align: right;
          vertical-align: top; }
        .new_order .product_order .tab-content .order_group .product_group .product_list .status-icon {
          line-height: 1.4;
          vertical-align: top; }
        .new_order .product_order .tab-content .order_group .product_group .product_list .product_price {
          float: right; }
        .new_order .product_order .tab-content .order_group .product_group .product_list .fa-remove {
          color: #961a30; }
        .new_order .product_order .tab-content .order_group .product_group .product_list .fa-check {
          color: #5c8431; }
      .new_order .product_order .tab-content .select_active {
        background-color: white;
        border-right: 2px solid white; }
    .new_order .product_order .tab-scroll {
      height: 70vh;
      overflow-y: scroll; }
    .new_order .product_order .tab-scroll::-webkit-scrollbar {
      width: 10px;
      background-color: #fbf8f1; }
    .new_order .product_order .tab-scroll::-webkit-scrollbar-thumb {
      background-color: #790e21;
      height: 10px;
      cursor: pointer; }
    .new_order .product_order .tab-scroll::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      background-color: #fbf8f1; }
  .new_order .result_order {
    width: 50%;
    background-color: white;
    padding: 30px 25px; }
    .new_order .result_order .result_list {
      margin-top: 20px; }
      .new_order .result_order .result_list .header {
        margin-bottom: 20px; }
      .new_order .result_order .result_list .product_result_group {
        margin-bottom: 7px; }
        .new_order .result_order .result_list .product_result_group .result_item {
          margin-bottom: 6px; }
          .new_order .result_order .result_list .product_result_group .result_item .name {
            width: 60%;
            margin-right: 15px;
            text-indent: -6px;
            padding-left: 13.5px; }
          .new_order .result_order .result_list .product_result_group .result_item .amount {
            width: 100px;
            position: relative; }
            .new_order .result_order .result_list .product_result_group .result_item .amount_box {
              width: 64px;
              height: 30px;
              border: solid 1px #979797; }
          .new_order .result_order .result_list .product_result_group .result_item .barcode {
            width: 190px; }
            .new_order .result_order .result_list .product_result_group .result_item .barcode_box {
              width: 146px;
              height: 30px;
              padding: 0 10px; }
              .new_order .result_order .result_list .product_result_group .result_item .barcode_box input {
                padding: 0 10px;
                height: 35px; }
          .new_order .result_order .result_list .product_result_group .result_item .fa-check {
            /* display: none;*/
            margin-left: 10px;
            color: #5c8431; }
      .new_order .result_order .result_list .result_btn {
        margin-top: 30px; }
    .new_order .result_order .btn_popup_cover {
      position: relative; }
      .new_order .result_order .btn_popup_cover .btn_popup {
        position: absolute;
        right: 0;
        top: 0; }
    .new_order .result_order #result_order {
      position: relative; }
      .new_order .result_order #result_order .back-to-paget {
        position: absolute;
        right: 0;
        top: 0; }
    .new_order .result_order #succeed_order_result {
      position: relative;
      display: none; }
      .new_order .result_order #succeed_order_result .print_box {
        position: absolute;
        right: 0;
        top: 0; }
        .new_order .result_order #succeed_order_result .print_box .fa-print {
          margin-left: 28px;
          font-size: 36px;
          color: #dadada; }

.stock {
  padding-top: 60px; }
  .stock .tools_bar {
    height: 40px; }
    .stock .tools_bar .dropdown_sorting {
      width: 245px;
      float: left; }
    .stock .tools_bar .search_tab .stock_search {
      margin-left: 16px;
      float: left;
      width: 350px; }
  .stock .stock_table {
    /* max-height: 500px;*/
    /* overflow-y: scroll;*/ }
    .stock .stock_table .kri-table {
      float: left; }
      .stock .stock_table .kri-table thead {
        background-color: #961a30; }
        .stock .stock_table .kri-table thead tr {
          color: white;
          height: 40px;
          font-size: 14px;
          padding-right: 10px; }
          .stock .stock_table .kri-table thead tr th {
            text-align: center;
            float: left; }
      .stock .stock_table .kri-table tbody {
        background-color: white; }
        .stock .stock_table .kri-table tbody tr {
          font-size: 18px;
          text-align: center;
          width: 100%;
          float: left; }
          .stock .stock_table .kri-table tbody tr td {
            padding: 0 12px;
            height: 45px;
            border-right: 1px solid #f0f0f0; }
            .stock .stock_table .kri-table tbody tr td:last-child {
              color: white;
              border-right: 0; }
      .stock .stock_table .kri-table .box_product_id {
        width: 12.333333%; }
      .stock .stock_table .kri-table .box_item {
        width: 29.333333%; }
  .stock .footer_table {
    padding: 0 30px;
    height: 70px;
    background-color: #ffffff;
    border-top: 1px solid #f0f0f0; }
    .stock .footer_table .cover {
      width: 300px; }
      .stock .footer_table .cover .desc {
        font-size: 18px; }
        .stock .footer_table .cover .desc .exam {
          width: 17px;
          height: 17px;
          -moz-border-radius: 4px;
          border-radius: 4px; }
  .stock .max {
    background-color: #417505; }
  .stock .rop {
    background-color: #f8b11c; }
  .stock .critical {
    background-color: #d0021b; }

.order_product .product_order .tab-content .order_group {
  font-size: 14px; }
  .order_product .product_order .tab-content .order_group .product_group .product_list .product_name {
    width: 42%; }
  .order_product .product_order .tab-content .order_group .product_group .product_list .product_id {
    width: 13%; }
  .order_product .product_order .tab-content .order_group .product_group .product_list .checking {
    margin-left: 10px;
    width: 4%;
    color: #5c8431; }
  .order_product .product_order .tab-content .order_group .product_group .product_list .product_price {
    width: 8%; }
  .order_product .product_order .tab-content .order_group .product_group .product_list .status {
    width: 10%; }

.output_stock {
  background-color: #fbf8f1; }
  .output_stock .body .output_result {
    margin-top: 25px; }
    .output_stock .body .output_result .title {
      margin-bottom: 10px; }
    .output_stock .body .output_result .result_item .output_input-style {
      background-color: inherit;
      border: 1px solid #979797; }
    .output_stock .body .output_result .result_item .product_id {
      width: 40%; }
      .output_stock .body .output_result .result_item .product_id .id {
        height: 30px;
        width: 215px; }
      .output_stock .body .output_result .result_item .product_id .name {
        margin-left: 30px; }
        .output_stock .body .output_result .result_item .product_id .name:before {
          content: attr(name);
          margin-right: 5px; }
    .output_stock .body .output_result .result_item .amount {
      width: 75px; }
      .output_stock .body .output_result .result_item .amount .number {
        width: 75px;
        height: 30px; }
    .output_stock .body .output_result .result_item .note {
      width: 330px; }
      .output_stock .body .output_result .result_item .note .output_dropdown {
        width: 330px;
        height: 30px;
        padding: 0 12px;
        font-size: 12px;
        color: #cdcdcd; }
        .output_stock .body .output_result .result_item .note .output_dropdown .fa {
          color: black; }

.order_shipping .product_order .tab-content {
  overflow-y: none;
  height: auto;
  margin-top: 0; }
  .order_shipping .product_order .tab-content .shipping_new {
    padding: 0 25px; }
    .order_shipping .product_order .tab-content .shipping_new .header {
      color: white;
      height: 32px;
      background-color: #961a30; }
    .order_shipping .product_order .tab-content .shipping_new .desc_group {
      display: none;
      background-color: white;
      overflow-y: auto;
      height: 50vh; }
      .order_shipping .product_order .tab-content .shipping_new .desc_group .desc_item {
        padding: 10px;
        border-bottom: 1px solid #f0f0f0; }
        .order_shipping .product_order .tab-content .shipping_new .desc_group .desc_item:hover {
          border: 2px solid #961a30;
          padding: 8px 8px 9px 8px; }
        .order_shipping .product_order .tab-content .shipping_new .desc_group .desc_item .shop_name:before {
          content: attr(name);
          margin-right: 5px; }
        .order_shipping .product_order .tab-content .shipping_new .desc_group .desc_item .product_list {
          padding: 5px 0 5px 15px;
          /* .product_item{*/
          /*   &:before{*/
          /*     content: '-';*/
          /*     margin-right: 3px;*/
          /*   }*/
          /*   .amount{*/
          /*     color: #f6a623;*/
          /*     &:before{*/
          /*       content: 'x';*/
          /*       margin: 0 5px;*/
          /*       color: black;*/
          /*     }*/
          /*   }*/
          /* }*/
          /* .payment{*/
          /*   color: $main-theme-color;*/
          /* }*/
          /* .location{*/
          /*   color: $main-theme-color;*/
          /*   text-align: right;*/
          /*   font-weight: 500;*/
          /* }*/ }
    .order_shipping .product_order .tab-content .shipping_new .desc_group::-webkit-scrollbar {
      width: 10px;
      background-color: #F5F5F5; }
    .order_shipping .product_order .tab-content .shipping_new .desc_group::-webkit-scrollbar-thumb {
      background-color: #961a30; }
    .order_shipping .product_order .tab-content .shipping_new .desc_group::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      background-color: #F5F5F5; }
  .order_shipping .product_order .tab-content .shipping_success_cover .tools_bar .shipping_success_searching {
    width: 60%;
    float: left; }
  .order_shipping .product_order .tab-content .shipping_success_cover .tools_bar .shipping_success_datetime {
    width: 30%;
    float: left; }
  .order_shipping .product_order .tab-content .shipping_success_cover .shipping_success_result {
    margin-top: 15px; }
.order_shipping #confirm_shipping #result_order_cover {
  display: block; }

.shipping_success .shipping_success_cover .body {
  padding: 20px;
  background-color: #ffffff;
  -webkit-box-shadow: 2px 2px 5px 0 rgba(214, 214, 214, 0.5);
  -moz-box-shadow: 2px 2px 5px 0 rgba(214, 214, 214, 0.5);
  box-shadow: 2px 2px 5px 0 rgba(214, 214, 214, 0.5);
  background-color: white; }
  .shipping_success .shipping_success_cover .body .tools_bar {
    margin-bottom: 15px; }
    .shipping_success .shipping_success_cover .body .tools_bar .shipping_search {
      width: 40%;
      float: left; }
    .shipping_success .shipping_success_cover .body .tools_bar .shipping_date_picker {
      margin-left: 15px;
      width: 25%;
      float: left; }
  .shipping_success .shipping_success_cover .body .shipping_desc .desc_group {
    padding: 15px 0;
    border-bottom: 1px solid #f0f0f0; }

.deliver-setting {
  padding: 30px 45px; }
  .deliver-setting .body {
    padding: 20px;
    background-color: #ffffff;
    -webkit-box-shadow: 2px 2px 5px 0 rgba(214, 214, 214, 0.5);
    -moz-box-shadow: 2px 2px 5px 0 rgba(214, 214, 214, 0.5);
    box-shadow: 2px 2px 5px 0 rgba(214, 214, 214, 0.5);
    background-color: white; }
    .deliver-setting .body .setting_form {
      width: 50%;
      margin: 0 auto; }

.permission .tools_bar {
  text-align: right; }
  .permission .tools_bar .permit_search {
    width: 350px; }
  .permission .tools_bar .permit_datepicker {
    width: 190px; }
.permission .body {
  margin-top: 40px; }
  .permission .body .permit_nav_item {
    width: 50%;
    float: left;
    height: 50px;
    background-color: white;
    font-size: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .permission .body .permit_nav .active {
    background-color: #961a30;
    color: white; }
  .permission .body .tab-content .permit_waiting {
    background-color: white;
    padding: 0 10px; }
  .permission .body .tab-content .status_info {
    padding: 20px 10px;
    background-color: #fbf8f1;
    font-size: 18px; }
  .permission .body .tab-content .permit_table {
    padding: 0 5px; }
    .permission .body .tab-content .permit_table thead {
      border-top: 1px solid #f0f0f0;
      border-bottom: 1px solid #f0f0f0; }
      .permission .body .tab-content .permit_table thead tr th {
        padding: 7px 0; }
      .permission .body .tab-content .permit_table thead tr .bill {
        width: 60px; }
      .permission .body .tab-content .permit_table thead tr .status {
        width: 80px; }
      .permission .body .tab-content .permit_table thead tr .download {
        width: 90px; }
    .permission .body .tab-content .permit_table tbody tr {
      border-bottom: 1px solid #f0f0f0; }
      .permission .body .tab-content .permit_table tbody tr:last-child {
        border-bottom: 0; }
      .permission .body .tab-content .permit_table tbody tr td {
        vertical-align: top;
        padding: 10px 0;
        font-size: 18px; }
      .permission .body .tab-content .permit_table tbody tr .cencel_cover {
        width: 110px;
        height: 40px;
        border: 1px solid #961a30;
        color: #961a30;
        margin: 0 auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .permission .body .tab-content .permit_table tbody tr .cencel_cover:hover {
          background-color: #961a30;
          color: white; }
      .permission .body .tab-content .permit_table tbody tr .product_cover {
        padding: 0 15px;
        margin-bottom: 3px; }
        .permission .body .tab-content .permit_table tbody tr .product_cover .amount {
          color: #961a30; }
          .permission .body .tab-content .permit_table tbody tr .product_cover .amount:before {
            color: black;
            font-weight: normal;
            content: 'x';
            margin: 0 5px; }
        .permission .body .tab-content .permit_table tbody tr .product_cover .td_respon {
          display: none !important; }
      .permission .body .tab-content .permit_table tbody tr .download_cover {
        font-size: 23px;
        color: #dadada; }
    .permission .body .tab-content .permit_table tbody .tr_mobile {
      display: none !important; }
.permission .status_making {
  color: #f5a623; }
.permission .status_ready {
  color: #7cbcee; }
.permission .status_sending {
  color: #9debb2; }
.permission .status_cancel {
  color: #d0021b; }

.customer_edit .form_half {
  width: 45%; }

.customer_info .body .add_customer {
  position: absolute;
  top: 20%;
  right: 15px;
  width: 62px;
  height: 62px;
  border: 0;
  font-size: 40px;
  color: white;
  z-index: 20;
  cursor: pointer;
  border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #961a30;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }
.customer_info .body .control {
  position: relative;
  background-color: white;
  width: 365px;
  float: left;
  padding: 15px; }
  .customer_info .body .control .dropdown_square {
    margin-top: 15px; }
  .customer_info .body .control .customer_total {
    margin: 10px 0; }
  .customer_info .body .control .customer_list {
    margin: 15px 0;
    height: 100vh;
    overflow: hidden;
    overflow-y: auto; }
    .customer_info .body .control .customer_list .customer_item {
      position: relative;
      padding: 15px 0;
      border-bottom: 1px solid #f0f0f0; }
      .customer_info .body .control .customer_list .customer_item .image {
        float: left;
        width: 60px;
        height: 60px;
        background-color: #d8d8d8;
        -moz-border-radius: 50%;
        border-radius: 50%; }
      .customer_info .body .control .customer_list .customer_item .desc {
        float: left;
        width: 220px;
        line-height: 1.5;
        display: block;
        display: -webkit-box;
        max-height: 48px;
        margin: 0 auto;
        font-size: 16px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis; }
      .customer_info .body .control .customer_list .customer_item .status {
        position: absolute;
        top: 15px;
        right: 10px;
        width: 10px;
        height: 10px;
        border: 1px solid #961a30;
        -moz-border-radius: 50%;
        border-radius: 50%; }
      .customer_info .body .control .customer_list .customer_item .status_active {
        background-color: #961a30; }
.customer_info .body .customer_list::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5; }
.customer_info .body .customer_list::-webkit-scrollbar-thumb {
  background-color: #961a30; }
.customer_info .body .customer_list::-webkit-scrollbar-track {
  background-color: #F5F5F5; }
.customer_info .body .display {
  background-color: white;
  width: 740px;
  float: right;
  padding: 30px 60px; }
  .customer_info .body .display .bg_cover {
    width: 100%;
    height: 100vh;
    opacity: 0.5; }
  .customer_info .body .display_cover {
    position: relative;
    display: none; }
    .customer_info .body .display_cover .edit_tools {
      position: absolute;
      top: 0;
      right: 0; }
    .customer_info .body .display_cover .half_box {
      width: 50%;
      float: left; }
      .customer_info .body .display_cover .half_box .text_info {
        width: 175px;
        float: right; }
    .customer_info .body .display_cover .profile_img {
      background-color: #d8d8d8;
      width: 128px;
      height: 128px; }
    .customer_info .body .display_cover .text_title {
      width: 130px;
      font-weight: bold;
      color: #dadada;
      float: left; }
    .customer_info .body .display_cover .text_info {
      width: 485px;
      float: right; }
    .customer_info .body .display_cover .note_text {
      border: 1px solid #f0f0f0;
      padding: 10px 17px; }
.kri-button-profile{
  position: relative;
  top: 5.5%;
  left: 52%;
  z-index: 1;
}
/* responsive*/
/* mobile*/
@media (max-width: 767px) {

  .is-mobile {
    display: block !important; }
  .is-mobile-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .is-mobile-inline {
    display: inline-block !important; }
  .is-mobile-ipad {
    display: block !important; }
  .is-ipad {
    display: none !important; }
  .is-ipad-inline {
    display: none !important; }
  .is-desktop {
    display: none !important; }
  .is-desktop-ipad {
    display: none !important; }
  .is-only-desktop {
    display: none !important; }

  .main_form_group .sub_form {
    padding: 10px; }

  .kri-title-m {
    font-size: 18px; }

  /*------------------------ font  padding/margin -------------------------*/
  .font-1_5rem {
    font-size: 1.2rem; }

  .ml-5 {
    margin-left: 1.5rem !important; }

  .mt-4 {
    margin-top: 1.2rem !important; }

  /*--------------------------------- site -------------------------*/
  .main-bg {
    width: 100%;
    padding: 0 0 15px; }

  .body_container {
    width: 100%;
    padding: 0px 15px; }

  .header_style_second {
    height: 46px;
    background-color: #961a30; }
    .header_style_second .search_box .search_bar {
      position: relative; }
      .header_style_second .search_box .search_bar .search_input {
        width: 100%;
        height: 30px;
        border: 0;
        background-color: #790e21;
        color: white;
        padding: 0 10px 0 45px; }
      .header_style_second .search_box .search_bar .fa {
        font-size: 13px;
        position: absolute;
        top: 8px;
        left: 15px;
        color: #ffffff;
        opacity: 0.3; }

  /*-------------------------- search bar---------------------------*/
  .search_bar .fa {
    font-size: 1.2rem; }
  .search_bar .warning_badge {
    width: 17px;
    height: 17px;
    font-size: 10px;
    top: -7px; }

  #search_tab_hide .search_tab {
    height: 35px; }
  #search_tab_hide .search_icon {
    top: 6px; }

  /*-------------------------------------- history table --------------*/
  .history .title {
    font-size: 18px; }
  .history .history_group .history_item .history_header .date_time {
    font-size: 12px; }
  .history .history_group .history_item .history_header .fa {
    font-size: 12px; }
  .history .history_group .history_item .history_body .table_title {
    font-size: 12px; }
  .history .history_group .history_item .history_body .index_table thead th {
    font-size: 12px; }
  .history .history_group .history_item .history_body .index_table tbody td {
    font-size: 12px; }
    .history .history_group .history_item .history_body .index_table tbody td:first-child {
      display: none; }
  .history .history_group .history_item .history_body .index_table .amount {
    display: none;
    color: red; }
  .history .history_group .history_item .history_body .index_table .price {
    color: white; }
  .history .history_group .history_item .history_body .index_table .total {
    text-align: center !important; }
  .history .history_group .history_item .history_body .index_table .bastket {
    color: white; }
  .history .history_group .history_item .history_body .index_table .bastket_icon {
    font-size: 16px; }

  /*---------------------------------------- product box ------------------------------*/
  .category_box {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px; }
    .category_box .image .text_overlay {
      padding: 5px 7px; }
      .category_box .image .text_overlay .product_name {
        font-size: 12px; }
      .category_box .image .text_overlay .readmore {
        font-size: 12px; }
    .category_box .desc .cash_price .price {
      font-size: 14px; }

  /*-------------------------------------- mobile searching header --------------*/
  .mobile_product_searching {
    width: 100%;
    position: relative;
    padding: 0 15px;
    margin: 15px 0; }
    .mobile_product_searching input {
      padding: 0px 30px;
      width: 100%;
      height: 30px;
      background-color: #f1ecdf;
      border: 0; }
    .mobile_product_searching .fa {
      position: absolute;
      top: 6px;
      left: 25px;
      color: #d9d8d8; }

  /*--------------------------------- recommend product ------------------------------*/
  .promo_product .promo_image {
    height: 150px; }
    .promo_product .promo_image .text_cover {
      width: 70%;
      height: 70px;
      padding-top: 5px;
      padding-left: 15px; }
      .promo_product .promo_image .text_cover .title {
        font-size: 18px; }
      .promo_product .promo_image .text_cover .sub-title {
        font-size: 18px; }

  /* __________________________________________dropdown*/
  .dropdown_sorting .dropdown_btn {
    font-size: 14px;
    height: 35px; }

  .main-padding {
    padding: 15px; }

  /*---------------------- customize radio ------------------------*/
  .styled-radio {
    /* Box.*/
    /* Box hover*/
    /* Box focus*/
    /* Box checked*/
    /* Disabled state label.*/
    /* Disabled box.*/
    /* Checkmark. Could be replaced with an image*/ }
    .styled-radio:checked + label:after {
      top: 8px; }

  /*-------------------   custom input   ---------------------*/
  .kri-input .input_number {
    height: 20px;
    font-size: 14px; }
  .kri-input .input_btn {
    width: 30px;
    height: 20px;
    font-size: 10px; }

  .table_cover {
    max-height: 500px;
    overflow-y: scroll; }
  .cart_drawer{
    width: 100%;
  } }
/* tablet */
@media (min-width: 768px) and (max-width: 991px) {
  .is-mobile {
    display: none !important; }
  .is-mobile-flex {
    display: none !important; }
  .is-mobile-inline {
    display: none !important; }
  .is-mobile-ipad {
    display: block !important; }
  .is-ipad {
    display: block !important; }
  .is-ipad-inline {
    display: inline-block !important; }
  .is-desktop {
    display: block !important; }
  .is-desktop-ipad {
    display: block !important; }
  .is-only-desktop {
    display: none !important; }

  .main-bg {
    width: 68%;
    padding: 20px 25px; }

  .body_move {
    /* left: 230px;  */
    /* New */
    left: 0;

  }

  .body_container {
    width: 700px;
    margin: 0 auto;
    padding: 0px 10px; }

  .font-1_5rem {
    font-size: 1.2rem; }

  .search_bar .fa {
    font-size: 1.2rem; }
  .search_bar .warning_badge {
    width: 15px;
    height: 15px;
    font-size: 9px; }
  .search_bar .search_btn {
    margin-left: 1.5rem !important; }

  .main-factory {
    width: -moz-calc(100% - 230px);
    width: calc(100% - 230px); }

  /*-------------------------------------- history table --------------*/
  .history .title {
    font-size: 24px; }
  .history .history_group .history_item .history_header .date_time {
    font-size: 14px; }
  .history .history_group .history_item .history_body .table_title {
    font-size: 12px; }
  .history .history_group .history_item .history_body .index_table thead th {
    font-size: 14px;
    text-align: center !important; }
  .history .history_group .history_item .history_body .index_table tbody td {
    font-size: 12px; }

  /*---------------------------------------- product box ------------------------------*/
  .category_box {
    width: -moz-calc((100%/3) - 6.7px);
    width: calc((100%/3) - 6.7px);
    padding: 10px 7px; }
    .category_box:nth-child(3n+4) {
      margin-right: 0px; }
    .category_box .image .text_overlay {
      padding: 5px 10px; }
      .category_box .image .text_overlay .product_name {
        font-size: 12px; }
      .category_box .image .text_overlay .readmore {
        font-size: 12px; }

  /*--------------------------------- recommend product ------------------------------*/
  .promo_product .promo_image {
    height: 400px; }
    .promo_product .promo_image .text_cover {
      padding-top: 23px; }
      .promo_product .promo_image .text_cover .title {
        font-size: 60px; }

  /*---------------------- customize radio ------------------------*/
  .styled-radio {
    /* Box.*/
    /* Box hover*/
    /* Box focus*/
    /* Box checked*/
    /* Disabled state label.*/
    /* Disabled box.*/
    /* Checkmark. Could be replaced with an image*/ }
    .styled-radio:checked + label:after {
      top: 8px; }

  .cart_drawer{
    width: 50%;
  }}
/* 992px - 1199px*/
@media (min-width: 992px) and (max-width: 1199px) {
  .is-mobile {
    display: none !important; }
  .is-mobile-flex {
    display: none !important; }
  .is-mobile-inline {
    display: none !important; }
  .is-mobile-ipad {
    display: none !important; }
  .is-ipad {
    display: none !important; }
  .is-ipad-inline {
    display: none !important; }
  .is-desktop {
    display: block !important; }
  .is-desktop-ipad {
    display: block !important; }
  .is-only-desktop {
    display: none !important; }

  .main-bg {
    width: 75%;
    padding: 20px 25px; }

  .body_move {
    /* left: 245px;  */
    /* New */
    left: 0;
  }

  .body_container {
    width: 900px;
    margin: 0 auto;
    padding: 0px 15px; }

  .main-factory {
    width: -moz-calc(100% - 245px);
    width: calc(100% - 245px); }

  /*---------------------------------------- product box ------------------------------*/
  .category_box {
    padding: 10px 7px; }
    .category_box:nth-child(4n+1) {
      margin-right: 0px; }
    .category_box .image .text_overlay {
      padding: 5px 7px; }
      .category_box .image .text_overlay .product_name {
        font-size: 12px; }
      .category_box .image .text_overlay .readmore {
        font-size: 12px; }
    .category_box .desc .cash_price .price {
      font-size: 14px; }

  /*---------------------- customize radio ------------------------*/
  .styled-radio {
    /* Box.*/
    /* Box hover*/
    /* Box focus*/
    /* Box checked*/
    /* Disabled state label.*/
    /* Disabled box.*/
    /* Checkmark. Could be replaced with an image*/ }
    .styled-radio:checked + label:after {
      top: 8px; }

  .cart_drawer{
    width: 50%;
  }}
/* 1200px - 1399px*/
@media (min-width: 1200px) and (max-width: 1439px) {
  .is-mobile {
    display: none !important; }
  .is-mobile-flex {
    display: none !important; }
  .is-mobile-inline {
    display: none !important; }
  .is-mobile-ipad {
    display: none !important; }
  .is-ipad {
    display: none !important; }
  .is-ipad-inline {
    display: none !important; }
  .is-desktop {
    display: block !important; }
  .is-desktop-ipad {
    display: block !important; }
  .is-only-desktop {
    display: block !important; }

  .kri-input .input_number {
    width: 55%; }

  /*--------------------------------- site -------------------------*/
  .main-bg {
    float: left;
    width: 80%;
    background-color: #fbf8f1;
    min-height: 100vh;
    padding: 30px; }


  .body_move {
    /* left: 255px;  */
    /* New */
    left: 0;

  }

  .main_menu {
    width: 255px; }
  .main_menu .menu_customer {
    width: 255px; }

  .body_container {
    width: 1000px;
    padding: 0px 15px; }

  /*---------------------------------------- product box ------------------------------*/
  .category_box:nth-child(4n+1) {
    margin-right: 0px; }

  /*---------------------- customize radio ------------------------*/
  .styled-radio {
    /* Box.*/
    /* Box hover*/
    /* Box focus*/
    /* Box checked*/
    /* Disabled state label.*/
    /* Disabled box.*/
    /* Checkmark. Could be replaced with an image*/ }
    .styled-radio:checked + label:after {
      top: 8px; }
  .cart_drawer{
    width: 30%;
  }}
@media (min-width: 1440px) {
  .is-mobile {
    display: none !important; }
  .is-mobile-flex {
    display: none !important; }
  .is-mobile-inline {
    display: none !important; }
  .is-mobile-ipad {
    display: none !important; }
  .is-ipad {
    display: none !important; }
  .is-ipad-inline {
    display: none !important; }
  .is-desktop {
    display: block !important; }
  .is-desktop-ipad {
    display: block !important; }
  .is-only-desktop {
    display: block !important; }

  /*---------------------------------------- product box ------------------------------*/
  .category_box:nth-child(4n+1) {
    margin-right: 0px; }
  .cart_drawer{
    width: 25%;
  }}
@media (max-width: 767px) {
  .kri-header {
    -webkit-box-pack: initial !important;
    -webkit-justify-content: initial !important;
    -moz-box-pack: initial !important;
    -ms-flex-pack: initial !important;
    justify-content: initial !important;
    height: 45px !important; }
    .kri-header #hamburger_desktop {
      display: none; }
    .kri-header .search_box {
      display: none; }
    .kri-header .logo_cover {
      margin-left: auto;
      margin-right: auto; }
      .kri-header .logo_cover .main_logo {
        margin-left: 0;
        width: 75px;
        height: 38px;
        margin-top: 5px !important; }
    .kri-header .cart_icon {
      border-right: 0;
      padding-right: 0; }
      .kri-header .cart_icon:first-child {
        padding-right: 15px;
        border-right: 1px solid #790e21; }
      .kri-header .cart_icon .fa {
        font-size: 15px; }
    .kri-header .menu_hamburger {
      width: 50px; }
    .kri-header .menu-group {
      /* width: 140px; */
      /* margin-left: auto !important; */
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -moz-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end; }

  .navber_mobile {
    background-color: #961a30;
    margin: 0 0 15px 0;
    padding: 9px 15px;
    border: 0; }
    .navber_mobile .nav_item {
      width: 31%;
      height: 30px;
      color: white;
      font-size: 12px;
      border: 1px solid white;
      -moz-border-radius: 15px;
      border-radius: 15px; }
      .navber_mobile .nav_item .nav-link {
        padding: 0; }

  .kri_mobile_menu {
    padding: 10px 15px; }
    .kri_mobile_menu_nav .nav-item .mobile_nav_item {
      font-size: 13px;
      color: #961a30;
      background-color: #fbf8f1;
      padding: 6px 10px;
      display: inline-block; }
    .kri_mobile_menu_nav .nav-item .active {
      color: white;
      background-color: #790e21; } }
@media (min-width: 768px) and (max-width: 991px) {
  .kri-header{
    /* new style */
    position: absolute;
    top: 0;
    z-index: 5;
    margin-top: 20px;
    /* margin: 20px; */
    width: 95%;
  }

  .col-5th{
    -webkit-box-flex: 0 0 33.33%;
    -webkit-flex: 0 0 33.33%;
    -ms-flex: 0 0 33.33%;
    -moz-box-flex: 0;
         flex: 0 0 33.33%;
    padding-right: 15px;
    padding-left: 15px;
  }

  .kri-header .text-menu {
    font-size: 14px; }
  .kri-header #hamburger_desktop {
    left: 45px; }
  .kri-header .logo_cover {
    margin-top: 0.3rem !important;
    margin-left: 0; }
    .kri-header .logo_cover .main_logo {
      -moz-background-size: 85%;
      -o-background-size: 85%;
      background-size: 85%; }
  .kri-header .search_box {
    left: 160px; }
    .kri-header .search_box .search_bar .search_input {
      width: 260px; }
  .kri-header .cart_icon .fa-shopping-basket {
    font-size: 18px; }
    .kri-header .cart_icon .fa-shopping-basket .badge-amount {
      width: 18px;
      height: 18px;
      font-size: 10px; }
  .kri-header .search_bar .search_input{
    width: 150px; }
  .kri-header .account_display .profile_img {
    width: 25px;
    height: 25px; }
  .kri-header .account_name .name {
    font-size: 12px; }

  .index .card{
    max-height: 300px;
    min-width: 450px;
    max-width: 650px;
    top: 73%;
    left: 50%;
  }
  .index .card .card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
       -moz-box-flex: 1;
            flex: 1 1 auto;
    padding: 1rem;
  }
  .index .image_bg .image_logo_cover {
    top: 31%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%); }

  .index .image_bg .image_logo_cover .image_logo {
    height: 225px;
    width: 500px;}}
/* 992px - 1199px*/
@media (min-width: 992px) and (max-width: 1199px) {
  .kri-header{
    /* new style */
    position: absolute;
    top: 0;
    z-index: 5;
    margin-top: 20px;
    /* margin: 20px; */
    width: 95%;
  }

  .col-5th{
    -webkit-box-flex: 0 0 25%;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    -moz-box-flex: 0;
         flex: 0 0 25%;
    padding-right: 15px;
    padding-left: 15px;
  }

  .kri-header #hamburger_desktop {
    left: 45px; }
  .kri-header .logo_cover {
    margin-top: 0.3rem !important;
    margin-left: 0; }
  .kri-header .search_box {
    left: 245px; }
    .kri-header .search_box .search_bar .search_input {
      width: 350px; }
  .kri-header .cart_icon .fa-shopping-basket {
    font-size: 18px; }
    .kri-header .cart_icon .fa-shopping-basket .badge-amount {
      width: 18px;
      height: 18px;
      font-size: 10px; }
  .kri-header .search_bar .search_input{
    width: 200px; }
  .kri-header .account_display .profile_img {
    width: 25px;
    height: 25px; }
  .kri-header .account_name .name {
    font-size: 12px; }

  .index .card{
    max-height: 290px;
    min-width: 430px;
    max-width: 100%;
    top: 50%;
    left: 75.5%;
  }
  .index .card .card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
       -moz-box-flex: 1;
            flex: 1 1 auto;
    padding: 1rem;
  }
  .index .image_bg .image_logo_cover {
    top: 50%;
    left: 28%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%); }
  .index .image_bg .image_logo_cover .image_logo {
    height: 200px;
    width: 450px; }}
/* 1200px - 1399px*/
@media (min-width: 1200px) and (max-width: 1439px) {
  .kri-header{
    /* new style */
    position: absolute;
    top: 0;
    z-index: 5;
    margin-top: 20px;
    /* margin: 20px; */
    width: 95%;
  }

  .col-5th{
    -webkit-box-flex: 0 0 25%;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    -moz-box-flex: 0;
         flex: 0 0 25%;
    padding-right: 15px;
    padding-left: 15px;
  }

  .kri-header .search_box {
    left: 255px; }
  .index .card{
    max-height: 270px;
    min-width: 550px;
    max-width: 100%;
    top: 50%;
    left: 76.5%;
  }


  .index .image_bg .image_logo_cover {
    top: 50%;
    left: 28%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%); }

  .index .image_bg .image_logo_cover .image_logo {
    height: 200px;
    width: 450px; }}
@media (min-width: 1200px){
  .kri-button-profile{
    position: relative;
    top: 6%;
    left: 70%;
    z-index: 1;
  }
  .kri-header{
    /* new style */
    position: absolute;
    top: 0;
    z-index: 5;
    margin-top: 20px;
    /* margin: 20px; */
    width: 95%;
  }
}
@media (max-width: 767px) {
  .kri-header {
    height: 100px;
    width: 100%;}
/* 992px - 1199px*/
/* 1200px - 1439px*/
@media (max-width: 767px) {
  .kri_footer {
    height: 65px;
    background-color: #961a30;
    font-size: 10px;
    color: white; } }
/* 992px - 1199px*/
/* 1200px - 1399px*/
@media (max-width: 767px) {
  .col-5th{
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    -moz-box-flex: 0;
         flex: 0 0 50%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .index .image_bg {
    display: none; }
  .index .history_cover {
    margin-top: 0px;}
  /* .index .promo_product {
    display: none; } */
  .index .category {
    /* padding: 0 15px; */
   }
    /* .index .category .title {
      display: none; } */
    .index .category .dropdown_index {
      width: 100%; }
    .index .category .category_group {
      margin-top: 15px; }
      .index .category .category_group .pagination {
        margin-bottom: 15px; }
        .index .category .category_group .pagination li {
          padding: 0 6px;
          height: 25px; }
  .index #product_modal .modal-dialog .modal-content .modal-body .modal_close {
    top: 6px;
    right: 7px; }
  .index #product_modal .modal-dialog .modal-content .modal-body .product_modal {
    padding: 35px 7px 10px; }
    .index #product_modal .modal-dialog .modal-content .modal-body .product_modal .intro .image {
      width: 100%;
      float: left;
      height: 200px; }
    .index #product_modal .modal-dialog .modal-content .modal-body .product_modal .intro .text {
      width: 100%;
      padding: 7px; }
      .index #product_modal .modal-dialog .modal-content .modal-body .product_modal .intro .text .product_name {
        font-size: 14px; }
      .index #product_modal .modal-dialog .modal-content .modal-body .product_modal .intro .text .product_price {
        margin: 5px 0; }
    .index #product_modal .modal-dialog .modal-content .modal-body .product_modal .desc {
      padding: 10px 7px;
      font-size: 14px; }
    .index #product_modal .modal-dialog .modal-content .modal-body .product_modal .buying_tools {
      padding: 0 15px; } }
@media (min-width: 768px) and (max-width: 991px) {
  .col-5th{
    -webkit-box-flex: 0 0 33.33%;
    -webkit-flex: 0 0 33.33%;
    -ms-flex: 0 0 33.33%;
    -moz-box-flex: 0;
         flex: 0 0 33.33%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .index .account_display  {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;}

  .index .account_display .profile_img {
    width: 75px;
    height: 75px;}

  .index .card{
    max-height: 300px;
    min-width: 450px;
    max-width: 650px;
    top: 73%;
    left: 50%;
  }
  .index .card .card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
       -moz-box-flex: 1;
            flex: 1 1 auto;
    padding: 1rem;
  }

  .index .image_bg .image_logo_cover {
    top: 31%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%); }

  .index .image_bg .image_logo_cover .image_logo {
    height: 225px;
    width: 500px;}

  .index .history_cover {
    margin-top: -310px; }
  .index .category .category_group {
    margin-top: 20px; }
    .index .category .category_group .pagination {
      margin-bottom: 55px; } }
/* 992px - 1199px*/
@media (min-width: 992px) and (max-width: 1199px) {
  .col-5th{
    -webkit-box-flex: 0 0 25%;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    -moz-box-flex: 0;
         flex: 0 0 25%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .index .account_display  {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;}

  .index .account_display .profile_img {
    width: 65px;
    height: 65px;}

  .index .card{
    max-height: 290px;
    min-width: 430px;
    max-width: 100%;
    top: 50%;
    left: 75.5%;
  }

  .index .card .card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
       -moz-box-flex: 1;
            flex: 1 1 auto;
    padding: 1rem;
  }

  .index .image_bg .image_logo_cover {
    top: 50%;
    left: 28%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%); }

  .index .image_bg .image_logo_cover .image_logo {
    height: 200px;
    width: 450px; }

  .index .category .category_group {
    margin-top: 50px; }
    .index .category .category_group .pagination {
      margin-bottom: 60px; } }
/* 1200px - 1399px*/
@media (min-width: 1200px) and (max-width: 1439px) {
  .col-5th{
    -webkit-box-flex: 0 0 25%;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    -moz-box-flex: 0;
         flex: 0 0 25%;
    padding-right: 15px;
    padding-left: 15px;
  }

  .index .account_display  {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;}


  .index .account_display .profile_img {
    width: 70px;
    height: 70px;}

  .index .card{
    max-height: 270px;
    min-width: 550px;
    max-width: 100%;
    top: 50%;
    left: 76.5%;
  }


  .index .image_bg .image_logo_cover {
    top: 50%;
    left: 28%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%); }

  .index .image_bg .image_logo_cover .image_logo {
    height: 200px;
    width: 450px; }

  .index .category .category_group .category_box .image {
    height: 170px; }
    .index .category .category_group .category_box .image .text_overlay {
      padding: 5px 10px; }
      .index .category .category_group .category_box .image .text_overlay .product_name {
        /* @include multiLineEllipsis( 1.6, 2, 14px);*/
        /* font-size: 12px;*/
        /* height: 39px;*/ }
      .index .category .category_group .category_box .image .text_overlay .readmore {
        font-size: 12px; }
  .index .category .category_group .category_box .desc .cash_price .price {
    font-size: 14px; }
    .index .category .category_group .category_box .desc .cash_price .price_box {
      float: right; }
  .index .category .category_group .category_box .desc .cash_price .discount {
    font-size: 12px; } }
/* 1440px +*/
@media (min-width: 1440px){
  /* .index .card{
    max-height: 270px;
    min-width: 550px;
    max-width: 100%;
    top: 50%;
    left: 76.5%;
  } */
}
@media (max-width: 767px) {
  .tooltip-inner{
    font-size: 12px;
  }
  #login .body {
    width: 280px;
    padding: 0; }
    #login .body .login_logo {
      height: 250px; } }
/* 992px - 1199px*/
/* 1200px - 1399px*/
@media (max-width: 767px) {
  .user_profile {
    padding: 0;
    background-color: white !important; }
    .user_profile #my_profile_searching {
      display: none; }
    .user_profile #account-addresses{
      padding: 0 !important; }
    .user_profile .padding-detail{
      margin-left: 0 !important;
      width: 100% !important; }
    /* .user_profile .address-card{
      -webkit-box-shadow: 1px 1px 11px #bdbaba94 !important;
         -moz-box-shadow: 1px 1px 11px #bdbaba94 !important;
              box-shadow: 1px 1px 11px #bdbaba94 !important;
      -moz-border-radius: 4px !important;
           border-radius: 4px !important;
      background-color: #fff !important;
      padding: 10px 15px !important; } */
    .user_profile .body {
      padding: 0 0 50px;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
      .user_profile .body .personal_detail {
        background-color: transparent;
        margin-bottom: 40px;
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none; }
      .user_profile .body .pickup_address {
        background-color: white;
        -webkit-box-shadow: 2px 2px 5px 0 rgba(214, 214, 214, 0.5);
        -moz-box-shadow: 2px 2px 5px 0 rgba(214, 214, 214, 0.5);
        box-shadow: 2px 2px 5px 0 rgba(214, 214, 214, 0.5); }
      .user_profile .body .user_btn {
        background-color: inherit;
        margin-top: 10px; }
        .user_profile .body .user_btn .user_profile_container {
          padding: 0; }
      .user_profile .body .user_profile_container {
        width: 100%;
        padding: 0 15px; }
        .user_profile .body .user_profile_container .main_form_group {
          width: 100%;
          float: left; }
          .user_profile .body .user_profile_container .main_form_group .sub_form {
            width: 100%;
            float: left;
            border: 0; }
      .user_profile .body .main_form {
        width: 100%;
        float: left;
        padding: 0; }
        .user_profile .body .main_form .profile_img {
          width: 85px;
          height: 85px; } }
@media (min-width: 768px) and (max-width: 991px) {
  .user_profile .body {
    margin-top: 20px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
    .user_profile .body .personal_detail {
      margin-bottom: 40px;
      -webkit-box-shadow: 2px 2px 5px 0 rgba(214, 214, 214, 0.5);
      -moz-box-shadow: 2px 2px 5px 0 rgba(214, 214, 214, 0.5);
      box-shadow: 2px 2px 5px 0 rgba(214, 214, 214, 0.5); }
    .user_profile .body .pickup_address {
      -webkit-box-shadow: 2px 2px 5px 0 rgba(214, 214, 214, 0.5);
      -moz-box-shadow: 2px 2px 5px 0 rgba(214, 214, 214, 0.5);
      box-shadow: 2px 2px 5px 0 rgba(214, 214, 214, 0.5); }
      .user_profile .body .pickup_address #form_add_pickup .sub_form {
        border: 0;
        padding: 10px 0; }
    .user_profile .body .user_btn {
      margin-top: 10px;
      background-color: inherit; }
      .user_profile .body .user_btn .user_profile_container {
        width: 100%; }
    .user_profile .body .user_profile_container {
      width: 70%; }
      .user_profile .body .user_profile_container .main_form_group {
        width: 100%;
        float: left; }
        .user_profile .body .user_profile_container .main_form_group .sub_form {
          width: 100%;
          float: left; }
    .user_profile .body .main_form .profile_img {
      width: 85px;
      height: 85px; } }
/* 992px - 1199px*/
@media (min-width: 992px) and (max-width: 1199px) {
  .user_profile .body {
    margin-top: 20px; }
    .user_profile .body .user_profile_container {
      width: 70%; }
      .user_profile .body .user_profile_container .main_form_group {
        width: 100%;
        float: left; }
        .user_profile .body .user_profile_container .main_form_group .sub_form {
          width: 100%;
          float: left; } }
/* 1200px - 1399px*/
@media (max-width: 767px) {
  .main_menu {
    height: 100%;
    top: 0;
    width: 100% !important;
    z-index: 999;
    position: fixed; }
  .main_menu .close_main_menu {
    color: #fff; }
  .main_menu .menu_customer {
    height: 100%;
    top: 0;
    width: 100% !important;
    /* display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important; */
    z-index: 999;
    position: fixed; } }
@media (min-width: 768px) and (max-width: 991px) {
  .index .card{
    max-height: 300px;
    min-width: 450px;
    max-width: 650px;
    top: 73%;
    left: 50%;
  }
  .index .card .card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
       -moz-box-flex: 1;
            flex: 1 1 auto;
    padding: 1rem;
  }

  .main_menu {
    width: 100%; }
    .main_menu .shop_name {
      padding: 0 20px; }
    .main_menu .user_name {
      padding: 0 20px; }
    .main_menu .nav_bar {
      padding: 0 20px; }
      .main_menu .nav_bar .nav_cover .nav_item {
        font-size: 16px; }
  .main_menu .menu_customer {
    width: 230px; }
    .main_menu .menu_customer .shop_name {
      padding: 0 20px; }
    .main_menu .menu_customer .user_name {
      padding: 0 20px; }
    .main_menu .menu_customer .nav_bar {
      padding: 0 20px; }
      .main_menu .menu_customer .nav_bar .nav_cover .nav_item {
        font-size: 16px; } }
/* 992px - 1199px*/
@media (min-width: 992px) and (max-width: 1199px) {
  .main_menu {
    width: 245px; }
    .main_menu .shop_name {
      padding: 0 20px; }
    .main_menu .user_name {
      padding: 0 20px; }
    .main_menu .nav_bar {
      padding: 0 20px; }
    .main_menu .menu_customer {
      width: 245px; }
      .main_menu .menu_customer .shop_name {
        padding: 0 20px; }
      .main_menu .menu_customer .user_name {
        padding: 0 20px; }
      .main_menu .menu_customer .nav_bar {
        padding: 0 20px; } }
@media (min-width: 992px) {
  /* .main_menu .tab_color{
    width: 100%;
    height: 52px;
    margin-top: -5px;
    margin-bottom: 15px;
    background-color: #961a30; } */
}
/* 1200px - 1399px*/
@media (min-width: 1200px) and (max-width: 1439px) {
  .main_menu .nav_bar .nav_cover .nav_item {
    font-size: 16px; }
  .main_menu .menu_customer .nav_bar .nav_cover .nav_item {
    font-size: 16px; }}
@media (max-width: 767px) {
  .new_order {
    width: 100%;
    float: left; }
    .new_order .main-title {
      text-align: center; }
    .new_order .product_order {
      width: -moz-calc(100% - 30px);
      width: calc(100% - 30px);
      float: left;
      margin: -34px 15px 0;
      background-color: white; }
      .new_order .product_order .order_pad {
        padding: 0 10px; }
      .new_order .product_order .order_nav {
        margin: 20px 0; }
        .new_order .product_order .order_nav .nav_item .nav-link {
          font-size: 14px;
          min-height: 100%; }
      .new_order .product_order .tab-content {
        margin-top: 15px;
        padding: 0 10px;
        width: 100%; }
        .new_order .product_order .tab-content .order_group {
          padding: 12px;
          border-top: 1px solid #f0f0f0;
          border-bottom: 0; }
          .new_order .product_order .tab-content .order_group .header .product_title {
            font-size: 15px;
            font-weight: bold; }
          .new_order .product_order .tab-content .order_group .header .order_date {
            font-size: 12px; }
          .new_order .product_order .tab-content .order_group .product_group .product_list {
            font-size: 13px;
            -webkit-box-align: baseline !important;
            -webkit-align-items: baseline !important;
            -ms-flex-align: baseline !important;
            -moz-box-align: baseline !important;
            align-items: baseline !important;
            display: -webkit-box !important;
            display: -webkit-flex !important;
            display: -ms-flexbox !important;
            display: -moz-box !important;
            display: flex !important; }
            .new_order .product_order .tab-content .order_group .product_group .product_list .product_id {
              width: 65px;
              margin-right: 10px; }
            .new_order .product_order .tab-content .order_group .product_group .product_list .product_name {
              width: 310px;
              overflow: visible;
              white-space: normal;
              padding: 0px 0 0 17px;
              text-indent: -16px; }
              .new_order .product_order .tab-content .order_group .product_group .product_list .product_name .mobile_amount {
                font-weight: bold;
                padding-left: 11px;
                color: #f5a623; }
                .new_order .product_order .tab-content .order_group .product_group .product_list .product_name .mobile_amount:before {
                  content: 'x';
                  color: #4a4a4a;
                  margin: 0 3px; }
            .new_order .product_order .tab-content .order_group .product_group .product_list .product_price {
              display: none; }
    .new_order .result_order {
      display: none;
      width: -moz-calc(100% - 30px);
      width: calc(100% - 30px);
      float: left;
      margin: -34px 15px 0;
      padding: 45px 10px;
      position: relative; }
      .new_order .result_order .back-to-page {
        position: absolute;
        top: 10px;
        left: 15px; }
        .new_order .result_order .back-to-page .fa {
          font-size: 25px; }
      .new_order .result_order .result_list .header {
        text-align: center;
        font-size: 14px; }
        .new_order .result_order .result_list .header .result_id {
          font-weight: bold; }
      .new_order .result_order .result_list .product_result_group .result_item {
        display: block !important;
        margin-bottom: 15px;
        float: left;
        width: 100%; }
        .new_order .result_order .result_list .product_result_group .result_item .sub-title {
          display: none; }
        .new_order .result_order .result_list .product_result_group .result_item .name {
          font-size: 13px;
          width: 60%;
          float: left;
          margin-bottom: 10px;
          margin-right: 0; }
        .new_order .result_order .result_list .product_result_group .result_item .amount {
          text-align: center;
          float: right; }
        .new_order .result_order .result_list .product_result_group .result_item .barcode {
          text-align: center;
          float: left; }
          .new_order .result_order .result_list .product_result_group .result_item .barcode_box {
            padding: 0; }
      .new_order .result_order .result_list .officer_name {
        padding-top: 22px; }
        .new_order .result_order .result_list .officer_name .name {
          width: 100% !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .new_order .modal {
    top: 30px; }
    .new_order .modal .modal-content {
      border: 0;
      -moz-border-radius: 0;
      border-radius: 0; }
  .new_order .product_order {
    width: 100%;
    padding: 60px 0;
    min-height: auto; }
    .new_order .product_order .search_for_ipad {
      width: 56.82%;
      float: left; }
    .new_order .product_order .date_for_ipad {
      width: 39.4%;
      float: left; }
    .new_order .product_order .order_pad {
      padding: 0 20px; }
    .new_order .product_order .tab-content {
      margin-top: 15px; }
      .new_order .product_order .tab-content .order_group {
        padding: 12px 20px; }
        .new_order .product_order .tab-content .order_group:hover {
          border-right: 0px solid #961a30;
          padding-right: 20px; }
        .new_order .product_order .tab-content .order_group:first-child {
          border-top: 1px solid #f0f0f0; }
  .new_order #result_order_cover {
    display: none; }
  .new_order .result_order {
    width: 100%;
    padding: 10px;
    min-height: auto;
    margin-top: 60px; }
    .new_order .result_order .result_list {
      margin-top: 10px; }
      .new_order .result_order .result_list .header {
        font-size: 14px; }
      .new_order .result_order .result_list .product_result_group .result_item .sub-title {
        font-size: 10px; }
      .new_order .result_order .result_list .product_result_group .result_item .name {
        width: 215px;
        font-size: 13px; }
      .new_order .result_order .result_list .product_result_group .result_item .barcode {
        width: 165px;
        float: right; }
        .new_order .result_order .result_list .product_result_group .result_item .barcode_box {
          width: 130px; } }
/* 992px - 1199px*/
@media (min-width: 992px) and (max-width: 1199px) {
  .new_order .product_order {
    padding: 60px 0; }
    .new_order .product_order .order_pad {
      padding: 0 20px; }
    .new_order .product_order .tab-content .order_group {
      padding: 12px 20px; }
      .new_order .product_order .tab-content .order_group:hover {
        cursor: pointer;
        border-right: 3px solid #961a30;
        padding-right: 17px; }
      .new_order .product_order .tab-content .order_group .product_group .product_list {
        font-size: 14px;
        margin-bottom: 15px; }
        .new_order .product_order .tab-content .order_group .product_group .product_list .product_id {
          width: 110px; }
        .new_order .product_order .tab-content .order_group .product_group .product_list .product_name {
          width: 140px; }
  .new_order .result_order {
    min-height: 100%;
    padding: 60px 20px; }
    .new_order .result_order .result_list .product_result_group .result_item .sub-title {
      font-size: 12px; }
    .new_order .result_order .result_list .product_result_group .result_item .name {
      width: 260px; }
    .new_order .result_order .result_list .product_result_group .result_item .barcode {
      width: 165px; }
      .new_order .result_order .result_list .product_result_group .result_item .barcode_box {
        width: 110px; } }
/* 1200px - 1439px*/
@media (min-width: 1200px) and (max-width: 1439px) {
  .new_order .product_order {
    padding: 60px 0; }
    .new_order .product_order .order_pad {
      padding: 0 20px; }
    .new_order .product_order .tab-content .order_group {
      padding: 12px 20px; }
      .new_order .product_order .tab-content .order_group:hover {
        cursor: pointer; }
      .new_order .product_order .tab-content .order_group .product_group .product_list {
        font-size: 14px;
        margin-bottom: 15px; }
        .new_order .product_order .tab-content .order_group .product_group .product_list .product_id {
          width: 110px; }
        .new_order .product_order .tab-content .order_group .product_group .product_list .product_name {
          width: 42.5%; }
  .new_order .result_order {
    min-height: 100%;
    padding: 60px 20px; }
    .new_order .result_order .result_list .product_result_group .result_item .sub-title {
      font-size: 12px; }
    .new_order .result_order .result_list .product_result_group .result_item .name {
      width: 300px;
      margin-right: 15px; }
    .new_order .result_order .result_list .product_result_group .result_item .barcode {
      width: 145px; }
      .new_order .result_order .result_list .product_result_group .result_item .barcode_box {
        width: 110px; } }
@media (max-width: 767px) {
  .stock {
    padding-top: 0px; }
    .stock .title {
      padding: 16px 15px 0; }
    .stock .tools_bar {
      padding: 0 15px;
      height: auto; }
      .stock .tools_bar .dropdown_sorting {
        width: 100%; }
      .stock .tools_bar .search_tab {
        width: 100%;
        float: left; }
        .stock .tools_bar .search_tab .stock_search {
          margin-top: 16px;
          width: 100%;
          margin-left: 0; }
    .stock .stock_table {
      overflow-x: scroll; }
      .stock .stock_table .kri-table thead tr th {
        font-size: 14px; }
      .stock .stock_table .kri-table tbody tr {
        border-bottom: 1px solid #f0f0f0;
        padding: 10px 0; }
        .stock .stock_table .kri-table tbody tr td {
          font-size: 12px; }
      .stock .stock_table .kri-table .box_product_id {
        width: 20.333333%; }
      .stock .stock_table .kri-table .box_item {
        width: 21.333333%; } }
@media (min-width: 768px) and (max-width: 991px) {
  .stock .tools_bar .dropdown_sorting {
    width: 184px; }
  .stock .tools_bar .search_tab {
    width: -moz-calc(100% - 200px);
    width: calc(100% - 200px); }
    .stock .tools_bar .search_tab .stock_search {
      width: 100%; }
  .stock .stock_table .kri-table thead tr {
    font-size: 14px; }
  .stock .stock_table .kri-table tbody tr {
    font-size: 12px; }
  .stock .stock_table .kri-table .box_product_id {
    width: 20.333333%; }
  .stock .stock_table .kri-table .box_item {
    width: 21.333333%; } }
/* 992px - 1199px*/
/* 1200px - 1399px*/
/* 992px - 1199px*/
/* 1200px - 1439px*/
@media (min-width: 1200px) and (max-width: 1439px) {
  .order_product .product_order .tab-content .order_group .product_group .product_list .product_name {
    width: 42%; }
  .order_product .product_order .tab-content .order_group .product_group .product_list .product_id {
    width: 13%; }
  .order_product .product_order .tab-content .order_group .product_group .product_list .checking {
    margin-left: 0px;
    width: 4%;
    color: #5c8431; }
  .order_product .product_order .tab-content .order_group .product_group .product_list .product_price {
    width: 8%; }
  .order_product .product_order .tab-content .order_group .product_group .product_list .status {
    width: 10%; } }
@media (max-width: 767px) {
  /* .recommend .body {
    padding: 15px; } */
    .recommend .body .recommend_product_box {
      margin-top: 40px; } }
@media (min-width: 768px) and (max-width: 991px) {
  .recommend .body {
    /* padding: 30px 0 0;  */
  }
    .recommend .body .recommend_product_box {
      margin-top: 25px; } }
/* 992px - 1199px*/
@media (min-width: 992px) and (max-width: 1199px) {
  .recommend .body {
    /* padding: 30px 0 0;  */
  }
    .recommend .body .recommend_product_box {
      margin-top: 25px; } }
/* 1200px - 1439px*/
@media (max-width: 767px) {
  .order_shipping .product_order .tab-content {
    margin-top: 0px; }
    .order_shipping .product_order .tab-content .shipping_new {
      padding: 0; } }
@media (min-width: 768px) and (max-width: 991px) {
  .order_shipping .product_order .tab-content {
    margin-top: 0; }
    .order_shipping .product_order .tab-content .shipping_new {
      padding: 0px 20px; } }
/* 992px - 1199px*/
@media (min-width: 992px) and (max-width: 1199px) {
  .order_shipping .product_order .tab-content {
    margin-top: 0; }
    .order_shipping .product_order .tab-content .shipping_new {
      padding: 0px 20px; } }
/* 1200px - 1439px*/
@media (max-width: 767px) {
  .shipping_success {
    padding: 30px 15px; }
    .shipping_success .shipping_success_cover .body {
      padding: 20px 10px; }
      .shipping_success .shipping_success_cover .body .tools_bar .shipping_search {
        width: 100%;
        float: left; }
      .shipping_success .shipping_success_cover .body .tools_bar .shipping_date_picker {
        margin-top: 10px;
        margin-left: 0;
        width: 100%;
        float: left; }
      .shipping_success .shipping_success_cover .body .shipping_desc .desc_group {
        position: relative;
        position: relative; }
        .shipping_success .shipping_success_cover .body .shipping_desc .desc_group .desc_list {
          font-size: 12px;
          padding-left: 15px;
          display: block !important; }
          .shipping_success .shipping_success_cover .body .shipping_desc .desc_group .desc_list .desc_ipad_layout {
            width: 100%;
            float: left; }
          .shipping_success .shipping_success_cover .body .shipping_desc .desc_group .desc_list .shop_name {
            margin-left: -15px; }
        .shipping_success .shipping_success_cover .body .shipping_desc .desc_group .desc_footer {
          display: inline-block !important;
          width: auto;
          position: absolute;
          right: 0;
          top: 0;
          font-size: 12px; } }
@media (min-width: 768px) and (max-width: 991px) {
  .shipping_success .shipping_success_cover .body .tools_bar .shipping_search {
    width: 60%; }
  .shipping_success .shipping_success_cover .body .tools_bar .shipping_date_picker {
    width: -moz-calc(40% - 15px);
    width: calc(40% - 15px); }
  .shipping_success .shipping_success_cover .body .shipping_desc .desc_group {
    position: relative; }
    .shipping_success .shipping_success_cover .body .shipping_desc .desc_group .desc_list {
      display: block !important; }
      .shipping_success .shipping_success_cover .body .shipping_desc .desc_group .desc_list .desc_ipad_layout {
        width: 100%;
        float: left; }
    .shipping_success .shipping_success_cover .body .shipping_desc .desc_group .desc_footer {
      display: inline-block !important;
      width: auto;
      position: absolute;
      right: 0;
      top: 0; } }
/* 992px - 1199px*/
/* 1200px - 1439px*/
@media (max-width: 767px) {
  .deliver-setting {
    padding: 30px 15px; }
    .deliver-setting .body {
      padding: 20px; }
      .deliver-setting .body .setting_form {
        width: 100%; } }
@media (min-width: 768px) and (max-width: 991px) {
  .deliver-setting {
    padding: 30px 20px; }
    .deliver-setting .body .setting_form {
      width: 90%; } }
/* 992px - 1199px*/
/* 1200px - 1439px*/
@media (max-width: 767px) {
  .setting_account {
    padding: 0 15px; }
    .setting_account .setting_title {
      display: none; }
    .setting_account .mobile_title {
      font-size: 20px; }
    /* .setting_account .body {
      margin-top: -40px !important; } */
      .setting_account .body .main_form {
        width: 100%;
        padding: 0 15px; } }
@media (min-width: 767px) {
  .setting_account .btn-m {
    width: 30% !important;}
  .setting_account .body_container .body .profile_img {
    position: relative;
    width: 240px;
    height: 240px;
    margin-top: 42%;
    background-color: grey; }
}
/* 992px - 1199px*/
/* 1200px - 1439px*/
@media (min-width: 768px) and (max-width: 991px) {
  .category_product .category {
    padding-top: 60px; } }
/* 992px - 1199px*/
@media (min-width: 992px) and (max-width: 1199px) {
  .category_product .category {
    padding-top: 60px; } }
/* 1200px - 1439px*/
@media (max-width: 767px) {
  .my_cart {
    padding: 0 0 30px; }
    .my_cart .cart_sub {
      padding-bottom: 10px;
      margin-bottom: 10px; }
    .my_cart .body {
      margin-top: -35px;
      padding: 0 15px; }
      .my_cart .body_box {
        padding: 17px 15px; }
      .my_cart .body .customer_name .search_box {
        width: 100%;
        margin: 0 0 15px 0; }
        .my_cart .body .customer_name .search_box input {
          width: 100%; }
      .my_cart .body .customer_name .shop_name {
        margin-top: 10px; }
      .my_cart .body .payment {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        padding-bottom: 0; }
        .my_cart .body .payment .sub-title {
          padding-bottom: 15px;
          border-bottom: 1px solid #f0f0f0; }
        .my_cart .body .payment .payment_select {
          display: block !important; }
          .my_cart .body .payment .payment_select_box {
            width: 100%;
            margin-right: 0; }
            .my_cart .body .payment .payment_select_box .text {
              font-size: 12px; }
      .my_cart .body .address_select {
        padding: 0px; }
        .my_cart .body .address_select_box {
          width: 100%;
          padding: 15px; }
          .my_cart .body .address_select_box .address_select_desc {
            width: 85%;
            font-size: 14px; }
      .my_cart .body .order_result .result_table thead tr th {
        padding: 0px 0;
        font-size: 14px; }
      .my_cart .body .order_result .result_table thead tr .cart_amount {
        display: none !important; }
      .my_cart .body .order_result .result_table thead tr .delete_respon {
        display: none !important; }
      .my_cart .body .order_result .result_table thead tr .th_respon {
        display: none !important; }
      .my_cart .body .order_result .result_table tbody tr .cart_input {
        width: 120px;
        margin: 0; }
        .my_cart .body .order_result .result_table tbody tr .cart_input .input_number {
          width: 50px; }
      .my_cart .body .order_result .result_table tbody tr .discount {
        font-size: 12px;
        padding-left: 0; }
      .my_cart .body .order_result .result_table tbody tr .btn_respon {
        display: none !important; }
      .my_cart .body .order_result .result_table tbody tr .btn_mobile {
        margin-top: 10px;
        display: block !important; }
      .my_cart .body .order_result .result_table tbody tr .product_respon {
        font-size: 12px; }
      .my_cart .body .order_result .result_table tbody tr .td_respon {
        display: none !important; }
      .my_cart .body .order_result .result_table tbody tr .td_text_respon {
        font-size: 12px; }
      .my_cart .body #cart-feature .btn-m-rev {
        margin-bottom: 15px; }

  .cart_success .title {
    font-size: 30px;
    margin-bottom: 20px; }
  .cart_success .success_image {
    width: 100%;
    height: 180px;
    -moz-background-size: 80%;
    -o-background-size: 80%;
    background-size: 80%; } }
@media (min-width: 768px) and (max-width: 991px) {
  .my_cart {
    padding: 60px 0 30px; }
    .my_cart .body .customer_name .shop_name {
      margin-top: 10px; }
    .my_cart .body .payment {
      /* background-color: inherit;*/
      /* -webkit-box-shadow: none;*/
      /*    -moz-box-shadow: none;*/
      /*         box-shadow: none;*/
      border-bottom: 1px solid #f0f0f0; }
    .my_cart .body .address_select_box {
      width: -moz-calc((100%/2) - 8px);
      width: calc((100%/2) - 8px); }
      .my_cart .body .address_select_box:nth-child(2n+2) {
        margin-right: 0; }
      .my_cart .body .address_select_box:nth-child(3n+3) {
        margin-right: 15px; }
      .my_cart .body .address_select_box .address_select_desc {
        width: 85%; } }
/* 992px - 1199px*/
@media (min-width: 992px) and (max-width: 1199px) {
  .my_cart {
    padding: 60px 0 30px; }
    .my_cart .body .address_select_box .address_select_desc {
      width: 81%; } }
/* 1200px - 1439px*/
@media (max-width: 767px) {
  .customer_info .body .add_customer {
    width: 52px;
    height: 52px;
    font-size: 36px; }
  .customer_info .body .control {
    width: 100%;
    padding: 10px; }
    .customer_info .body .control .dropdown_square {
      margin-top: 10px; }
    .customer_info .body .control .customer_list .customer_item .image {
      width: 45px;
      height: 45px; }
    .customer_info .body .control .customer_list .customer_item .desc {
      padding: 0 25px 0 15px;
      font-size: 12px; }
  .customer_info .body .display {
    width: 100%;
    padding: 15px;
    display: none; }
    .customer_info .body .display .bg_cover {
      display: none !important; }
    .customer_info .body .display_cover {
      display: block !important; }
      .customer_info .body .display_cover .half_box {
        width: 100%;
        margin-bottom: 1rem; }
        .customer_info .body .display_cover .half_box .text_info {
          display: block;
          width: 100%;
          float: left; } }
@media (min-width: 768px) and (max-width: 991px) {
  .customer_info .body .add_customer {
    width: 50px;
    height: 50px;
    font-size: 34px; }
  .customer_info .body .control {
    width: 260px; }
    .customer_info .body .control .customer_list .customer_item .image {
      width: 50px;
      height: 50px; }
    .customer_info .body .control .customer_list .customer_item .desc {
      width: 128px;
      font-size: 14px;
      padding-left: 0px; }
  .customer_info .body .display {
    width: 440px;
    padding: 30px 20px; }
    .customer_info .body .display_cover .main_form_group {
      margin-top: 0 !important; }
    .customer_info .body .display_cover .half_box .text_info {
      float: left;
      width: 100%; }
    .customer_info .body .display_cover .text_title {
      width: 100%; }
    .customer_info .body .display_cover .text_info {
      width: 100%; } }
/* 992px - 1199px*/
@media (min-width: 992px) and (max-width: 1199px) {
  .customer_info .body .add_customer {
    width: 50px;
    height: 50px;
    font-size: 34px; }
  .customer_info .body .control {
    width: 270px; }
    .customer_info .body .control .customer_list .customer_item .image {
      width: 45px;
      height: 45px; }
    .customer_info .body .control .customer_list .customer_item .desc {
      width: 145px;
      padding-left: 0px; }
  .customer_info .body .display {
    width: 620px;
    padding: 30px; }
    .customer_info .body .display_cover .half_box .text_info {
      width: 160px; }
    .customer_info .body .display_cover .text_title {
      width: 110px; }
    .customer_info .body .display_cover .text_info {
      width: 440px; } }
/* 1200px - 1439px*/
@media (min-width: 1200px) and (max-width: 1439px) {
  .customer_info .body .add_customer {
    width: 52px;
    height: 52px;
    font-size: 35.5px; }
  .customer_info .body .control {
    width: 300px; }
    .customer_info .body .control .customer_list .customer_item .desc {
      width: 160px;
      padding-left: 0px; }
  .customer_info .body .display {
    width: 690px;
    padding: 30px 40px; }
    .customer_info .body .display_cover .half_box .text_info {
      width: 170px;
      padding-right: 10px; }
    .customer_info .body .display_cover .text_title {
      font-weight: bold;
      font-size: 14px; }
    .customer_info .body .display_cover .text_info {
      width: 475px; } }
@media (max-width: 767px) {
  .permission .body {
    margin-top: 0; }
    .permission .body .permit_nav_item {
      font-size: 14px;
      height: 35px; }
    .permission .body .tab-content .status_info_box {
      width: 135px;
      float: left;
      margin-right: 0.7rem !important; }
    .permission .body .tab-content .permit_table thead tr .bill {
      display: none;
      width: 100px; }
    .permission .body .tab-content .permit_table thead tr .time {
      display: none; }
    .permission .body .tab-content .permit_table thead tr .product_list {
      display: none !important; }
    .permission .body .tab-content .permit_table thead tr .shop_name {
      display: none !important; }
    .permission .body .tab-content .permit_table thead tr .select {
      display: none; }
    .permission .body .tab-content .permit_table thead tr .status {
      display: none; }
    .permission .body .tab-content .permit_table thead tr .cencel {
      display: none; }
    .permission .body .tab-content .permit_table thead tr .download {
      display: none !important; }
    .permission .body .tab-content .permit_table tbody tr {
      border-bottom: 0; }
      .permission .body .tab-content .permit_table tbody tr td {
        font-size: 14px; }
      .permission .body .tab-content .permit_table tbody tr .product_respon {
        display: none !important; }
      .permission .body .tab-content .permit_table tbody tr .by_respon {
        display: none !important; }
      .permission .body .tab-content .permit_table tbody tr .cencel_respon {
        display: none !important; }
      .permission .body .tab-content .permit_table tbody tr .download_respon {
        display: none !important; }
      .permission .body .tab-content .permit_table tbody tr .product_cover {
        padding: 0 0 0 15px; }
      .permission .body .tab-content .permit_table tbody tr .datetime_respon .date {
        display: inline-block; }
      .permission .body .tab-content .permit_table tbody tr .datetime_respon .time {
        display: inline-block; }
      .permission .body .tab-content .permit_table tbody tr .btn_respon {
        display: none !important; }
    .permission .body .tab-content .permit_table tbody .tr_mobile {
      display: table-row !important; }
    .permission .body .tab-content .permit_table tbody .tr_btn {
      border-bottom: 1px solid #f0f0f0 !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .permission .body .tab-content .permit_table thead tr .cencel {
    display: none !important; }
  .permission .body .tab-content .permit_table thead tr .download {
    display: none !important; }
  .permission .body .tab-content .permit_table tbody tr .product_cover .td_respon {
    display: block !important;
    border-top: 0; }
  .permission .body .tab-content .permit_table tbody tr .cencel_respon {
    display: none !important; }
  .permission .body .tab-content .permit_table tbody tr .download_respon {
    display: none !important; } }
/* 992px - 1199px*/
/* 1200px - 1439px*/
@media (max-width: 767px) {
  .history_all .body {
    padding-top: 0; }
    .history_all .body .history_margin {
      margin-top: 0; } }
/* 992px - 1199px*/
/* 1200px - 1439px*/ }