.status_paid {
  background-color: #0b8fe7; }

.status_wrapping {
  background-color: #e1a54a; }

.status_shipped {
  background-color: #e14a7f; }

.status_delivered {
  background-color: #1fae8d; }

html, body {
  height: 100%; }

body {
  font-family: 'Hina Mincho', serif;
  line-height: 1.8;
  color: #333;
  margin: 0px; }

.btn-primary {
  background-color: #145688;
  border-color: #145688;
  border-radius: 20px;
  transition: all 0.3s ease-out; }

.bg-success {
  background-color: #145688 !important; }

.text-primary {
  color: #145688 !important; }

a .menu_icon {
  color: #145688; }

a .menu_icon:hover {
  cursor: pointer; }

.btn_icon {
  color: #fff;
  cursor: pointer; }

a:hover .btn_icon {
  color: #145688; }

button:hover .btn_icon {
  color: #145688; }

.process_link_icon {
  color: #b5d4eb; }

.process_link_icon:hover {
  color: #145688;
  transition: all 0.3s ease-out; }

.process_icon {
  color: #b5d4eb; }

.process_icon_active {
  color: #145688; }

a:link {
  color: #145688;
  text-decoration: none; }

a:hover {
  color: #145688; }

a:visited {
  color: #145688; }

a.dropdown-item:active {
  background-color: #145688; }

a.link_btn {
  color: #fff;
  text-decoration: none; }

.link_btn {
  border: 1px solid #145688;
  background-color: #145688;
  color: #fff;
  font-weight: bold;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  transition: all 0.3s ease-out; }

.link_btn:hover {
  border: 1px solid #b5d4eb;
  background-color: #b5d4eb;
  color: #333; }

.form-control::placeholder {
  color: #CFD7E0;
  font-size: 0.8rem; }

.radio-button {
  display: none; }

.radio-button-label {
  background-color: #b5d4eb;
  color: #145688;
  cursor: pointer;
  padding: 10px 20px;
  border-radius: 20px; }

.radio-button-label:hover {
  background-color: #145688;
  color: #fff;
  border-radius: 20px;
  transition: all 0.3s ease-out; }

.radio-button:checked + label {
  background-color: #145688;
  color: #fff;
  border-radius: 20px; }

.filter {
  position: fixed;
  z-index: 10;
  width: 100vw;
  display: flex;
  justify-content: center; }

.unavailable {
  border-radius: 20px;
  cursor: not-allowed !important; }

.btn-saihan {
  border-radius: 20px;
  background-color: #6fd7bf;
  color: #fff; }

.btn-saihan:hover {
  border-radius: 20px;
  background-color: #1fae8d;
  color: #fff; }

.btn-circle {
  width: 40px;
  height: 40px;
  text-align: center;
  padding: 6px 0;
  font-size: 16px;
  line-height: 1.428571429;
  border-radius: 20px; }

.btn-love {
  background-color: #df90ac;
  color: #333;
  border-radius: 20px; }

.btn-love:hover {
  background-color: #e14a7f;
  color: #fff;
  transition: all 0.3s ease-out; }

.policy_list {
  list-style-type: decimal; }

#scrollUp {
  bottom: 20px;
  right: 20px;
  padding: 8px 15px;
  background: #6fd7bf;
  color: #fff;
  border-radius: 20px; }

h3::before {
  content: '';
  width: 40px;
  height: 5px;
  background-color: #145688; }

h3::before {
  margin-right: 15px; }

h3 {
  display: flex;
  align-items: center;
  margin-top: 1rem;
  margin-bottom: 1rem; }

div.card:hover {
  box-shadow: none !important;
  border-color: #fff !important;
  cursor: default; }

#toast-container > div {
  color: #333; }

#toast-container > .toast {
  background-image: none !important; }

#toast-container > .toast:before {
  position: fixed;
  font-family: FontAwesome;
  font-size: 24px;
  line-height: 18px;
  float: left;
  color: #FFF;
  padding-right: 0.5em;
  margin: auto 0.5em auto -1.5em; }

#toast-container > .toast-warning:before {
  content: "\f06a"; }

#toast-container > .toast-error:before {
  content: "\f071"; }

#toast-container > .toast-info:before {
  content: "\f004"; }

#toast-container > .toast-success:before {
  content: "\f00c"; }

.toast {
  background-color: #030303; }

.toast-success {
  color: #333;
  background-color: #b5d4eb; }

.toast-error {
  background-color: #bd362f; }

.toast-info {
  background-color: #df90ac; }

.toast-warning {
  background-color: #f89406; }

.toast-classic {
  background-color: grey; }

#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 50vw;
  margin: auto; }

.container-md {
  flex: 1;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }

.wrapper {
  display: flex;
  flex-direction: column;
  width: 100vw;
  height: 100vh; }

main {
  display: none;
  flex: 1; }

footer {
  padding: 1rem;
  text-align: center;
  color: #707070;
  background-color: #F8F9FA; }

.order_label {
  color: #707070;
  font-size: 0.7em; }

.card_square {
  border-radius: 0.3rem;
  border-color: #b5d4eb;
  border-style: solid;
  border-width: 1px;
  background-color: #b5d4eb;
  text-align: center;
  vertical-align: middle;
  padding: 10px;
  margin-top: 10px;
  font-size: 12px;
  width: 100%; }

.outer {
  display: table; }

.inner {
  display: table-cell;
  vertical-align: middle; }

.page-item.active .page-link {
  background-color: #145688;
  border-color: #145688; }

.page-link {
  color: #145688;
  border-width: 0; }

.pagination {
  justify-content: center; }

.cart-count {
  transform: translate(-100%, 130%) !important;
  font-size: 0.6em; }

/*# sourceMappingURL=overwrite.css.map */