/** [AIV_SHORT]  Version:tag:undefined-undefined Wednesday, December 17th, 2025, 2:25:24 PM   **/ 
 @charset "UTF-8";
/* ========================================================================
 * Global styles
 ======================================================================== */
html, body {
  height: 100%;
  width: 100%;
  min-height: 100%;
}
body {
  font-family: 'Roboto', sans-serif;
  padding: 0 !important;
  margin: 0 !important;
  background: #fff;
  color: #575757;
  font-size: 14px;
  line-height: 1.5;
  font-weight: normal;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.wrapper {
  background: #fff;
  height: 100%;
}
.content-inner {
  background: #fff;
  display: flex;
  flex-direction: column;
}
p {
  margin: 0;
}
.cursor-pointer {
  cursor: pointer;
}
ul, ol {
  padding: 0;
  margin: 0;
  list-style: none;
}
ul li {
  list-style-type: none;
}
a {
  color: #1cb684;
  outline: none !important;
  text-decoration: none;
}
textarea {
  resize: none;
}
a:hover,
a:focus {
  color: #1cb684;
  text-decoration: none;
}
a.disabled{
  opacity: 0.65;
  text-decoration: none!important;
  cursor: not-allowed;
  pointer-events: none;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
.invisible-elem {
  display: none;
}
.inline-block {
  display: inline-block;
}
.close {
  color: #575757;
  opacity: 1;
  text-shadow: none;
  font-size: 20px;
}
.close:hover,
.close:focus,
.close:active {
  opacity: 0.5;
}
.filter {
  visibility: hidden;
  margin-left: 22px;
}
.pac-container,
.pac-item {
  width: inherit;
  z-index: 2000;
  text-shadow: none;
}
.bump-up {
  padding-top: 0;
}
.xdsoft_datetimepicker {
  text-shadow: none;
}
.form-input[disabled]{
  cursor: not-allowed;
  opacity: 0.4;
  background: transparent;
  border: none;
}
.yellow {
  color: #ffe037!important;
}
.green {
  color: #1cb684!important;
}
.blue {
  color: #5fc0f8!important;
}
.red {
  color: #fa7373!important;
}
.orange {
  color: #f3c169!important;
}
.black {
  color: #212937!important;
}
.purple {
  color: #6295e0!important;
}
.btn.btn-primary,
.btn.btn-default {
  border: none;
  border-radius: 4px;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.5;
}
.btn.btn-primary,
.btn.btn-primary:hover,
.btn.btn-primary:visited,
.btn.btn-primary:active,
.btn.btn-primary:focus {
  background: #1cb684;
  border: 1px solid #6ed0b0;
  color: #fff;
}
.btn.btn-default,
.btn.btn-default:hover,
.btn.btn-default:visited,
.btn.btn-default:active,
.btn.btn-default:focus {
  background: #fff;
  border: 1px solid #fff;
  color: #1cb684;
}
.border-none {
  border: none!important;
}
.padding-top-0 {
  padding-top: 0!important;
}
.padding-bottom-0 {
  padding-bottom: 0!important;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .btn.btn-primary {
    box-shadow: none!important;
  }
}
.bootstrap-select.btn-group .dropdown-menu {
  padding-top: 0;
}
.force-hide{
  display: none;
}
.overlay {
  width: 100vw;
  height: 100vh;
  background: rgba(45, 45, 45, 0.36);
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  z-index: 9998;
}
.margin-left-430 {
  margin-left: 430px!important;
}
.bottom-25 {
  bottom: 25px!important;
}
.bottom-85 {
  bottom: 85px!important;
}

/* Options toggler */
.wrapper a.options-toggler {
  font-size: 20px;
  color: #fff;
  vertical-align: middle;
  text-decoration: none;
  background: transparent;
  border: none;
}
.nav .open > a,
.wrapper a.options-toggler:focus,
.wrapper a.options-toggler:hover {
  background: transparent;
  border: none;
}
.wrapper a.options-toggler:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-size: 12px;
  line-height: 1;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}
.wrapper a.options-toggler[aria-expanded = "true"]:after {
  content: "\f106";
}
.wrapper a.options-toggler[aria-expanded = "false"]:after {
  content: "\f107";
}

/* Dropdown */
.wrapper .dropdown-menu {
  background: #ffffff;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.14);
  border: none;
  padding: 0;
  margin: 0;
  border-radius: 6px;
}
.wrapper .dropdown-menu li {
  padding: 0;
}
.wrapper .dropdown-menu li + li{
  border-top: 1px solid #ebebeb;
}
.wrapper .dropdown-menu li a {
  text-align: left;
  color: #575757;
  font-size: 14px;
  padding: 10px 20px;
}
.wrapper .dropdown-menu li a:hover {
  background: transparent;
  color: #1cb684;
}
.wrapper .dropdown-menu em {
  margin-right: 15px;
  font-size: 14px;
  width: 16px;
}

/* Radio, checkbox styles */
.radio-input,
.radio-label,
.checkbox-input,
.checkbox-label {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin: 0;
}
.radio-input,
.checkbox-input {
  opacity: 0;
  position: absolute;
}
.radio-label,
.checkbox-label {
  position: relative;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 0;
  width: 100%;
}
.radio-input + .radio-label:before,
.checkbox-input + .checkbox-label:before {
  content: '';
  background: #fff;
  border: 2px solid #dedede;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  padding: 4px 0;
  text-align: center;
  margin-right: 20px;
  margin-top: -2px;
}
.radio-input + .radio-label:before {
  border-radius: 50%;
}
.radio-input:checked + .radio-label:before,
.checkbox-input:checked + .checkbox-label:before {
  background: #1cb684;
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-size: 12px;
  line-height: 1;
  content: "\f00c";
  border: none;
  color: #fff;
  font-weight: 900;
}
.radio-input:focus + .radio-label,
.checkbox-input:focus + .checkbox-label {
  outline: none;
}

/* Sidebar */
#sidebar {
  min-width: 215px;
  max-width: 215px;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  z-index: 9999;
  background: #fff;
  padding: 15px 30px 25px;
}
#sidebar.active {
  display: block;
}
#sidebar #dismiss {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  left: 20px;
  font-size: 24px;
  font-weight: normal;
  color: #1cb684;
}
#sidebar .sidebar-header {
  text-align: center;
  padding-left: 40px;
  margin-bottom: 60px;
}
#sidebar .sidebar-header img {
  width: 56px;
  height: 17px;
}
#sidebar .components li{
  margin-bottom: 25px;
}
#sidebar .components li.disabled {
  cursor: not-allowed;
}
#sidebar .components img {
  display: inline-block;
  margin-right: 20px;
  width: 20px;
}
#sidebar .components a{
  font-size: 14px;
  font-weight: 900;
  line-height: 1.5;
  text-align: left;
  color: #2d2d2d;
  text-transform: uppercase;
  vertical-align: middle;
}
#sidebar .components li.disabled a{
  cursor: not-allowed;
  opacity: 0.4;
  pointer-events: none;
}

/* Custom scrollbar */
.scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.scrollbar::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #fff;
}
.scrollbar::-webkit-scrollbar {
  width: 6px;
  background-color: #fff;
}
.scrollbar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #ebebeb;
}

.counter {
  width: 100%;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  color: rgba(40, 40, 40, 0.54);
  position: absolute;
  bottom: 0;
  display: none;
  min-height: 55px;
  background: #fff;
}
.counter .rides-counter-container {
  margin: 15px auto 15px;
  text-align: center;
}

/* ========================================================================
 * Header
 ======================================================================== */
#live-header.topnavbar-wrapper {
  background: #1cb684;
  margin: 0;
  min-height: 59px;
}
#live-header.topnavbar-wrapper > .navbar{
  margin: 0;
  background: #1cb684;
  border: none;
  color: #fff;
  min-height: 59px;
  z-index: 1100;
}
#ride-list-table.history-list-body-table thead.history-list-head-table,
#history-list-items tr.ride, #active-list-items tr.ride, #upcoming-list-items tr.ride,  #review-list-items tr.ride{
  border-bottom: 1px solid rgba(247, 247, 247, 0.75);
}

#history-list .rider-rides-table-heading{
  padding-top: 10px;
  padding-left: 10px;
}

#upcoming-list-items tr:last-child, #active-list-items tr:last-child, #review-list-items tr:last-child {
  border-bottom: 2px solid #1cb684;
}
#history-list-items tr.ride:hover a.actions-toggler, 
#active-list-items tr.ride:hover a.actions-toggler, 
#upcoming-list-items tr.ride:hover a.actions-toggler,
#review-list-items tr.ride:hover a.actions-toggler{
  display: block;
}
.management-item-link {
  text-transform: uppercase;
  font-weight: bold;
  color: #ffffff;
  margin: 0 5px;
}
a.management-item-link:focus, a.management-item-link:hover {
  background-color: #00ad76;
  color: #ffffff;
}
div.nav.navbar-nav.navbar-left > div > ul > li:hover {
  background-color: #00ad76;
}
div.nav.navbar-nav.navbar-left {
  margin: 0;
}
#rider-management > li > a {
  margin: 0 28px;
}
#rider-management > li {
  padding: 18px 0;
  min-width: 95px;
}
#rider-management > .active {
  background-color: #00ad76;
}
#content-wrapper .table-list #rider-list-table .th-table-riders{
  width: 19%;
}
#content-wrapper .table-list #rider-list-table .th-table-riders.action-buttons {
  text-align: left !important;
  width: 5%;
}
.th-table-riders, #history-list-items .action-buttons, 
#active-list-items .action-buttons, 
#upcoming-list-items .action-buttons,
#review-list-items .action-buttons {
  width: 14%;
}

#history-list-items td.action-buttons, 
#active-list-items td.action-buttons, 
#upcoming-list-items td.action-buttons,
#review-list-items td.action-buttons {
  text-align: center !important;
  width: 5%;
}

.riders-history-list-header-location {
  width: 20%;
}

.hidden-element {
    display: none !important;
}
#history-list-header > table {
  width: 100%;
}
#history-list-header {
  width: 100%;
  background-color: #fafafa;
  padding: 28px;
  padding-left: 0;
}
#ride-list-table thead.history-list-head-table {
    border-bottom: 1px solid rgba(247, 247, 247, 0.75);
}
#history-list-header > table .rider-header-item {
  opacity: 0.54;
  font-size: 10px;
  font-weight: normal;
  line-height: 1.3;
  color: #232323;
  text-transform: uppercase;
}
#live.wrapper.history .riders-history-list-header {
  opacity: 0.54;
  font-size: 10px;
  font-weight: normal;
  line-height: 1.3;
  color: #232323;
  padding: 10px;
  text-transform: uppercase;
  white-space: nowrap;
}
#live.wrapper.history .riders-history-list-item-section {
  padding: 10px;
  font-size: 14px;
  color: #232323;
}
#live.wrapper.history .riders-history-list-item-section.ride-id-section {
  white-space: normal;
  width: 150px;
}

#live.wrapper.history .riders-history-list-item {
  white-space: nowrap;
}

#live.wrapper.history .riders-history-list-item .riders-history-list-item-location {
  white-space: pre-wrap;
}

#history-list-header > table .rider-item {
  font-size: 14px;
  letter-spacing: 0.4px;
  color: #232323;
}
#history-list-header > table .item {
  width: 15%;
}

#history-list-body > table, 
#active-list-body > table, 
#upcoming-list-body > table,
#review-list-body > table {
  table-layout: fixed;
  width: 100%;
  margin-top: 15px;
}

#history-list-body > table.history-list-body-table .tr-history-item:hover,
#upcoming-list-body > table.history-list-body-table .tr-history-item:hover,
#active-list-body > table.history-list-body-table .tr-history-item:hover,
#review-list-body > table.history-list-body-table .tr-history-item:hover {
  background-color: #f1fbf8;
}
#history-list-loading {
  margin: auto;
  width: 0;
  padding: 20px;
}
.title-list {
  margin: 16px 16px 16px 22px;
}
.title-list .title-list-riders, .title-list .title-list-name {
  line-height: 1.75;
  letter-spacing: 0.3px;
  color: #00ba7f;
}
.title-list .title-list-name {
  color: #232323;
}
#live-header .nav.navbar-nav {
  padding: 0;
  margin: 0;
  margin-right: 20px;
}
#live-header.topnavbar-wrapper > .navbar > .navbar-header {
  margin: 15px 12px;
}
#live-header .navbar-brand {
  height: auto;
  padding: 0 20px 0 0;
  margin: 0;
  font-weight: normal;
  -webkit-animation: fadeIn 1s;
  -o-animation: fadeIn 1s;
  animation: fadeIn 1s;
  pointer-events: none;
}
#sidebarCollapse,
#sidebarCollapse:hover,
#sidebarCollapse:visited,
#sidebarCollapse:active,
#sidebarCollapse:focus {
  background: url(https://cdn.gocurb.com/img/icons/left-menu-icon.png) no-repeat center 5px transparent;
  border: none;
  float: left;
  padding: 0;
  margin-right: 20px;
  outline: none!important;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 21px;
  height: 22px;
}
#live-header .curb-logo {
  width: 56px;
  height: 17px;
  display: inline-block;
  margin-right: 9px;
}
#live-header .product-logo {
  text-transform: uppercase;
  vertical-align: bottom;
  color: #fff;
  font-size: 14px;
  line-height: 12px;
  letter-spacing: -0.2px;
  -webkit-animation: fadeIn 1s;
  -o-animation: fadeIn 1s;
  animation: fadeIn 1s;
}
#live-header .profile-container {
  display: table;
  padding: 0;
  position: relative;
  min-height: 39px;
  top: 8px;
}
#live-header .profile-container img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: table-cell;
  margin-right: 15px;
  vertical-align: middle;
  margin-top: 6px;
}
#live-header .profile-container .info {
  display: table-cell;
  vertical-align: middle;
  padding: 0;
  font-size: 14px;
  margin: 0;
}
#live-header .profile-container .info span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 160px;
  margin-right: 30px;
}
#live-header .profile-container .info .user-company {
  opacity: 0.69;
  font-size: 12px;
}
#live-header .profile-container a.options-toggler{
  display: table-cell;
}
#live-header .profile-container > .dropdown-menu {
  min-width: 140px;
  border-radius: 6px 0 6px 6px;
}
#live-header .profile-container > .dropdown-menu:after {
  position: absolute;
  display: inline-block;
  content: '';
  top: -12px;
  right: 0;
  border-bottom: 15px solid #ffffff;
  border-left: 15px solid transparent;
  border-right: 0 solid transparent;
}
#live-header .profile-container .dropdown-menu #debug-menu{
  display: none;
}
#live-header .profile-container .dropdown-submenu {
  position: relative;
  border-radius: 6px 0 6px 6px;
}
#live-header .profile-container .dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}
#live-header .profile-container .dropdown-submenu:hover > a:after {
  border-left-color: transparent;
}
#live-header .profile-container .dropdown-submenu > .dropdown-menu {
  top: 0;
  right: 100%;
  margin: 0;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
#live-header .profile-container .dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
#live-header .profile-container .dropdown-submenu > .dropdown-menu li{
  border: none;
  padding: 6px 20px;
}
#live-header #map-table-view-button {
  left: -40px;
  background: url(https://cdn.gocurb.com/img/icons/map-view.png) no-repeat 0 0;
  border: none;
  width: 19px;
  height: 19px;
  border-radius: 0;
  padding: 0;
  margin: 0 10px 0 0;
  position: absolute;
}
#live-header #map-table-view-button[button-type='viewMap'],
#live-header #map-table-view-button[button-type='openMap'] {
  background: url(https://cdn.gocurb.com/img/icons/map-view.png) no-repeat 0 0;
  top: 10px;
}
#live-header #map-table-view-button[button-type='table'] {
  background: url(https://cdn.gocurb.com/img/icons/grid-view.png) no-repeat 0 0;
  top: 12px;
}
#live-header .phone-toggle-icon {
  display: table-cell;
  margin-right: 10px;
  margin-bottom: 10px;
  padding-top: 12px;
  padding-right: 25px;
  vertical-align: top;
  cursor: pointer;
  font-size: 1.2em;
}
#live-header .header-counter-container{
  float: left;
  position: relative;
  min-width: 56px;
  padding-top: 4px;
}
#live-header .header-counter-container img{
  width: auto;
  height: auto;
  border-radius: 0;
}
#live-header .header-counter {
  position: absolute;
  border-radius: 50px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  border: solid 1px #1ab684;
  background-color: #96ffbf;
  font-size: 10px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  color: #044a33;
  padding: 1px 4px;
  top: 5px;
  left: 12px;
}
#live-header #review-rides-header-counter.header-counter {
  left: 15px;
}
/* Debug control*/
.debug-control {
  min-width: 250px;
}
.debug-control li {
  display: block;
  padding: 6px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.52857143;
  color:  #5f5f5f;;
  white-space: nowrap;
}
.debug-control li span {
  display: inline-block;
}
.debug-control li .environment-label {
  font-weight: normal;
  margin: 0 5px 0 0;
  min-width: 108px;
  text-align: right;
  display: inline-block;
}
.debug-control li select,
.debug-control li input {
  color: #3a3f51;
  background: #fff;
  border: 1px solid #dde6e9;
  border-radius: 4px;
  padding: 5px 16px 5px 5px;
}
.debug-control li select {
  width: 61%;
}
.debug-control .code-environment {
  text-transform: capitalize;
}
.debug-control li .debug-group input {
  vertical-align: middle;
  margin: 0;
}
.debug-control li .debug-group {
  width: 33%;
  float: left;
}
.debug-control .debug-switch-container {
  text-align: center;
}
.debug-control .debug-switch-container > span {
  font-weight: bold;
  margin: 0 5px;
}
.debug-control .switch {
  margin: 0;
}
.debug-control .switch span {
  background: #e2e2e2;
}
.debug-control .switch input:checked + span {
  background: #1cb684;
  border: 1px solid #6ed0b0;
}
.debug-pined-container {
  position: fixed;
  right: 0;
  top: 59px;
  z-index: 1000;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}
.debug-pined-container .debug-control {
  display: block;
  position: relative;
  border-radius: 6px;
}
.debug-pined-container .debug-control .switch input:checked + span:after {
  left: 50%;
  transition: all .2s;
}
.debug-pined-container .debug-control li {
  padding: 6px 20px;
  border: none;
}
.debug-pined-container .debug-control li + li{
  border: none;
}

/* ========================================================================
 * Filter bar
 ======================================================================== */
#filter-bar {
  position: relative;
  width: 100%;
  padding: 0 30px;
  margin: 0;
  border: none;
  background: #ffffff;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.08);
  height: 53px;
  z-index: 1000;
}
#filter-bar .dropdowns-container {
  display: flex;
  flex-wrap: nowrap;
}
#filter-bar .book-ride-icon {
  margin: 10px 10px 0 0;
  vertical-align: middle;
  border: 2px solid #00ba7f;
  border-radius: 50%;
  height:32px;
  width: 32px;
  background: transparent;
}
#filter-bar .book-ride-icon span.open-icon, span.close-icon {
  position: relative;
  font-weight: normal;
  font-size: 21pt;
  color: #00ba7f
}
#filter-bar .book-ride-icon span.open-icon {
  left: 6px;
  top: -7px;
}
#filter-bar .book-ride-icon span.close-icon {
  left: 9px;
  top: -5px;
}
#filter-bar #ride-names {
  display: flex;
  margin-right: 15px;
}
#filter-bar .filter-bar-block .ride-type-list {
  display: flex;
  flex-wrap: nowrap;
}
#filter-bar #ride-names .ride-type-wrapper {
  position: relative;
  float: left;
  cursor: pointer;
}
#filter-bar #ride-names .ride-type-wrapper + .ride-type-wrapper {
  margin-left: 20px;
}
#filter-bar #ride-names .ride-type-wrapper.active {
  border-bottom: 3px solid #1cb684;
}
#filter-bar #ride-names .ride-type-wrapper .type-link {
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0.1px;
  color: #00a873;
  cursor: pointer;
  white-space: nowrap;
  padding: 16px 8px 14px;
  display: inline-block;
}
#filter-bar #ride-names #all-type.ride-type-wrapper .type-link,
#filter-bar #ride-names #trips-type.ride-type-wrapper .type-link{
  padding-right: 23px;
}
#filter-bar #ride-names .ride-type-wrapper.active .type-link {
  color: #282828;
}
#filter-bar #ride-names #all-type .type-link:after,
#filter-bar #ride-names #trips-type .type-link:after,
#filter-bar #ride-names #shared-routes-trips-type .type-link:after {
  content: "\f107";
  position: relative;
  right: -15px;
  display: inline-block;
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  color: #232323;
  font-weight: 900;
  font-size: 12px;
  line-height: 1;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
  opacity: 0.6;
  cursor: pointer;
}
#filter-bar #ride-names #all-type.open .type-link:after,
#filter-bar #ride-names #trips-type.open .type-link:after,
#filter-bar #ride-names #shared-routes-trips-type.open .type-link:after {
  content: "\f106";
}
#filter-bar #ride-type-dropdown-menu,
#filter-bar #trips-type-dropdown-menu,
#filter-bar #shared-routes-trips-type-dropdown-menu,
#filter-bar #shared-type-dropdown-menu,
#filter-bar #routes-type-dropdown-menu {
  border: none;
  padding: 0;
  border-radius: 4px;
  position:absolute;
  left: 0;
  top: 48px;
  box-shadow: 2px 3px 11px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff;
  z-index: 5000;
}

#filter-bar #shared-type-dropdown-menu,
#filter-bar #routes-type-dropdown-menu {
  left: 121px;
  top: -1px;
}
#filter-bar #routes-type-dropdown-menu {
  top: 54px;
}
#filter-bar #ride-type-dropdown-menu .ride-types-dropdown-item,
#filter-bar #trips-type-dropdown-menu .trips-types-dropdown-item,
#filter-bar #ride-type-dropdown-menu .time-interval-wrapper,
#filter-bar #shared-type-dropdown-menu .shared-types-dropdown-item,
#filter-bar #routes-type-dropdown-menu .routes-types-dropdown-item {
  padding: 0;
  position: relative;
}
#filter-bar #ride-type-dropdown-menu .ride-types-dropdown-item .ride-types-dropdown-link,
#filter-bar #trips-type-dropdown-menu .trips-types-dropdown-item .trips-types-dropdown-link,
#filter-bar #ride-type-dropdown-menu .time-interval-wrapper .time-interval-link,
#filter-bar #trips-type-dropdown-menu .time-interval-wrapper .time-interval-link,
#filter-bar #shared-type-dropdown-menu .shared-types-dropdown-item .shared-types-dropdown-link,
#filter-bar #shared-type-dropdown-menu .time-interval-wrapper .time-interval-link,
#filter-bar #routes-type-dropdown-menu .routes-types-dropdown-item .routes-types-dropdown-link,
#filter-bar #routes-type-dropdown-menu .time-interval-wrapper .time-interval-link,
#filter-bar #shared-routes-trips-type-dropdown-menu .shared-routes-trips-types-dropdown-item .shared-routes-trips-types-dropdown-link
{
  display: block;
  clear: both;
  white-space: nowrap;
  padding: 17px 50px 17px 28px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  color: #232323;
  text-transform: none;
  position: relative;
}
#filter-bar #ride-type-dropdown-menu .ride-types-dropdown-item .ride-types-dropdown-link:hover,
#filter-bar #trips-type-dropdown-menu .trips-types-dropdown-item .trips-types-dropdown-link:hover,
#filter-bar #shared-type-dropdown-menu .shared-types-dropdown-item .shared-types-dropdown-link:hover,

#filter-bar #routes-type-dropdown-menu .routes-types-dropdown-item .routes-types-dropdown-link:hover,
#filter-bar #ride-type-dropdown-menu .time-interval-wrapper .time-interval-link:hover,
#filter-bar #trips-type-dropdown-menu .time-interval-wrapper .time-interval-link:hover,
#filter-bar #shared-type-dropdown-menu .time-interval-wrapper .time-interval-link:hover,
#filter-bar #routes-type-dropdown-menu .time-interval-wrapper .time-interval-link:hover,
#filter-bar #shared-routes-trips-type-dropdown-menu .shared-routes-trips-types-dropdown-item .shared-routes-trips-types-dropdown-link:hover
 {
  background-color: #f1fbf8;
}
#filter-bar #ride-type-dropdown-menu .ride-types-dropdown-item .ride-types-dropdown-link .fas,
#filter-bar #trips-type-dropdown-menu .trips-types-dropdown-item .trips-types-dropdown-link .fas,
#filter-bar #shared-type-dropdown-menu .shared-types-dropdown-item .shared-types-dropdown-link .fas,
#filter-bar #routes-type-dropdown-menu .routes-types-dropdown-item .routes-types-dropdown-link .fas,
#filter-bar #ride-type-dropdown-menu .time-interval-wrapper .time-interval-link .fas,
#filter-bar #shared-routes-trips-type-dropdown-menu .shared-routes-trips-types-dropdown-item .shared-routes-trips-types-dropdown-link .fas {
  float: right;
  position: absolute;
  top: 21px;
  right: 25px;
  opacity: 0.6;
}
#filter-bar #ride-type-dropdown-menu .ride-types-dropdown-item .dropdown-menu,
#filter-bar #trips-type-dropdown-menu .trips-types-dropdown-item .dropdown-menu,
#filter-bar #routes-type-dropdown-menu .routes-types-dropdown-item .dropdown-menu,
#filter-bar #shared-type-dropdown-menu .shared-types-dropdown-item .dropdown-menu
{
  position: absolute;
  top: 0;
  left: 100%;
  border-radius: 0 6px 6px 6px;
}
#filter-bar .filtered-input-wrapper {
  margin-top: 9px;
  position: relative;
  cursor: pointer;
}
#filter-bar .filtered-label{
  border: 0.5px solid  #c6c6c6;
  background-color: #ffffff;
  opacity: 0.54;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  color: #282828;
  border-radius: 4px 0 0 4px;
  text-transform: uppercase;
  margin: 0;
  padding: 9px 15px 8px;
  display: inline-block;
  height: 37px;
}
#filter-bar .filtered-label .fa-filter{
  font-size: 10px;
  margin-left: 5px;
}
#filter-bar #filtered-labels-wrapper{
  z-index: 500;
  border-radius: 0 4px 4px 0;
  border: 0.5px solid #c6c6c6;
  background-color: #fafafa;
  padding: 0 30px 0 15px;
  display: inline-block;
  width: calc(100% - 94px);
  border-left: none;
  height: 37px;
  vertical-align: middle;
}

#filter-bar .filtered-label-block{
  border-radius: 4px;
  border: 0.5px solid #00ba7f;
  background-color: #ffffff;
  padding:3px 10px;
  margin: 3px 0;
  display: inline-block;
}
#filter-bar .filtered-label-block.ride-type-hidden{
  display: none !important;
}
#filter-bar #clear-all{
  position: absolute;
  top: 4px;
  right: 10px;
  color: rgba(40, 40, 40, 0.54);
  font-size: 20px;
  cursor: pointer;
}
#filter-bar .filtered-label-block + .filtered-label-block{
  margin-left:5px;
}
#filter-bar .filtered-label-block .filtered-label{
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.18;
  letter-spacing: normal;
  text-align: left;
  color: #00ba7f;
  margin-right: 5px;
  border: none;
  opacity: 1;
  background: #fff;
  padding: 0;
  text-transform: none;
  height: auto;
}
#assignment-input-text {
  text-transform: capitalize;
}
#filter-bar .filtered-label-block .clear-filtered-label{
  font-size: 11px;
  color: #00ba7f;
  margin-top: -1px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
#filter-bar #filtered-labels-list.scrollbar{
  display: inline-block;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
#filter-bar #filtered-labels-list.scrollbar::-webkit-scrollbar-track {
  background-color: transparent;
}
#filter-bar #filtered-labels-list.scrollbar::-webkit-scrollbar {
  height:5px;
  background-color: transparent;
}
#filter-bar #filtered-labels-list.scrollbar::-webkit-scrollbar-thumb {
  background-color: rgba(50, 50, 50, 0.36);
}
#filter-bar #ride-types > a{
  min-width: 165px;
}
#filter-bar .time-range-view{
  padding: 13px 20px;
}
#filter-bar .time-range-view .input-group{
  line-height: 1;
  padding: 13px 20px;
  border: none;
}
#filter-bar .time-range-view .input-group label{
  min-width: 45px;
  font-weight: normal;
  margin-right: 13px;
  margin-bottom: 0;
  display: table-cell;
  vertical-align: middle;
}
#filter-bar .time-range-view .input-group input{
  border-radius: 4px 0 0 4px;
  border: none;
  padding: 8px 30px 8px 20px;
  background: #f9f4f4;
  width: auto;
  cursor: pointer;
}
#filter-bar .time-range-view .input-group .input-group-addon{
  cursor: pointer;
  border: none;
  border-radius: 0 4px 4px 0;
  background: #f9f4f4;
  right: 65px;
  top: 15px;
}
#filter-bar .time-range-view .input-group .bootstrap-datetimepicker-widget{
  margin-left: 0;
  width: auto;
  border-radius: 6px;
  padding: 13px 20px;
}
#filter-bar .time-range-view .input-group .bootstrap-datetimepicker-widget ul {
  margin-top: 0;
}
#filter-bar .time-range-view .input-group .bootstrap-datetimepicker-widget ul li {
  border: none;
}
#filter-bar .time-range-view .input-group .bootstrap-datetimepicker-widget table td.active,
#filter-bar .time-range-view .input-group .bootstrap-datetimepicker-widget table td.active:hover,
#filter-bar .time-range-view .input-group .bootstrap-datetimepicker-widget table td span.active{
  background: #1cb684;
}
#filter-bar .time-range-view .input-group .bootstrap-datetimepicker-widget table td.today:before {
  border-bottom-color: #1cb684;
}
#filter-bar .time-range-view .input-group .bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #fff
}
#filter-bar .time-range-view .custom-range-label,
#filter-bar .time-range-view .custom-range-error{
  text-align: center;
  padding: 5px 10px;
}
#filter-bar .time-range-view .custom-range-label.alert-time {
  color: #f05050;
}
#filter-bar .time-range-view .custom-range-error{
  color: #f05050;
  display: none;
  border: none;
  white-space: pre-wrap;
  width: 100%;
}
#filter-bar .time-range-view {
  box-shadow: none;
  background: #ffffff;
  border: none;
  margin-top: 0;
  display: none;
  width: 375px;
}
#filter-bar .time-range-view .dropdown-item{
  float: left;
  width: 48%;
  margin: 0;
}
#filter-bar .time-range-view .dropdown-item + .dropdown-item{
  margin-left: 2%;
}
#filter-bar .time-range-view .dropdown-item .search-filter-input{
  margin-right: 15px;
  padding: 8px 15px;
}

/* Search filter*/
#filter-bar {
  display: flex;
}
#filter-bar .filter-view {
  flex-grow: 1;
}
#filter-bar .filter-view .dropdown-menu{
  padding: 25px 30px 20px;
  width: 100%;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.08);
  left: 0;
  border-radius: 0;
  margin: 0;
}
#filter-bar #ride-filter .dropdown-menu.time-range-view {
  width: 395px;
}
#filter-bar #ride-filter .datetime-filter .dropdown-menu {
  width: 450px;
}
.filter-view.driver-filter {
  width: 100%;
}
.filter-view .dropdown-menu .dropdown-item{
  color: #282828;
  border: none;
  margin-bottom: 15px;
  position: relative;
  padding-right: 20px;
}
.filter-view .visible-only-for-map-view {
  display: none;
}
.filter-view .dropdown-menu #filter-search-flat-fare-item,
.filter-view .dropdown-menu #filter-search-late-ride,
.filter-view .dropdown-menu #filter-search-nearby-rides,
.filter-view .dropdown-menu #vehicle-types,
.filter-view .dropdown-menu #filter-search-all-riders,
.filter-view .dropdown-menu #filter-search-d2d-rides{
  margin-top: 47px;
  margin-bottom: 25px;
}
.filter-view .caret {
  transform: rotate(270deg);
  transform-origin: 20% 40%;
  top: 22px;
}
.filter-view .dropdown-menu .search-filter-label{
  color: rgba(40, 40, 40, 0.8);
  font-size: 13px;
  font-weight: normal;
  line-height: 35px;
  margin-right: 13px;
  margin-bottom: 5px;
  vertical-align: top;
  display: block;
}
.filter-view .dropdown-menu .search-filter-label.search-nearby-trip-top-label{
  margin-bottom: 46px;
}
.filter-view .dropdown-menu .checkbox-label{
  color: #282828;
  font-size: 14px;
  white-space: nowrap;
  width: auto;
  margin-right: 15px;
}
.filter-view .dropdown-menu .checkbox-input + .checkbox-label:before{
  margin-left: 5px;
}
.filter-view .dropdown-menu .search-filter-input,
.filter-view .ride-status-box {
  display: inline-block;
  width: 100%;
  height: 35px;
  border-radius: 4px;
  padding: 8px 30px 8px 20px;
  border: 0.5px solid #e6e6e6;
  background-color: #fafafa;
  text-align: left;
  font-size: 12px;
  color: #282828;
}
.filter-view .dropdown-menu .dropdown{
  width:100%;
}
.filter-view .dropdown-menu .dropdown.dropdown-vehicle-types {
  width: calc(100% - 60px);
}
.filter-view #search-requested-accessible-vehicle-type-block,
.filter-view #search-assigned-accessible-vehicle-type-block{
  width: 40px;
  vertical-align: middle;
}
.filter-view #search-requested-accessible-vehicle-type-block .checkbox-label,
.filter-view #search-assigned-accessible-vehicle-type-block .checkbox-label{
  background: url(https://cdn.gocurb.com/img/icons/accessible-icon.png) no-repeat 25px center;
  margin-right: 0;
  width: 100%;
}
.company-input-text,
.status-input-text,
.driver-groups-input-text,
.pickup-zone-input-text,
.dropoff-zone-input-text,
.market-input-text,
.vehicle-features-input-text {
  display: inline-block;
  width: 100%;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.filter-view .dropdown-menu .dropdown-item .search-filter-input:focus{
  border: 0.5px solid #1cb684;
}
.filter-view .dropdown-menu .dropdown-item .search,
.filter-view .dropdown-menu .dropdown-item .clear,
.filter-view .dropdown-menu .dropdown-item .down-array,
#ride-filter .dropdown-menu .dropdown-item .dropdown.inline-block .clear {
  position: absolute;
  right: 10px;
}
.filter-view .dropdown-menu .dropdown-item .search{
  background: url(https://cdn.gocurb.com/img/icons/search.png) no-repeat 0 0 transparent;
  width: 20px;
  height: 37px;
  top: 8px;
}
.filter-view .dropdown-menu .dropdown-item .clear,
#ride-filter .dropdown-menu .dropdown-item .dropdown.inline-block .clear {
  color: rgba(40, 40, 40, 0.22);
  top: 42px;
  font-size: 20px;
  display: none;
  cursor: pointer;
  right: 30px;
}
#ride-filter .dropdown-menu .dropdown-item .dropdown.inline-block .clear {
  top: 3px;
  right: 11px;
}
.filter-view .dropdown-menu .dropdown-item .down-array {
  top: 8px;
  right: 15px;
  color: rgba(40, 40, 40, 0.22);
  cursor: pointer;
}
.filter-view .dropdown-menu .dropdown-item .down-array i {
  font-size: 20px;
}
.filter-view #filter-menu-list .dropdown-menu-dark-bg {
  top: 40px;
  left: 0;
  width: calc(100% - 16px);
  padding: 22px 0 12px;
  background-color: rgba(48, 49, 51, 0.9);
  border-radius: 6px;
  min-width: 50px;
}
.filter-view #filter-menu-list #filter-vehicle-features-list-wrapper.dropdown-menu-dark-bg {
  width: 170px;
  max-height: 470px;
  overflow-y: auto;
}
.filter-view #filter-menu-list #filter-search-requested-vehicle-type .dropdown-menu-dark-bg,
.filter-view #filter-menu-list #filter-search-assigned-vehicle-type .dropdown-menu-dark-bg{
  width: calc(100% - 13px);
}
.filter-view #filter-menu-list .dropdown-menu-dark-bg.scrolling-menu-dark-wrapper {
  padding-left: 0;
  padding-right: 0;
}
.filter-view #filter-menu-list .dropdown-menu-dark-bg .dropdown-point-filter {
  border-top: none;
  margin: 0;
  padding: 0;
}
.filter-view #filter-menu-list .dropdown-menu-dark-bg .dropdown-point-filter.dropdown-point-filter-text {
  padding: 3px 12px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  font-weight: normal;
}
.filter-view #filter-menu-list .dropdown-menu-dark-bg .dropdown-point-filter.dropdown-point-filter-text:hover {
  background-color: rgba(48, 49, 51, 0.9);
  color: #ffffff;
  cursor: pointer;
}
.filter-view #filter-menu-list .dropdown-menu-dark-bg .js-dropdown-name-label,
.filter-view #filter-menu-list .dropdown-menu-dark-bg .dropdown-label {
  display: block;
  box-sizing: border-box;
  margin-bottom: 0;
  width: auto;
  padding: 3px 12px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  font-weight: normal;
  position: relative;
}
.filter-view #filter-menu-list .dropdown-menu-dark-bg .dropdown-point-filter:hover .js-dropdown-name-label,
.filter-view #filter-menu-list .dropdown-menu-dark-bg .dropdown-point-filter .dropdown-label:hover {
  background-color: rgba(48, 49, 51, 0.9);
  color: #ffffff;
}
.tag-img-icon {
  height: 14px;
  margin: 0 5px;
}
#filter-ride-tags-list label {
  text-transform: capitalize;
}
.filter-view #filter-menu-list .dropdown-menu-dark-bg .dropdown-point-filter .dropdown-label:hover .green-custom-checkbox-dropdown::before {
  border-color: #1cb684;
}
.filter-view #filter-menu-list .menu-company-filter,
.filter-view #filter-menu-list .menu-pickup-zone-filter,
.filter-view #filter-menu-list .menu-dropoff-zone-filter,
.filter-view #filter-menu-list .menu-vehicle-features-filter{
  max-height: 300px;
  padding: 0;
}
.filter-view #filter-menu-list .menu-company-filter::-webkit-scrollbar,
.filter-view #filter-menu-list .menu-pickup-zone-filter::-webkit-scrollbar,
.filter-view #filter-menu-list .menu-dropoff-zone-filter::-webkit-scrollbar,
.filter-view #filter-menu-list .menu-vehicle-features-filter::-webkit-scrollbar,
#pre-assignment-vehicle-features-list::-webkit-scrollbar
 {
  width: 4px;
}
.filter-view #filter-menu-list .menu-company-filter::-webkit-scrollbar-track,
.filter-view #filter-menu-list .menu-pickup-zone-filter::-webkit-scrollbar-track,
.filter-view #filter-menu-list .menu-dropoff-zone-filter::-webkit-scrollbar-track,
.filter-view #filter-menu-list .menu-vehicle-features-filter::-webkit-scrollbar-track {
  background: rgba(48, 49, 51, 0.9);
  border-radius: 0;
}
.filter-view #filter-menu-list .menu-company-filter::-webkit-scrollbar-thumb,
.filter-view #filter-menu-list .menu-pickup-zone-filter::-webkit-scrollbar-thumb,
.filter-view #filter-menu-list .menu-dropoff-zone-filter::-webkit-scrollbar-thumb,
.filter-view #filter-menu-list .menu-vehicle-features-filter::-webkit-scrollbar-thumb,
#pre-assignment-vehicle-features-list::-webkit-scrollbar-thumb
 {
  background: #707070;
  border-radius: 4px;
}
.filter-view #filter-menu-list .menu-company-filter::-webkit-scrollbar-thumb:hover,
.filter-view #filter-menu-list .menu-pickup-zone-filter::-webkit-scrollbar-thumb:hover,
.filter-view #filter-menu-list .menu-dropoff-zone-filter::-webkit-scrollbar-thumb:hover,
.filter-view #filter-menu-list .menu-vehicle-features-filter::-webkit-scrollbar-thumb:hover,
#pre-assignment-vehicle-features-list::-webkit-scrollbar-thumb {
  background: #707070;
}
.filter-view #filter-menu-list .company-filter-btn-block {
  bottom: 0;
  padding-top: 5px;
  text-align: center;
  border-top: none;
}
.filter-view #filter-menu-list .dropdown-menu-dark-bg .wrapper-statuses-sub-list {
  margin-top: 0;
}
.filter-view #filter-menu-list .dropdown-menu-dark-bg .dropdown-label .dropdown-arrow {
  float: right;
  padding: 0 10px;
}
.filter-view #filter-menu-list .dropdown-menu-dark-bg .dropdown-label .dropdown-arrow:after{
  content: "\f107";
  position: relative;
  display: inline-block;
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 900;
  font-size: 12px;
  line-height: 1;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
  cursor: pointer;
}
.filter-view #filter-menu-list .dropdown-menu-dark-bg .dropdown-label.open .dropdown-arrow:after{
  content: "\f106";
}
.filter-view .buttons-container {
  display: block;
  clear: both;
  text-align: right;
}
#filter-bar .filter-view .btn{
  letter-spacing: 0.4px;
  font-size: 14px;
  padding: 4px 12px;
  min-width: 110px;
  margin-top: 0;
}
#filter-bar .filter-view .btn + .btn{
  margin-left: 10px;
}
#filter-bar .filter-view .btn-primary,
#filter-bar .filter-view .btn-primary:hover,
#filter-bar .filter-view .btn-primary:visited,
#filter-bar .filter-view .btn-primary:active,
#filter-bar .filter-view .btn-primary:focus {
  border: 1px solid #1cb684;
  background: #1cb684;
  color: #fff;
}
#filter-bar .filter-view .btn-default,
#filter-bar .filter-view .btn-default:hover,
#filter-bar .filter-view .btn-default:visited,
#filter-bar .filter-view .btn-default:active,
#filter-bar .filter-view .btn-default:focus {
  border: 1px solid #1bb381;
  background: transparent;
  color: #1cb684;
}
.filter-view #search-time-dropdown {
  box-shadow: none;
  margin-top: 15px;
}
.filter-view #trip-types ul li,
.filter-view #search-time-dropdown li {
  border: none;
  margin-bottom: 20px;
}
.filter-view #search-time-dropdown li{
  float: left;
  margin-right:10px;
  min-width: 110px;
}
.filter-view .trip-types {
  width: 155px;
}
.filter-view .search-fields {
  width: calc(100% - 155px);
}
/* hide next filters on filter-menu-list when map is opened
- Trip Start Period
- Pickup Zone */
#filter-bar.map-page #filter-search-trip-start-period,
#filter-bar.map-page #filter-search-pickup-zone {
  display: none;
}
.filter-view .radio-label,
.filter-view .checkbox-label{
  font-size: 14px;
  letter-spacing: 0.1px;
  color: #282828;
}
.filter-view .radio-input + .radio-label:before,
.filter-view .checkbox-input + .checkbox-label:before{
  content: '';
  background: transparent;
  border: 1px solid #dedede;
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  padding: 3px 0;
  text-align: center;
  margin-right: 8px;
  margin-top: -1px;
}
.filter-view .radio-input:checked + .radio-label:before{
  border: 3px solid #00ba7f;
  font-style: normal;
  font-weight: 900;
  font-size: 12px;
  line-height: 1;
  content: "";
  color: #fff;
}
.filter-view .checkbox-input:checked + .checkbox-label:before{
  background: #1cb684;
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-size: 9px;
  line-height: 1;
  content: "\f00c";
  border: none;
  color: #fff;
  padding: 1px 0 0;
  font-weight: 900;
}
.filter-view .radio-input[disabled] + .radio-label,
.filter-view .checkbox-input[disabled] + .checkbox-label {
  cursor: not-allowed;
  opacity: 0.4;
}

#ride-filter .search-filter-input-dropdown {
  cursor: pointer;
}

/* Buttons container*/
#filter-bar .btn-primary,
#filter-bar .btn-primary:hover,
#filter-bar .btn-primary:visited,
#filter-bar .btn-primary:active,
#filter-bar .btn-primary:focus {
  border: 2px solid #1cb684;
  background: transparent;
  color: #1cb684;
}
#filter-bar .btn-default,
#filter-bar .btn-default:hover,
#filter-bar .btn-default:visited,
#filter-bar .btn-default:active,
#filter-bar .btn-default:focus{
  border: 2px solid #cecaca;
  background: transparent;
  color: #cecaca;
}

#filter-bar #availability-pickup-location-box{
  display: none;
  margin-right: 10px;
}
#filter-bar .filter-bar-block #availability-pickup-location-findbox {
  z-index: 500;
  width: calc(100% - 110px);
}
#filter-bar .filter-bar-block .availability-list {
  display: flex;
  flex-wrap: nowrap;
  margin-top: 9px;
  position: relative;
  cursor: pointer;
}
#filter-bar .filter-bar-block .availability-list .leaflet-control-search .form-control {
  border-radius: 0 4px 4px 0;
  border: 0.5px solid #c6c6c6;
  background-color: #fafafa;
  padding: 0 15px 0 15px;
  display: inline-block;
  border-left: none;
  height: 37px;
  vertical-align: middle;
  width: 350px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#filter-bar .filter-bar-block .availability-list .leaflet-control-search .search-tooltip{
  width: 106%;
  max-height: 300px;
  border-radius: 4px;
  border: 0.5px solid #c6c6c6;
  box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.16);
}
#filter-bar .filter-bar-block .availability-list .leaflet-control-search .search-tooltip .search-tip{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-height: 50px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0.35px;
  color: #232323;
  padding: 15px;
  margin: 0;
  background: #fff;
  border-radius: 0;
}
#filter-bar .filter-bar-block .availability-list .leaflet-control-search .search-tooltip .search-tip:hover {
  background-color: #f1fbf8;
}

/* Table */
#content-wrapper {
  padding-top: 60px;
}
#content-wrapper .table-list {
  display: flex;
  margin: 0;
  width: 100%;
  height: 100%;
}
#content-wrapper #ride-list.table-list,
#content-wrapper #driversList.table-list {
  flex-direction: column;
}
#content-wrapper #ride-list.table-list:not(.table-exception-type) {
  height: calc(100% - 55px);
}
#content-wrapper .table-list table {
  position: relative;
  margin: 0;
  padding: 0;
}
#content-wrapper #ride-list.table-list table,
#content-wrapper #riderList.table-list table {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#content-wrapper .table-list thead,
#content-wrapper .table-list tbody,
#content-wrapper .table-list tr,
#content-wrapper .table-list td,
#content-wrapper .table-list th {
  display:block;
}
#content-wrapper .table-list tr {
  font-size: 0;
  border-bottom: 1px solid #e4eaec;
  cursor: default;
  background: #ffffff;
}
#content-wrapper .table-list .loading {
  display: block;
}
#content-wrapper .table-list .loading td {
  display: block;
  width: 100%;
}
#content-wrapper .table-list tbody {
  overflow-y: auto;
  overflow-x: hidden;
}
/*navigation style emulation*/
#live.opend-slider.opend-map ul#filter-menu-list > li.search-driver-id {
  display: none;
}
#live.wrapper.history footer,
#live.wrapper.riders footer {
  position: fixed;
  bottom: 0;
  width: 100%;
}
#live.wrapper.history #content-wrapper {
  overflow: auto;
}

#content-wrapper .table-list tbody td,
#content-wrapper .table-list thead tr th {
  display: inline-block;
  vertical-align: middle;
}
#content-wrapper .table-list th,
#content-wrapper .table-list .th {
  color: rgba(35, 35, 35, 0.54);
  font-size: 10px;
  line-height: 1.2;
  font-weight: normal;
  padding: 23px 5px 15px;
  border: none;
  vertical-align: middle;
  text-transform: uppercase;
  letter-spacing: -0.2px;
}
#content-wrapper .table-list .table-view .sortable-header {
  cursor: pointer;
}
#content-wrapper .table-list .table-view .sort-container {
  position: relative;
  top: 1px;
  left: 5px;
}
#content-wrapper .table-list .table-view .sortable-header .fas {
  position: absolute;
  color: rgba(50, 50, 50, 0.36);
  font-size: 13px;
}
#content-wrapper .table-list .table-view .sortable-header .fas.selected{
  color: #1cb684;
}
#content-wrapper .table-list thead tr .filtered{
  position: relative;
}
#content-wrapper .table-list thead tr .filtered:after{
  content: "\f0b0";
  position: absolute;
  top: 3px;
  right: -30px;
  color: #1cb684;
  display: inline-block;
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-size: 12px;
  line-height: 1;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}
#content-wrapper .table-list tr {
  min-height: 50px;
  cursor: pointer;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
}
.riders-tbody .th-table-riders {
  margin: 7px 0;
}
#content-wrapper .table-list .driver-history-ride-row.active {
  background-color: rgba(28, 182, 132, 0.12);
}
#content-wrapper .table-list thead tr{
  cursor: default;
}
#content-wrapper .table-list .drivers-list-table tr.riders {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 2fr 1fr 1fr;
}
#content-wrapper .table-list .ride:hover,
#content-wrapper .riders-tbody .ride:hover,
#content-wrapper .history-list-body-table .ride:hover,
#content-wrapper .table-list .trip:hover,
#content-wrapper .table-list .rider:hover,
#content-wrapper .table-list .driver-history-ride-row:hover,
#content-wrapper .table-list .driver-row:hover{
  background-color: rgba(28, 182, 132, 0.05);
}
#content-wrapper .table-list .ride.active,
#content-wrapper .history-list-body-table .ride.active,
#content-wrapper .table-list .trip.active {
  background-color: rgba(28, 182, 132, 0.12);
}
#content-wrapper .table-list .table-view-body .ride.redispatch-ride{
  background-color: rgba(28, 182, 132, 0.12);
}
#content-wrapper .table-list tr.isHidden {
  display: none;
}
#content-wrapper .table-list tr.loading td,
#history-list-items > tr.loading > td,
#history-list-items > tr.empty > td,
#upcoming-list-items > tr.loading > td,
#active-list-items > tr.loading > td,
#upcoming-list-items > tr.empty > td,
#active-list-items > tr.empty > td,
#review-list-items > tr.loading > td,
#review-list-items > tr.empty > td,
#content-wrapper .table-list tr.empty td {
  padding: 30px 0;
  text-align: center;
  width: 100%;
  cursor: default;
}

#content-wrapper .table-list .trips-segment-table tr.loading td,
#content-wrapper .table-list .shared-trips-segment-table tr.loading td {
  padding: 15px 0;
}
#book-ride-button {
  min-width: 161px;
  height: 36px;
  border-radius: 4px;
  border: solid 1px #00ba7f;
  margin: 10px 10px 10px 0;
  background-color: #fff;
  color: #00ba7f;
}
#content-wrapper .table-list .ride.locked-ride{
  background: -webkit-repeating-linear-gradient(135deg, #fff, #fff 5px, #dddddd 7px, #dddddd 6px); /* Safari 5.1 - 6.0 */
  background: -o-repeating-linear-gradient(135deg, #fff, #fff 5px, #dddddd 7px, #dddddd 6px); /* Opera 11.1-12.0 */
  background: -moz-repeating-linear-gradient(135deg, #fff, #fff 5px, #dddddd 7px, #dddddd 6px); /* Firefox 3.6-15 */
  background: repeating-linear-gradient(135deg, #fff, #fff 5px, #dddddd 7px, #dddddd 6px);
}
#content-wrapper .table-list tr td,
#content-wrapper .table-list .tr .td {
  padding: 10px 5px;
  font-size: 14px;
  line-height: 1;
  color: #232323;
  border: none;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  cursor: default;
  flex-grow: 1;
}
#content-wrapper .table-list .tr {
  display: grid;
  grid-template-columns: minmax(50px, 125px) minmax(90px, 1.5fr);
}
#content-wrapper .table-list .tr .make-model-color span {
  display: inline-block;
}
#content-wrapper .table-list .tr .th.make-model-color span:after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 7px;
  background: #ccc;
  margin-left: 5px;
  margin-right: 3px;
}
#content-wrapper .table-list .tr .th.make-model-color span:last-child:after {
  display: none;
}
#content-wrapper .table-list .tr .td.make-model-color span:after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 9px;
  background: #ccc;
  margin-left: 5px;
  margin-right: 3px;
}
#content-wrapper .table-list .tr .td.make-model-color span:last-child:after {
  display: none;
}
@media (max-width: 1460px) {
  .opend-slider #content-wrapper .table-list .tr {
    grid-template-columns: minmax(50px, 92px) minmax(90px, 1.5fr);
  }
  .opend-slider #content-wrapper .table-list .tr .th.make-model-color span:after,
  .opend-slider #content-wrapper .table-list .tr .td.make-model-color span:after {
    display: none;
  }
  .opend-slider #content-wrapper .table-list .tr .th.make-model-color span {
    padding-bottom: 26px;
  }
  .opend-slider #content-wrapper .table-list .tr .td.make-model-color span {
    padding-bottom: 24px;
  }
  .opend-slider #content-wrapper .table-list .tr .th.make-model-color span,
  .opend-slider #content-wrapper .table-list .tr .td.make-model-color span {
    display: block;
  }
  .opend-slider #content-wrapper .table-list .tr .th.make-model-color span:last-child,
  .opend-slider #content-wrapper .table-list .tr .td.make-model-color span:last-child {
    padding-bottom: 0;
  }
}
#content-wrapper .table-list .th,
#content-wrapper .table-list .td {
  padding: 13px 5px 13px;
}
#content-wrapper .table-list tr.active:hover td,
#content-wrapper .table-list tr.active td {
  background: none;
}
#content-wrapper .table-list .table-view a {
  color: #1cb684;
}
.table-driver-history-info {
  margin-bottom: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #fafafa;
}
.table-driver-history-info .td.capitalize {
  text-transform: capitalize;
}
.table-driver-history-info .td.driver-name {
  font-weight: bold;
}
.filter-view .dropdown-menu .dropdown-item .error {
  position: absolute;
  display: none;
  margin-top: 5px;
  font-size: 12px;
  color: #f05050;
}
.filter-view .dropdown-menu .dropdown-item.has-error .search-filter-input,
.filter-view .dropdown-menu .dropdown-item.has-error .search-filter-input:focus {
  border-color: #f05050;
}
.filter-view .dropdown-menu .dropdown-item.has-error .error {
  display: block;
}
#content-wrapper .table-list .table-view a:hover {
  text-decoration: underline;
}
#live.wrapper.history tr th:first-child,
#live.wrapper.history tr td:first-child,
#live.wrapper.riders tr th:first-child,
#live.wrapper.riders tr td:first-child
{
  padding-left: 11px;
}
#content-wrapper tr th:last-child,
#content-wrapper tr td:last-child {
  padding-right: 30px;
}
#content-wrapper .table-list .table-view tbody td .alert {
  margin-bottom: 0;
}
#live.wrapper.history .ride_status_code i,
#content-wrapper .table-list .table-view .fa-circle {
  font-size: 8px;
  margin-right: 8px;
  vertical-align: middle;
}
#content-wrapper .table-list .table-view .fa-exclamation-triangle{
  margin-right: 5px;
  font-size: 13px;
}
#content-wrapper .table-list .table-view .id{
  width: 10%;
}
#content-wrapper .table-list .table-view .segment{
  width: 6%;
}
#content-wrapper .table-list .table-view .rider_phone{
  width: 8%;
}
#content-wrapper .table-list .table-view .dropoff_line1{
  width: 17%;
}
#content-wrapper .table-list .table-view .rider_name{
  width: 10%;
}
#content-wrapper .table-list .table-view .from_line1,
#content-wrapper .table-list .table-view .to_line1 {
  width: 17%;
}
#content-wrapper .table-list .table-view .pickup_time{
  width: 6%;
}
#content-wrapper .table-list .table-view .driver_name{
  width: 8%;
}
#content-wrapper .table-list .table-view .driver_phone{
  width: 9%;
}
#content-wrapper .table-list .table-view .vehicle_number{
  width: 6%;
}
#content-wrapper .table-list .table-view .ride_status_code{
  width: 10%;
  position: relative;
}
#content-wrapper .table-list .table-view .booking_channel_id{
  width: 2%;
}
#content-wrapper .table-list .table-view .late {
  width: 8%;
}
#content-wrapper .table-list .table-view .id .tags-number {
  position: relative;
  display: inline-block;
  height: 12px;
  width: 12px;
  line-height: 12px;
  -moz-border-radius: 6px; 
  border-radius: 6px; 
  background-color: #707070;
  color: white;
  text-align: center;
  font-size: 10px;
  margin-right: 11px;
}
#content-wrapper .table-list .table-view .id .tags-number .tooltiptext{
  display: none;
  min-width: 120px;
  min-height: 30px;
  font-size: 10px;
  background-color: #484848;
  line-height: 15px;
  text-align: center; 
  border-radius: 6px;
  padding: 4px 0;
  padding-right: 3px;
  position: absolute;
  top: -23px;
  left: 75px;
  margin-left: -60px;
}
#content-wrapper .table-list .table-view .id .tags-number .tooltiptext .tag-tooltip-img-label {
  display: inline-block;
}
#content-wrapper .table-list .table-view .id .tags-number:hover .tooltiptext {
  position: absolute;
  display: inline-block;
  z-index: 1000;
}
#content-wrapper .table-list.table-review-type .table-view .id,
#content-wrapper .table-list.table-exception-type .table-view .id{
  width: 10%;
}
#content-wrapper .table-list.table-review-type .table-view .rider_name,
#content-wrapper .table-list.table-exception-type .table-view .rider_name{
  width: 9%;
}
#content-wrapper .table-list.table-review-type .table-view .from_line1,
#content-wrapper .table-list.table-exception-type .table-view .from_line1,
#content-wrapper .table-list.table-review-type .table-view .to_line1,
#content-wrapper .table-list.table-exception-type .table-view .to_line1{
  width: 12%;
}
/* for multi company */
/*#content-wrapper .table-list .table-view.multi-company-table .id{
  width: 6%;
}*/
#content-wrapper .table-list .table-view.multi-company-table .rider_name{
  width: 9%;
}
#content-wrapper .table-list .table-view.multi-company-table .company_name{
  overflow-wrap: break-word;
  width: 6%;
}
#content-wrapper .table-list .table-view.multi-company-table .from_line1,
#content-wrapper .table-list .table-view.multi-company-table .to_line1{
  width: 13%;
}
#content-wrapper .table-list .table-view.multi-company-table .pickup_time{
  width: 7%;
}
#content-wrapper .table-list .table-view.multi-company-table .driver_name{
  width: 9%;
}
#content-wrapper .table-list .table-view.multi-company-table .driver_phone{
  width: 8%;
}
#content-wrapper .table-list .table-view.multi-company-table .vehicle_number{
  width: 7%;
  overflow-wrap: break-word;
}
/*#content-wrapper .table-list .table-view.multi-company-table .ride_status_code{
  width: 11%;
}*/
#content-wrapper .table-list .table-view.multi-company-table .booking_channel_id {
  width: 2%;
}

/* drivers table presents */
#content-wrapper .table-list .table-view .action-buttons:empty {
  display: none;
}
#content-wrapper .table-list.table-review-type .table-view.multi-company-table .pickup_time,
#content-wrapper .table-list.table-exception-type .table-view.multi-company-table .pickup_time{
  width: 7%;
}
#content-wrapper .table-list.table-review-type .table-view.multi-company-table .late,
#content-wrapper .table-list.table-exception-type .table-view.multi-company-table .late{
  width: 7%;
}
#content-wrapper .table-list.table-review-type .table-view.multi-company-table .id,
#content-wrapper .table-list.table-exception-type .table-view.multi-company-table .id{
  width: 10%;
}
#content-wrapper .table-list.table-review-type .table-view.multi-company-table .rider_name,
#content-wrapper .table-list.table-exception-type .table-view.multi-company-table .rider_name{
  width: 8%;
}
#content-wrapper .table-list.table-review-type .table-view.multi-company-table .from_line1,
#content-wrapper .table-list.table-exception-type .table-view.multi-company-table .from_line1,
#content-wrapper .table-list.table-review-type .table-view.multi-company-table .to_line1,
#content-wrapper .table-list.table-exception-type .table-view.multi-company-table .to_line1 {
  width: 10%;
}
#content-wrapper .table-list .table-view .booking_channel_id .sort-container{
  left: 4px;
  top: -6px;
}
#content-wrapper .table-list .table-view .booking-channel img,
#content-wrapper .rider-table-list .booking-channel img {
  width: 18px;
  max-height: 15px;
  min-width: 18px;
}
#content-wrapper .table-list .table-view .action-buttons {
  text-align: right !important;
  width: 5%;
  padding-right: 2%;
}
#content-wrapper .table-list .table-view .action-drivers-buttons {
  text-align: left !important;
}
#content-wrapper .table-list .table-view .action-buttons.force-hide .btn-group{
  display:none;
}
#content-wrapper .table-list .table-view .action-buttons .ride-action {
  padding: 0 5px;
}
#content-wrapper .table-list .table-view .action-buttons .fas{
  color: #fff;
}

/* driver table rows*/
#content-wrapper .table-list .drivers-list-table .driver-name {
  width: 12%;
}
#content-wrapper .table-list .drivers-list-table .fleet {
  width: 7%;
}
#content-wrapper .table-list .drivers-list-table .driver-phone {
  width: 11%;
}
#content-wrapper .table-list .drivers-list-table .driver_name {
  width: 18%;
}
#content-wrapper .table-list .drivers-list-table .driver_name {
  width: 17%;
}
#content-wrapper .table-list .drivers-list-table .driver_name {
  width: 11%;
}
#content-wrapper .table-list .drivers-list-table .driver_name {
  width: 11%;
}
#content-wrapper .table-list .drivers-list-table .driver_name {
  width: 6%;
}
#content-wrapper .table-list .table .action-buttons .actions-toggler,
td.action-buttons > div > a {
  display: none;
  white-space: nowrap;
}
#content-wrapper .table-list .table tbody tr:hover .action-buttons .actions-toggler{
  display: block;
}
#content-wrapper .table-list .table .action-buttons .actions-toggler:hover,
td.action-buttons:hover{
  text-decoration: none;
}
#content-wrapper .table-list .table .action-buttons .actions-toggler .fa-circle,
td.action-buttons > div > a .fa-circle{
  font-size: 7px;
  margin-right: 1px;
  vertical-align: middle;
  color: #1cb684;
}
#content-wrapper .table-list table .action-buttons .btn-group {
  position: static;
}
#content-wrapper .table-list .table .action-buttons .dropdown-menu {
  background: #ffffff;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.14);
  border: none;
  padding: 0;
  margin: 10px 0 0;
  border-radius: 6px 0 6px 6px;
  min-width: 130px;
  position: absolute;
}
#content-wrapper .table-list .table .action-buttons .dropdown-menu:after {
  position: absolute;
  display: inline-block;
  content: '';
  top: -12px;
  right: 0;
  border-bottom: 15px solid #ffffff;
  border-left: 15px solid transparent;
  border-right: 0 solid transparent;
}
#content-wrapper .table-list .table .action-buttons .dropdown-menu li {
  padding:0;
  display: block;
}
#content-wrapper .table-list .table .action-buttons .dropdown-menu li.disabled{
  cursor: not-allowed;
}
#content-wrapper .table-list .table .action-buttons .dropdown-menu li.disabled a{
  opacity: 0.65;
  text-decoration: none!important;
  pointer-events: none;
}
#content-wrapper .table-list .table .action-buttons .dropdown-menu li:last-child {
  border-bottom: none;
}
#content-wrapper .table-list .table .action-buttons .dropdown-menu li a {
  text-align: left;
  color: #575757;
  font-size: 14px;
  padding: 10px 20px;
}
#content-wrapper .table-list .table .action-buttons .dropdown-menu li .clone-ride {
  background: url(https://cdn.gocurb.com/img/icons/clone-gray-icon.png) no-repeat 20px center;
}
#content-wrapper .table-list .table .action-buttons .dropdown-menu li .clone-ride:hover{
  background: url(https://cdn.gocurb.com/img/icons/clone-green-icon.png) no-repeat 20px center;
}
#content-wrapper .table-list .table .action-buttons .dropdown-menu li .return-ride {
  background: url(https://cdn.gocurb.com/img/icons/return-gray-icon.png) no-repeat 20px center;
}
#content-wrapper .table-list .table .action-buttons .dropdown-menu li .return-ride:hover{
  background: url(https://cdn.gocurb.com/img/icons/return-green-icon.png) no-repeat 20px center;
}
#content-wrapper .table-list .table .action-buttons .dropdown-menu li a:hover {
  background: transparent;
  color: #1cb684;
  text-decoration: none;
}
#content-wrapper .table-list .table .action-buttons .dropdown-menu i {
  margin-right: 15px;
  font-size: 14px;
  color: #575757;
}
#content-wrapper .table-list .table .action-buttons .dropdown-menu li a:hover i{
  color: #1cb684;
}
#content-wrapper .table-list .table .action-buttons .dropdown-menu .dropdown-item-padding-left .dropdown-menu-link{
  padding-left: 47px;
}
#content-wrapper .table-list .table .action-buttons.force-open .actions-toggler{
  display: inline-block;
}
#content-wrapper .table-list .table .action-buttons.force-open .dropdown-menu{
  display: block;
}
#content-wrapper .table-list .table .ride .vehicle-number .vehicle-label,
#content-wrapper .table-list .table .ride .vehicle-number .driver-label {
  margin-right: 5px;
}
#content-wrapper .table-list .table .ride .vehicle-number .wav-label,
#content-wrapper .table-list .table .ride .vehicle-number .limo-label,
#content-wrapper .table-list .table .ride .driver_name .shared-label,
#content-wrapper .table-list .table .ride .driver_name .routed-label,
#content-wrapper .table-list .table .ride .driver_name .no-title-trip-label{
  display: none;
  vertical-align: middle;
}
#content-wrapper .table-list .table .ride .vehicle-number .wav-label-visible,
#content-wrapper .table-list .table .ride .vehicle-number .limo-label-visible,
#content-wrapper .table-list .table .ride .driver_name .shared-label,
#content-wrapper .table-list .table .ride .driver_name .routed-label-visible,
#content-wrapper .table-list .table .ride .driver_name .no-title-trip-label-visible{
  display: inline-block;
}
#content-wrapper .table-list .table .ride .driver_name .shared-label-active {
  color: green;
}
#content-wrapper .table-list .table .ride .rider_name{
  position: relative;
}
#content-wrapper .table-list .table .ride .rider_name .ride-table-additional-label-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -7px;
  display: inline-block;
}
#content-wrapper .table-list .table .ride .rider_name .door-to-door-label,
#content-wrapper .table-list .table .ride .rider_name .visually-impaired-label {
  position: relative;
  width: 15px;
  text-align: center;
  display: inline-block;
}
#content-wrapper .table-list .table .ride .rider_name .door-to-door-label:before,
#content-wrapper .table-list .table .ride .rider_name .visually-impaired-label:before {
  content: attr(data-tooltip);
  display: none;
  position: absolute;
  background: #fff;
  color: #454545;
  padding: 10px 10px;
  font-size: 10px;
  min-width: 100px;
  text-transform: capitalize;
  text-align: center;
  border-radius: 5px;
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.06);
  left: 100%;
  margin-left: 6px;
}
#content-wrapper .table-list .table .ride .rider_name .door-to-door-label:hover:before,
#content-wrapper .table-list .table .ride .rider_name .visually-impaired-label:hover:before{
  display: block;
  z-index: 50;
}
#content-wrapper .table-list .table .ride .driver_name .no-title-trip-label-visible {
  padding: 0 10px;
  font-size: 16px;
  font-weight: bold;
  color: #707070;
}
#content-wrapper .table-list .table .ride .vehicle-number .limo-label .limo-icon {
  height: 11px;
}
#content-wrapper .table-list .table .ride .ride-table-additional-label{
  font-size: 12px;
  text-transform: uppercase;
  color: rgba(138, 138, 138, 1);
  display: block;
}
#content-wrapper .table-list .table .ride .ride-details{
  display: block;
  padding-bottom: 4px;
}
#content-wrapper .table-list .table .ride .locked-ride-tooltip {
  position: absolute;
  font-size: 12px;
  display: none;
  color: #fff;
  background-color: rgba(72, 72, 72, 0.9);
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.16);
  border-radius: 3px;
  padding: 7px 13px;
  z-index: 100;
  white-space: nowrap;
  text-decoration: none;
}
#content-wrapper .table-list .table .ride .locked-ride-tooltip .locked-ride-tooltip-icon{
  display: inline-block;
  margin-right: 10px;
  width: 9px;
  vertical-align: top;
}

#content-wrapper .history-list-body-table,
#content-wrapper .history-list-body-table thead,
#content-wrapper .history-list-body-table tbody,
#content-wrapper .history-list-body-table .empty,
#content-wrapper .history-list-body-table .empty td {
  display: block;
}
#content-wrapper .rider-table-list .history-list-tr-table,
#content-wrapper .rider-table-list .riders-history-list-item {
  display: grid;
  grid-template-columns: 30px minmax(180px, 1fr) minmax(35px, 1fr) minmax(78px, 0.5fr) minmax(150px, 3fr) minmax(78px, 1fr) minmax(150px, 3fr) minmax(78px, 1fr) minmax(133px, 2fr) minmax(63px, 1fr) 55px;
}
#content-wrapper .rider-table-list .riders-history-list-item .booking_channel_id {
  padding-top: 13px;
}
.review_reason_table_block {
  display: none;
  position: absolute;
  top: 0;
  right: 100%;
  width: auto;
  height: 32px;
  padding: 0 15px;
  border-radius: 4px;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.16);
  background-color: rgba(48, 49, 51, 0.9);
  text-align: center;
  white-space: nowrap;
  font-size: 12px;
  line-height: 32px;
  color: #ffffff;
}

#content-wrapper .trips-segment-container,
#content-wrapper .shared-trips-segment-container {
  position: relative;
  width: 540px;
  border-right: 10px solid #d3d3d3;
  flex-direction: column;
}
#content-wrapper .trips-tabs-container {
  padding: 0 20px;
  border-bottom: 1px solid #c6c6c6;
}
#content-wrapper .trips-tabs-point {
  display: inline-block;
  margin-right: 20px;
}
#content-wrapper .trips-tabs-link {
  display: block;
  padding: 15px 5px 7px;
  font-size: 16px;
  color: #454545;
  cursor: pointer;
}
#content-wrapper .trips-tabs-link.active {
  border-bottom: 3px solid #00ba7f;
}
#content-wrapper .table-list .trips-segment-table,
#content-wrapper .table-list .shared-trips-segment-table {
  display: flex;
  flex-direction: column;
  height: calc( 100% - 105px);
}
#content-wrapper .table-list .shared-trips-segment-table {
  height: calc( 100% - 55px);
}
#content-wrapper .table-list .trips-segment-table.invisible,
#content-wrapper .table-list .shared-trips-segment-table.invisible {
  display: none;
}
#content-wrapper .table-list .trips-segment-table th,
#content-wrapper .table-list .shared-trips-segment-table th {
  text-align: left;
  color: #888888;
}
#content-wrapper .table-list .trips-segment-table .id,
#content-wrapper .table-list .shared-trips-segment-table .id {
  width: 11%;
}
#content-wrapper .table-list .trips-segment-table .driver_name,
#content-wrapper .table-list .shared-trips-segment-table .driver_name {
  text-align: center;
  width: 20%;
  overflow-wrap: break-word;
}
#content-wrapper .table-list .trips-segment-table .trip_start,
#content-wrapper .table-list .shared-trips-segment-table .trip_start {
  width: 15%;
}
#content-wrapper .table-list .trips-segment-table .est_fare,
#content-wrapper .table-list .shared-trips-segment-table .est_fare {
  width: 12%;
}
#content-wrapper .table-list .trips-segment-table .vehicle-number,
#content-wrapper .table-list .shared-trips-segment-table .vehicle-number {
  width: 13%;
  text-align: center;
}
#content-wrapper .table-list .trips-segment-table .status-code,
#content-wrapper .table-list .shared-trips-segment-table .status-code {
  width: 22%;
}
#content-wrapper .table-list .trips-segment-table .status-code .trip-segments,
#content-wrapper .table-list .shared-trips-segment-table .status-code .trip-segments {
  color: #232323;
  display:inline-block;
  font-weight: bold;
  margin-right: 10px;
}
#content-wrapper .table-list .trips-segment-table .trip-status-code,
#content-wrapper .table-list .shared-trips-segment-table .trip-status-code {
  text-transform: capitalize;
}
#content-wrapper .table-list .trips-segment-table .pickup-zone,
#content-wrapper .table-list .shared-trips-segment-table .pickup-zone  {
  text-align: center;
  width: 22%;
  overflow-wrap: break-word;
}
#content-wrapper .table-list .trips-segment-table .time,
#content-wrapper .table-list .shared-trips-segment-table .time {
  width: 19%;
}
#content-wrapper .table-list .trips-segment-table .fare,
#content-wrapper .table-list .shared-trips-segment-table .fare {
  width: 19%;
}
#content-wrapper .table-list .trips-segment-table .duration,
#content-wrapper .table-list .shared-trips-segment-table .duration{

  width: 16%;
}
#content-wrapper .table-list .trips-segment-table .action-buttons,
#content-wrapper .table-list .shared-trips-segment-table .action-buttons {
  width:5%;
}

#content-wrapper .table-list .trips-segment-table .action-buttons .actions-toggler .fa-circle,
#content-wrapper .table-list .shared-trips-segment-table .action-buttons .actions-toggler .fa-circle {
  font-size: 6px;
}

#content-wrapper .bread-crumbs {
  height: 55px;
  padding-left: 23px;
}
#content-wrapper .bread-crumbs .bread-crumbs-link {
  line-height: 55px;
  font-size: 12px;
}
#content-wrapper .bread-crumbs .driver_name {
  font-size: 12px;
  color: #232323;
}
#content-wrapper .table-list .driver-row,
#content-wrapper .table-list .driver-history-ride-row {
  min-height: 50px;
  padding-top: 0;
  padding-bottom: 0;
  display: grid;
}
#content-wrapper .table-list .driver-row {
  grid-template-columns: 2fr 1fr 1fr 1fr 2fr 1fr 1fr;
}
#content-wrapper .table-list .driver-history-ride-row {
  grid-template-columns: 1fr 1fr 2fr 1fr 2fr 1fr 1fr 1fr;
}
#content-wrapper .table-list .driver-row td,
#content-wrapper .table-list .driver-history-ride-row td {
  margin-top: 8px;
  margin-bottom: 8px;
}
#content-wrapper .table-list .table-view .driver-row td,
#content-wrapper .table-list .table-view .driver-history-ride-row td {
  width: auto;
}
#content-wrapper .table-list .table-grey-bg tr,
#content-wrapper .table-list .table-grey-bg th {
  background-color: #fafafa;
  border: none;
}
#content-wrapper .table-list .table-driver-history-info .table-view-head {
  height: 50px;
}
#content-wrapper .table-list .table-driver-history-info .table-view-head .hidden-xs {
  padding-top: 30px;
  padding-bottom: 0;
}
#content-wrapper .table-list .table-driver-history-info .table-view-body {
  height: 50px;
}
#content-wrapper .table-list .table-rider-history-rides-thead,
#content-wrapper .table-list .table-rider-history-rides-thead tr {
  height: 50px;
}
#content-wrapper .table-list .table-rider-history-rides-thead tr {
  display: grid;
  grid-template-columns: 1fr 1fr 2fr 1fr 2fr 1fr 1fr 1fr;
}
#content-wrapper .table-list .table-driver-history-info tbody .driver-name {
  font-weight: bold;
}
/*rides of driver history*/
#content-wrapper .table-list .table-rider-history-rides .status {
  padding-right: 11px;
}
#content-wrapper .table-list .table-rider-history-rides {
  height: calc(100% - 199px);
  display: flex;
  flex-direction: column;
}
@media (max-width: 1200px) {
  #content-wrapper .table-list .table-rider-history-rides {
    height: calc(100% - 237px);
  }
}
@media (max-width: 1460px) {
  .opend-slider #content-wrapper .table-list .table-rider-history-rides {
    height: calc(100% - 275px);
  }
}
#content-wrapper .table-list .table-view.table-rider-history-rides th {
  width: auto;
}
#content-wrapper .table-list .table-driver-history-info .table-driver-history-info-content {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 114px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 1200px) {
  #content-wrapper .table-list .table-driver-history-info .table-driver-history-info-content {
    height: 152px;
  }
}
@media (max-width: 1460px) {
  .opend-slider #content-wrapper .table-list .table-driver-history-info .table-driver-history-info-content {
    height: 190px;
  }
}
#content-wrapper .table-list .drivers-list-table {
  height: 100%;
  display: flex;
  flex-direction: column;
}
#content-wrapper .trips-segment-info-container,
#content-wrapper .shared-trips-segment-info-container {
  width: calc(100% - 540px);
}
#content-wrapper .no-ride-segment,
#content-wrapper .loading-ride-segment{
  opacity: 0.5;
  font-size: 21px;
  text-align: center;
  margin-top: 70px;
  color: #707070;
}
.wrapper:not(.opend-map) #content,
.wrapper.opend-map.opend-map-trips #content {
  height: calc(100% - 114px);
  display: flex;
  flex-direction: column;
}
.ride-slide .open-ride-map-container {
  display: inline-block;
}
.ride-slide .open-ride-map-container .loading {
  display: none;
  position: relative;
  top: 3px;
  margin-left: 50px;
}
.ride-slide .open-ride-map-container .loading [class*='spinner'] {
  font-size: 21px;
}
.ride-slide .open-ride-map-container.loading .loading {
  display: block;
}
.ride-slide .open-ride-map-container.loading #open-ride-map {
  display: none !important;
}
.profile-container .open-map-container {
  display: table-cell;
}
.profile-container .open-map-container .loading {
  display: none;
  position: relative;
  top: -6px;
  margin-right: 21px;
  font-size: 21px;
}
.profile-container .open-map-container.loading .loading {
  display: block;
}
.profile-container .open-map-container.loading #map-table-view-button {
  display: none;
}
.map-segment-container {
  position: relative;
}
.map-segment-container .btn {
  position: absolute;
  top: 11px;
  right: 60px;
}
.map-segment-container #show-rides-btn,
.map-segment-container #expand-map-btn{
  display: none;
  font-size: 12px;
  padding: 8px 20px;
}

/* rides list table of a selected trip */

.trips-segment-info-container #ride-list #ride-list-table,
.shared-trips-segment-info-container #ride-list #ride-list-table {
  width: 100%;
  table-layout: fixed;
}

.trips-segment-info-container #ride-list #ride-list-table th,
.trips-segment-info-container #ride-list #ride-list-table td,
.shared-trips-segment-info-container #ride-list #ride-list-table th,
.shared-trips-segment-info-container #ride-list #ride-list-table td {
   width: 8.5%;
   padding: 1.5% 1%;
   text-align: left;
}
.trips-segment-info-container #ride-list #ride-list-table td,
.shared-trips-segment-info-container #ride-list #ride-list-table td {
   padding: 1% 1%;
}
.trips-segment-info-container #ride-list #ride-list-table .rider_name .user-id-table-label,
.shared-trips-segment-info-container #ride-list #ride-list-table .rider_name .user-id-table-label{
  display: inline-block;
}
.trips-segment-info-container #ride-list #ride-list-table .rider_name .ride-table-additional-label-icon,
.shared-trips-segment-info-container #ride-list #ride-list-table .rider_name .ride-table-additional-label-icon {
  position: relative;
  width: auto;
  margin-top: 0;
  right: auto;
  top: auto;
  margin-left: 10px;
}
.trips-segment-info-container #ride-list #ride-list-table tr.loading td,
.shared-trips-segment-info-container #ride-list #ride-list-table tr.loading td {
  width: 100%;
  text-align: center;
}
.trips-segment-info-container #ride-list #ride-list-table tr .tooltiptext,
.shared-trips-segment-info-container #ride-list #ride-list-table tr .tooltiptext {
  top: -30px;
}
.trips-segment-info-container #ride-list #ride-list-table th.action-buttons,
.trips-segment-info-container #ride-list #ride-list-table td.action-buttons,
.shared-trips-segment-info-container #ride-list #ride-list-table th.action-buttons,
.shared-trips-segment-info-container #ride-list #ride-list-table td.action-buttons {
  width: 4%;
  padding-left: 1%;
}
.trips-segment-info-container #ride-list #ride-list-table th.pickup_time,
.trips-segment-info-container #ride-list #ride-list-table td.pickup_time,
.shared-trips-segment-info-container #ride-list #ride-list-table th.pickup_time,
.shared-trips-segment-info-container #ride-list #ride-list-table td.pickup_time {
  width: 11%;
}
.trips-segment-info-container #ride-list #ride-list-table th.late,
.trips-segment-info-container #ride-list #ride-list-table td.late,
.shared-trips-segment-info-container #ride-list #ride-list-table th.late,
.shared-trips-segment-info-container #ride-list #ride-list-table td.late {
   width: 9%;
}
.trips-segment-info-container #ride-list #ride-list-table th.segment,
.trips-segment-info-container #ride-list #ride-list-table td.segment,
.shared-trips-segment-info-container #ride-list #ride-list-table th.segment,
.shared-trips-segment-info-container #ride-list #ride-list-table td.segment {
   text-align: center;
   width: 7%;
}
.trips-segment-info-container #ride-list #ride-list-table th.from_line1,
.trips-segment-info-container #ride-list #ride-list-table td.from_line1,
.trips-segment-info-container #ride-list #ride-list-table th.to_line1,
.trips-segment-info-container #ride-list #ride-list-table td.to_line1,
.shared-trips-segment-info-container #ride-list #ride-list-table th.from_line1,
.shared-trips-segment-info-container #ride-list #ride-list-table td.from_line1,
.shared-trips-segment-info-container #ride-list #ride-list-table  th.to_line1,
.shared-trips-segment-info-container #ride-list #ride-list-table  td.to_line1 {
  width: 12%;
}
.trips-segment-info-container #ride-list #ride-list-table tr.loading,
.shared-trips-segment-info-container #ride-list #ride-list-table tr.loading {
   text-align: center;
   padding: 23px;
}

/* ========================================================================
 * Content
 ======================================================================== */
#content-wrapper {
  position: relative;
  padding: 0;
  margin: 0;
  border: none;
  width: 100%;
  background: #ffffff;
}

/* ========================================================================
 * Footer
 ======================================================================== */
footer {
  background: #fff;
  height: auto;
  position: fixed;
  margin-left: 0;
  padding: 20px;
  bottom: 0;
  width: 100%;
  flex: 0 0 auto;
  box-shadow: inset 0 0 18px 0 rgba(0, 0, 0, 0.08);
}

/* ========================================================================
 * Modals
 ======================================================================== */
.vertical-alignment-helper {
  display: table;
  height: 100%;
  pointer-events: none;
  width: inherit;
  margin: 0 auto;
}
.vertical-align-center {
  display: table-cell;
  vertical-align: middle;
  pointer-events: none;
}
.modal-dialog {
  width: 655px;
}
.modal-dialog .modal-content {
  border-radius: 4px;
  background: #fff;
  border: none;
  padding: 15px;
  margin: 0 auto;
  pointer-events: all;
  height: inherit;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.modal-dialog .modal-header {
  padding: 0;
  border: none;
  margin-bottom: 30px;
  text-align: center;
}
.modal-dialog .modal-header.text-left {
  text-align: left;
}
.modal-dialog .modal-header .close {
  color: #575757;
  opacity: 1;
  text-shadow: none;
  font-size: 21px;
  font-weight: normal;
}
.modal-dialog .modal-header .close:hover,
.modal-dialog .modal-header .close:focus,
.modal-dialog .modal-header .close:active {
  opacity: 0.5;
}
.modal-dialog .modal-header .modal-title {
  margin: 0;
  color: #575757;
  padding: 20px 45px 0;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: -0.2px;
}
.modal-dialog .modal-body {
  padding: 0 45px;
  margin-bottom: 50px;
}
.modal-dialog .modal-footer {
  text-align: center;
  border-top: none;
  margin-bottom: 35px;
  padding: 0 45px;
}
.modal-dialog .btn-primary,
.modal-dialog .btn-primary:hover,
.modal-dialog .btn-primary:visited,
.modal-dialog .btn-primary:active,
.modal-dialog .btn-primary:focus {
  border: none;
  font-size: 18px;
  padding: 12px 0;
  width: 225px;
}
#continue-booking,
#cancel-booking {
  width: 168px;
  height: 40px;
  border-radius: 3px;
  padding: initial;
  font-size: 16px;
}
.duplicate-trips-buttons {
  text-align: left;
}
#continue-booking {
  border: 2px solid #1cb684;
  background: transparent;
  color: #1cb684;
}
#duplicate-trips-modal-dialog {
  width: 100%;
  min-width: 950px;
}
#duplicate-trips-modal-dialog .duplicate-title {
  font-size: 16px;
  font-weight: bold;
  color: #3c3e40;
}
#duplicate-trips-modal-dialog .alert-title {
  font-size: 14px;
}
.duplicate-trips-table thead,
.duplicate-trips-table tbody,
.duplicate-trips-table tr,
.duplicate-trips-table td,
.duplicate-trips-table th {
  display:block;
}
.duplicate-trips-table {
  width: 100%;
  border-top: 1px solid #c4cacc;
  margin-top: 30px;
  margin-bottom: 30px;
}
.duplicate-trips-table tbody td,
.duplicate-trips-table thead tr th {
  display: inline-block;
  vertical-align: middle;
}
.duplicate-trips-table .scrollbar{
  overflow-y: auto;
  max-height: 200px;
}
.duplicate-trips-table .duplicate-table-td-cell,
.duplicate-trips-table .duplicate-table-header-item {
  padding: 18px 8px;
}
.duplicate-trips-table .duplicate-table-header-item {
  color: #c4cacc;
  font-size: 11px;
  font-weight: normal;
  text-transform: uppercase;
}
.duplicate-trips-table .duplicate-table-td-cell {
  color: #000000;
  font-size: 12px;
}
.duplicate-table-name {
  width: 13%;
}
.duplicate-table-external-id {
  width: 12%;
}
.duplicate-table-time {
  width: 10%;
}
.duplicate-table-pickup {
  width: 20%;
}
.duplicate-table-dropoff {
  width: 20%;
}
.duplicate-table-status {
  width: 10%;
}

#duplicate-trips-title,
#duplicate-overlapping-title {
  font-size: 14px;
  line-height: 1.67;
  color: #000000;
}
.duplicate-trips-table .duplicate-trip-item {
  border-bottom: 1px solid #e4eaec;
}
.modal-dublicate-trip-window {
  min-width: 545px;
}
.modal-dialog .modal-body .loading,
.modal-dialog .modal-body .no-data {
  text-align: center;
  padding: 40px 0 30px;
}
.modal-dialog .modal-body .sub-title {
  font-size: 16px;
  position: relative;
  margin: 0 40px 40px;
  white-space: pre-line;
}
.modal-dialog .modal-body .sub-title a {
  text-decoration: underline;
}
.modal-dialog .modal-body .sub-title a:hover{
  text-decoration: none;
}
.modal-dialog .modal-body .sub-title .error {
  color: #f05050;
}
.modal-dialog .modal-body .separator {
  margin: 0 0 20px;
  height: 1px;
  background: #e3e3e3;
}
/* Modal tabs*/
.modal-dialog .modal-body .modal-tabs {
  border-bottom: 1px solid #e3e3e3;
}
.modal-dialog .modal-body .modal-tabs li {
  font-size: 16px;
  letter-spacing: -0.2px;
  color: #575757;
  cursor: pointer;
  float: left;
  padding: 0 0 15px;
}
.modal-dialog .modal-body .modal-tabs li + li {
  margin-left: 35px;
}
.modal-dialog .modal-body .modal-tabs li.current {
  border-bottom: 4px solid #1cb684;
}
.modal-dialog .modal-body .modal-tab-content {
  display: none;
  margin: 0;
  position: relative;
}
.modal-dialog .modal-body .modal-tab-content.current {
  display: block;
}
/* Modal slider*/
.modal-dialog .modal-body .slider-container {
  margin: 7px 0 10px;
  padding: 0;
}
.modal-dialog .modal-body .slider-container .slider-value {
  margin-top: 10px;
  color: rgba(87, 87, 87, 0.25);
  font-size: 16px;
}
.modal-dialog .modal-body #slider-range {
  height: 4px;
  border-radius: 2px;
  background: #e9e7e7;
  position: relative;
  clear: both;
}
.modal-dialog .modal-body .ui-slider-horizontal .ui-slider-range {
  height: 100%;
}
.modal-dialog .modal-body .ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  display: block;
  border-radius: 2px;
  background: #1cb684;
}
.modal-dialog .modal-body .ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 16px;
  height: 16px;
  border: none;
  cursor: pointer;
  border-radius: 50%;
  background: #1cb684;
  -webkit-transition: box-shadow .3s;
  -moz-transition: box-shadow .3s;
  -o-transition: box-shadow .3s;
  transition: box-shadow .3s;
}
.modal-dialog .modal-body #slider-range.ui-slider-disabled .ui-slider-handle{
  cursor: not-allowed;
}
.modal-dialog .modal-body .ui-slider-horizontal .ui-slider-handle {
  top: -.5em;
  margin-left: -.6em;
}
.modal-dialog .modal-body .ui-slider a:focus {
  outline:none;
}
/* Modal switch*/
.modal-dialog .switch {
  font-size: 14px;
  font-weight: normal;  color: #b9b9b9;
  padding: 0;
  margin: 0;
  display: block;
  text-align: center;
}
.modal-dialog .switch span {
  background: #e2e2e2;
  border: none;
  box-shadow: none;
}
.modal-dialog .switch span:after {
  top: 1px;
  left: 2px;
}
.modal-dialog .switch input:checked + span {
  background: #1cb684;
  border: none;
}
.modal-dialog .switch input:checked + span:after {
  left: 50%;
  transition: all .2s;
}
/* Modal dateTimePicker*/
#datetimepicker,
#datetimepicker_record {
  display:none;
}
.datetimepicker .input-group-addon{
  cursor: pointer;
  border: none;
  border-radius: 0;
  background: transparent;
  color: #7a81d4;
  position: absolute;
  right: 65px;
  padding: 0 0 0 0;
  font-size: 12px;
  top: 15px;
}
.datetimepicker .bootstrap-datetimepicker-widget.dropdown-menu .timepicker-picker td a{
  border: none!important;
}
.datetimepicker .bootstrap-datetimepicker-widget.dropdown-menu:before,
.datetimepicker .bootstrap-datetimepicker-widget.dropdown-menu:after {
  content: none;
}
.datetimepicker .bootstrap-datetimepicker-widget table td.active,
.datetimepicker .bootstrap-datetimepicker-widget table td.active:hover,
.datetimepicker .bootstrap-datetimepicker-widget table td span.active, 
#recurringRidesModal .bootstrap-datetimepicker-widget table td.active,
#recurringRidesModal .bootstrap-datetimepicker-widget table td.active:hover,
#recurringRidesModal .bootstrap-datetimepicker-widget table td span.active {
  background: #1cb684;
}
.datetimepicker .bootstrap-datetimepicker-widget table td.today:before, 
#recurringRidesModal .bootstrap-datetimepicker-widget.dropdown-menu table td.today:before, 
#recurringRidesModal .bootstrap-datetimepicker-widget.dropdown-menu table td.today{
  border-bottom-color: #1cb684;
}
.datetimepicker .bootstrap-datetimepicker-widget table td.active.today:before, 
#recurringRidesModal .bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #fff
}
.datetimepicker .bootstrap-datetimepicker-widget.dropdown-menu .fas {
  color: #1cb684;
}
#recurringRidesModal .bootstrap-datetimepicker-widget table td.active, 
#recurringRidesModal .bootstrap-datetimepicker-widget table td.active:hover {
  background: #1cb684;
}
.datetimepicker .bootstrap-datetimepicker-widget.dropdown-menu .btn-primary,
.datetimepicker .bootstrap-datetimepicker-widget.dropdown-menu .btn-primary:hover,
.datetimepicker .bootstrap-datetimepicker-widget.dropdown-menu .btn-primary:visited,
.datetimepicker .bootstrap-datetimepicker-widget.dropdown-menu .btn-primary:active,
.datetimepicker .bootstrap-datetimepicker-widget.dropdown-menu .btn-primary:focus {

}
.datetimepicker .separator, #recurringRidesModal .bootstrap-datetimepicker-widget.dropdown-menu  .separator{
  margin: 0;
  background: #fff;
}
.datetimepicker .btn.btn-primary,
.datetimepicker .btn.btn-primary:hover,
.datetimepicker .btn.btn-primary:visited,
.datetimepicker .btn.btn-primary:active,
.datetimepicker .btn.btn-primary:focus {
  width: auto;
  padding: 5px 5px;
}

#recurringRidesModal .bootstrap-datetimepicker-widget.dropdown-menu, 
#recurringRidesModal .bootstrap-datetimepicker-widget.dropdown-menu .collapse .table-condensed{
  width: 57%;
}

#recurringRidesModal .bootstrap-datetimepicker-widget.dropdown-menu .timepicker .timepicker-picker .btn-primary {
  width: 40px;
  height: 40px;
  padding: 2px;
}

.modal-dialog .modal-body .alert{
  margin: 50px 0 0;
}
.modal-dialog .parsley-required {
  text-align: center;
}
/* Tooltip */
.tooltip .tooltip-inner {
  background: #e2e2e2;
  color: #575757;
}
.tooltip.top-left .tooltip-arrow {
  border-top-color: #e2e2e2;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #e2e2e2;
}
.tooltip.bottom-left .tooltip-arrow {
  border-bottom-color: #e2e2e2;
}
/* Input field*/
.modal-dialog .form-container {
  padding: 0 80px;
}
.modal-dialog .form-group {
  text-align: center;
  position: relative;
  margin: 10px 0 20px;
  padding: 0;
}
.modal-dialog .form-group.text-right {
  text-align: right;
}
.modal-dialog .form-group .form-label {
  font-size: 16px;
  color: rgba(87, 87, 87, 0.51);
  font-weight: normal;
  margin: 0;
  position: absolute;
  top: 3px;
  left: 35px;
  right: 35px;
  cursor: text;
  transition: 0.2s ease-out;
}
.modal-dialog .form-group.active .form-label {
  font-size: 12px;
  top: -15px;
}
.modal-dialog .form-group .form-input {
  width: 100%;
  border: none;
  border-bottom: 1px solid rgba(220, 220, 220, 0.53);
  outline: none;
  border-radius: 0;
  padding: 5px 35px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.modal-dialog .form-group .form-input:focus{
  border-bottom-color: #1cb684;
}
.modal-dialog .modal-body .form-input:-webkit-autofill,
.modal-dialog .modal-body .form-input:-webkit-autofill:hover,
.modal-dialog .modal-body .form-input:-webkit-autofill:focus,
.modal-dialog .modal-body .form-input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px #fff inset!important;
  box-shadow: 0 0 0 1000px #fff inset!important;
}
.modal-dialog .modal-body .form-group .form-input[disabled]{
  cursor: not-allowed;
  opacity: 0.4;
  background: transparent;
}
.modal-dialog .form-group .error {
  font-size: 12px;
  color: #f05050;
  display: none;
}
.modal-dialog .form-group .required {
  color: #1cb684;
  position: absolute;
  left: 0;
  top: 10px;
  z-index: 50;
}
.modal-dialog .form-group .img-container{
  position: absolute;
  left: 0;
  top: 4px;
  background: #fff;
  z-index: 50;
  overflow: visible;
  margin: 0;
  width: auto;
  min-height: 1px;
}
.modal-dialog .form-group .help-container {
  color: #1cb684;
  position: absolute;
  right: 0;
  top: 10px;
  z-index: 50;
}
.modal-dialog .form-group .help-container a {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
}
.modal-dialog .form-group #pickup_time {
  cursor: not-allowed;
  color: rgba(87, 87, 87, 0.5);
  background: transparent;
}
/* Dropdown */
.modal-dialog .modal-body .dropdown-menu {
  width: 100%;
  border-radius: 6px;
  background: #ffffff;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.14);
  border: none;
  padding: 0;
  margin: 0;
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
}
.modal-dialog .modal-body .dropdown-menu.dropdown-menu-dark-bg {
  background-color: rgba(48, 49, 51, 0.9);
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
}
.modal-dialog .modal-body .dropdown-menu li {
  border-bottom: 1px solid #ececec;
  padding: 5px 25px;
}
.modal-dialog .modal-body .dropdown-menu li:hover {
  cursor: pointer;
}
.modal-dialog .modal-body .dropdown-menu li:last-child {
  border-bottom: none;
}
.modal-dialog .modal-body #pre-assignment-vehicle-features-field .dropdown-menu li {
  padding: 0;
  padding-top: 5px;
}
.modal-dialog .modal-body .dropdown-menu li a {
  text-align: center;
  color: #575757;
}
.modal-dialog .modal-body .dropdown-menu li a:hover {
  background: transparent;
  color: #1cb684;
}
/* Accordion group*/
.modal-dialog .panel-group {
  margin: 0 0 35px;
  padding: 0 45px;
}
.modal-dialog .panel-group .panel {
  border-top: none;
  border-right: none;
  border-left: none;
  border-radius: 0;
  margin: 0;
  border-bottom: 1px solid  #e3e3e3;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.modal-dialog .panel-group .panel > .panel-heading {
  border: none;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.modal-dialog .panel-group .panel > .panel-heading .panel-title {
  font-weight: normal;
}
.modal-dialog .panel-group .panel > .panel-heading .panel-title span {
  display: none;
}
.modal-dialog .panel-group .panel > .panel-heading .panel-title.default span {
  display: inline-block;
}
.modal-dialog .panel-group .panel > .panel-heading .panel-title .radio-label {
  width: auto;
}
.modal-dialog .panel-group .panel > .panel-heading a {
  padding: 20px;
  text-decoration: none;
  display: block;
  font-size: 14px;
  color: #575757;
}
.modal-dialog .panel-group .panel > .panel-heading a > span {
  color: rgba(87, 87, 87, 0.63);
  padding-right: 15px;
}
.modal-dialog .panel-group .panel > .panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-size: 12px;
  line-height: 1;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}
.modal-dialog .panel-group .panel > .panel-heading a[aria-expanded = "true"]:after {
  content: "\f106";
}
.modal-dialog .panel-group .panel > .panel-heading a[aria-expanded = "false"]:after {
  content: "\f107";
}
.modal-dialog .panel-group .panel-body {
  padding: 15px 20px;
}
.modal-dialog .panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border: none;
}
.modal-dialog .panel-group .panel-body .form-group .form-input {
  padding: 5px;
  width: 90%;
}
/* Full screen modal */
.modal .modal-dialog.modal-full {
  width: 100%;
  margin: 0;
  padding: 0;
}
.modal .modal-dialog.modal-full .modal-content {
  margin: 15px;
  height: auto;
}
.modal .modal-dialog.modal-full .modal-header {
  margin: 0 0 5px;
}
.modal .modal-dialog.modal-full .modal-body {
  margin: 0;
  min-height: 50px;
  padding: 0;
}

/* ========================================================================
 * Chat
 ======================================================================== */
.chat {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 1030;
}

.chat-header {
  display: table-cell;
  width: 50px;
}
.slider-assignment-container .chat-slider {
  cursor: pointer;
  color: #1cb684;
  position: absolute;
  right: 0;
  top: 2px;
  display: none;
}
.slider-assignment-container .chat-slider i:before {
  content: url(https://cdn.gocurb.com/img/icons/chat-open.svg)
}

/* ========================================================================
 * Responsive
 ======================================================================== */
@media (max-width: 1280px) {

}

@media (max-width: 1024px) {

}

@media (max-width: 960px) {

}

@media (max-width: 767px) {
  header.topnavbar-wrapper > .navbar {
    padding-left: 15px;
    padding-right: 15px;
  }
  header.topnavbar-wrapper .navbar-header{
    float: left;
  }
  header.topnavbar-wrapper .navbar-container{
    float: right;
  }
  header.topnavbar-wrapper .profile-container .dropdown-menu {
    position: absolute;
    background: #ffffff;
    left: auto;
    right: 0;
  }
  header.topnavbar-wrapper .profile-container .dropdown-menu .dropdown-header,
  header.topnavbar-wrapper .profile-container .dropdown-menu li a {
    padding: 10px 20px;
  }

  /* Modals */
  .modal-open .modal {
    padding: 5px !important;
  }
  .vertical-alignment-helper {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .modal-dialog .modal-body {
    padding: 0;
  }
  .modal-dialog .form-container {
    padding: 0;
  }
  .modal-dialog .parsley-required {
    text-align: left;
  }
  .modal-dialog .form-group .help-container {
    top: 6px;
  }
  .modal-dialog .modal-footer .btn-primary {
    padding: 10px 70px;
    width: auto;
  }
  .modal-dialog .modal-body .modal-tabs li {
    font-size: 13px;
  }
  .modal-dialog .modal-body .modal-tabs li + li {
    margin-left: 25px;
  }
}

@media (max-width: 420px) {

}

@media (max-width: 320px) {

}