.btn-disable {
  opacity: 0.7;
  pointer-events: none;
}
.disable {
  pointer-events: none;
}
.hide {
  display: none;
}
.hide-text {
  overflow: hidden;
  white-space:nowrap;
  text-overflow: ellipsis;
}
.alert-multi {
  min-height: 55px;
  height: auto !important;
  padding: 10px 20px !important;
}
.pre-text-area {
  font-family: initial;
  white-space: pre-wrap;
  word-wrap: break-word;
  margin: 0 0 0 10px;
}
.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
}

.spot-icon-new {
  width: 45px;
  min-width: 30px;
}

.spot-new {
  padding-bottom: 110px;
}

.spot-list-detail {
  width: 80%;
}

.center_text_custom {
  text-align: center;
}

#bike-slide-trigger {
  justify-content: center;
  padding: 0 0 20px;
  font-weight: bold;
  color: #88d500;
}

#bike-slide-trigger.is-open .arrow {
  transform: rotate(-180deg);
}

#mp-payment .form-check-label-none {
  display: flex;
  margin: 0 10px 0 40px;
  font-weight: bold;
  height: 30px;
}

#mp-payment #price-balance {
  border-radius: 0 5px 5px 0;
  border-left: none;
}

.break-text {
  word-break: break-word;
}

::-ms-clear {
  display: none;
}

::-ms-reveal {
  display: none;
}
ul.pagenation .pagenation-btn {
  text-align: center;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 36px;
  height: 36px;
  border: 1px solid #e1e1e1;
  font-family: "Roboto", sans-serif;
  line-height: 1;
  transition: .3s;
}
ul.pagenation .pagenation-item a {
  color: black;
}

@media (min-width: 577px) {
  .chat-list-detail-text {
      margin-left: 100px;
  }
  .chat-header-item .user-name.break-text.edge {
      max-width: 480px;
  }
  .mp-history-user-wrap .user-name.break-text.edge {
      max-width: 480px;
  }
}

@media (max-width: 576px) {
  .chat-header-item .break-text.edge {
      max-width: 280px;
  }
  #chat-input {
      flex: auto;
  }
  #chat-list-wrap .mp-list-table tbody th {
      padding: 0;
  }
  .mp-history-user-wrap .user-name.break-text.edge {
      max-width: 220px;
  }
  .bike-header-unit .user-name.break-text.edge {
      max-width: 260px;
  }
  #bike-user-unit .user-name.break-text.edge {
      max-width: 260px;
  }
  #spot-footer .user-name.break-text.edge {
      max-width: 200px;
  }
  .pagenation {
      flex-wrap: wrap;
  }
  .pagenation-item {
      margin-top: 10px;
  }
  #mybike-list-wrap .mybike-list-detail {
      width: 100%;
  }
  .chat-header-item .user-name.break-text {
      max-width: 220px;
  }
  .chat-header-item .mp-bike-name.break-text {
      max-width: 300px;
  }
}

.white-space-nowrap {
  white-space: nowrap;
}

.column-text {
  min-height: 21px;
}
/*Css select language*/
.ms-res-ctn .ms-res-item-active {
  background-color: #4d90fe !important;
  color: white !important;
}
.ms-res-ctn {
  padding: 0 !important;
}
.ms-res-ctn .ms-res-item {
  padding: 2px 20px !important;
}
.ms-ctn {
  padding: 0px 0px 0px 12px !important;
  background-image: url('/img/Front/arrow/arrow-line-gray1.png')!important;
  background-position: center right 15px;
  background-size: 20px 11px;
}
.ms-ctn .ms-sel-ctn input {
  height: 50px;
  width: 30% !important;
}
.ms-sel-ctn {
  padding-right: 0 !important;
}
.ms-ctn .ms-trigger {
  width: 10% !important;
  opacity: 0 !important;
}
.ms-ctn-focus {
  box-shadow: none !important;
}
.ms-ctn .ms-sel-item {
  margin: 10px 5px 1px 0 !important;
  padding: 5px 5px !important;
}
.loading-message img {
  width: 50px;
}
.message-error-map {
  margin-top: 20px;
}

.loader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: url('/img/Front/common/loading_bike.gif') 50% 50% no-repeat #313131;
  opacity: .6;
}
.loader-search {
  position: fixed;
  right: 0;
  width: 50%;
  height: 100%;
  z-index: 1000;
  background: url('/img/Front/common/loading_bike.gif') 50% 50% no-repeat #313131;
  opacity: .6;
}
.bike-search-no-data {
  padding: 35px;
}
.ms-ctn .ms-sel-ctn {
  width: 90%;
  overflow-x: hidden;
}
#chat-list-wrap td {
  max-width: 100px;
}
.max-width-200 {
  max-width: 200px;
}
.iziModal-wrap {
  overflow-y: auto !important;
}

.icon-user-share-ride {
  width: 35px;
  vertical-align: middle;
  border-radius: 50%;
}

.link-to-user-detail, .link-to-page-check-list {
  cursor: pointer;
}

/* Bike Calendar */
.today {
  background-color: #357ebd;
  color: #fff;
}

.calendar-on {
  cursor: pointer;
}

.calendar-on-active {
  background-color: #9be716;
  color: #fff;
}

.calendar-on-light {
  background-color: #9be716;
}

.calendar-on:hover {
  background-color: #9be716;
  color: #fff;
}

#bike-calendar {
  z-index: 1;
}

#bike-calendar-arrow {
  z-index: 0;
}

@media (max-width: 576px) {
  #bike-calendar {
      z-index: 0;
  }

  #bike-calendar-arrow {
      z-index: 1;
  }
}

.btn-border {
  border-radius: 5px !important;
  border-right : 1px solid #88d500 !important;
}

.btn-duplicate {
  margin-left: 10px;
}

.bike-share {
  max-width: 1120px !important;
}

@media (min-width: 577px) {
  .my-bike-screen {
      width: 710px !important;
  }

  .date-bike-share {
      padding: 0 15px !important;
  }

  .border-search-top {
      border-radius: 0 !important;
      width: 120px;
  }

  .search-top {
      margin-left: 2px;
      padding-left: 15px !important;
  }
}

@media (min-width: 1090px) {
  .my-bike-screen {
      width: 765px !important;
  }
}

@media (max-width: 576px) {
  .date-bike-share {
      padding: 0 10px !important;
  }

  .border-search-top {
      margin-bottom: 10px;
      max-width: none !important;
  }

  .search-top {
      border-radius: 5px !important;
  }
}

.btn-public-bike, .mybike-list-status {
  cursor: pointer;
}

.btn-list-search-map {
  margin-left: 2px;
  padding: 15px !important;
  width: auto;
}

.search-group {
  display: flex;
}

.select-box {
  width: 35%;
}

.border-search {
  border-radius: 5px 0 0 5px;
}

.border-input {
  border-radius: 0 0 5px 0 !important;
}

#modal-public-bike {
  max-width: 400px !important;
}

.disable-bike {
  width: max-content;
}

.search-num {
  margin: 0 !important;
}

.select-province {
  color: rgba(0, 0, 0, 0.5);
}

.modal-text {
  width: 10em !important;
}

.enable-link {
  pointer-events: all;
}