.box {
  border-radius: 0px;
}

.box-body {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.profile-user-img {
  padding: 0;
  border-width: 1px;
}

.mgr-15 {
  margin-right: 15px;
}

.mgl-15 {
  margin-left: 15px;
}

.mgt-15 {
  margin-top: 15px;
}

.mgb-15 {
  margin-bottom: 15px;
}

.mgb-20 {
  margin-bottom: 20px;
}
.mgr-5 {
  margin-right: 5px;
}

.mgl-5 {
  margin-left: 5px;
}

.mgt-5 {
  margin-top: 5px;
}

.mgb-5 {
  margin-bottom: 5px;
}

.no-left-padding {
  padding-left: 0;
}

.no-right-padding {
  padding-right: 0;
}

.no-top-padding {
  padding-top: 0;
}

.no-bottom-padding {
  padding-bottom: 0;
}

ul.booking-info li {
  padding: 4px;
}

.booking-type {
  padding: 3px 7px;
  color: #fff;
  border-radius: 3px;
  white-space: nowrap;
}

.booking-type.specific {
  background-color: #008d4c;
}

.booking-type.unspecific {
  background-color: #00a7d0;
}

.booking-type.counter {
  background-color: #555299;
}

.number-label {
  padding: 3px 7px;
  color: #fff;
  border-radius: 3px;
}

.number-label.green {
  background-color: #008d4c;
}

.number-label.blue {
  background-color: #00a7d0;
}

.number-label.purple {
  background-color: #555299;
}

.number-label.white {
  background-color: #ffffff;
  color: #000000;
}

.booking-status {
  padding: 3px 7px;
  color: #fff;
  border-radius: 3px;
}

.box-booking-statuses #timeline-dot-status-new > span,
.booking-status.new,
.client-accepted {
  background-color: #d2d6de !important;
  color: #000;
}

.box-booking-statuses #timeline-dot-status-review > span,
.booking-status.review {
  background-color: #00a65a !important;
}

.box-booking-statuses #timeline-dot-status-driver-cancel > span,
.booking-status.driver-cancel {
  background-color: #d81b60 !important;
}

.box-booking-statuses #timeline-dot-status-cancel-in-trip > span,
.booking-status.driver-cancel-in-trip,
.booking-status.customer-cancel {
  background-color: #d33724 !important;
}

.another-driver-took-it {
  background-color: #d2d6de !important;
  color: #000;
}

.box-booking-statuses #timeline-dot-status-driver-ignore > span,
.booking-status.driver-ignore {
  background-color: #f39c12 !important;
}

.box-booking-statuses #timeline-dot-status-driver-prevent-accept > span,
.booking-status.driver-prevent-accept {
  background-color: #000 !important;
}

.box-booking-statuses #timeline-dot-status-captured > span,
.booking-status.captured {
  background-color: #00c0ef !important;
}

.box-booking-statuses #timeline-dot-status-accepted > span,
.booking-status.accepted {
  background-color: #357ca5 !important;
}

.box-booking-statuses #timeline-dot-status-customer-cancel > span,
.booking-status.customer-cancel,
.driver-timeout-by-client {
  background-color: #dd4b39 !important;
}

.box-booking-statuses #timeline-dot-status-customer-cancel-intrip > span,
.booking-status.customer-cancel-intrip {
  background-color: #ff7701 !important;
}

.box-booking-statuses #timeline-dot-status-customer-cancel-by-driver > span,
.booking-status.customer-cancel-by-driver {
  background-color: #605ca8 !important;
}

.box-booking-statuses #timeline-dot-status-customer-ignore > span,
.booking-status.customer-ignore {
  background-color: #f39c12 !important;
}

.box-booking-statuses #timeline-dot-status-started > span,
.booking-status.started,
.driver-in-another-trip {
  background-color: #00c0ef !important;
}

.box-booking-statuses #timeline-dot-status-wait-for-payment > span,
.booking-status.wait-for-payment {
  background-color: #00a65a !important;
}

.box-booking-statuses #timeline-dot-status-finished > span,
.booking-status.finished {
  background-color: #001f3f !important;
}

.box-booking-statuses #timeline-dot-status-admin-cancel > span,
.booking-status.admin-cancel {
  background-color: #a44200 !important;
}

.box-booking-statuses #timeline-dot-status-rollback > span,
.booking-status.rollback {
  background-color: #000 !important;
}

.user-xs .user-panel > .info,
.user-xs .user-panel > .info > a,
.user-sm .user-panel > .info,
.user-sm .user-panel > .info > a {
  color: #000;
}

.user-sm .user-panel > .info > p {
  margin-bottom: 6px;
}

.user-sm .user-panel > .image > img {
  width: 100%;
  width: 45px;
  height: 45px;
  background-color: #fff;
}

.user-xs span.user-panel,
.user-xs span.image,
.user-xs span.info {
  display: block;
}

.user-xs .user-panel > .image > img {
  width: 100%;
  width: 30px;
  height: 30px;
  background-color: #fff;
}

.user-xs .user-panel > .info {
  left: 30px;
  padding: 2px 2px 5px 5px;
}

.nav > li > a.user-xs {
  padding: 5px 2px;
}

.vivu-label,
.office-activity {
  padding: 3px 7px;
  color: #000;
  border-radius: 3px;
  background-color: #ddd;
  white-space: nowrap;
}

.vivu-label.success {
  background-color: #00a65a;
  color: #fff;
}

.vivu-label.danger {
  background-color: #dd4b39;
  color: #fff;
}

.car-service {
  padding: 3px 7px;
  color: #fff;
  border-radius: 3px;
  background-color: #001f3f;
}

.widget-user-2 .widget-user-username {
  font-size: 20px;
}

.car-info-box {
  position: relative;
  height: 100%;
}

.car-info-box .service-list {
  position: absolute;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  color: #fff;
}

.car-info-box .service-list span {
  padding: 5px 0;
  text-align: center;
  display: inline-block;
}

.car-info-box .img-wraper {
  height: 162.3px;
  width: 100%;
  overflow: hidden;
}

.dashboard-map-left-side {
  background-color: #ddd;
}

.Select-control {
  border-radius: 0px !important;
  height: 34px !important;
}

Button.selected-date-range-btn {
  border-radius: 0;
}

.bg-blue-light {
  border-radius: 0;
  background-color: #3c8dbc;
  color: #fff;
  /* border-bottom: 2px solid #000; */
  box-shadow: none;
}

.timeline > li > .timeline-item {
  webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 2px;
  margin-top: 0;
  background: #f5f5f5;
}

.timeline > li > .timeline-item > .timeline-header {
  border-bottom: 1px solid #f5f5f5;
}

.cal-heatmap-container {
  margin: 0 auto !important;
}

.nav-stacked > li button.selected-date-range-btn {
  border: none;
}

.nav-stacked > li .label {
  margin-left: 10px;
}

.drop-upload-image {
  padding: 15px;
  border: 2px dashed #00a65a;
}

.booking-detail-wrapper {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.box-booking-statuses {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #fff;
  position: inherit;
}

.box-booking-statuses ul[data-radium="true"] {
  display: none !important;
}

.box-booking-statuses ol li.present > span,
.box-booking-statuses ol li.past > span {
  background-color: rgb(242, 101, 36) !important;
}

.box-booking-statuses ol li.future > span {
  background-color: #ddd !important;
}

.box-booking-statuses ol li > span:hover {
  border-color: #00a65a !important;
}

.box-booking-statuses .status-desc {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  color: #fff;
}

.box-booking-statuses #timeline-dot-status-0 > span {
  background-color: #d2d6de !important;
}

.vivu-label.approved {
  background-color: #00a65a;
  color: #fff;
}

.vivu-label.rejected {
  background-color: #dd4b39;
  color: #fff;
}

.vivu-label.wait-for-approval {
  background-color: #f39c12;
  color: #fff;
}

.vivu-label.processing {
  background-color: #01c0ef;
  color: #fff;
}

.idcard-review {
  --width: 100%;
  width: var(--width);
  height: calc(1vw * var(--width) * 2 / 3);
}

table.list-driver tr > td {
  line-height: 30px;
}

.user-verfication {
  border-radius: 50%;
  color: #008d4c;
  text-align: center;
  vertical-align: middle;
  width: 30px;
  height: 30px;
}

.partner-driver-status {
  color: #fff;
}

.partner-driver-status.new {
  background-color: #f39c12;
}

.partner-driver-status.joined {
  background-color: #008d4c;
}

.partner-driver-status.rejected {
  background-color: #a44200;
}

.partner-driver-status.left {
  background-color: #000;
}

.form-filter div[class^="col-"] {
  padding-left: 5px;
  padding-right: 5px;
}

.form-filter div[class^="col-"]:first-child {
  padding-left: 15px;
}

.form-filter div[class^="col-"]:last-child {
  padding-right: 15px;
}

.rsr-container div {
  display: inline-block;
}

.input-error {
  border: 1px solid red;
}

table.list-car td {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vivu-label.undefined {
  background-color: #9da0bd;
  color: #fff;
}

.vivu-label.bike_license {
  background-color: #be892b;
  color: #fff;
}

.vivu-label.car_license {
  background-color: #82dd62;
  color: #fff;
}

.vivu-label.bike_car_license {
  background-color: #ddd639;
  color: #fff;
}

.vivu-label.registration_certificate {
  background-color: #51ddd9;
  color: #fff;
}

.vivu-label.inspection_certificate {
  background-color: #577ddd;
  color: #fff;
}

.vivu-label.insurance_vehicle {
  background-color: #ae57dd;
  color: #fff;
}

.vivu-label.operating_card {
  background-color: #dd7874;
  color: #fff;
}

.vivu-label.identity_card {
  background-color: #ddbe6b;
  color: #fff;
}

.vivu-label.vehicle-type-1 {
  background-color: #51ddd9;
  color: #fff;
}

.vivu-label.vehicle-type-2 {
  background-color: #ddb256;
  color: #fff;
}

.vivu-label.vehicle-type-1024 {
  background-color: #75dd97;
  color: #fff;
}

.loading-panel {
  position: fixed;
  z-index: 999;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #fffffff2;
}

.loading-panel .loading-container {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

div.loading-icon {
  font-size: 50px;
  font-weight: bold;
  color: #ef5222;
  margin: 90px auto;
}

.gg-autocomplete-map-maker-icon {
  color: #fd6c6c;
}

.gg-autocomplete-github-icon {
  font-size: 24px;
}

.gg-autocomplete-github-link {
  color: #262626;
  font-size: 20px;
}

.gg-autocomplete-github-link:hover,
.gg-autocomplete-github-link:active {
  color: #4078c0;
  text-decoration: none;
}

.gg-autocomplete-suggestion-icon {
  margin-right: 8px;
}

.gg-autocomplete-search-bar-container {
  width: 90%;
  max-width: 500px;
}

.gg-autocomplete-search-input-container {
  position: relative;
}

.gg-autocomplete-search-input,
.gg-autocomplete-search-input:focus,
.gg-autocomplete-search-input:active {
  box-shadow:
    0 2px 2px 0 rgba(0, 0, 0, 0.16),
    0 0 0 1px rgba(0, 0, 0, 0.08);
  border: honeydew;
  display: block;
  width: 100%;
  padding: 10px;
  font-size: 16px;
  border-radius: 2px;
  outline: none;
}

.gg-autocomplete-clear-button,
.gg-autocomplete-clear-button:active,
.gg-autocomplete-clear-button:focus {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  outline: none;
  font-weight: 600;
  color: #999;
}

.gg-autocomplete-autocomplete-container {
  border-bottom: honeydew;
  border-left: honeydew;
  border-right: honeydew;
  border-top: 1px solid #e6e6e6;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  border-radius: 0 0 2px 2px;
}

.gg-autocomplete-suggestion-item {
  padding: 8px;
  text-align: left;
  background-color: #fff;
  cursor: pointer;
}

.gg-autocomplete-suggestion-item--active {
  background-color: #fafafa;
}

.gg-autocomplete-dropdown-footer {
  display: flex;
  justify-content: flex-end;
  padding: 4px;
}

.gg-autocomplete-dropdown-footer-image {
  display: inline-block;
  width: 150px;
}

.gg-autocomplete-spinner {
  color: #18bc9c;
  font-size: 30px;
}

.gg-autocomplete-error-message {
  color: red;
}

.gg-autocomplete-geocode-result-header {
  font-size: 20px;
  color: #222222;
}

table.list-modifier .addition {
  background-color: #efefef;
}

table.list-modifier .driver {
  background-color: #ffe7e0;
}

table.list-modifier .client {
  background-color: #9ab9b4;
}

.office-activity.action.push {
  background-color: #00a65a;
  color: #fff;
}

.office-activity.action.approve {
  background-color: #3b7ea6;
  color: #fff;
}

.office-activity.action.update {
  background-color: #2fa69a;
  color: #fff;
}

.office-activity.action.list {
  background-color: #c3c3c3;
  color: #fff;
}

.office-activity.action.delete {
  background-color: #dd7874;
  color: #fff;
}

table.list-driver-stat .current {
  background-color: #f5ebc3;
}

table.list-driver-stat .week {
  background-color: #a7f1ff;
}

table.list-driver-stat .month {
  background-color: #e1b5f5;
}

table.list-driver-stat .accepted {
  color: #00a65a;
}

table.list-driver-stat .failed {
  color: #dd4b39;
}

table.list-driver-stat .none {
  color: #a6a6a6;
}

.search-result.trip {
  background: #ffebee;
}

.search-result.documentsubmission {
  background: #fce4ec;
}

.search-result.driveronline {
  background: #f3e5f5;
}

.search-result.officeactivity {
  background: #ede7f6;
}

.search-result.drivertripsummary {
  background: #e8eaf6;
}

.search-result.vehicle {
  background: #e3f2fd;
}

.search-result.driveroperating {
  background: #e1f5fe;
}

.search-result.driver {
  background: #e0f7fa;
}

.search-result.rating {
  background: #e0f2f1;
}

.search-result.user {
  background: #e8f5e9;
}

.search-result.document {
  background: #f1f8e9;
}

.search-result.balance {
  background: #f9fbe7;
}

.search-result.vehiclesubmission {
  background: #fffde7;
}

.search-result.transaction {
  background: #fff3e0;
}

.small-box .small-text {
  font-size: 1.1em;
}

table#period-table {
  background: #fff !important;
}

table#period-table tr {
  border-bottom: 1px solid #cecece !important;
}

/*@media screen and (min-width: 767px) {*/
/*.table-responsive {*/
/*overflow-y: -webkit-paged-y;*/
/*}*/
/*}*/

@media (max-width: 767px) {
  .table-responsive .dropdown-menu {
    position: static !important;
  }
}
@media (min-width: 768px) {
  .table-responsive {
    overflow: auto;
  }
  .merchantFood .modal-dialog {
    width: calc(100% - 100px);
  }
}

.table-responsive {
  min-height: 500px;
}
.dualListBoxChangeDriver .rdl-actions-left {
  display: none;
}
.formListDriver {
  display: flex;
  flex-direction: row;
}
.phoneItem {
  flex-basis: 50%;
}
.phoneRight {
  margin-left: 60px;
}
.content-wallet {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.content-wallet .small-box {
  margin: 10px 0px;
  width: 50%;
}
.content-wallet-trip h2 {
  text-align: center;
}
.content-wallet .small-box h4 i {
  margin-right: 5px;
}
.listCategory ul {
  background-color: #fff !important;
  color: #333 !important;
}
.listCategory ul li {
  color: #333 !important;
}
.modal-header {
  justify-content: flex-start !important;
  align-items: center !important;
}

.withdraw-summary {
  width: 200px;
}

.withdraw-summary.valid {
  /*background: url("/static/img/icons/valid.png") no-repeat center center;*/
}

.withdraw-summary {
  width: 200px;
}

.withdraw-summary.valid {
  /*background: url("/static/img/icons/valid.png") no-repeat center center;*/
}

.withdraw-summary tr {
  border-bottom: 1px solid #eaeaea;
}

.withdraw-summary tr td.highlight {
  background-color: #f0f8ff;
}

.withdraw-summary tr td.highlight2 {
  background-color: #f7dcd9;
}

.list-Checkbox-Resource ul {
  list-style: none;
  padding: 0px;
}
.status__Active {
  background-color: #00a65a;
  color: #fff;
  padding: 5px 15px;
  border-radius: 20px;
  white-space: nowrap;
}
.status_unActive {
  background-color: #999;
  color: #fff;
  padding: 5px 15px;
  border-radius: 20px;
  white-space: nowrap;
}
.btn__Create {
  background-color: #f2754e;
  color: #fff;
  border: 1px solid #f2754e;
  padding: 4px 20px;
  border-radius: 20px;
}
.btn__Create:hover,
.btn__Create:active,
.btn__Create:focus {
  background-color: #fff;
  color: #f2754e;
  outline: 0;
}

.google-map-container {
  height: 300px;
  max-height: 300px;
}
.sidebar-menu {
  background-color: #fff;
}
.sidebar-menu > li.header {
  color: #333 !important;
  background: #fff !important;
}
.sidebar a {
  color: #333 !important;
}
.sidebar-menu > li:hover > a,
.sidebar-menu > li.active > a {
  color: #333 !important;
  background-color: #d2d6de !important;
}
.sidebar-menu > li > .treeview-menu {
  background-color: #d2d6de !important;
}
.sidebar-menu .treeview-menu > li > a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}