@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap);
.ml-5 {
  margin-left: 5px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.f-14 {
  font-size: 14px !important;
}

.color-1 {
  color: #000000;
}

.color-2 {
  color: #ffffff !important;
}

.color-3 {
  color: #DD2526;
}

.color-4 {
  color: #2B7AC3;
}

.color-5 {
  color: #4CC6B6;
}

.color-6 {
  color: #C0C8CE;
}

.color-7 {
  color: #3A4145;
}

.color-8 {
  color: #dc3545;
}

.f-12 {
  font-size: 12px;
}

.f-14 {
  font-size: 14px;
}

.w-30 {
  width: 30% !important;
}

.w-33 {
  width: 33% !important;
}

.box-center {
  margin-right: auto;
  margin-left: auto;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-7 {
  gap: 1.75rem;
}

.gap-8 {
  gap: 2rem;
}

.text-limit {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.text-limit._clamp-10 {
  -webkit-line-clamp: 10;
  line-clamp: 10;
}

body {
  font-family: "Noto Sans JP";
  color: #000000;
  font-size: 14px;
}

.invalid-feedback {
  display: block;
}

.btn-common {
  height: 60px;
  background: #00A0E9;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  font-weight: bold;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: 1px;
  color: #FFFFFF;
  border: 1px solid #00A0E9;
  padding: 17px 29px;
}
@media screen and (max-width: 1112px) {
  .btn-common {
    padding: 10px 15px;
    font-size: 14px;
  }
}
@media screen and (max-width: 386px) {
  .btn-common {
    padding: 17px 11px;
    font-size: 12px !important;
  }
}
.btn-common.disabled {
  background-color: #EAEAEA;
  color: #C1C1C1;
  box-shadow: none;
  border: 1px solid #C1C1C1;
}
.btn-common.disabled:hover {
  color: #C1C1C1 !important;
  border: 1px solid #C1C1C1;
}
.btn-common:hover:disabled {
  color: #ffffff;
}
.btn-common:hover:enabled {
  color: #00A0E9;
  background-color: #ffffff;
  border: 1px solid #00A0E9;
}
.btn-common--submit {
  padding: 18px 97px;
}
@media screen and (max-width: 386px) {
  .btn-common--submit {
    padding: 15px 60px;
  }
}
@media screen and (max-width: 991.98px) {
  .btn-common {
    font-size: 14px;
  }
}
.btn-common--medium {
  height: auto;
  padding: 7px 14px !important;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: 1px;
}

.btn-main {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 230px;
  height: 60px;
  background: #00A0E9;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  border: 1px solid #00a0e9;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 1px;
  text-align: center;
  color: #FFFFFF;
  border: none;
}
.btn-main:hover:disabled {
  color: #ffffff;
}
.btn-main:hover:enabled {
  color: #00A0E9;
  background-color: #ffffff;
  border: 1px solid #00A0E9;
}
.btn-main--square {
  border-radius: 6px;
}
.btn-main--xs {
  width: 95px;
  height: 35px;
  font-size: 12px;
  border-radius: 100px;
  min-width: 100px;
}
.btn-main--grey {
  min-width: 81px;
  height: 50px;
  border-radius: 6px;
  background-color: #C4C4C4;
  border: none;
  font-size: 10px;
  font-weight: bold;
  color: #000000;
  box-shadow: none;
}
.btn-main--grey:hover {
  color: #000000;
}
.btn-main--auto {
  width: auto;
  min-width: 0;
  border-radius: 6px;
  height: 50px;
  padding: 0 25px;
  font-size: 12px;
}
.btn-main--white {
  background-color: #ffffff;
  color: #000000;
}
.btn-main--white:hover {
  color: #000000;
}
.btn-main--transparent {
  background: none;
  box-shadow: none;
  color: #4C5053;
}
.btn-main--transparent:hover {
  color: #4C5053;
}
.btn-main--modal {
  border-radius: 6px;
  width: auto;
  min-width: 120px;
  height: 50px;
}
.btn-main.grey {
  background-color: #C4C4C4;
  border-color: #C4C4C4;
}
.btn-main.grey:hover:disabled {
  color: #ffffff;
}
.btn-main.grey:hover:enabled {
  color: #C4C4C4;
  background-color: #ffffff;
  border: 1px solid #C4C4C4;
}
.btn-main.disabled {
  background-color: #EAEAEA;
  color: #C1C1C1;
  box-shadow: none;
}
.btn-main.disabled:hover {
  color: #C1C1C1 !important;
}
.btn-main--search {
  font-weight: 500;
  min-width: 81px;
  height: 33px;
  font-size: 12px;
  line-height: 17px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  letter-spacing: 1px;
}
.btn-main--clear {
  font-weight: 500;
  min-width: 93px;
  height: 33px;
  font-size: 12px;
  line-height: 17px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  letter-spacing: 1px;
}
.btn-main--csv {
  min-width: 340px;
}
.btn-main--add {
  min-width: 200px;
  margin-right: 15px;
}
.btn-main--update {
  min-width: 240px;
  margin-right: 15px;
}
.btn-main--delete {
  min-width: 240px;
  margin-right: 15px;
}
.btn-main--cart {
  min-width: 304px;
  margin-right: 15px;
}
.btn-main--history {
  min-width: 242px;
  margin-right: 15px;
}
.btn-main--image {
  min-width: 120px;
  height: 33px;
  font-weight: 500;
  font-size: 12px;
  line-height: 17px;
  text-align: center;
  letter-spacing: 1px;
}
.btn-main--success {
  background-color: #28a745;
  border: 1px solid #28a745;
}
.btn-main--success:hover {
  border-color: #28a745;
  color: #28a745;
}
.btn-main--success:hover:enabled {
  color: #28a745;
  background-color: #ffffff;
  border-color: #28a745;
}

.btn-group-register {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.btn-group-register .register-footer-text {
  font-size: 14px;
  color: #6C757D;
  width: 100%;
  padding: 16px 0;
  font-weight: 400;
}

.box-register-header {
  border: #3577D9 1px solid;
  padding: 16px;
  color: #3577D9;
  font-size: 14px;
  background-color: #EAF1FB;
  width: 100%;
  border-radius: 4px;
}

@media screen and (max-width: 991.98px) {
  .dashboard-outer-box .dashboard-box {
    width: calc(33.3333333333% - 10px);
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .dashboard-outer-box .dashboard-box .dashboard-box-second {
    font-size: 20px;
  }
}
@media screen and (max-width: 991.98px) {
  .dashboard-outer-box .dashboard-box:nth-child(3n+3) {
    margin-right: 10px;
  }
}
@media screen and (max-width: 414px) {
  .dashboard-outer-box .dashboard-box:nth-child(3n+3) {
    margin-right: 10px;
  }
}
@media screen and (max-width: 414px) {
  .dashboard-outer-box .dashboard-box {
    width: calc(50% - 10px);
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .dashboard-outer-box .dashboard-box .dashboard-box-second {
    font-size: 20px;
  }
}
@media screen and (max-width: 414px) {
  .dashboard-outer-box .dashboard-box:nth-child(2n+2) {
    margin-right: 10px;
  }
}

@media (max-width: 320px) {
  .btn-main--csv {
    min-width: 290px;
  }
}
@media (max-width: 768px) {
  .btn-main {
    width: 100%;
    height: 40px !important;
  }
}
@media (max-width: 991.98px) {
  .btn-main {
    margin-right: 0 !important;
  }
  .btn-cancel {
    margin-right: 8px !important;
  }
}
.navbar-auth {
  padding: 30px 67px;
}
.navbar-auth .navbar-brand {
  font-size: 25px;
  color: #000000;
  font-weight: 900;
}

@media (max-width: 768px) {
  .navbar-auth {
    padding: 12px 7.5px;
  }
}
.loading-page-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 99999;
}
.loading-page-wrapper .loader,
.loading-page-wrapper .loader:after {
  border-radius: 50%;
  width: 50px;
  height: 50px;
}
.loading-page-wrapper .loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 5px solid rgba(255, 255, 255, 0.2);
  border-right: 5px solid rgba(255, 255, 255, 0.2);
  border-bottom: 5px solid rgba(255, 255, 255, 0.2);
  border-left: 5px solid #ffffff;
  transform: translateZ(0);
  animation: load8 1.1s infinite linear;
}
@keyframes load8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.loading-wrapper {
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 99999;
}
.loading-wrapper.active {
  display: flex;
}
.loading-wrapper .loader,
.loading-wrapper .loader:after {
  border-radius: 50%;
  width: 50px;
  height: 50px;
}
.loading-wrapper .loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 5px solid rgba(255, 255, 255, 0.2);
  border-right: 5px solid rgba(255, 255, 255, 0.2);
  border-bottom: 5px solid rgba(255, 255, 255, 0.2);
  border-left: 5px solid #ffffff;
  transform: translateZ(0);
  animation: load8 1.1s infinite linear;
}
@keyframes load8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.loader-more .loader,
.loader-more .loader:after {
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
.loader-more .loader {
  margin: 20px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 3px solid #DD2526;
  border-right: 3px solid #DD2526;
  border-bottom: 3px solid #DD2526;
  border-left: 3px solid #eee;
  transform: translateZ(0);
  animation: load8 1.1s infinite linear;
}
@keyframes load8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.auth-box {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 60px 0;
  border-radius: 10px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}
.auth-box .auth-title {
  text-align: center;
  letter-spacing: 0.1em;
  color: #000000;
  font-weight: bold;
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 22px;
}
.auth-box .auth-form {
  width: 100%;
  max-width: 500px;
  margin-right: auto;
  margin-left: auto;
}
.auth-box .auth-form--xl {
  max-width: 570px;
}
.auth-box .auth-form.auth-form-text {
  font-size: 13px;
  letter-spacing: 0.1em;
}
.auth-box .auth-text-link p {
  font-size: 15px;
  color: #393939;
  margin-bottom: 0;
  line-height: 22px;
  letter-spacing: 1px;
}
.auth-box .auth-text-link p a {
  color: #3F77CB;
  text-decoration: underline;
}
.auth-box .auth-text-link p:first-child {
  margin-bottom: 10px;
}

.form-group-custom label {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 15px;
  color: #000000;
  line-height: 22px;
  margin-bottom: 10px;
  font-weight: 500;
  letter-spacing: 1px;
}
.form-group-custom label .note {
  font-size: 12px;
  color: #757C80;
}
.form-group-custom .form-control {
  height: 55px;
  font-size: 14px;
  padding: 15px 18px;
  border-radius: 4px;
  border: 2px solid #D3D8DB;
}
.form-group-custom .form-control.is-invalid {
  border-color: #dc3545;
  background-image: none;
}
.form-group-custom .form-control:disabled {
  background-color: #F4F7F8;
}
.form-group-custom .form-control::-moz-placeholder {
  color: #C2C2C2;
}
.form-group-custom .form-control::placeholder {
  color: #C2C2C2;
}
.form-group-custom textarea.form-control {
  height: auto;
}
.form-group-custom .select2-container--default .select2-selection--multiple {
  border: 2px solid #D3D8DB;
}
.form-group-custom.has-success .valid-feedback-custom {
  display: flex;
}
.form-group-custom .select-staff {
  height: 60px;
}
.form-group-custom .btn-update-staff {
  min-width: 105px;
}

.form-group-custom .form-control-height {
  height: 250px;
  min-height: 250px;
}

@media (max-width: 768px) {
  .form-group-custom .form-control {
    height: 40px;
    padding: 5px;
  }
}
.form-group.input-container .form-control {
  border: 1px solid #737373;
}
.form-group.input-container .custom-label {
  font-weight: normal;
}

.privacy-checkbox .custom-checkbox .custom-control-label::before {
  border-radius: 4px;
}
.privacy-checkbox .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  border: 2px solid #04a2e9;
  border-radius: 4px;
}

.separator {
  width: 100%;
  height: 1px;
  margin: 24px 0 36px;
  background-color: #737373;
}

.btn-main.btn-submit-authenticate {
  color: #393939;
  background: #ffd500;
  border: 1px solid #ffd500;
}
.btn-main.btn-submit-authenticate:hover:disabled {
  color: #393939;
}
.btn-main.btn-submit-authenticate:hover:enabled {
  color: #393939;
  background: #ffd500;
  border: 1px solid #ffd500;
}
.btn-main.btn-submit-staff {
  color: #FFFFFF;
  background: #289B43;
  border: 1px solid #289B43;
}
.btn-main.btn-submit-staff:hover:disabled {
  color: #FFFFFF;
}
.btn-main.btn-submit-staff:hover:enabled {
  color: #FFFFFF;
  background: #289B43;
  border: 1px solid #289B43;
}

.valid-feedback-custom {
  display: none;
  align-items: center;
  color: #4CC6B6;
  font-weight: bold;
  font-size: 13px;
  line-height: 19px;
  margin-top: 10px;
}
.valid-feedback-custom img {
  margin-right: 8px;
}

.custom-radio .custom-control-label {
  font-size: 14px;
  font-weight: normal;
  color: #000000;
}
.custom-radio .custom-control-label::before {
  width: 22px;
  height: 22px;
  background-color: #ffffff;
  border: 2px solid #C0C8CE;
  box-shadow: none;
  top: 0;
  left: -34px;
}

.custom-control-input:checked ~ .custom-control-label::before {
  background-color: #ffffff;
  border: 2px solid #C0C8CE;
  color: #00A0E9;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: none;
  height: 10px;
  width: 10px;
  background-color: #00A0E9;
  border-radius: 100%;
  top: 6px;
  left: -28px;
}

.custom-control-inline {
  min-height: 24px;
  padding-left: 34px;
}

.custom-checkbox .custom-control-label::before {
  width: 24px;
  height: 24px;
  background-color: #ffffff;
  border: 2px solid #C0C8CE;
  box-shadow: none;
  top: 0;
  left: -34px;
}

.custom-checkbox .custom-control-label::after {
  width: 24px;
  height: 24px;
  top: 0;
  left: -34px;
}

.custom-checkbox .custom-checkbox-label::after {
  width: 16px;
  height: 16px;
  top: 8px;
  left: -20px;
}

.custom-checkbox-input:checked ~ .custom-checkbox-label::before {
  background-color: #ffffff;
  border: 1px solid #D3D8DB;
}

.custom-checkbox .custom-checkbox-label::before {
  width: 16px;
  height: 16px;
  background: #FFFFFF;
  border: 1px solid #D3D8DB;
  box-shadow: none;
  top: 8px;
  left: -20px;
}

.custom-checkbox .custom-checkbox-input {
  width: 16px;
  height: 16px;
  top: 8px;
  left: 9px;
}

.custom-checkbox .custom-checkbox-role {
  left: 73px;
}

.custom-checkbox .custom-checkbox-input:checked ~ .custom-control-label.custom-checkbox-label::after {
  width: 16px;
  height: 16px;
  top: 8px;
  left: -20px;
  background-image: url("/assets/custom/images/icon/check.svg");
}

.custom-checkbox .custom-checkbox-input:checked ~ .custom-control-label.custom-checkbox-label:disabled {
  background-color: #F4F7F8;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  width: 24px;
  height: 24px;
  top: 0;
  left: -34px;
  background-image: url("/assets/custom/images/icon/check.svg");
}

.box-confirm {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 60px;
  border: 1px solid #DD2526;
  border-radius: 4px;
  color: #DD2526;
}

.sidebar-dark-primary {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #3A4145;
  padding-top: 40px;
}
.sidebar-dark-primary.main-sidebar-custom {
  overflow: auto;
  max-height: 100%;
  padding-top: 40px;
}
.sidebar-dark-primary.main-sidebar-custom .sidebar-custom {
  height: auto;
}
.sidebar-dark-primary.main-sidebar-custom .wrap-hamburger {
  display: flex;
  justify-content: flex-end;
  margin-right: 20px;
}
.sidebar-dark-primary.main-sidebar-custom .wrap-hamburger .hamburger-menu {
  display: flex;
  flex-direction: column;
  width: 22px;
  height: 18px;
  margin-bottom: 10px;
  margin-right: -7px;
  cursor: pointer;
  position: relative;
}
.sidebar-dark-primary.main-sidebar-custom .wrap-hamburger .hamburger-menu:hover .item:first-child {
  transform: rotate(45deg);
  width: 12px;
  top: 13px;
  left: -1px;
}
.sidebar-dark-primary.main-sidebar-custom .wrap-hamburger .hamburger-menu:hover .item:last-child {
  transform: rotate(-45deg);
  width: 12px;
  bottom: 13px;
  left: -1px;
}
.sidebar-dark-primary.main-sidebar-custom .wrap-hamburger .hamburger-menu .item {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #ffffff;
  position: absolute;
  transition: all 0.15s ease-in-out;
}
.sidebar-dark-primary.main-sidebar-custom .wrap-hamburger .hamburger-menu .item:first-child {
  top: 0;
  left: 0;
}
.sidebar-dark-primary.main-sidebar-custom .wrap-hamburger .hamburger-menu .item:nth-child(2) {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.sidebar-dark-primary.main-sidebar-custom .wrap-hamburger .hamburger-menu .item:last-child {
  bottom: 0;
  left: 0;
}
.sidebar-dark-primary .brand-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 220px;
  margin-right: auto;
  margin-left: auto;
  height: 44px;
  border-radius: 6px;
  border: 1px solid #ffffff;
  font-size: 13px;
  color: #ffffff;
  margin-bottom: 24px;
}
.sidebar-dark-primary .plan-type {
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  margin-bottom: 22px;
}
.sidebar-dark-primary .count-route {
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  margin-bottom: 17px;
}
.sidebar-dark-primary .sidebar {
  padding: 0;
}
.sidebar-dark-primary .sidebar::-webkit-scrollbar {
  width: 4px;
  background-color: #3A4145;
}
.sidebar-dark-primary .sidebar::-webkit-scrollbar-thumb {
  background-color: #cccccc;
}
.sidebar-dark-primary .sidebar::-webkit-scrollbar-track {
  box-shadow: none;
  background-color: #3A4145;
}
.sidebar-dark-primary .sidebar .nav-sidebar .nav-item > .nav-link {
  display: flex;
  align-items: center;
  border-radius: 0;
  border-bottom: 1px solid #4C5053;
  margin-bottom: 0;
}
.sidebar-dark-primary .sidebar .nav-sidebar .nav-treeview .nav-item .nav-link {
  padding-left: 32px;
  margin-bottom: 0;
}
.sidebar-dark-primary .select-lang {
  padding: 0 32px;
}
.sidebar-dark-primary .select-lang label {
  color: #ffffff;
}
.sidebar-dark-primary .top-page a {
  color: #ffffff;
  font-size: 13px;
}

.brand-logo img {
  transition: all 0.5s ease-in-out;
}

.menu-off-show {
  display: none !important;
}

@media (max-width: 991.98px) {
  .wrap-hamburger {
    display: none !important;
  }
}
@media (min-width: 991.99px) {
  .sidebar-mini.mini-menu.sidebar-collapse .content-wrapper {
    margin-left: 50px !important;
  }
  .sidebar-mini.mini-menu.sidebar-collapse .main-sidebar {
    width: 50px !important;
  }
  .sidebar-mini.mini-menu.sidebar-collapse .content-wrapp {
    margin-left: 50px !important;
  }
  .sidebar-mini.sidebar-collapse .main-sidebar {
    width: 300px !important;
  }
  .sidebar-mini.sidebar-collapse .content-wrapper {
    margin-left: 300px !important;
  }
  .mini-menu .main-sidebar-custom {
    width: 50px !important;
    overflow-x: hidden;
  }
  .mini-menu .main-sidebar-custom .menu-off-hide {
    display: none !important;
  }
  .mini-menu .main-sidebar-custom .menu-off-show {
    display: inherit !important;
  }
  .mini-menu .main-sidebar-custom .brand-logo {
    width: 20px;
    padding-left: 2px;
  }
  .mini-menu .main-sidebar-custom .brand-logo img {
    width: 164px;
  }
  .mini-menu .main-sidebar-custom .wrap-hamburger .hamburger-menu:hover .item:first-child {
    transform: rotate(-45deg);
    width: 12px;
    top: 12px;
    left: 12px;
  }
  .mini-menu .main-sidebar-custom .wrap-hamburger .hamburger-menu:hover .item:last-child {
    transform: rotate(45deg);
    width: 12px;
    bottom: 12px;
    left: 12px;
  }
  .mini-menu .main-sidebar-custom .brand-link-custom {
    opacity: 0;
  }
  .mini-menu .main-sidebar-custom .nav-link-home-custom {
    padding-left: 10px !important;
  }
  .mini-menu .main-sidebar-custom .icon-menu-custom {
    padding-right: 20px;
    padding-left: 19px !important;
  }
  .mini-menu .box-select {
    left: 46px !important;
    width: calc(100vw - 50px);
  }
  .mini-menu .sidebar-custom {
    overflow-x: hidden;
  }
  .mini-menu .content-wrapper {
    margin-left: 50px !important;
  }
}
[class*=sidebar-dark-] .sidebar a,
[class*=sidebar-dark-] .nav-treeview > .nav-item > .nav-link {
  color: #ffffff;
}

[class*=sidebar-dark-] .nav-sidebar > .nav-item.menu-open > .nav-link,
[class*=sidebar-dark-] .nav-sidebar > .nav-item:hover > .nav-link {
  background: none;
}

.breadcrumb .breadcrumb-item {
  font-size: 13px;
  color: #313131;
}
.breadcrumb .breadcrumb-item a {
  color: #313131;
}
.breadcrumb .breadcrumb-item a:hover {
  color: #B5B5B5;
}
.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: url("/assets/custom/images/icon/arrow-right.svg");
}

.bt-nav-open {
  display: none;
}

.option-lang {
  margin-right: 15px;
  border: none;
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.7);
}

@media (max-width: 991.98px) {
  .bt-nav-open {
    display: block;
  }
}
.box-search {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.box-search .form-row {
  width: 100%;
  border: 1px solid #ffffff;
  height: auto;
  min-height: 40px;
  border-radius: 6px;
  overflow: hidden;
}
.box-search .form-row .input-keyword {
  height: 40px;
  position: relative;
  padding: 9px 12px;
}
.box-search .form-row .input-keyword--140 {
  width: 140px;
}
.box-search .form-row .input-keyword.border-r {
  border: 2px solid #D3D8DB;
  border-radius: 4px;
}
.box-search .form-row .input-keyword input {
  width: 100%;
  height: 100%;
  border: none;
  background: none;
}
.box-search .form-row .input-keyword input:focus {
  outline: none;
}
.box-search .form-row .input-keyword--50 {
  width: 50%;
}
.box-search .form-row .input-keyword--br {
  border-right: 1px solid #ffffff;
}
.box-search .form-row .input-keyword--bb {
  border-bottom: 1px solid #ffffff;
}
.box-search .form-row .input-keyword--130 {
  width: 140px;
}
.box-search .form-row .input-keyword--150 {
  width: 150px;
}
.box-search .form-row .input-keyword::-moz-placeholder {
  font-weight: 400;
  letter-spacing: 0.1em;
}
.box-search .form-row .input-keyword::placeholder {
  font-weight: 400;
  letter-spacing: 0.1em;
}
.box-search .form-row .input-group {
  width: 200px;
  height: 50px;
  background-color: #E7E7E7;
  border-right: 1px solid #ffffff;
  flex-wrap: nowrap;
}
.box-search .form-row .input-group .input-group-text {
  background-color: transparent;
  border: none;
}
.box-search .form-row .input-group .select2-selection {
  height: 100% !important;
  background-color: transparent;
  border: none;
}
.box-search .form-row .input-group .select2-container--default .select2-selection--single .select2-selection__rendered {
  margin-top: -2px;
}
.box-search .form-row .input-group .select2-selection__placeholder {
  color: #000000;
  font-size: 13px;
  font-weight: bold;
}
.box-search .form-row .input-group .form-control {
  display: none;
}
.box-search .form-row .input-group .form-control.select-normal {
  display: flex;
  height: 100%;
  background: none;
  border: none;
  font-size: 14px;
}
.box-search .form-row .input-group .select-default {
  width: 100%;
  border: none;
  background: none;
  padding: 0 16px;
  border: none;
  box-shadow: none;
}
.box-search .form-row .check-box-group {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 12px;
  font-size: 13px;
}
.box-search .form-row .check-box-group input {
  margin-right: 5px;
}
.box-search .btn-main {
  flex-shrink: 0;
}
@media screen and (max-width: 3468px) {
  .box-search {
    display: block;
  }
  .box-search .col-first {
    max-width: 100%;
    margin-bottom: 10px;
  }
  .box-search .col-first .form-search-custom {
    width: 33.33%;
    justify-content: space-between;
    margin-right: 0;
    padding-right: 15px;
  }
}
@media screen and (max-width: 3468px) and (max-width: 991.98px) {
  .box-search .col-first .form-search-custom {
    padding-right: 0px;
    width: calc(50% - 7.5px) !important;
  }
  .box-search .col-first .form-search-custom:nth-child(odd) {
    margin-right: 7.5px;
  }
  .box-search .col-first .form-search-custom:nth-child(even) {
    margin-left: 7.5px;
  }
}
@media screen and (max-width: 3468px) {
  .box-search .col-first .form-search-custom select, .box-search .col-first .form-search-custom input {
    width: 100%;
  }
  .box-search .col-first .custom-checkbox {
    margin-top: 30px;
  }
}
@media screen and (max-width: 3468px) and (max-width: 991.98px) {
  .box-search .col-first .custom-checkbox {
    margin-top: 0px;
  }
}
@media screen and (max-width: 3468px) {
  .box-search .col-second {
    margin-left: 0;
  }
}

@media (min-width: 991.98px) and (max-width: 1171px) {
  .btn-search-file {
    margin-top: 10px !important;
  }
}
@media (max-width: 1141px) {
  .btn-delete-multi {
    margin-top: 8px !important;
  }
}
.same-product {
  height: 15px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  /* or 16px */
  margin-bottom: 70px;
}

@media (max-width: 991.98px) {
  .box-search {
    align-items: flex-start;
    flex-direction: column;
  }
  .box-search .form-row {
    height: auto;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 16px;
  }
  .box-search .form-row .input-keyword {
    width: 100%;
  }
  .box-search .form-row .input-keyword--50 {
    width: 100%;
  }
  .box-search .form-row .input-keyword--br {
    border-right: none;
  }
  .box-search .form-row .input-group {
    width: 100%;
    border-right: none;
    border-top: 1px solid #ffffff;
  }
  .box-search .form-row .input-group:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .box-search .btn-main {
    width: 100%;
    max-width: 100%;
    margin-bottom: 5px;
  }
  .result-head {
    flex-direction: column;
    align-items: flex-start !important;
  }
  .result-head .text-result {
    margin-bottom: 10px;
  }
}
.result-head {
  display: flex;
  align-items: center;
  margin-top: 18px;
  margin-bottom: 24px;
}
.result-head .number-result {
  font-size: 27px;
  font-weight: bold;
  font-family: "Noto Sans JP";
  margin-right: 25px;
}
.result-head .number-result small {
  font-size: 11px;
  font-weight: 900;
  margin-bottom: 7px !important;
}
.result-head .text-result {
  font-size: 11px;
  color: #676767;
  margin-right: 37px;
}

/* Table custom */
.header-padding-12 table thead tr th {
  padding: 12px;
}

.table-border-custom table {
  border: none;
  border-spacing: 0;
}
.table-border-custom table thead tr th {
  border-bottom: 1px solid #000000;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  letter-spacing: 1px;
}
.table-border-custom table tbody:before {
  content: "@";
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
.table-border-custom table tbody tr td {
  border-bottom: 1px solid #EAEAEA;
  border-top: 1px solid #EAEAEA;
  font-size: 13px;
  color: #393939;
  padding: 11px !important;
}
.table-border-custom table tbody tr td.padding-0 {
  padding: 0px !important;
}
.table-border-custom table tbody tr td.hidden-row {
  padding: 0px !important;
  height: 0 !important;
}
.table-border-custom table tbody tr td:first-child {
  border-left: 1px solid #EAEAEA;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  background-color: #F2F2F2;
}
.table-border-custom table tbody tr td:last-child {
  border-right: 1px solid #EAEAEA;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.table-border-custom table tbody tr.is-hidden td {
  background-color: #F2F2F2 !important;
}
.table-border-custom table tbody tr.tr-loader-more-dashboard td {
  background-color: #ffffff !important;
  border-left: 0px solid #EAEAEA;
}
.table-border-custom table .from-name {
  font-size: 14px;
  font-weight: bold;
  word-break: break-word;
}
.table-border-custom table .to-name {
  font-size: 14px;
  font-weight: bold;
  word-break: break-word;
}
.table-border-custom table .set-name {
  word-break: break-word;
}
.table-border-custom table .updated-date {
  color: #676767;
}
.table-border-custom table .created-date {
  color: #676767;
}
.table-border-custom table .item-control {
  color: rgba(0, 0, 0, 0.54);
}
.table-border-custom table .item-control.btn-recommend.active {
  color: #DD2526;
}
.table-border-custom table .group-delete {
  min-width: 40px;
}
.table-border-custom table .group-hide {
  min-width: 40px;
}
.table-border-custom table .icon {
  flex-shrink: 0;
  width: 30px;
}
.table-border-custom table .icon img {
  width: 24px;
}
.table-border-custom table .multiply {
  margin-bottom: 9px;
  margin-right: 4px;
}
.table-border-custom table .multiply-set {
  margin-bottom: 2px;
  margin-right: 4px;
}
.table-border-custom--no-select table tbody tr td:first-child {
  background-color: #ffffff;
}

table.table-user-standard-custom tbody tr td {
  padding: 11px 11px 48px 11px !important;
}
table.table-user-standard-custom tbody tr td .form-memo-custom {
  position: absolute;
  left: 0;
  bottom: -40px;
  width: calc(100% + 131px);
  padding-right: 8px;
}
table.table-user-standard-custom thead tr th:last-child {
  width: 0;
  padding: 0 !important;
}
table.table-user-standard-custom.right tbody tr td .form-memo-custom {
  left: 0px;
}
table.table-user-standard-custom.right tbody tr td.hidden-view-right {
  display: none;
}
table.table-user-standard-custom.right thead tr th:first-child {
  width: 35px;
}
table.table-user-standard-custom.left tbody tr td .form-memo-custom {
  left: 150px;
  width: calc(100% - 150px);
}
table.table-user-standard-custom.left tbody tr .hidden-view-left {
  display: none;
}

.button-dashboard {
  width: 114px;
  height: 45px;
  border: 2px solid #00a0e9;
  border-radius: 6px;
  background: none;
  font-size: 14px;
  font-weight: 500;
  color: #00a0e9;
}
.button-dashboard:hover {
  background: #00a0e9;
  color: #ffffff;
}

.loader-more-dashboard .loader,
.loader-more-dashboard .loader:after {
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
.loader-more-dashboard .loader {
  background-color: #FFFFFF;
  margin: 5px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 4px solid #888;
  border-right: 4px solid #888;
  border-bottom: 4px solid #888;
  border-left: 4px solid #c4c3c3;
  transform: translateZ(0);
  animation: load8 1.1s infinite linear;
}
@keyframes load8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

table.table-user-standard-custom.standard-custom-table tbody tr td {
  padding: 11px 11px 9px 11px !important;
}

/* box-select-route */
.box-select-default {
  width: auto;
  position: fixed;
  bottom: 0;
  right: calc(0.5em + 7.5px);
  z-index: 99;
  margin-bottom: 0;
}
.box-select-default .box-body {
  display: flex;
  align-items: center;
  padding: 15px 20px;
  width: auto;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05);
  background-color: #F2F2F2;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.box-select-default .selected {
  display: none;
}
.box-select-default.active.d-none {
  display: flex !important;
}
.box-select-default.active .selected {
  display: flex;
}
.box-select-default.active .unchecked {
  display: none !important;
}
.box-select-default .count-select h3 {
  font-size: 21px;
  font-weight: bold;
  color: #00A0E9;
}
.box-select-default .count-select small {
  font-size: 10px;
  color: #00A0E9;
  font-weight: bold;
}
.box-select-default .count-select .text {
  font-size: 10px;
  font-weight: bold;
  color: #000000;
}
.box-select-default .border-h {
  width: 1px;
  height: 53px;
  border-radius: 6px;
  background-color: #CECECE;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05);
  border-radius: 6px 6px 0px 0px;
}
.box-select-default--create-route {
  left: calc(250px + 0.5em + 7.5px);
}
.box-select-default--create-route .box-body {
  padding: 0;
}
.box-select-default--create-route .box-select-default__column {
  display: flex;
}
.box-select-default--create-route .box-select-default__column--left {
  width: 100%;
  padding: 21px 20px 38px 27px;
  border-right: 1px solid #ffffff;
  align-items: center;
  justify-content: center;
}
.box-select-default--create-route .box-select-default__column--left .form-group {
  width: 100%;
  height: 64px;
}
@media screen and (max-width: 991.98px) {
  .box-select-default--create-route .box-select-default__column--left .form-group {
    height: 40px;
  }
}
.box-select-default--create-route .box-select-default__column--left .form-group select {
  display: none;
}
.box-select-default--create-route .box-select-default__column--left .form-group .select2-container--bootstrap4 .select2-selection {
  height: 64px;
  border: none;
  border-radius: 6px;
  padding: 10px;
}
@media screen and (max-width: 991.98px) {
  .box-select-default--create-route .box-select-default__column--left .form-group .select2-container--bootstrap4 .select2-selection {
    height: 40px;
    padding: 4px;
  }
}
.box-select-default--create-route .box-select-default__column--left .form-group .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
  border-radius: 6px;
}
.box-select-default--create-route .box-select-default__column--left .btn-add-tag {
  width: 60px;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  font-size: 10px;
  color: #000000;
  margin-left: 10px;
}
.box-select-default--create-route .box-select-default__column--right {
  min-width: 360px;
  flex-shrink: 0;
  padding: 20px 27px 38px 20px;
}
@media screen and (max-width: 991.98px) {
  .box-select-default--create-route .box-select-default__column--right {
    flex-direction: column;
  }
}
.box-select-default--create-route .box-select-default__column--right .share-url {
  max-width: 320px;
  margin-right: 12px;
}
@media screen and (max-width: 991.98px) {
  .box-select-default--create-route .box-select-default__column--right .share-url {
    margin-right: 0;
    max-width: 100%;
    margin-bottom: 4px;
  }
}
.box-select-default--create-route .box-select-default__column--right .share-url .question .group-radio {
  flex-shrink: 0;
  font-size: 10px;
  font-weight: bold;
}
.box-select-default--create-route .box-select-default__column--right .share-url .question .text {
  font-size: 8px;
  font-weight: bold;
}
.box-select-default--create-route .box-select-default__column--right .share-url .input-group-link {
  width: 100%;
  height: 50px;
  margin-top: 4px;
  background-color: #ffffff;
  border-radius: 6px;
  margin-right: 12px;
}
@media screen and (max-width: 991.98px) {
  .box-select-default--create-route .box-select-default__column--right .share-url .input-group-link {
    height: 30px;
  }
}
.box-select-default--create-route .box-select-default__column--right .share-url .input-group-link .form-control {
  height: 100%;
  border: none;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  padding-left: 19px;
}
.box-select-default--create-route .box-select-default__column--right .share-url .input-group-link .input-group-append .input-group-text {
  border: none;
  background: none;
  padding-right: 10px;
  outline: none;
}
.box-select-default--create-route .box-select-default__column--right .btn-submit {
  height: 64px;
  width: 157px;
  margin-left: 11px;
}
.box-select-default--create-route .box-select-default__column--right .group-control {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 991.98px) {
  .box-select-default--create-route .box-select-default__column--right .group-control {
    flex-direction: row;
    width: 60%;
  }
}
.box-select-default--create-route .box-select-default__column--right .group-control .btn-main {
  height: 30px;
  width: 125px;
  padding: 0;
  font-size: 10px;
}
.box-select-default--create-route .box-select-default__column--right .group-control .btn-main:hover {
  color: #000000;
}
@media screen and (max-width: 991.98px) {
  .box-select-default--create-route .box-select-default__column--right .group-control .item-btn {
    width: 48%;
    font-size: 8px;
    height: 100%;
  }
}
@media screen and (max-width: 991.98px) {
  .box-select-default--create-route .box-select-default__column--right .group-control .item-btn button {
    height: 100%;
  }
}
@media screen and (max-width: 991.98px) {
  .box-select-default--create-route .box-select-default__column--right .group-control .item-btn .btn-main {
    width: 100% !important;
    line-height: 10px;
  }
}
.box-select-default--create-route.free-plan {
  left: auto;
}
.box-select-default--create-route.free-plan .box-body {
  justify-content: flex-end;
}
.box-select-default--create-route.free-plan .box-body .box-select-default__column--left {
  display: none;
}
.box-select-default--create-route.free-plan .box-body .box-select-default__column--right {
  justify-content: flex-end;
}
.box-select-default--create-set.edit {
  left: calc(250px + 0.5em + 7.5px);
}
.box-select-default--create-set .box-body {
  padding: 0;
  height: 100%;
}
.box-select-default--create-set .box-select-default__column {
  display: flex;
}
.box-select-default--create-set .box-select-default__column--left {
  width: 100%;
  height: 100%;
  padding: 25px 29px 30px 25px;
  border-right: 8px solid #ffffff;
  flex-direction: column;
}
.box-select-default--create-set .box-select-default__column--right {
  flex-shrink: 0;
  padding: 31px 29px 21px 34px;
  max-width: 220px;
}
.box-select-default--create-set .box-select-default__column--right .btn-submit {
  height: 64px;
  width: 157px;
}
.box-select-default--create-set .box-select-default__column .question {
  font-size: 10px;
  font-weight: bold;
  margin-bottom: 8px;
}
.box-select-default--create-set .box-select-default__column .share-group {
  display: flex;
}
.box-select-default--create-set .box-select-default__column .share-group .input-group-link {
  width: 100%;
  max-width: 415px;
  height: 53px;
  background-color: #ffffff;
  border-radius: 6px;
  margin-right: 12px;
}
@media screen and (max-width: 991.98px) {
  .box-select-default--create-set .box-select-default__column .share-group .input-group-link {
    height: 30px;
  }
}
.box-select-default--create-set .box-select-default__column .share-group .input-group-link .form-control {
  height: 100%;
  border: none;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  padding-left: 19px;
}
.box-select-default--create-set .box-select-default__column .share-group .input-group-link .input-group-append .input-group-text {
  border: none;
  background: none;
  padding-right: 10px;
  outline: none;
}
.box-select-default--create-set .box-select-default__column .share-group .group-btn {
  display: flex;
}
.box-select-default--create-set .box-select-default__column .share-group .group-btn .btn-main {
  width: 125px;
  height: 53px;
  margin-right: 8px;
  font-size: 10px;
  padding: 0;
}
.box-select-default--create-set .box-select-default__column .share-group .group-btn .btn-main:hover {
  color: #000000;
}

@media (max-width: 991.98px) {
  .box-select-default .box-body {
    flex-direction: column;
  }
  .box-select-default .box-body .select-item {
    margin-bottom: 10px;
    margin-right: 0 !important;
    margin-left: 0 !important;
    max-width: 100%;
  }
  .box-select-default .box-body .select-item:last-child {
    margin-bottom: 0;
  }
  .box-select-default .border-h {
    height: 1px;
    width: 200px;
    margin-top: 16px;
  }
  .box-select-default .count-select {
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .box-select-default--create-route .box-body {
    flex-direction: column;
  }
  .box-select-default--create-route .box-select-default__column--left {
    padding: 12px;
  }
  .box-select-default--create-route .box-select-default__column--right {
    width: 100%;
    padding: 12px;
    border: none;
    min-width: 100%;
  }
  .box-select-default--create-set .box-body {
    padding: 0;
    height: 100%;
    padding: 12px;
  }
  .box-select-default--create-set .box-select-default__column--left {
    border-right: none;
    margin-bottom: 12px;
    padding: 0;
  }
  .box-select-default--create-set .box-select-default__column--right {
    padding: 0;
    width: 100%;
    max-width: 100%;
  }
  .box-select-default--create-set .box-select-default__column--right .btn-submit {
    width: 100%;
    max-width: 100%;
  }
  .box-select-default--create-set .box-select-default__column .question {
    flex-direction: column;
  }
  .box-select-default--create-set .box-select-default__column .question div.ml-3 {
    margin-left: 0 !important;
  }
  .box-select-default--create-set .box-select-default__column .share-group {
    flex-direction: column;
  }
  .box-select-default--create-set .box-select-default__column .share-group .input-group-link {
    width: 100%;
    max-width: 100%;
    margin-bottom: 12px;
  }
  .box-select-default--create-set .box-select-default__column .share-group .group-btn .btn-item {
    width: 33.3333333333% !important;
    margin-right: 8px;
  }
  .box-select-default--create-set .box-select-default__column .share-group .group-btn .btn-main {
    width: 100%;
  }
  .box-select-default--create-set .box-select-default__column .share-group .group-btn .btn-main:last-child {
    margin-right: 0;
  }
}
@media (max-width: 320px) {
  .box-select-default--create-set .box-select-default__column .share-group .group-btn .btn-main {
    font-size: 8px;
  }
}
.input-grey {
  width: 100%;
  height: 52px;
  background: #F2F2F2;
  border: 1px solid #FFFFFF;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05);
  border-radius: 6px;
}

.route-form__column--left {
  padding-right: calc(0.5em + 7.5px);
}
.route-form__column--right {
  border-left: 1px solid #EAEAEA;
  padding-left: calc(0.5em + 7.5px);
}
.route-form__title {
  font-size: 13px;
  margin-bottom: 5px;
}
.route-form__title h1 {
  font-size: 32px;
  font-weight: 900;
  margin-bottom: 0;
}
.route-form__title-sub {
  font-size: 13px;
  font-weight: bold;
}
.route-form__search .btn-get-location {
  background: #EAEAEA;
  border: 1px solid #FFFFFF;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  flex-shrink: 0;
  min-width: 195px;
  height: 38px;
  font-size: 12px;
  margin-left: 14px;
}
.route-form__search .btn-get-location.lg {
  min-width: 215px;
}
.route-form .map {
  height: 192px;
  border-radius: 6px;
}
.route-form .text-lat-lng {
  font-size: 12px;
  color: #C4C4C4;
}
.route-form .noti-required {
  height: 20px;
  margin-bottom: 32px;
  font-size: 12px;
}

.form-group--search {
  border-bottom: 1px solid #CECECE;
  padding-left: 26px;
  position: relative;
}
.form-group--search::before {
  content: url(/assets/custom/images/icon/search.svg);
  position: absolute;
  top: 11px;
  left: 0px;
}
.form-group--search .form-control {
  border-radius: 0;
  border: none;
  font-size: 13px;
}

.form-group-row-custom {
  align-items: center;
}
.form-group-row-custom label {
  font-size: 12px;
  font-weight: normal !important;
}
.form-group-row-custom .form-control {
  background: #FFFFFF;
  border: 1px solid #EAEAEA;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  height: auto;
  min-height: 47px;
  font-size: 12.4px;
}

@media (max-width: 991.98px) {
  .route-form__column--right {
    border-left: none;
    border-top: 1px solid #EAEAEA;
    padding-top: 20px;
  }
}
@media (max-width: 768px) {
  .route-form__search {
    flex-direction: column;
  }
  .route-form__search .btn-get-location {
    margin-left: 0;
  }
}
/* form-group-plan-name */
.form-group-plan-name label {
  font-size: 13px;
  font-weight: normal !important;
}
.form-group-plan-name input {
  font-size: 32px;
  font-weight: 900;
  color: #000000;
  border: none;
  padding-left: 0;
  border-radius: 0;
  padding: 10px 0;
  height: auto;
  border-bottom: 1px solid #EAEAEA;
}
.form-group-plan-name input:focus {
  color: #000000;
}
.form-group-plan-name input::-moz-placeholder {
  font-weight: normal;
  color: #EAEAEA;
}
.form-group-plan-name input::placeholder {
  font-weight: normal;
  color: #EAEAEA;
}

.label-thin {
  font-size: 13px;
  font-weight: normal !important;
}

.set-box__title {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.set-box__title-text {
  width: 100%;
}
.set-box__title-arrow {
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: #C1C1C1;
  position: relative;
}
.set-box__title-arrow::after {
  content: "";
  display: block;
  width: 5px;
  height: 1px;
  background-color: #C1C1C1;
  position: absolute;
  transform: rotate(45deg);
  position: absolute;
  right: 0;
  top: -2px;
}
.set-box__title-arrow::before {
  content: "";
  display: block;
  width: 5px;
  height: 1px;
  background-color: #C1C1C1;
  position: absolute;
  transform: rotate(-45deg);
  position: absolute;
  right: 0;
  bottom: -2px;
}
.set-box .box-route-init {
  border: 3px solid #EAEAEA;
  border-radius: 6px;
}
.set-box .box-route-init .form-row-search {
  font-size: 10px;
}
.set-box .box-route-init .form-row-search .input-group {
  width: 33.3333333333%;
  border-radius: 0;
}
.set-box .box-route-init .form-row-search .input-group > .input-group-prepend > .input-group-text {
  border-radius: 0;
  background-color: #F5F5F5;
  border: none;
  padding-left: 28px;
}
.set-box .box-route-init .form-row-search .input-group .input-group-prepend ~ .select2-container .select2-selection {
  border: none;
  border-radius: 0;
  background-color: #F5F5F5;
}
.set-box .box-route-init .form-search-keyword {
  font-size: 12px;
  border-bottom: 1px solid #EAEAEA;
}
.set-box .box-route-init .form-search-keyword .input-group {
  height: 44px;
}
.set-box .box-route-init .form-search-keyword .input-group > .input-group-prepend > .input-group-text {
  border-radius: 0;
  border: none;
  background-color: #ffffff;
  padding-left: 28px;
}
.set-box .box-route-init .form-search-keyword .input-group > .form-control:not(:first-child) {
  border-radius: 0;
  border: none;
}
.set-box .box-route-init .form-search-keyword .input-group .form-control {
  height: 100%;
  font-size: 12px;
}
.set-box .box-route-select {
  border: 3px solid #EAEAEA;
  border-radius: 6px;
  margin-bottom: 30px;
  position: relative;
}
.set-box .box-route-select::before {
  content: "";
  display: block;
  width: 38px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #EAEAEA;
}
.set-box .box-route-select .invalid-feedback {
  display: block;
  margin-left: 38px;
  background-color: transparent;
}
.set-box .form-expiration {
  justify-content: space-between;
}
.set-box .form-expiration__title span {
  display: block;
  font-size: 13px;
}
.set-box .form-expiration__title small {
  font-size: 10px;
}
.set-box .form-expiration__input input {
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #EAEAEA;
  width: 150px;
  text-align: right;
  font-size: 16px;
}

@media (max-width: 1200px) {
  .set-box .box-route-init .form-row-search .input-group > .input-group-prepend > .input-group-text {
    padding-left: 10px;
  }
}
/* list-route-init */
.list-route-init {
  height: 497px;
  overflow-y: auto;
}
.list-route-init li {
  flex-direction: column;
  align-items: flex-start !important;
  cursor: move;
  border-left: none;
  border-bottom: 1px solid #EAEAEA;
  padding: 17px 28px;
  margin-bottom: 0;
}
.list-route-init li.selected {
  background: #c2dbff !important;
}
.list-route-init li.selected .group-info-list {
  color: #5f6368;
}
.list-route-init li.selected .group-name .icon {
  color: #5f6368;
}
.list-route-init li .item-select {
  display: none;
}
.list-route-init li .group-name {
  color: #000000;
  font-size: 13px;
  font-weight: bold;
  align-items: center;
  word-break: break-word;
}
.list-route-init li .group-name .icon {
  margin: 0 16px;
  color: #C4C4C4;
}
.list-route-init li.is-private .group-name {
  color: rgba(255, 0, 0, 0.7);
}
.list-route-init li .group-info-list {
  font-size: 11px;
  color: #C4C4C4;
}
.list-route-init li .group-info-list span {
  margin-right: 18px;
  font-weight: normal !important;
}

.tbody-tag-list td a:hover {
  text-decoration: underline;
  color: #00a0e9;
}

@media (max-width: 768px) {
  .list-route-init {
    height: 300px;
  }
}
.list-route-select {
  height: 430px;
  overflow-y: auto;
}
.list-route-select li {
  position: relative;
  padding-right: 20px;
  border-left: none;
  padding: 0;
  min-height: 45px;
  margin-bottom: 0;
  border-bottom: 1px solid #EAEAEA !important;
  border-radius: 0;
  display: flex;
  padding-right: 45px;
}
.list-route-select li.selected {
  background: #c2dbff !important;
}
.list-route-select li.selected .group-info-list {
  color: #5f6368;
}
.list-route-select li.selected .group-name .icon {
  color: #5f6368;
}
.list-route-select li.selected .handle {
  color: #5f6368;
}
.list-route-select li.selected .item-remove path {
  fill: #5f6368;
}
.list-route-select li .order-number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 100%;
  background-color: #EAEAEA;
  font-size: 13px;
  font-weight: bold;
}
.list-route-select li .handle {
  display: flex;
  align-items: center;
  width: 24px;
  height: 100%;
  justify-content: center;
  color: #BDBDBD;
}
.list-route-select li .group-name {
  align-items: center;
  font-size: 13px;
  padding: 10px 0;
  word-break: break-word;
}
.list-route-select li .group-name .icon {
  margin: 0 8px;
  color: #C4C4C4;
}
.list-route-select li.is-private .group-name {
  color: rgba(255, 0, 0, 0.6);
}
.list-route-select li .item-init {
  display: none;
}
.list-route-select li .item-select {
  display: flex;
}
.list-route-select li .item-remove {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #e0e0e0;
  cursor: pointer;
}
.list-route-select li .item-remove:hover svg path {
  fill: #333333;
}
.list-route-select li .handle {
  color: #e0e0e0;
}
.list-route-select li .handle:hover {
  color: #333333;
}

@media (max-width: 768px) {
  .list-route-select {
    height: 300px;
  }
}
@media (max-width: 991.98px) {
  .set-box__title img {
    display: none;
  }
  .set-box .box-route-init {
    margin-bottom: 40px;
  }
  .set-box .box-route-init .form-row-search {
    flex-direction: column;
  }
  .set-box .box-route-init .form-row-search .input-group {
    width: 100%;
    border-bottom: 1px solid #ffffff;
  }
}
.mypage-title {
  font-size: 16px;
  font-weight: bold;
}

.mypage-nav-wrap {
  border-right: 1px solid #C4C4C4;
  padding-right: 0;
}
.mypage-nav-wrap .mypage-nav .nav-link {
  color: #000000;
  font-size: 13px;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.mypage-nav-wrap .mypage-nav .nav-link.active {
  background-color: #EAEAEA;
}

.group-postal-code .btn-main {
  width: 95px;
  height: 35px;
  font-size: 12px;
  font-weight: normal;
  border-radius: 100px;
}

@media (max-width: 991.98px) {
  .mypage-nav-wrap {
    padding-right: 7.5px;
    border-right: none;
    margin-bottom: 32px;
    border-bottom: 1px solid #C4C4C4;
    padding-bottom: 16px;
  }
  .mypage-nav-wrap .mypage-nav .nav-link {
    border-radius: 6px;
  }
}
.list-payment-method .list-group-item {
  padding: 28px 27px;
}
.list-payment-method .list-group-item .name {
  font-size: 14px;
  font-weight: bold;
}
.list-payment-method .list-group-item .expiration-date {
  font-size: 14px;
  font-weight: bold;
}
.list-payment-method .list-group-item .expiration-date .label {
  margin-right: 11px;
}
.list-payment-method .list-group-item .default {
  width: 100px;
  display: flex;
  align-items: center;
  margin-left: 20px;
  justify-content: flex-end;
  font-size: 10px;
}
.list-payment-method .list-group-item .default a {
  font-size: 10px;
}

.list-payment-history {
  height: 400px;
  overflow-y: scroll;
}
.list-payment-history .list-group-item {
  padding: 28px 27px;
  font-size: 11px;
}
.list-payment-history .list-group-item .date {
  margin-right: 46px;
}
.list-payment-history .list-group-item .name {
  font-size: 14px;
  font-weight: bold;
}
.list-payment-history .list-group-item .price {
  margin-right: 46px;
}
.list-payment-history .list-group-item .download {
  color: #DD2526;
}

@media (max-width: 768px) {
  .list-payment-method .list-group-item {
    flex-direction: column;
    align-items: flex-start !important;
  }
  .list-payment-method .list-group-item .name {
    font-size: 11px;
  }
  .list-payment-method .list-group-item .expiration-date {
    font-size: 11px;
  }
  .list-payment-history .list-group-item {
    flex-direction: column;
    align-items: flex-start !important;
  }
  .list-payment-history .list-group-item .group-date-name {
    width: 100%;
    justify-content: space-between;
  }
  .list-payment-history .list-group-item .group-info {
    width: 100%;
    justify-content: space-between;
  }
}
.plan-count {
  margin-bottom: 80px;
}
.plan-count__number {
  font-weight: bold;
  font-size: 12px;
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.plan-count__number h1 {
  font-size: 41px;
  font-weight: bold;
}
.plan-count__noti {
  font-size: 14px;
  font-weight: bold;
}

.mypage-title-nav {
  align-items: center;
}
.mypage-title-nav .nav a {
  font-size: 14px;
  color: #000000;
}

/* .list-account-plan */
.list-account-plan .plan-item {
  min-height: 686px;
  border-radius: 6px;
  position: relative;
  border: 3px solid #EAEAEA;
  box-shadow: none;
  padding: 62px 37px 55px 37px;
}
.list-account-plan .plan-item .tag-active {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px 25px;
  background-color: #000000;
  color: #ffffff;
  border-bottom-right-radius: 6px;
}
.list-account-plan .plan-item.active {
  border: 3px solid #000000;
}
.list-account-plan .plan-item.active .tag-active {
  display: block;
}
.list-account-plan .plan-item .list-group {
  margin-bottom: 30px;
}
.list-account-plan .plan-item .list-group .list-group-item {
  padding: 9px 0;
  border: none;
  font-size: 14px;
}
.list-account-plan .plan-item .list-group .list-group-item .icon {
  margin-right: 20px;
}
.list-account-plan .plan-item .list-group .list-group-item i {
  color: #27AE60;
}
.list-account-plan .plan-item .list-group .list-group-item.disabled {
  color: #676767;
}
.list-account-plan .plan-item .list-group .list-group-item.disabled i {
  color: inherit;
}
.list-account-plan .plan-item__name {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 8px;
}
.list-account-plan .plan-item__price {
  font-size: 41px;
  font-weight: bold;
  position: relative;
  margin-bottom: 20px;
}
.list-account-plan .plan-item__price span {
  font-size: 12px;
  font-weight: normal;
  position: absolute;
  bottom: 11px;
  right: -104px;
  text-align: left;
  min-width: 100px;
}
.list-account-plan .plan-item__description {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 32px;
}
.list-account-plan .plan-item__title-function {
  font-size: 14px;
  color: #C4C4C4;
  border-bottom: 1px solid #EAEAEA;
  padding: 4px 8px;
  margin-bottom: 12px;
}
.list-account-plan .plan-bot {
  height: 80px;
}

@media (max-width: 768px) {
  .list-account-plan .plan-item .list-group .list-group-item {
    font-size: 12px;
  }
}
@media (max-width: 320px) {
  .mypage-title-nav {
    flex-direction: column;
    align-items: flex-start;
  }
  .mypage-title-nav .nav a {
    padding-left: 0;
  }
  .list-account-plan .plan-item {
    padding: 60px 12px;
  }
}
/* table-list-default */
.table-list-default th.name {
  min-width: 500px;
}
.table-list-default th.set-name {
  min-width: 300px;
}
.table-list-default th.tag-name {
  min-width: 300px;
}
.table-list-default th.client-name {
  min-width: 200px;
}
.table-list-default th.category {
  min-width: 160px;
}
.table-list-default th.expiration {
  min-width: 160px;
}
.table-list-default th.count {
  min-width: 150px;
}
.table-list-default th.date {
  min-width: 150px;
}
.table-list-default th.tag {
  min-width: 160px;
}
.table-list-default th.type {
  min-width: 150px;
}
.table-list-default th.plan {
  min-width: 150px;
}
.table-list-default th.deleted {
  min-width: 120px;
}
.table-list-default th.checkbox {
  min-width: 60px;
}
.table-list-default tbody td {
  vertical-align: middle;
}
.table-list-default tbody tr.deleted td {
  background-color: #F2F2F2;
}
.table-list-default tbody tr.deleted td:first-child {
  background-color: #F2F2F2;
}
.table-list-default tbody tr.deleted .item-control {
  color: rgba(0, 0, 0, 0.54);
}
.table-list-default a {
  color: #393939;
}

.no-data {
  color: #DD2526;
}

.stripe-payment {
  padding: 0 20px;
}
.stripe-payment .title {
  font-size: 16px;
  font-weight: bold;
}
.stripe-payment form {
  margin-top: 15px;
}
.stripe-payment label {
  height: 40px;
  width: 100%;
  line-height: 40px;
  margin-bottom: 0;
}
.stripe-payment .field {
  background: transparent;
  font-weight: 300;
  border: 0;
  color: #31325F;
  outline: none;
  flex: 1;
  padding-right: 10px;
  padding-left: 10px;
  cursor: text;
  height: 40px;
  width: 100%;
}
.stripe-payment .field::-webkit-input-placeholder {
  color: #CFD7E0;
}
.stripe-payment .field::-moz-placeholder {
  color: #CFD7E0;
}
.stripe-payment .error {
  display: none;
  font-size: 13px;
}
.stripe-payment .error.visible {
  display: inline;
}
.stripe-payment .error {
  color: #E4584C;
}

.list-logo-credit img {
  width: 50px;
}

.wrap-page-error {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
}
.wrap-page-error .logo {
  margin-bottom: 50px;
}
.wrap-page-error .code {
  font-weight: bold;
  font-size: 80px;
}
.wrap-page-error .text {
  font-size: 20px;
  margin-bottom: 50px;
}

.list-icon__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  background: #F2F2F2;
  border: 1px solid #FFFFFF;
  cursor: pointer;
}
.list-icon__btn img {
  width: 24px;
}
.list-icon__body {
  width: 282px;
  height: 300px;
  overflow: auto;
  padding: 5px;
}
.list-icon__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.list-icon__item:hover {
  border: 1px solid #DD2526;
}
.list-icon__item img {
  width: 24px;
}

.select-num-row {
  border: 1px solid #ccc;
  border-radius: 5px;
  width: 50px;
  height: 25px;
}

.page-link {
  color: #000000;
}

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

.group-button {
  flex-wrap: wrap;
}

@media (max-width: 768px) {
  .group-button .btn {
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 16px;
  }
}
.select2-container--bootstrap4 .select2-selection.form-control {
  border-color: #EAEAEA;
}

.box-upload-audio {
  display: flex;
  align-items: center;
}
.box-upload-audio .list-control {
  min-width: 100px;
}
.box-upload-audio .list-control .btn-control {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  background-color: #eeeeee;
  border-radius: 6px;
}
.box-upload-audio .list-control .btn-delete {
  display: none;
}
.box-upload-audio audio {
  display: none;
}

label:not(.form-check-label):not(.custom-file-label) {
  font-weight: 500;
  font-size: 15px;
}

.box-search-order {
  align-items: start;
}
@media screen and (max-width: 3468px) {
  .box-search-order {
    display: block;
  }
}
.box-search-order .col-first {
  max-width: 80%;
  margin-bottom: 10px;
  display: flex;
  flex-wrap: wrap;
}
.box-search-order .col-second {
  margin: 5px 0 0 20px;
}
@media screen and (max-width: 3468px) {
  .box-search-order {
    display: block;
  }
  .box-search-order .col-first {
    max-width: 100%;
    margin-bottom: 10px;
  }
  .box-search-order .col-first .form-search-custom.form-search-order {
    width: 33.33%;
    justify-content: space-between;
    margin-right: 0;
    padding-right: 15px;
  }
}
@media screen and (max-width: 3468px) and (max-width: 991.98px) {
  .box-search-order .col-first .form-search-custom.form-search-order {
    padding-right: 0px;
    width: calc(50% - 7.5px) !important;
  }
  .box-search-order .col-first .form-search-custom.form-search-order:nth-child(odd) {
    margin-right: 7.5px;
  }
  .box-search-order .col-first .form-search-custom.form-search-order:nth-child(even) {
    margin-left: 7.5px;
  }
}
@media screen and (max-width: 3468px) {
  .box-search-order .col-first .form-search-custom.form-search-order select, .box-search-order .col-first .form-search-custom.form-search-order input {
    width: 100%;
  }
  .box-search-order .col-first .custom-checkbox {
    margin-top: 30px;
  }
}
@media screen and (max-width: 3468px) and (max-width: 991.98px) {
  .box-search-order .col-first .custom-checkbox {
    margin-top: 0px;
  }
}
@media screen and (max-width: 3468px) {
  .box-search-order .col-second {
    margin-left: 0;
  }
}

@media screen and (max-width: 991.98px) {
  .box-search-custom .form-search-two-col {
    padding-right: 0px;
    width: calc(50% - 7.5px) !important;
  }
  .box-search-custom .form-search-two-col:nth-child(odd) {
    margin-right: 7.5px;
  }
  .box-search-custom .form-search-two-col:nth-child(even) {
    margin-left: 7.5px;
  }
}
.box-search-custom .box-checkbox-custom {
  display: flex;
}
@media screen and (max-width: 2044px) {
  .box-search-custom .box-checkbox-custom {
    width: 100%;
  }
  .box-search-custom .box-checkbox-custom .custom-control.custom-checkbox {
    margin-top: 20px;
  }
}

.box-search-standard {
  align-items: start;
}
.box-search-standard .col-first {
  margin-bottom: 10px;
  display: flex;
}
.box-search-standard .col-second {
  margin: 5px 0 0 20px;
}
@media screen and (max-width: 1439px) {
  .box-search-standard {
    display: block;
  }
  .box-search-standard .col-first {
    max-width: 100%;
    margin-bottom: 20px;
  }
  .box-search-standard .col-first .form-search-custom.form-search-standard {
    width: 33.33%;
    justify-content: space-between;
    margin-right: 0;
    padding-right: 15px;
  }
  .box-search-standard .col-first .form-search-custom.form-search-standard select, .box-search-standard .col-first .form-search-custom.form-search-standard input {
    width: 100%;
  }
  .box-search-standard .col-first .custom-checkbox {
    margin-top: 30px;
  }
  .box-search-standard .col-second {
    margin-left: 0;
  }
}

.table-users-statistic td {
  border-bottom: 1px solid #dee2e6;
}
.table-users-statistic td:first-child {
  width: 70%;
}
.table-users-statistic td a {
  color: #393939;
}
.table-users-statistic td a:hover {
  text-decoration: underline;
  color: #00a0e9;
}

.modal-confirmation {
  max-width: 550px;
}

.btn__standard-condition {
  display: flex;
  padding: 8px 15px;
  border-radius: 100px;
}
.btn__standard-condition .hover {
  display: none;
}
.btn__standard-condition:hover {
  background-color: #ffffff;
}
.btn__standard-condition:hover .no-hover {
  display: none;
}
.btn__standard-condition:hover .hover {
  display: block;
}
.btn__standard-condition_residual {
  background-color: #F27A9F;
  border: 1px solid #F27A9F;
}
.btn__standard-condition_order-required {
  background-color: #4D72D2;
  border: 1px solid #4D72D2;
}
.btn__standard-condition_enough {
  background-color: #44C3CB;
  border: 1px solid #44C3CB;
}
.btn__standard-condition_redundant {
  background-color: #E9905E;
  border: 1px solid #E9905E;
}

.colors-standard {
  padding: 4px 16px;
  border-radius: 100px;
  width: 104px;
  height: 29px;
  border: 1px solid #fff;
}

.nav-link.top-page {
  padding: 0 18px;
  margin-bottom: 0;
}

.accordion-toggle:hover {
  cursor: pointer;
}

/* ico list order */
.icon-payment {
  width: 2rem;
}

.fixed-ico {
  position: relative;
}

.fixed-ico i {
  display: table;
  font-size: 13px;
  position: absolute;
  top: 15px;
  right: 5px;
  color: #DD2526;
}

.approval-order {
  position: relative;
}
@media screen and (max-width: 991.98px) {
  .approval-order {
    position: unset;
  }
}
.approval-order span {
  position: absolute;
  top: 5px;
}
@media screen and (max-width: 991.98px) {
  .approval-order span {
    position: unset;
  }
}

@media screen and (max-width: 991.98px) {
  .box-select-order {
    flex-direction: row !important;
    gap: 10px;
  }
}

.color-status {
  padding: 4px 12px;
  border-radius: 12px;
  border: 1px solid #ccc;
  max-width: 120px;
}

[class$=-danger].color-status {
  color: #ff317a;
  border-color: #ff317a;
}

[class$=-warning].color-status {
  color: #ffd500;
  border-color: #ffd500;
}

[class$=-success].color-status {
  color: #00ec38;
  border-color: #00ec38;
}

[class$=-info].color-status {
  color: #00bdff;
  border-color: #00bdff;
}

[class$=-secondary].color-status {
  color: #737373;
  border-color: #737373;
}

[class$=-primary].color-status {
  color: #007bff;
  border-color: #007bff;
}

.decrease {
  color: #ff317a;
}

.increase {
  color: #00ec38;
}

[class$=-residual].colors-standard {
  color: #FF317A;
  border-color: #FF317A;
}

[class$=-required].colors-standard {
  color: #9500FF;
  border-color: #9500FF;
}

[class$=-enough].colors-standard {
  color: #00EC38;
  border-color: #00EC38;
}

[class$=-redundant].colors-standard {
  color: #FF8000;
  border-color: #FF8000;
}

.form-search-table {
  display: flex;
  border: 1px solid #E6E6E6;
  border-radius: 4px;
  width: auto;
  margin: 20px 0;
}
.form-search-table input {
  border: none;
  width: 100%;
  padding-left: 10px;
  font-size: 14px;
  height: 34px;
}
.form-search-table input:focus {
  outline-color: #E6E6E6;
}
.form-search-table button {
  padding: 0 12px;
  flex-shrink: 0;
  border: none;
  background-color: #E6E6E6;
}
.form-search-table button i {
  color: #707070;
}
.form-search-table button:focus {
  outline: none;
}

.input-size-cm.input-group .form-control {
  border-right: none;
}
.input-size-cm.input-group .input-group-append {
  border-top: 1px solid #737373;
  border-right: 1px solid #737373;
  border-bottom: 1px solid #737373;
  border-radius: 0 4px 4px 0;
}

.form-btn-eye {
  cursor: pointer;
  font-size: 1.5em;
}

.form-group-withBtn {
  position: relative;
}
.form-group-withBtn .form-btn-eye {
  position: absolute;
  right: 1em;
  top: 0.8em;
}