@font-face {
  font-family: 'Arcus';
  src:  url('../fonts/Arcus.eot?39juzt');
  src:  url('../fonts/Arcus.eot?39juzt#iefix') format('embedded-opentype'),
    url('../fonts/Arcus.ttf?39juzt') format('truetype'),
    url('../fonts/Arcus.woff?39juzt') format('woff'),
    url('../fonts/Arcus.svg?39juzt#Arcus') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Arcus' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-meter:before {
  content: "\e962";
}
.icon-ac-name:before {
  content: "\e900";
}
.icon-ac-number:before {
  content: "\e901";
}
.icon-accepted:before {
  content: "\e902";
}
.icon-account:before {
  content: "\e903";
}
.icon-again-calls:before {
  content: "\e904";
}
.icon-airplane:before {
  content: "\e905";
}
.icon-arrow:before {
  content: "\e906";
}
.icon-arrows:before {
  content: "\e907";
}
.icon-attention:before {
  content: "\e908";
}
.icon-back:before {
  content: "\e909";
}
.icon-bail-out:before {
  content: "\e90a";
}
.icon-basket:before {
  content: "\e90b";
}
.icon-book-(on-off):before {
  content: "\e90c";
}
.icon-booker:before {
  content: "\e90d";
}
.icon-calendar:before {
  content: "\e90e";
}
.icon-callback:before {
  content: "\e90f";
}
.icon-canselled-calls:before {
  content: "\e910";
}
.icon-car:before {
  content: "\e911";
}
.icon-close:before {
  content: "\e912";
}
.icon-code:before {
  content: "\e913";
}
.icon-coins:before {
  content: "\e914";
}
.icon-company:before {
  content: "\e915";
}
.icon-copy:before {
  content: "\e916";
}
.icon-credit-card:before {
  content: "\e917";
}
.icon-diamand:before {
  content: "\e918";
}
.icon-disable-call-out:before {
  content: "\e919";
}
.icon-door-closed:before {
  content: "\e91a";
}
.icon-door-open:before {
  content: "\e91b";
}
.icon-double:before {
  content: "\e91c";
}
.icon-driver:before {
  content: "\e91d";
}
.icon-drop-off:before {
  content: "\e91e";
}
.icon-edit:before {
  content: "\e91f";
}
.icon-email:before {
  content: "\e920";
}
.icon-emergency:before {
  content: "\e921";
}
.icon-euro:before {
  content: "\e922";
}
.icon-eye:before {
  content: "\e923";
}
.icon-fare-route:before {
  content: "\e924";
  color: #555;
}
.icon-fare:before {
  content: "\e925";
}
.icon-fast-meter:before {
  content: "\e926";
}
.icon-fax:before {
  content: "\e927";
}
.icon-filter:before {
  content: "\e928";
}
.icon-fleet:before {
  content: "\e929";
}
.icon-gbp:before {
  content: "\e92a";
}
.icon-heart:before {
  content: "\e92b";
}
.icon-heat-map:before {
  content: "\e92c";
}
.icon-history:before {
  content: "\e92d";
}
.icon-home-1:before {
  content: "\e92e";
}
.icon-home:before {
  content: "\e92f";
}
.icon-id:before {
  content: "\e930";
}
.icon-inbox:before {
  content: "\e931";
}
.icon-info:before {
  content: "\e932";
}
.icon-invalid:before {
  content: "\e933";
}
.icon-key:before {
  content: "\e934";
}
.icon-kompas:before {
  content: "\e935";
}
.icon-later:before {
  content: "\e936";
}
.icon-left:before {
  content: "\e937";
}
.icon-lights:before {
  content: "\e938";
}
.icon-list:before {
  content: "\e939";
}
.icon-list1:before {
  content: "\e93a";
}
.icon-location:before {
  content: "\e93b";
}
.icon-lock:before {
  content: "\e93c";
}
.icon-map:before {
  content: "\e93d";
}
.icon-men:before {
  content: "\e93e";
}
.icon-menu:before {
  content: "\e93f";
}
.icon-message:before {
  content: "\e940";
}
.icon-meter-(on-off):before {
  content: "\e941";
}
.icon-minus:before {
  content: "\e942";
}
.icon-minus1:before {
  content: "\e943";
}
.icon-mobile:before {
  content: "\e944";
}
.icon-no-show:before {
  content: "\e945";
}
.icon-not-one-scene:before {
  content: "\e946";
}
.icon-number:before {
  content: "\e947";
}
.icon-ok:before {
  content: "\e948";
}
.icon-on-site:before {
  content: "\e949";
}
.icon-outbox:before {
  content: "\e94a";
}
.icon-owner:before {
  content: "\e94b";
}
.icon-people:before {
  content: "\e94c";
}
.icon-phone:before {
  content: "\e94d";
}
.icon-phonecircle:before {
  content: "\e94e";
}
.icon-pick-up:before {
  content: "\e94f";
}
.icon-plus:before {
  content: "\e950";
}
.icon-plus1:before {
  content: "\e951";
}
.icon-points-of-interest:before {
  content: "\e952";
}
.icon-polygon:before {
  content: "\e953";
}
.icon-price-en:before {
  content: "\e954";
}
.icon-priority:before {
  content: "\e955";
}
.icon-puzzle:before {
  content: "\e956";
}
.icon-queue-reject:before {
  content: "\e957";
}
.icon-record:before {
  content: "\e958";
}
.icon-redispatch:before {
  content: "\e959";
}
.icon-report:before {
  content: "\e95a";
}
.icon-road:before {
  content: "\e95b";
}
.icon-sar:before {
  content: "\e95c";
}
.icon-satellite:before {
  content: "\e95d";
}
.icon-search:before {
  content: "\e95e";
}
.icon-setting:before {
  content: "\e95f";
}
.icon-share:before {
  content: "\e960";
}
.icon-signature:before {
  content: "\e961";
}
.icon-slow-meter:before {
  content: "\e963";
}
.icon-sms:before {
  content: "\e964";
}
.icon-sms1:before {
  content: "\e965";
}
.icon-sourse:before {
  content: "\e966";
}
.icon-square:before {
  content: "\e967";
}
.icon-star:before {
  content: "\e968";
}
.icon-taxi:before {
  content: "\e969";
}
.icon-time:before {
  content: "\e96b";
}
.icon-timeline:before {
  content: "\e96c";
}
.icon-timer:before {
  content: "\e96d";
}
.icon-usd:before {
  content: "\e96e";
}
.icon-user:before {
  content: "\e96f";
}
.icon-vehicle-emergency:before {
  content: "\e970";
}
.icon-vihicles:before {
  content: "\e971";
}
.icon-voice:before {
  content: "\e972";
}
.icon-wallet:before {
  content: "\e973";
}
.icon-way:before {
  content: "\e974";
}
.icon-zone:before {
  content: "\e975";
}
/* Global sideBar style */
.tucked {
    top:52px;
}

.global-sidebar {
    width:340px;
    position:fixed;
    z-index:100;
    margin-right:45px;
    height:100%;
    left: 0px;
    overflow: auto;
}

.open-sidebar {
    width:340px;
}

.closed-sidebar {
    width:0px;
}

.untucked {
    top:0px !important;
}

#sidebarshow.expands {
    left:0px;
}

#sidebarshow {
    position:fixed;
    z-index:102;
    cursor:pointer;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}

#sidebarshow.collapses {
    left:295px;
}

.sidebarcontent {
    height:100%;
    background-color:white;
    box-shadow: -3px 0 6px 0px #555;
}

.untucked #sidebarshow {
    top:5px !important;
}

.tucked #sidebarshow {
    top:50px;
    margin: 5px 0 0 0 !important;
}

/*
.checkbox-options {
  position: relative;
  Display: block;
   margin-top: 10px;
  min-height: 20px;
  margin-bottom: 10px;
}
*/

#table-settings,
#table-settings > tbody > tr > td:nth-child(1),
#table-settings_wrapper > div > div.dataTables_scrollHead > div > table,
#table-settings_wrapper,
#table-settings .dataTables_scrollHeadInner {
    outline: none;
}

#table-settings th:nth-child(2),
#table-settings td:nth-child(2),
#table-settings_wrapper > div > div.dataTables_scrollHead > div > table > thead > tr > th:nth-child(2) {
    vertical-align: center;
    text-align: right;
}

#table-settings_wrapper > div > div.dataTables_scrollHead > div,
#table-settings_wrapper > div > div.dataTables_scrollHead > div > table,
#table-settings_wrapper > div > div.dataTables_scrollHead > div > table > thead > tr > th:nth-child(2) {
    width: 100% !important;
    padding-right: 5px;
}
/*
#table-settings_wrapper > div > div.dataTables_scrollBody {
    height: 200px !important;
}
*/
#table-settings_wrapper > div > div.dataTables_scrollBody > table {
    position: absolute;
}

/* checkboxes tree view */
#global-sidebar-table-values {
    padding-bottom: 10px;
}

#global-sidebar-table-values > ul,
#global-sidebar-table-values > ul > li {
    list-style: none;
    margin: 0;
    padding: 0;
}

#global-sidebar-table-values > ul {
    padding-left: 1em;
}

#global-sidebar-table-values > ul > li {
    padding-left: 1em;
    border: 1px dotted black;
    border-width: 0 0 1px 1px;
}

#global-sidebar-table-values > ul > li.container {
    border-bottom: 0px;
}

#global-sidebar-table-values > ul > li.empty {
    font-style: italic;
    color: silver;
    border-color: silver;
}

#global-sidebar-table-values > ul > li > div {
    margin: 0;
    background: white;
    position: relative;
    top: 0.8em;
}


/* open and close background */
td.details-control {
    url('../img/details_open.png') no-repeat center center;
    cursor: pointer;
    width: 10%;
}
tr.shown td.details-control {
    url('../img/details_close.png') no-repeat center center;
    width: 10%;
}

#table-settings_wrapper > div > div.dataTables_scrollHead > div > table > thead > tr > th:nth-child(2),
td.setting-left {
    padding-left: 0px !important;
    padding-right: 0px !important;
    text-align: left !important;
}
#table-settings_wrapper > div > div.dataTables_scrollHead > div > table > thead > tr > th:nth-child(3),
td.setting-right {
    padding-left: 0px !important;
    padding-right: 0px !important;
    text-align: right !important;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 0px solid #111;
}


/* panel state icon */
.sidebar-panel-state-icon {
    position: relative;
    float: right;
    margin-right: -20px;
    font-weight: normal;
    color: #bbbbbb;
}

.sidebar-panel-opened .sidebar-panel-state-icon:after {
    font-family: "Glyphicons Halflings";
    content: "\e260";
}

.sidebar-panel-closed .sidebar-panel-state-icon:after {
    font-family: "Glyphicons Halflings";
    content: "\e259";
}

.vertical-align {
    display: flex;
    align-items: center;
}

.padding-top-0{
    padding-top: 0 !important;
}

.padding-top-15{
    padding-top: 15px;
}

.padding-top-20{
    padding-top: 20px;
}

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

.margin-bottom-10{
    margin-bottom: 10px;
}

ul.typeahead{
    z-index: 1050;
}

:required, span[data-required], input[data-required], textarea[data-required]{
    border-left: 5px solid #66afe9;
}

.smaller-header{
    font-size: 1.1em;
}

.borderless{
    border: none;
}

.driver-photo-full{
    max-width: 100%;
}

.popupText{
    white-space: normal;
}
.modal-body .row {
    margin: 0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.scrolling{
    overflow: auto;
    margin-bottom: 10px;
    max-height: 300px;
}
.saveBtnMargin{
    margin-top: 14px;
    margin-bottom: 13px;
}
a.btn.pullTop{
    margin-top: -6px;
}
#ChangeResults{
    position: relative;
    height: 45%;
    border-radius: 4px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: scroll;
}
.fixedVersion{
    position:fixed;
    bottom: -3px;
    right:10px;
    font-weight: bold;
    font-size: 11px;
    z-index: 100;
    background-color: rgba(255, 255, 255, 0.7);
}
.fixedVersionMap{
    right: 21px;
    bottom: 19px;
    z-index: 100;
}
@media (min-width: 992px){
.fixedVersionBackOffice{
    right: 310px;
}
}
.body{
    margin: 0px; padding: 0px;
}
.btnPrimary{
    margin-bottom:20px;
    margin-top: 15px;
}
.navbarForm{
    margin-top:1px;
    margin-bottom:-2px;
    display: inline-block;
}
p.muted{
    font-weight: bold;
    margin:6px 6px 6px 30px;
    line-height: 28px;
}
.required{
    color: red;
    margin-left: 5px;
}
#is-superuser{
    display: block;
    float: left;
    margin-right: 10px;
}
#JSPageID{
    display:none;
}
.nobottommargin{
    margin-bottom:0;
}
.navbar{
    position: relative;
    z-index: 200;
}
.navbar .btn-navbar{
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #0e0e0e;
    background-image: -moz-linear-gradient(top, #151515, #040404);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));
    background-image: -webkit-linear-gradient(top, #151515, #040404);
    background-image: -o-linear-gradient(top, #151515, #040404);
    background-image: linear-gradient(to bottom, #151515, #040404);
    background-repeat: repeat-x;
    border-color: #040404 #040404 #000000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active,
.navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled]{
    color: #ffffff;
    background-color: #040404;
}
a, .pointer{
    cursor: pointer;
}
.tableAuthorization{
    min-width: 600px;
    width: auto;
}
.table-container{
    width:100%;
}
.table-container table{
    margin-bottom: 0;
}
.table.tableAuthorization tbody > tr > td{
    vertical-align: middle;
}

.table-unspaced-text{
    table-layout: fixed;
    word-wrap: break-word;
}

.centeredContainer{
    margin: 0 auto;
    text-align: left;
    display: inline-block;
}
.navbar-form .input-append, .navbar-form .input-prepend{
    margin-top: 4px;
    margin-bottom: 6px;
}
.errorMsg{
    display: none;
    padding-left:5px;
    margin-right:24px;
    color: #B94A48;
    position: relative;
}
.errorColor, .error, .error-message{
    color: #B94A48;
    font-size: 14px;
}
.form-group h4{
    margin-bottom: 30px;
}
span.error{
    padding: 0 5px;
    clear: both;
}
input.error, textarea.error{
    border-color: #B94A48;
    color: #555;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
input.error:focus, textarea.error:focus{
    border-color: #953B39;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #D59392;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #D59392;
}
ul.nav>li input{
    cursor: auto;
}
li.header{
    padding-left: 10px;
    color: #999;
    font-size: 12px;
}
li.header:first-child{
    margin-top: 4px;
    margin-bottom: 2px;
}
.input-append .add-on, .input-append .btn, .input-append .btn-group> .dropdown-toggle {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}
.bold{
    font-weight: bold;
}
h1{
    font-size: 21px;
    font-weight: bold;
}

.text-center{
    text-align: center;
}
.text-center-important{
    text-align: center !important;
}
.text-right{
    text-align: right;
}
.text-left{
    text-align: left;
}
.padded-top-8{
    padding-top: 8px;
}
.no-top-bottom-margin{
    margin-top:0;
    margin-bottom:0;
}
.nav div.tooltip-inner{
    min-width: 200px;
}
#ChangeResults .tooltip{
    max-width: 100px;
}
#ChangeResults .tooltip>*{
    text-align: left;
}
.tableHeader td{
    background-color: initial;
    padding-top: 50px;
}
.tableHeader:first-child td{
    padding-top: 20px;
}
.sortOptions{
    margin: 10px;
}
.ctooltip{
    position: absolute;
    z-index: 10;
    color: #fff;
}
.ctooltip-inner{
    padding: 8px;
    color: #FFF;
    text-align: left;
    text-decoration: none;
    background-color: #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 11px;
}
.ctooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 5px;
}
.right .ctooltip-arrow{
    top: 50%;
    left: -10px;
    border-color: transparent #000 transparent transparent;
}
.left .ctooltip-arrow{
    top: 50%;
    left: 100%;
    border-color: transparent transparent transparent #000;
}
.top .ctooltip-arrow{
    top: 100%;
    left: 50%;
    border-color: #000 transparent transparent transparent;
}
.bottom .ctooltip-arrow{
    top: -10px;
    left: 50%;
    border-color: transparent transparent #000 transparent;
}
.left.top .ctooltip-arrow{
    top: 100%;
    left: auto;
    right: 5px;
    border-color: #000 transparent transparent transparent;
}
.left.bottom .ctooltip-arrow{
    top: -10px;
    right: 5px;
    left: auto;
    border-color: transparent transparent #000 transparent;
}
.right.top .ctooltip-arrow{
    top: 100%;
    left: 5px;
    border-color: #000 transparent transparent transparent;
}
.right.bottom .ctooltip-arrow{
    top: -10px;
    left: 5px;
    border-color: transparent transparent #000 transparent;
}
.ellipsis, .ellipsis-full{
    text-overflow: ellipsis;
    padding-right: 10px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
}

.paging_simple_numbers .ellipsis,
.paging_simple_numbers .ellipsis-full {
    display: inline-block;
}

.ellipsis-full{
    width: 260px;
}
.ellipsis>span, .ellipsis-full>span{
    text-overflow: ellipsis;
}
.div-post-labelled{
    overflow: hidden;
}
.div-post-labelled>*{
    position: relative;
    float: left;
    clear: both;
}
.div-post-labelled div:after{
    display: block;
    color: #999;
    position: absolute;
    top: 6px;
    right: 10px;
}
.div-post-labelled.minutes div:after{
    content:'minute(s)';
}
.div-post-labelled.meters div:after{
    content:'meter(s)';
}
.div-wrapper-noted-input{
    color: #777;
    font-size: 14px;
    margin-bottom: 10px;
}
.div-wrapper-noted-input input{
    margin-bottom: 0;
    display: block;
}

.date-period-error{
    color: #b33;
    margin-bottom: 10px;
    margin-top: -5px;
    padding-left: 2px;
}
.littleText, .normalText, .littleTextInline{
    font-size: 10px;
    font-weight: normal;
    display: inline-block;
    width:100%
}
.dashboard-vehicle .littleText{
    color: #999999;
}
.littleTextInline {
    display: inline;
}
.normalText{
    font-size: 14px;
}
tr.tableSpace{
    height: 12px;
}
.relative{
        position: relative;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    font-weight: bold;
}
.v-control-space-a{
    margin-bottom: 15px;
}
.v-control-space+span{
    display: block;
}
.shortControl{
    width: 130px;
    margin-bottom: 5px;
}
.shortControl>input{
    padding-left: 4px;
    padding-right: 4px;
}
.shortControlRep{
    width: 180px;
    margin-bottom: 5px;
}
.inline{
    float: left;
    clear: none !important;
    margin-right: 10px;
}
ul a:focus{
    outline-offset: 0;
}

/*-- filter menu css --*/
#filterContainer {
    max-height: 100%;
}

.filter-menu > ul {
    list-style: none;
    padding-left: 20px;
}

.filter-items-list{
  list-style: none;
}
.filter-item {
    padding-inline-start: 0px;
    display: inline-flex;
}
.filter-show-all {
    font-weight: bold;
    text-align: center;
}

.filter-show-all > a {
  display: block;
  padding: 10px 20px;
  clear: both;
  color: #333333;
  white-space: nowrap;
}

.filter-show-all > a:hover,
.filter-show-all > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

.filter-items-list > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.filter-items-list > li > a:hover,
.filter-items-list > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

.filter-panel-heading {
    padding: 10px;
}

.vehicle-display-item {
    padding-left: 20px;
    overflow: hidden;
    padding-bottom: 12px;
    white-space: nowrap;
}

.vehicle-display-item > a{
    color: #333333;
}
.filter-item-icon {
    display: inline-block !important;
    vertical-align: top;
}
/*-- admin portal css --*/

.v-control-space, .v-control-space-a{
        margin-bottom: 8px;
        float: left;
        clear:left;
}
#responseContainer ul.pagination {
/*    margin-left: 21px;  */
}
.pagination-shift ul.pagination {
    margin-left: 40px;
}
div#reportResults{
    margin-top:20px;
    clear:left;
    padding-right: 10%;
    font-size: 14px;
    text-align: center;
}
.resultTable{
    margin-top: 20px;
    width: 98%;
    margin: 0 auto;
    font-size: 14px;
}
.resultTable thead{
    font-weight: bold;
}
.resultTable td, .resultTable th{
    text-align: center;
}
.table-dotted tr {
    border-bottom: 1px dotted black;
}
.table-dotted tr td {
    border-top: none !important;
}
.reportForm{
    position: relative;
    left:50%;
}
.reportForm>div{
    float: left;
}
.reportForm>div>div{
    position: relative;
    left:-50%;
}
.navbar-form{
    padding-left: 0;
}
.navbar-header{
    padding: 0 15px;
}
.navbar-header{
    height:50px;
}
.navbar a.brand {
    display: block;
    min-width: 105px;
    height: 50px;
    float: left;
}
.navbar a.brand>img {
    max-width: 200px;
    max-height: 50px;
    position: relative;
    top: 50%;
    margin-top: -25px;
}
.nav > li > a:hover, .nav > li > a:focus {
    background-color: rgba(0,0,0,0);
}
.nav.sortOptions  a:hover, .nav.sortOptions a:focus,
.nav.viewOptions  a:hover, .nav.viewOptions a:focus {
    background-color: #EEE;
}
.big-btn-container{
    margin-top: 30px;
    display: block;
    text-align: center;
}
.big-btn-container>div{
    display: inline-block;
}
.big-custom-btn{
    height: 178px;
    width: 139px;
    display: inline-block;
    margin: 18px;
    background-repeat: no-repeat;
    text-align: center;
    float: left;
    clear: none;
    font-size: 20px;
    color: #777;
    position: relative;
    outline: 0;
    margin-bottom: 15px;
    background-image: url(../img/modules.png);
}
.big-custom-btn:hover, .big-custom-btn:focus{
    text-decoration: none;
    color: #777;
    -ms-background-position-x: -198px;
    background-position-x: -198px;
}
.big-custom-btn:active{
    text-decoration: none;
    color: #777;
    opacity: 1;
}
.placeIntoContainer pre{
    white-space: pre-line;
}
.placeIntoContainer th{
    white-space: nowrap;
}
.panel_group .panel.panel-default{
    margin-bottom:2px;
}
@media (min-width: 801px){
    .big-custom-btn{
    }
}
@media (min-width: 450px) and (max-width: 1000px){
    .big-custom-btn{
        transform: scale(.7);
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -o-transform: scale(.7);
        position: relative;
        margin: -45px -15px 15px -15px;
    }
    .big-custom-btn, .big-custom-btn:hover, .big-custom-btn:focus, .big-custom-btn:active{
        opacity: 1;
        color: #777;
    }
}
@media (max-width: 449px){
    .big-custom-btn{
        transform: scale(.7);
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -o-transform: scale(.7);
        position: relative;
        margin: -15px -15px 15px -15px;
        clear: left;
    }
    .big-custom-btn:first-child{
        margin-top: -30px;
    }
    .big-custom-btn, .big-custom-btn:hover, .big-custom-btn:focus, .big-custom-btn:active{
        opacity: 1;
        color: #777;
    }
}
.big-custom-btn>span{
    display: block;
    padding: 8px 5px 5px 5px;
    position: absolute;
    top: 148px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background-color: #ffffff;
}
.btn-next{
    color: #333;
    padding:6px 12px;
    display: inline-block;
}
.btn-next:hover{
    color: #333;
    background-color: #ebebeb;
    text-decoration: none;
}
.accounts-img{
    background-position: -20px -198px;
}
.admin-img{
    background-position: -20px -20px;
}
.back-office-img{
    background-position: -20px -376px;
}
.call-taker-img{
    background-position: -20px -554px;
}
.driver-img{
    background-position: -20px -1444px;
}
.drivers-img {
    background-position: -20px -732px;
}
.envelope-img {
    background-position: -20px -910px;
}
.price-engine-img{
    background-position: -20px -1088px;
}
.reports-img{
    background-position: -20px -1266px;
}
.vehicles-img{
    background-position: -20px -1622px;
}
.vehicle-inspection-img{
    background-position: -20px -3046px;
}
.vtrack-img{
    background-position: -20px -1800px;
}
.app-settings-img{
    background-position: -20px -1978px;
}
.fleets-img{
    background-position: -20px -2156px;
}
.fares-img{
    background-position: -20px -2334px;
}

.zone-drawing-img {
    background-position: -20px -2511px;
}

.account-portal-img {
    background-position: -20px -3224px;
}

.address-manager-img {
    background-position: -20px -2868px;
}

.ivr-module-img {
    background-position: -20px -3402px;
}

.flight-tracker-img{
    background-position: -20px -3580px;
}

.underlined{
    text-decoration: underline;
}
ul.nav>li .userName{
    font-weight: bold;
    font-size: 16px;
    padding: 14px 8px 0 0;
    display: inline-block;
    cursor: default;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
nav .btn.right-menu-btn{
    margin: 10px 10px 0 0;
    height: 34px;
}
@media (min-width: 768px){
    .navbar-header{
        box-shadow: none !important;
        background-color: transparent !important;
    }
    nav .btn.right-menu-btn{
        margin: 8px 0 0 4px;
    }
}
.chk_tree label{
    font-weight: normal;
    margin-bottom: 0;
}
.chk_tree label.chk_children{
    margin-left: 15px;
}
.navbar li .navbar-collapse, .navbar li .navbar-form{
    border-color: transparent;
}
.h-control-space{
    margin-left: 15px;
}
.padding-no {
    padding: 0;
}
.margin-left-no{
    margin-left: 0 !important;
}
.clearable{
  background:url(../img/clear-input.png) no-repeat right -10px center;
  padding-right: 23px;
  transition: background 0.4s;
}
.clearable::-ms-clear {
    display: none;
}
.clearable.x{
  background-position: right 8px center;
}
.clearable.onX{
  cursor:pointer;
}
.paginationContainer.centered{
    text-align: center;
}
.paginationContainer.centered>*{
    text-align: left;
    clear: left;
}
.paginationContainer>ul.pagination{
    clear: none;
}
.localTabbing >.tabBody{
    margin-top: 20px;
    position: relative;
    display: none;
}
.localTabbing >.tabBody.visibleTab{
        display: block;
}
.localTabbing> .tabHeader{
    display: none;
}
.tabBody .profile-field label, .tabBody .profile-field label{
    min-width: 200px;
    margin-right: 10px;
}
.col-fx-offset-1{
    margin-left: 8.333333333333332%;
}
.col-fx-offset-2{
    margin-left: 16.666666666666664%;
}
.col-fx-offset-3{
    margin-left: 25%;
}
.col-fx-offset-4{
    margin-left: 33.33333333333333%;
}
.col-fx-offset-5{
    margin-left: 41.66666666666667%;
}
.col-fx-offset-6{
    margin-left: 50%;
}
.col-fx-offset-7{
    margin-left: 58.333333333333336%;
}
.col-fx-offset-8{
    margin-left: 66.66666666666666%;
}
.col-fx-offset-9{
    margin-left: 75%
}
.col-fx-offset-10{
    margin-left: 83.33333333333334%;
}
.col-fx-offset-11{
    margin-left: 91.66666666666666%;
}
.col-fx-offset-12{
    margin-left: 100%
}
.inlineBlock{
    display: inline-block;
}
.centeredBlock, .centeredBlock1, .centeredBlock2, .centeredBlock3,
.centeredBlock4, .centeredBlock5, .centeredBlock6, .centeredBlock7, .centeredBlock7m1,
.centeredBlock8, .centeredBlock9, .centeredBlock10, .centeredBlock11{
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.centeredBlock1{
    width: 100px;
}
.centeredBlock2{
    width: 200px;
}
.centeredBlock3{
    width: 100%;
}
.centeredBlock4{
    width: 400px;
}
.centeredBlock5{
    width: 500px;
}
.centeredBlock6{
    width: 600px;
}
.centeredBlock7{
    width: 700px;
}
.centeredBlock8{
    width: 800px;
}
.centeredBlock9{
    width: 900px;
}
.centeredBlock10{
    width: 1000px;
}
.centeredBlock11{
    width: 1100px;
}
.centeredBlockItems{
    text-align: center;
}
.centeredBlockItems .big-custom-btn {
    float: none !important;
}
@media (max-width: 1099px){
    .bpWidth11{
        width: 100% !important;
    }
}
@media (max-width: 999px){
    .bpWidth10{
        width: 100% !important;
    }
}
@media (max-width: 899px){
    .bpWidth9{
        width: 100% !important;
    }
}
@media (max-width: 799px){
    .bpWidth8{
        width: 100% !important;
    }
}
@media (max-width: 699px){
    .bpWidth7{
        width: 100% !important;
    }
}
@media (max-width: 599px){
    .bpWidth6{
        width: 100% !important;
    }
}
@media (max-width: 499px){
    .bpWidth5{
        width: 100% !important;
    }
}
@media (max-width: 399px){
    .bpWidth4{
        width: 100% !important;
    }
}
@media (max-width: 299px){
    .bpWidth3{
        width: 100% !important;
    }
}
@media (max-width: 399px){
    .bpWidth, .bpWidth1, .bpWidth2{
        width: 100% !important;
    }
}

@media (max-width:  1100px){
    .bpWidth11{
        width: 100% !important;
    }
}
@media (max-width:  1000px){
    .bbpWidth10{
        width: 100% !important;
    }
}
@media (max-width:  900px){
    .bbpWidth9{
        width: 100% !important;
    }
}
@media (max-width:  800px){
    .bbpWidth8{
        width: 100% !important;
    }
}
@media (max-width:  700px){
    .bbpWidth7{
        width: 100% !important;
    }
}
@media (max-width:  600px){
    .bbpWidth6{
        width: 100% !important;
    }
}
@media (max-width:  500px){
    .bbpWidth5{
        width: 100% !important;
    }
}
@media (max-width:  400px){
    .bbpWidth4{
        width: 100% !important;
    }
}
@media (max-width:  300px){
    .bbpWidth3{
        width: 100% !important;
    }
}
@media (max-width: 400px){
    .bbpWidth, .bpWidth1, .bpWidth2, .bpWidth3, .bpWidth4{
        width: 100% !important;
    }
}
.errorOffset {
  margin-left: 82px;
}
#UploadImage{
    text-align: right;
}
.driver-photo{
    max-width: 106px;
    max-height: 115px;
    float: left;
    margin: 0px 10px 10px -5px;
}
tr.text-left td, tr.text-left th{
    text-align: left;
}
tr.nowrap td, tr.nowrap th{
    white-space: nowrap;
}
.scroll-x{
    overflow-x: auto;
}
.centeredCells tr>td{
    text-align: center;
}
.margin_btn_close {
    margin:23px;
}
.pre_block {
    border:none;
    background-color: white;
}
#UploadImageError {
    margin-top:7px;
}
.localPaginationContainer{
    display: none;
}
.localPaginationContainer1 tbody>tr{
    display: none;
}
.localPaginationContainer1 tbody>tr.paginator-show{
    display: table-row;
}
#EnableAutoRefresh {
    margin-top: -20px;
    margin-right: 20px;
}
.alertCenterContainer{
    position: fixed;
    z-index: 10000;
    top: 55px;
    left: 20%;
    width: 60%;
}
.alert-call-taker{
    position: fixed;
    z-index: 10000;
    top: 6%;
    left: 35%;
    font-weight: bold;
    font-size: large;
}
@media (max-width: 992px){
    .alertCenterContainer{
        width: 98%;
        left: 1%;
    }
}
@media(min-width:768px){
    .container{
        max-width:1170px;
    }
}
.full-width{
    width: 100%;
}
.auto-width{
    width: auto;
}
.summary-receipt {
    width:243px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}
.summary-receipt-container {
     width: 243px;
     padding: 15px;
}
.logo-upload {
    margin-top:8px;
}
.theme_preview{
    height: 52px;
}
.predefined{
    background-repeat: no-repeat;
}
.theme_preview img{
    max-width: 200px;
    max-height: 50px;
    position: relative;
    top: 50%;
    margin-top: -25px;
}
.theme_preview.blue{
    background-position: 0 0;
}
.theme_preview.yellow{
    background-position: 0 -104px;
}
.theme_preview.blue.dark{
    background-position: 0 -52px;
}
.block-element {
    display: block;
    clear: both;
}
.overblock_fix{
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    left: 0px;
    top: 0px;
    z-index: 99999 !important;
    background: none !important;
}
.overblock_fix::before, .overblock_fix::after{
    content:"" !important;
}
.filterCheckbox>a>span:first-child{
    display: inline-block;
    width: 16px;
    height: 16px;
    border: solid 1px #000;
    position: relative;
    top: 3px;
    margin-left: -16px;
}
.filterCheckbox>a.checked>span:first-child:before{
    position: absolute;
    color: #A00;
    top: -1px;
    left: -1px;
    content: "\2713";
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 16px;
}
@media print {
    .print-full-width {
        max-width:none !important;
        width:100% !important;
    }
}

@media (max-width: 991px) {
    .search_drivers{
        padding: 0px !important;
    }
    .current_selection{
        position:absolute !important;
        right: 0px;
        top: 49px;
    }
}@media (min-width: 992px) and (max-width: 1100px){
    .report_scheduling_container{
        width: 920px;
    }
}
/* bootstrap-fix */
.input-group>.input-group-btn>.btn:hover, .input-group>.input-group-btn>.btn:active{
    z-index: initial;
}
#recentAddressesModal li:hover,
#recentAddressesModal li.active-by-key {
    cursor: pointer;
    background-color: #f5f5f5 !important;
}
.printable { display: none; }
@media print{
    .printable { display: block; }
}
.two-lines {
    line-height: 1.5em;
    height: 3em;
    width: 180px;
    overflow: hidden;
}
.capitalize {
    text-transform: capitalize;
}
.tt-cursor{
    color: #fff;
    background-color: #428bca;
    border-color: #428bca;
}

.btn-add-schedule{
    margin-top: -5px;
}

.schedule-for-day{
    margin-right: 0px;
}

@media (min-width: 992px){
    .select-drivers-schedule {
        padding-left: 0px;
    }
}
.border-drivers{
    border-radius: 4px!important;
    border-bottom-right-radius: 0!important;
    border-top-right-radius: 0!important;
}
.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
.btn-tax-city {
    background-color: #1aa84f;
    color:white;
}
.btn-tax-state {
    background-color:#3f63c3;
    color:white;
}
.btn-tax-city:hover, .btn-tax-state:hover {
    color:white;
}
.glyphicon-remove-circle-arcus {
    background: url(../img/close.png) left top no-repeat;
    height: 15px;
    width: 15px;
}
.btn-territories {
    margin-right:10px;
    margin-top: 10px;;
}
.taxable-state-type {
    background-color: #1aa84f;
}
.taxable-city-type {
    background-color:#3f63c3;
}
.taxable-type {
    width: 25px;
    height: 25px;
}
.taxable-type-caption {
    padding-top: 2px;
}
#type-taxable-territories {
    color: #428bca;
    margin-top:5px;
    font-size:25px;
}
#type-taxable-territories:hover {
    cursor: pointer;
}.back-ground-red{
    background: red;
}
.back-ground-yellow{
    background: #ffff00;
}
.back-ground-white{
    background: #ffffff;
}
.back-ground-green{
    background: #008000;
}

.left-inner-addon {
    position: relative;
}
.left-inner-addon input {
    padding-left: 35px;
}
.left-inner-addon i {
    position: absolute;
    padding: 6px 12px;
    pointer-events: none;
}

#driver-register-wrapper {
    padding: 0px !important;
}
#driver-register-wrapper .form-group {
    margin-left: 19px;
    margin-right: 19px;
}
#driver-register-wrapper .col-md-7 .form-group {
    margin-right: 0px;
}
#driver-register-wrapper .col-md-5 .form-group {
    margin-left: 0px;
}
#driver-register-wrapper .col-md-7 span.error {
    display: block;
    margin-top: -15px;
    margin-left: 19px;
    margin-bottom: 15px;
    text-indent: 5px;
}
#driver-register-wrapper .white {
    background-color: #ffffff;
    padding-top: 15px;
    padding-bottom: 15px;
}
.margin-bottom-clear {
    margin-bottom: 0;
}
.margin-bottom-clear-imp {
    margin-bottom: 0 !important;
}

.link-disable {
   pointer-events: none;
   cursor: default;
}

.photo-upload-link{
    margin-top: 10%;
}

.color-select-addon{
    position: absolute;
    font-size: 10px;
    width: 38px;
    border: 1px solid #cccccc;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    padding-top: 4px;
    text-align: center;
}
.color-select{
    padding-left: 45px;
}
.big-custom-btn:focus {
    outline: inherit !important;
}

.filter label,
.filter label.active,
.filter label:hover{
    border-color: #ddd;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.input-button-disabled{
    background-color: #cccccc !important;
}
#mondago-identifier:hover {
    cursor: inherit !important;
}
.select-placeholder {
    color:#808080
}
.select-placeholder option:first-child{
    color: grey;
    display: none;
}
.select-placeholder option {
    color: #555555;
}
.hide_element{
    visibility: hidden;
}

.resize-container {
    position: relative;
    display: inline-block;
    cursor: move;
    margin: 0 auto;
}

.resize-container img {
    display: block
}

.jcrop-keymgr {
    display: none;
}

.jcrop-holder {
    margin: 0;
}

.resize-container:hover img,
.resize-container:active img {
    outline: 2px dashed rgba(222,60,80,.9);
}

.resize-handle-ne,
.resize-handle-se,
.resize-handle-nw,
.resize-handle-sw {
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    background: rgba(222,60,80,.9);
    z-index: 999;
}

.resize-handle-nw {
    top: -5px;
    left: -5px;
    cursor: nw-resize;
}

.resize-handle-sw {
    bottom: -5px;
    left: -5px;
    cursor: sw-resize;
}

.resize-handle-ne {
    top: -5px;
    right: -5px;
    cursor: ne-resize;
}

.resize-handle-se {
    bottom: -5px;
    right: -5px;
    cursor: se-resize;
}

.btn-crop {
    position: absolute;
    vertical-align: bottom;
    right: 5px;
    bottom: 5px;
    padding: 6px 10px;
    z-index: 999;
    background-color: rgb(222,60,80);
    border: none;
    border-radius: 5px;
    color: #FFF;
}

.btn-crop img {
    vertical-align: middle;
    margin-left: 8px;
}

.content {
    max-width: 1290px;
    padding: 0 1em;
    margin: 0 auto;
    text-align: center;
}


.resize-image {
    max-width: 540px;
}

.input-group-addon{
    min-width: 43px;
}
#driver_id_block #driver_id {
    background-color: #ffffff;
}
#list-optional-error-wrapper .error {
    display: block;
    text-align: center;
    margin-top: 10px;
}

.remove-rule{
    cursor: pointer;
    color: #cdcdcd;
}
.remove-rule:hover{
    color: #000000;
}

.width-50{
    width: 50px;
}

#fee-types .ui-sortable-helper, #account-cashiering-fees .ui-sortable-helper, #driver-cashiering-fees .ui-sortable-helper{
    background-color: rgb(245, 245, 245);
}

#account-cashiering-fees .glyphicon-resize-vertical, #driver-cashiering-fees .glyphicon-resize-vertical{
    margin-right: 25px;
}

#account-cashiering-fees .remove-rule, #driver-cashiering-fees .remove-rule{
    margin-right: 0;
    float: right;
}

.color-red {
    color: red;
}

.color-green {
    color: green;
}

.transaction-filter-action {
    position: relative;;
    right:5px;
}

.bootstrap-table .open{
    min-width: 0;
}

.report-result-wide{
    margin: 0 10px;
}

.addon-required .input-group-addon {
    border-left: 5px solid #66afe9;
}

.addon-required.has-error .input-group-addon {
    border-left: 5px solid #a94442;
}

.addon-required .form-control {
    border-left: 1px solid #cccccc;
}

#asterisk-settings .addon-required span {
    font-size: 11px;
}

.arcus-form .twitter-typeahead {
    display: inherit !important;
}

input.mobile {
    position: relative;
    color: white;
}

input.mobile:before {
    position: absolute;
    top: 8px; left: 12px;
    content: attr(data-date);
    display: inline-block;
    color: black;
}

input.mobile::-webkit-datetime-edit,
input.mobile::-webkit-inner-spin-button {
    display: none;
}

input.mobile::-webkit-clear-button {
    position: absolute;
    right: 25px;
    top: 10px;
}

input.mobile::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 10px;
    right: 0;
    color: black;
}
.none {
    display: none;
}
.voip-wrapper {
    position: relative;
}
.voip-wrapper-offset .voip-call{
    right: 5px !important;
}
.voip-wrapper input {
    /*padding: 6px 30px 6px 12px;*/
}
.voip-call {
    position: absolute !important;
    display: block;
    top: 50%;
    right: 22px;
    margin-top: -14px;
    color: #dddddd;
    z-index: 10;
}
.voip-call .glyphicon {
    font-size: 23px;
}
.voip-call-ready {
    color: #5cb85c;
}
.vehicle-emergency,
.vehicle-emergency *,
.vehicle-emergency > .dashboard-corner,
.vehicle-emergency > div > .dashboard-corner,
.vehicle-emergency > div > div > .vehicle-number {
    background-color: #ff0000 !important;
    color: white !important;
}
.vertically-center-logo {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    min-width: 160px;
}

.img-logo {
    cursor: pointer;
}

.login-logo-wrapper {
    text-align: center;
    padding: 50px;
}

.navbar-header:hover .dropdown-menu {
    display: block;
    margin-top: 0px;
}


.color-picker {
    padding: 0px;
    background-color: #ffffff;
    border-left: 0px;
}

.color-picker input {
    border: 0px;
    height: 100%;
    background-color: inherit;
}

.form-inline label {
    font-weight: normal;
}

.ends-after #after-occurrences {
    width: 20%;
    margin-left: 10px;
    margin-right: 5px;
}

.ends-on .date{
   margin-left: 20px;
}

.summary {
    padding-top: 7px;
    source:ba2251bd7e0455268282af4a395482b92477f13b
}

.schedule-color-wrapper {
    padding: 0px;
}
.schedule-color-wrapper .schedule-color input {
    display: none;
}
.schedule-color-wrapper .schedule-color .input-group-addon {
    border: none;
}
.schedule-ends-label {
    width: 60px;
}
#max-occurences-count {
    margin-right: 10px;
}
.schedule-ends-calendar-wrapper > .input-group.date {
    width: 150px;
}
.fc-other-month .fc-day-number {
    display:none;
}

.page-column-right #right-nav li {
    list-style-type: none;
}
.page-column-right #right-nav {
    margin: 0px;
    padding: 0px;
}
.page-column-right .list-group-item {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}
.page-column-right .ui-state-active .ui-tabs-anchor {
    background-color: #428bca;
    border-color: #428bca;
    color: white;
}
.page-column-right #right-nav li:first-child > a {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
.page-column-right #right-nav li:last-child > a {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.page-column-right #right-nav li:last-child > a{
    border-bottom: 1px solid #dddddd;
}
.page-column-right #right-nav li a:focus {
    outline: none;
}
.page-column-right #right-nav a {
    border-bottom: 0px;
}

#recurring-ride-calendar .fc-toolbar {
    margin-bottom: 0px;
    padding:25px 10px 10px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border: 1px solid #dddddd;
    border-bottom: 0px;
}
#recurring-ride-calendar .fc-center h2{
    font-weight: normal !important;
}
#repeat-ride-modal .modal-body {
    height: 760px;
}
#repeat-ride-button {
    position: absolute;
    right:0px;
    top:0px;
    z-index: 1;
    padding:6px 10px;
}
#repeat-ride-button .glyphicon.icon-calendar {
    font-size:14px;
}
#repeat-ride-modal .modal-header {
    padding-bottom: 0px;
    border-bottom: 0px;
}
#recurring-ride-wrapper .location-block.drop-off-location {
    margin-right: 0px;
}
#recurring-ride-wrapper #repeat-ride-button {
    display: none;
}

.location-block.drop-off-location {
    margin-right:55px;
    position: relative
}
#destination-clear-button {
    margin-right: 55px;
}
#recurring-ride-wrapper #destination-clear-button {
    margin-right: 0px;
}
.fc-time-grid-event .fc-bg {
    opacity: 0 !important;
}
.repeat-event-dispatched {
    opacity: 0.5;
}

#auth-container > li {
    float: left;
}

#auth-container .open .dropdown-menu {
    position: absolute;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

#auth-container .open .dropdown-menu a {
    color: #333333;
}

#server-health-container a {
    background-color: rgb(255, 255, 255);
    border-radius: 2em;
    width: 2.5em;
    padding-right: 1.5em;
    padding-left: 0.76em;
    padding-top: 0.6em;
    height: 2.5em;
    margin-top: 0.65em;

}

@media (min-width: 768px) {
    #server-health-container a {
        padding-top: 0.6em;
    }
}

#server-health-container .font-green,
.font-green{
    color: #5cb85c;
}

#server-health-container .font-red,
.font-red{
    color: #d9534f;
}


#server-health-container .glyphicon-exclamation-sign{
     color: #d9534f;
}
#server-health-container a.font-red:hover, #server-health-container a.font-red:focus{
    color: #d9534f;
    outline: none;
    text-decoration: none;
}
#server-health-container a.font-green:hover, #server-health-container a.font-green:focus{
    color: #5cb85c;
    outline: none;
    text-decoration: none;
}
#server-health-container .popover-title {
    font-weight: bold;
}
#repeat-ride-change-logs{
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    margin: 15px 0;
    padding: 10px 15px;
    max-height: 300px;
}
.close-modal-button{
    font-size: 17px;
    margin-top: 8px;
    margin-left: 20px;
    color: #000;
    cursor: pointer;
}
.close-modal-button:hover{
    color: #000;
}
.vertical-align-middle,
.tr-vertical-align-middle td {
    vertical-align:middle !important;
}

.rride-event-popover .popover-content {
    padding:15px !important;
}
.rride-event-popover .rride-event-remove,
.rride-event-popover .rride-event-edit {
    margin-bottom: 15px;
    width: 100%;
    display: block;
}
.rride-event-remove:last-child,
.rride-event-edit:last-child {
    margin-bottom: 0px;
}
#signature-required-wrapper button {
    position:absolute;
    right:30px;
    bottom:15px;
}
#signature-required-wrapper .col-md-10 {
    height: 370px;
    text-align: center;
}
#signature-required-wrapper img {
    max-height:360px;
    max-width: 700px;
}
#signature-image-thumb {
    max-height:35px;
}
.fare-info-quick-msg {
    font-size: 12px;
    color: #5cb85c;
    position: absolute;
    border: 1px solid #5cb85c;
    padding: 9px 10px;
    border-radius: 21px;
}
.fare-info-photo {
    position:relative;
}
.fare-info-quick-msg {
    top: 50%;
    left: 50%;
    display: block;
    position: absolute;
    height: 37px;
    width: 37px;
}
.fare-info-quick-msg:hover {
    background-color: #5cb85c;
    color: white;
}
.documents-grid-wrapper {
    height: 800px;
    /* min-height: 800px; */
    overflow-y: auto;
}
.tooltip-trip-details {
    text-align: left;
}
.tooltip-trip-details span.price {
    float:right;
}
.tooltip-trip-details span.title {
    float:left;
    width:120px;
}
#driver-supervisor #responseContainer ul.pagination{
    margin: 0px;
}
#driver-supervisor #vehicles-grid-wrapper{
    padding: 0px 25px;
}

#message-to-zone .select2-search__field {
    width: auto !important;
}

#message-to-zone .select2-search__field::-webkit-input-placeholder {padding-left: 7px; color: #777;}
#message-to-zone .select2-search__field::-moz-placeholder          {padding-left: 7px; color: #777;}/* Firefox 19+ */
#message-to-zone .select2-search__field:-moz-placeholder           {padding-left: 7px; color: #777;}/* Firefox 18- */
#message-to-zone .select2-search__field:-ms-input-placeholder      {padding-left: 7px; color: #777;}

.intersection-select-marker {
    display: none;
    top:0;
    right:15px;
    color: green;
}

.intersection-wrapper-marker .intersection-select-marker{
    display: block
}

.modal-dialog.modal-1000 {
    width: 1000px;
}

.modal-dialog.modal-1250 {
    width: 1250px;
}

.table.scrollable-body tbody,
.table.scrollable-body thead {
    display: block;
}

.table.scrollable-body tbody {
    max-height: 150px;
    overflow: auto;
}
.help-block {
    color: inherit !important;
}
.global-search-form {
    float: left;
    margin:10px 10px 0 10px;
    width: 240px;
}

@media (max-width: 1550px) {
    .global-search-form {
        width: 190px;
    }
    #global-search-input {
        width: 150px !important;
    }
}
.required-input-css {
    border-left: 5px solid #66afe9;
}
.paginator-shift{
    margin-left: 38px;
}

.display-none {
    display: none;
}

.billing-schedule-wp {
    margin-right: 3px !important;
}

#rr-will-call-wrapper label {
    margin: 7px 0px 25px;
    font-weight: normal;
}
#rr-will-call-wrapper input {
    position: relative;
    top:2px;
}

#active-users-total {
    margin: 0 auto;
    padding-top: 36px;
    text-align: center;
    font-size: 112px;
    height: 200px;
    width: 200px;
}

#active-users-grid.dataTable thead th,
#active-users-grid.dataTable thead td {
    padding: 8px !important;
}

.disable-validation {
    border-color: #cccccc !important;
    box-shadow: none !important;
}
.disable-validation:focus {
    border-color: #66afe9 !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
}

#documents-for-review-grid_wrapper .ellipsis,
#documents-for-review-grid_wrapper.ellipsis-full {
    display: inline;
}
p.listDR{
    display: block;
    padding: 6px 30px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
}
p.listDR:hover{
    background-color: #f3f3f3;
}
.leftColImg>img{
    width: 20px;
    height: 20px;
}
.leftColImg{
    float: left;
    height: 100%;
    width: 20px;
    margin-left: -28px;
}
#LPanelHideBtn, #RPanelHideBtn{
    margin: 5px 0 0 0;
    position: absolute;
    z-index:155;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}
#LPanelHideBtn{
    left: 7px;
}
#RPanelHideBtn{
    right: 7px;
}
.leaflet-control-container{
    position: relative;
    margin-top: -7px;
}
.leaflet-bottom.leaflet-right{
    position: fixed;
}
#loader, #loaderR{
    width: 300px;
    position: fixed;
    top: 38px;
    bottom:0;
    z-index:100;
    background-color: rgba(133, 133, 133, 0.56);
}
#loader>img, #loaderR>img{
    position: absolute;
    left: 125px;
    top:50%;
}
#ViewGPSHistory, #ToggleVehicleMeter{
    padding-bottom: 15px;
    padding-left: 10px;
}

#LastTripsLoader {
    text-align: center;
}
.goBackButton {
    position: absolute;
    left: 258px;
    top: 45px;
    z-index:205;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}
#LastTripHistory {
    min-height: 20px;
    padding: 5px 0 10px 8px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
#FullInfoContent {
    padding: 6px 30px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
}
.historyBlock {
    position: relative;
}
#LostAndFound, #FareLostAndFound{
    position: relative;
    margin-top: 10px;
}
.historyBlock, #LostAndFound, #FareLostAndFound{
    min-height: 20px;
    padding: 5px 0 10px 8px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.historyBlock label, #LostAndFound label, #FareLostAndFound label{
    font-weight: normal;
}
#LostAndFound a.btn, #FareLostAndFound a.btn, .historyBlock a.btn{
    margin-right: 5px;
}
#LostAndFound a.btn.pull-right, #FareLostAndFound a.btn.pull-right{
    position: absolute;
    left: 237px;
}
#HPlayerHideBtn{
    position: absolute;
    bottom: 0;
    transform: translateX(150%);
    left: 50%;
    z-index: 20;
}
#HPlayerLoader{
    position: absolute;
    bottom: 0;
    transform: translateY(-100%) translateX(-50%);
    left: 50%;
    z-index: 20;
}
#HPlayerContainer{
    position: absolute;
    bottom: -100px;
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
    z-index: 20;
    border-radius: 5px;
    background-color: white;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    -web-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
#leftPanel, #rightPanel{
    height: 100%;
    width: 300px;
    background-color: white;
    clear: none;
    position: absolute;
    z-index: 20;
}
#leftPanel{
    left: -300px;
    padding: 110px 0 0 0;
    border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    -o-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
}
#rightPanel{
    right: -300px;
    padding: 30px 0 0 0;
    border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    overflow-y: auto;
}
.btPanelPrev, .btPanelNext{
    display: block;
    width: 100%;
    float: top;
}
.btPanelNext {
    position: absolute;
    bottom: 0;
}
#DriversList, #fareContainer, #LostAndFound .result{
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
    height: 100%;
}
.viewOptions{
    margin: 10px 0 10px 50px;
}
.viewOptions li a{
    min-width: 75px;
    text-align: center;
}
a.statusFilter{
    padding-left: 42px;
}
#LoaderContainer{
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-top: -20px;
}
#map{
    width:100%;
    /*position: absolute; */
    z-index:1;
}
.datepicker.baseInput, .timepicker.baseInput{
    max-width:95px;
    padding-left: 3px;
    padding-right: 3px;
}
.inputLarge{
    width:265px!important;
}
.mapContainer{
    float: left;
}
.locationRequired{
    font-size:12px;
    color:red;
}
.searchContainer{
    text-align: left;
    position: relative;
    overflow: hidden;
    margin-left: -5px;
    clear: left;
}
.searchContainer>div{
    float: left;
}
.showAllContainer{
    padding-left: 42px;
}
.billing div.open{
    min-width: 0px !important;
}
/*
div.open{
    min-width: 160px;
}
*/
.searchButton{
    margin-left: 8px;
    height: 38px;
    width:40px;
    margin-top: 2px;
}
.listDRActionContainer{
    position: absolute;
    left: 245px;
}
.sendMessageClick{
    height: 28px;
    width: 28px;
    padding: 3px;
    margin-top: 3px;
}
.fullInfoClick{
    height: 28px;
    width: 28px;
    padding: 3px;
}
.historyClick, .meterClick {
    padding: 3px;
    float: right;
    margin-right: 5px;
}
.historyGPSTitle, .toggleMeterTitle {
    display: inline-block;
}
#historyTitle {
    margin-top: 20px;
    margin-bottom: 15px;
}
p.listDR{
    position: relative;
}
p.listDR.unpadded{
    margin-bottom: 0px;
    padding-bottom: 15px;
}
p.noborder{
    border: none;
}
.closedWrapper{
    display: block;
    height: 0px;
    overflow:hidden;
}
.closedWrapper.open{
    height: auto;
}
.closedWrapper>span{
    display: block;
}
.closedWrapperBtn{
    position: relative;
    left: 0px;
    top: 0px;
}
.openedWrapperBtn{
    position: relative;
    top: -8px;
    left: 239px;
}
.moreBlocksOpened p.listDR{
    margin-bottom:0;
    padding-bottom: 15px;
}
.moreBlocksOpened .closedWrapperBtn{
    display: none;
}
.moreBlocksOpened .closedWrapper{
    height: auto;
}
.companyHidden .panelCompany{
    display: none;
}
.ownerHidden .panelOwner{
    display: none;
}
.sortOptions{
    margin: 10px;
}
.topPanel{
    position: absolute;
    z-index: 20;
    left:0;
    width: 100%;
}
.topPanel>.TDcontainer{
    background-color: #f9f9f9;
    border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    -o-border-radius: 0 0 8px 8px;
    -web-border-radius: 0 0 8px 8px;
    border:solid 1px #ccc;
    border-width: 0 1px 1px 1px;
    min-height: 41px;
    width: 100%;
    min-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 10px;
    overflow-y: auto;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    -web-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.topPanel>.TDcontainer.noscroll{
    overflow-y: hidden;
}
.topPanel>.TDcontainer>div{
    overflow: hidden;
    min-height: 45px;
    width: 100%;
}
.topPanel>.TDcontainer>div>div.tableBlock{
    display: inline-block;
    margin: 8px 5px -5px 5px;
    width: 19%;
    overflow: hidden;
    padding:1px;
    float: left;
    min-width: 12px;
}
.topPanel>.TDcontainer>div>div.alert{
    margin-top: 46px;
    margin-bottom: 5px;
}
.topPanel>.TDcontainer table{
    width:100%;
    min-width: 178px;
}
.topPanel>.TDcontainer table thead{
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
.topPanel>.TDcontainer table tbody{
    border-collapse: collapse;
}
.topPanel>.TDcontainer table tbody img{
    cursor: pointer;
}
.topPanel>.TDcontainer table tbody td{
    border: solid 1px #b0b0b0;
    padding: 1px 4px;
}
.topPanel>.TDcontainer table tbody .td1,.topPanel>.TDcontainer table tbody .td2{
    width: 20%;
}
.topPanel>.TDcontainer table tbody .td3{
    width: 60%;
    white-space: normal;
}
.topPanel>.TDcontainer table img{
    width: 32px;
    height: 20px;
}
@media (min-width: 800px) and (max-width: 1023px){
    .topPanel .table4{
        clear: left;
    }
    .topPanel .table1, .topPanel .table2, .topPanel .table3, .topPanel .table4, .topPanel .table5{
        width: 32% !important;
    }
}
@media (min-width: 640px) and (max-width: 799px){
    .topPanel .table4{
        clear: left;
    }
    .topPanel .table1, .topPanel .table2, .topPanel .table3, .topPanel .table4, .topPanel .table5{
        width: 31% !important;
    }
}
@media (min-width: 480px) and (max-width: 639px){
    .topPanel .table3, .topPanel .table5{
        clear: left;
    }
    .topPanel .table1, .topPanel .table2, .topPanel .table3, .topPanel .table4, .topPanel .table5{
        width: 47% !important;
    }
}
@media (max-width: 479px){
    .topPanel .table1, .topPanel .table2, .topPanel .table3, .topPanel .table4, .topPanel .table5{
        clear: left;
        float: none;
        width: 97% !important;
    }
}
@media (max-width: 1023px){
    .TDcontainer .alert{
        float: left;
        width: 100%;
    }
}
.TDcontainer .alert{
    clear: left;
}
.topPanel .shortcut{
    width: 36px;
    height: 18px;
    position: absolute;
    background-color: #f5f5f5;
    border: solid 1px #ccc;
    border-width: 0 1px 1px 1px;
    border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -o-border-radius: 0 0 6px 6px;
    -web-border-radius: 0 0 6px 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    -web-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    left: 50%;
    bottom: -17px;
    text-align: center;
    cursor: pointer;
    min-width:0 ;
    margin: -1px 0 0 -19px;
    padding: 0;
}
.topPanel .shortcut:hover, .topPanel .shortcut:active{
    background-color: #e6e6e6;
}
.topPanel .shortcut>i{
    margin-top:-1px;
}
.RPBlock{
    background-color: #ffffff;
    padding: 10px;
    border-bottom: solid 1px #eee;
    cursor: pointer;
}
.RPBlock:hover, .RPBlock:active, .RPBlock.active{
    background-color: #f5f5f5;
}
.RPBlock>div{
    text-overflow: ellipsis;
    white-space: normal;
    width:100%;
    overflow:hidden;
    padding-left: 35px;
    text-indent: -15px;
    position: relative;
}
.RPBlock>img{
    width: 20px;
    height: 20px;
    position: absolute;
    top: 13px;
    left: 5px;
}
.fareInfoOpen, .fareInfoOpen:hover{
    position: absolute;
    right: 8px;
    top: 8px;
    font-size: 18px;
    cursor: pointer;
    z-index: 2;
    width: 30px;
    height: 30px;
    line-height: 20px;
    color: #000;
    text-decoration: none;
}
.dashboard-icon-info{
    display: block;
    position: absolute;
    right: 8px;
    top: 10px;
    width: 20px;
    height: 20px;
    font-weight: bold;
    font-size: 18px;
    border: solid 1px #666;
    color: #666;
    padding-left: 6px;
    line-height: 20px;
    font-family: Times;
    cursor: pointer;
    z-index: 2;
    border-radius: 2px;
    background-color: #fff;
}
.dashboard-icon-info{
    display: inline-block;
    position: relative;
    top: 0;
    left: 3px;
    height: 22px;
    width: 22px;
    padding-left: 8px;
}
.leaflet-control-zoom a{
    color: #000 !important;
}
.leaflet-map-pane img {
  max-width: none;
  max-height: none;
}
.RPBlock>div.FareInfo{
    padding-left: 0;
}
.FareInfo>div>div>div{
    padding-left: 12px;
    text-indent: -5px;
}
.FareInfo>div{
    margin-top: 50px;
    font-size: 12px;
}
.fareInfoClose, .fareInfoClose:hover{
    position: relative;
    float: right;
    top: -40px;
    text-indent: initial;
    font-size: 18px;
    cursor: pointer;
    z-index: 2;
    width: 30px;
    height: 30px;
    line-height: 20px;
    color: #000;
    text-decoration: none;
}
.FareInfo div>span{
    display: inline-block;
    min-width: 125px;
}
.nav li.LPMenu, .nav li.RPMenu, .nav li.OMenu{
    display: none;
}
#collapseLeftW, #collapseRightW, #collapseTopW{
    display: none;
}
.panelNav{
    position:absolute;
    top: 0;
    left: 0;
    background-color: #f9f9f9;
    width: 100%;
    border-bottom: solid 1px #eee;
}
@media (min-width: 1650px){/* -- HD --*/
    #panel_group .panel .panel-heading{
        display: none;
    }
    #collapseRight, #collapseLeft, #collapseTop{
        display: block;
    }
    #panel_group .panel{
        margin: 0;
        border-width: 0;
    }
    .leaflet-control-container{
        top: 48px;
    }
    .leaflet-control-container.upped{
        top: 0 !important;
    }
}
@media (min-width: 1024px) and (max-width: 1649px){/* -- desktop --*/
    #panel_group .panel .panel-heading{
        display: none;
    }
    #collapseRight, #collapseLeft, #collapseTop{
        display: block;
    }
    #panel_group .panel{
        margin: 0;
        border-width: 0;
    }
    #LPanelHideBtn, #RPanelHideBtn{
        top: 0px ! important;
    }
    .panel-body{
        height: 100% !important;
        top: 0px ! important;
    }
    #LostAndFound>form>div{
        width: auto !important;
    }
}
@media (max-width: 1023px){/* -- mobile --*/
    #panel_group .panel .panel-heading{
        position: relative;
        z-index:100;
    }
    #LPanelHideBtn, #RPanelHideBtn{
        display: none !important;
    }
    #panel_group{
        background-color: #fff;
        position: relative;
        z-index: 100;
        overflow-y: hidden;
    }
    #panel_group>.panel{
        margin: 2px;
    }
    #panel_group .panel-heading{
        padding: 2px;
    }
    #panel_group .panel-heading h4 a{
        padding: 8px 13px;
        display: block;
    }
    #panel_group .panel-heading h4 a:hover,
    #panel_group .panel-heading h4 a:focus,
    #panel_group .panel-heading h4 a:active{
        text-decoration: none;
    }
    #leftPanel, #rightPanel{
        width: 100%;
        height: auto;
        position: relative;
        padding-top: 0 !important;
        max-height: 400px !important;
        height: auto !important;
        top: 0 !important;
    }
    #DriversList{
        width: 100%;
        height: auto;
        position: relative;
        padding-top: 2px !important;
        height: auto !important;
        padding-bottom: 2px;
    }
    #DriversList, #fareContainer{
        max-height: 300px;
    }
    #LostAndFound{
        margin-top: 0;
    }
    #rightPanel>.panelNav, #leftPanel>.panelNav{
        position: relative;
        margin: 3px 1px;
        padding-top: 2px;
    }
    .panel-collapse.in, .panel-collapse.collapsing{
        padding: 0;
    }
    #loader, #loaderR{
        top: 0 !important;
        width: 100%;
        position: absolute;
    }
    #loader>img, #loaderR>img{
        left: 44%;
        top: 44%;
    }
    .shortcut{
        display: none;
    }
    #panel_group .topPanel{
        display: block;
        position: relative;
        width: 100%;
        left: 0;
        top: 0;
        margin: 3px 0;
    }
    .topPanel{
        margin: 2px;
        top: 0 !important;
    }
    .topPanel>.TDcontainer{
        margin-left: 0;
        width: 100% !important;
        max-height: 400px;
        border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        -web-border-radius: 0;
    }
    .topPanel>.TDcontainer>div{
        border-bottom: solid 1px #ccc;
    }
    .historyClick, .historyClose, #LAFCloseBtn{
        left: auto !important;
        right: 5px;
    }
    #panel_group .v-control-space{
        float: none;
        margin-bottom: 0;
    }
}
@media (min-width: 992px) and (max-width: 1650px){/*--- datetimepicker appearance at side panel fix ---*/
    #leftPanel .bootstrap-datetimepicker-widget.dropdown-menu.bottom, #leftPanel .bootstrap-datetimepicker-widget.dropdown-menu.bottom{
        margin-top: -90px;
    }
}
@media (min-width: 1651px){/*--- datetimepicker appearance at side panel fix ---*/
    #leftPanel .bootstrap-datetimepicker-widget.dropdown-menu.bottom, #leftPanel .bootstrap-datetimepicker-widget.dropdown-menu.bottom{
        margin-top: -51px;
    }
}
#dashboardModal div.modal-body div.row div{
    overflow: hidden;
    text-overflow: ellipsis;
}

/* --- icons --- */
.img-fleet-small{
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../img/fleet_icon.png);
    background-size: 100% auto;
}
.img-status-small-fare{
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../img/fare_statuses.png);
    background-size: 100% auto;
}

.img-status-small-vehicle {
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(../img/status_icon.png);
    background-size: 100% auto;
}

.img-passenger-stop-type {
    display:inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../img/status_icon.png);
    background-size: 100% auto;
}

li .img-status-small-vehicle, li .img-status-small-fare, li .img-fleet-small, li .img-status-small-vehicle{
    margin-left: -4px;
    position: relative;
    top: 5px;
    display: inline-block;
}
.fs-shift-0{background-position: 0 0;}
.fs-shift-1{background-position: 0 -20px;}
.fs-shift-2{background-position: 0 -40px;}
.fs-shift-3{background-position: 0 -60px;}
.fs-shift-4{background-position: 0 -80px;}
.fs-shift-5{background-position: 0 -100px;}
.fs-shift-6{background-position: 0 -120px;}
.fs-shift-7{background-position: 0 -140px;}
.fs-shift-8{background-position: 0 -160px;}
.fs-shift-9{background-position: 0 -180px;}
.fs-shift-10{background-position: 0 -200px;}
.fs-shift-11{background-position: 0 -220px;}
.fs-shift-12{background-position: 0 -240px;}
.fs-shift-13{background-position: 0 -260px;}
.fs-shift-14{background-position: 0 -280px;}
.fs-shift-15{background-position: 0 -300px;}
.fs-shift-16{background-position: 0 -320px;}
.fs-shift-17{background-position: 0 -340px;}
.fs-shift-18{background-position: 0 -360px;}
.fs-shift-19{background-position: 0 -380px;}

.ss-shift-01{background-position: 0 -20px;}
.ss-shift-02{background-position: 0 -40px;}
.ss-shift-03{background-position: 0 -60px;}
.ss-shift-04{background-position: 0 -80px;}
.ss-shift-05{background-position: 0 -100px;}
.ss-shift-06{background-position: 0 -120px;}
.ss-shift-07{background-position: 0 -140px;}
.ss-shift-08{background-position: 0 -160px;}
.ss-shift-09{background-position: 0 -180px;}
.ss-shift-10{background-position: 0 -200px;}
.ss-shift-11{background-position: 0 -220px;}
.ss-shift-12{background-position: 0 -240px;}

.ss-shift-13{background-position: 0 -260px;}
.ss-shift-14{background-position: 0 -280px;}
.ss-shift-15{background-position: 0 -300px;}
.ss-shift-16{background-position: 0 -320px;}

.ss-shift-020{background-position: 0 -400px;}
.ss-shift-021{background-position: 0 -420px;}
.ss-shift-022{background-position: 0 -440px;}
.ss-shift-023{background-position: 0 -460px;}
.ss-shift-024{background-position: 0 -480px;}
.ss-shift-025{background-position: 0 -500px;}
.ss-shift-026{background-position: 0 -520px;}
.ss-shift-027{background-position: 0 -540px;}
.ss-shift-028{background-position: 0 -560px;}
.ss-shift-029{background-position: 0 -580px;}
.ss-shift-030{background-position: 0 -600px;}

.img-icon{
    display: block;
    width: 60px;
    height: 40px;
    background-image: url(../img/mp_icon_new.png);
}
.img_icon{
    width: 60px;
    height: 40px;
    border-radius: 10px;
    position: relative;
    margin-left: 6px;
    background-color: #800000;
    color: #fff;
    display: block;
}
.img_icon:before{
    position: absolute;
    width: 60px;
    height: 40px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
}
.bmp0{background-position: 0 0;}
.bmp1{background-position: 0 -40px;}
.bmp2{background-position: 0 -80px;}
.bmp3{background-position: 0 -120px;}
.bmp4{background-position: 0 -160px;}
.bmp5{background-position: 0 -200px;}
.bmp6{background-position: -60px 0;}
.bmp7{background-position: -60px -40px;}
.bmp8{background-position: -60px -80px;}
.bmp9{background-position: -60px -120px;}
.bmp10{background-position: -60px -160px;}
.bmp11{background-position: -60px -200px;}
.bmp12{background-position: -120px 0;}
.bmp13{background-position: -120px -40px;}
.bmp14{background-position: -120px -80px;}
.bmp15{background-position: -120px -120px;}
.bmp16{background-position: -120px -160px;}
.bmp17{background-position: -120px -200px;}
.bmp18{background-position: -180px 0;}
.bmp19{background-position: -180px -40px;}
.bmp20{background-position: -180px -80px;}
.bmp21{background-position: -180px -120px;}
.bmp22{background-position: -180px -160px;}
.bmp23{background-position: -180px -200px;}
.bmp24{background-position: -240px 0;}
.bmp25{background-position: -240px -40px;}
.bmp26{background-position: -240px -80px;}
.bmp27{background-position: -240px -120px;}
.bmp28{background-position: -240px -160px;}
.bmp29{background-position: -240px -200px;}
.bmp30{background-position: -300px 0;}
.bmp31{background-position: -300px -40px;}
.bmp32{background-position: -300px -80px;}
.bmp33{background-position: -300px -120px;}
.bmp34{background-position: -300px -160px;}
.bmp35{background-position: -300px -200px;}

.bmp_1:before{content:"1"}
.bmp_2:before{content:"2"}
.bmp_3:before{content:"3"}
.bmp_4:before{content:"4"}
.bmp_5:before{content:"5"}
.bmp_6:before{content:"6"}
.bmp_7:before{content:"7"}
.bmp_8:before{content:"8"}
.bmp_9:before{content:"9"}
.bmp_10:before{content:"10"}
.bmp_11:before{content:"11"}
.bmp_12:before{content:"12"}
.bmp_13:before{content:"13"}
.bmp_14:before{content:"14"}
.bmp_15:before{content:"15"}
.bmp_16:before{content:"16"}
.bmp_17:before{content:"17"}
.bmp_18:before{content:"18"}
.bmp_19:before{content:"19"}
.bmp_20:before{content:"20"}
.bmp_21:before{content:"21"}
.bmp_22:before{content:"22"}
.bmp_23:before{content:"23"}
.bmp_24:before{content:"24"}
.bmp_25:before{content:"25"}
.bmp_26:before{content:"26"}
.bmp_27:before{content:"27"}
.bmp_28:before{content:"28"}
.bmp_29:before{content:"29"}
.bmp_30:before{content:"30"}
.bmp_31:before{content:"31"}
.bmp_32:before{content:"32"}
.bmp_33:before{content:"33"}
.bmp_34:before{content:"34"}
.bmp_35:before{content:"35"}
.bmp_36:before{content:"36"}
.bmp_37:before{content:"37"}
.bmp_38:before{content:"38"}
.bmp_39:before{content:"39"}
.bmp_40:before{content:"40"}
.bmp_41:before{content:"41"}
.bmp_42:before{content:"42"}
.bmp_43:before{content:"43"}
.bmp_44:before{content:"44"}
.bmp_45:before{content:"45"}
.bmp_46:before{content:"46"}
.bmp_47:before{content:"47"}
.bmp_48:before{content:"48"}
.bmp_49:before{content:"49"}
.bmp_50:before{content:"50"}

#dashboardModal .img-icon {display: inline-block}
.none {display: none;}

#DriversListWrapper{height: 100%}
#LostAndFound {padding: 0px;}
#LostAndFound #LAFForm {padding: 15px 0 10px 8px;}
#LostAndFound .result {background-color: #ffffff; height: 715px; padding: 20px 0px;}
#FareLostAndFoundW .result {
    height: 520px;
    overflow-y: scroll;
}
.statusList .img-status-small-vehicle, .statusList .img-status-small-fare, .fareStatusList .img-status-small-fare, .typeList, .fleetList, .driverTypeList {
    margin-left: 2px;
}
#history .historyClick {display: none}

.vehicleIcon{
    position:relative;
    left:-7px;
    top:0px;
    max-height:30px;
    max-width:30px;
}

.vehicleIconText {
    font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    margin-left: -7px;
}

.vtrack-meter{
    font-size: 28px;
}
.container-fluid{
    padding: 0 15px;
}
.container-fluid{
    padding: 0;
    margin-right: 15px;
    margin-left: 15px;
}
.twitter-typeahead{
    width: 100%;
    display: block;
}
.tt-hint{
    padding: 5px 11px;
}
.tt-dropdown-menu{
    width: 100%;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    list-style: none;
    background-color: #FFF;
    border: 1px solid #CCC;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}
.tt-suggestion{
    padding: 0 5px;
}
.tt-suggestion p{
    margin-bottom: 2px;
}
.tt-is-under-cursor{
    background-color: #F5F5F5;
}
.driver-info .media-heading{
    text-decoration: underline;
}
.debit-group label, .debit-group input, .debit-group .text-right, .debit-group td, .fee-payment, .deposit-payment, .fee_repeat_payment, .insurance_repeat_payment, .DEBIT {
    color: #A94442
}
.credit-group label, .credit-group input, .credit-group .text-right, .credit-group td, .credit-payment, .fare-payment, .bonus_repeat_payment, .CREDIT{
    color: #3C763D
}
.black{
    color: #000000 !important;
}
.cashiering-item-info{
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
}
.cashiering-item-info .add-button {
    float: right;
    margin-top: 2px;
}
.cashiering-item-info .icon-plus {
    color: #cccccc;
}
.cashiering-item-info:hover,
.cashiering-item-info-filtered{
    background-color: #428bca;
    color:white;
}
.cashiering-item-info:hover .badge {
    color: #428bca;
    background-color: white;
}
.cashiering-item-info:hover .icon-plus {
    color: white;
}
.text-small{font-size: 0.89em}

/* Responsible segment */
#mainDataGridContainer{
    top: 130px
}

body{
    overflow-x: hidden;
}
.mainBlock{
    position: relative;
    overflow: hidden;
    margin-top: -20px;
}
.LPanel,.RPanel,
.LPanelBtn,.RPanelBtn,.mainBlock{
    transition-property: left,right,top;
    transition-duration: .7s;
    transition-timing-function: ease 0.2s;
}
.TPanel,.TPanelBtn{
    transition-property: top,bottom;
    transition-duration: .7s;
    transition-timing-function: ease 0.2s;
}
.TPanelBtn>span.glyphicon-chevron-up{
    left:1px;
}
.HDCol,.MDCol{
    display: none;
}
.TPBtns{
    width: 20%;
    float: left;
}
/*--- columns and panels ---*/
@media (max-width: 991px){
    .LPanelBtn,.RPanelBtn,.TPanelBtn{
        display: none;
    }
    .panel-heading{
        padding: 0;
    }
    .panel-heading a{
        display: block;
        padding: 10px 15px;
    }
    .panel-heading a:hover, .panel-heading a:focus, .panel-heading a:active{
        text-decoration: none;
    }
    .panel .panel{
        margin: 10px;
    }
}
@media (min-width: 992px) and (max-width: 1369px){
    .mainBlock{
        position: absolute;
        left: 10px;
        right: 10px;
    }
    .TPBtns{
        width: 50%;
    }
    .TPanel{
        position: relative;
        top:0px;
        margin-left: 295px;
        margin-right: 295px;
        height: 90px;
        border-width: 0 1px 1px 1px;
        border-radius: 0 0 10px 10px;
        box-shadow: 0 0 5px 0px #888;
        padding: 5px 10px 10px 10px;
    }
    .TPanel.closedTPanel,.TPanelBtn.closedTPanel{
        top: -90px;
    }
    .mainBlock.closedTPanel{
        top: 75px;
    }
    .mainBlock.closedLPanel{
        left: 10px;
        right: 310px;
    }
    .mainBlock.closedRPanel{
        right: 10px;
        left: 310px;
    }
    .mainBlock.closedRPanel.closedLPanel{
        right: 10px;
        left: 10px;
    }
    .TPanelBtn, .LPanelBtn, .RPanelBtn {
        display: block;
        text-align: center;
        position: relative;
        background-color: #fff;
        margin: -1px auto 0 auto;
    }
    .TPanelBtn{
        width: 40px;
        height: 20px;
        border-width: 0 1px 1px 1px;
        border-radius: 0 0 5px 5px;
        box-shadow: 0 1px 3px 0 #aaa;
        padding-right: 2px;
    }
    .LPanelBtn, .RPanelBtn{
        width: 20px;
        height: 40px;
        padding: 10px 2px 0 2px;
    }
    .LPanelBtn{
        border-width: 1px 1px 1px 0;
        border-radius: 0 5px 5px 0;
        box-shadow: 1px 0 3px 0 #aaa;

    }
    .RPanelBtn{
        border-width: 1px 0 1px 1px;
        border-radius: 5px 0 0 5px;
        box-shadow: -1px 0 3px 0 #aaa;
    }
}
@media (min-width: 1370px){
    .mainBlock.closedLPanel.closedRPanel .HDCol, .mainBlock.closedLPanel.closedRPanel .MDCol{
        display: table-cell;
    }
    .mainBlock.closedRPanel .MDCol, .mainBlock.closedLPanel .MDCol{
        display: table-cell;
    }
    .mainBlock{
        position: absolute;
        left: 310px;
        right: 310px;
    }
    .TPanel{
        position: relative;
        top:0px;
        margin-left: 295px;
        margin-right: 295px;
        height: 45px;
        border-width: 0 1px 1px 1px;
        border-radius: 0 0 10px 10px;
        box-shadow: 0 0 5px 0px #888;
        padding: 5px 10px 10px 10px;
    }
    .TPanel.closedTPanel,.TPanelBtn.closedTPanel{
        top: -45px;
    }
    .mainBlock.closedTPanel{
        top: 75px;
    }
    .mainBlock.closedLPanel{
        left: 10px;
        right: 310px;
    }
    .mainBlock.closedRPanel{
        right: 10px;
        left: 310px;
    }
    .mainBlock.closedRPanel.closedLPanel{
        right: 10px;
        left: 10px;
    }
    .TPanelBtn, .LPanelBtn, .RPanelBtn {
        display: block;
        text-align: center;
        position: relative;
        background-color: #fff;
        margin: -1px auto 0 auto;
    }
    .TPanelBtn{
        width: 40px;
        height: 20px;
        border-width: 0 1px 1px 1px;
        border-radius: 0 0 5px 5px;
        box-shadow: 0 1px 3px 0 #aaa;
        padding-right: 2px;
    }
    .LPanelBtn, .RPanelBtn{
        width: 20px;
        height: 40px;
        padding: 10px 2px 0 2px;
    }
    .LPanelBtn{
        border-width: 1px 1px 1px 0;
        border-radius: 0 5px 5px 0;
        box-shadow: 1px 0 3px 0 #aaa;

    }
    .RPanelBtn{
        border-width: 1px 0 1px 1px;
        border-radius: 5px 0 0 5px;
        box-shadow: -1px 0 3px 0 #aaa;
    }
}

/*--- animation ---*/
@media (min-width: 992px){
    .TPBtns{
        padding-right: 3px;
        padding-left: 3px;
    }
    .panel_group{
        background-color: transparent;
    }
    .panel_group .panel-heading{
        display: none;
    }
    #collapseRight, #collapseLeft, #collapseTop{
        display: block;
    }
    .panel_group .panel{
        margin: 0;
        padding: 0;
        border-width: 0 !important;
        box-shadow: none !important;
    }
    #collapseTopWr{
        position: relative;
        top: -20px;
        padding-bottom: 5px;
    }
    .LPanel,.RPanel{
        position: absolute;
        width: 300px;
        top: 15px;
        bottom: 0;
        overflow-x: hidden;
        overflow-y: auto;
        background-color: #fff;
        padding: 50px 10px 5px 10px;
        border-color: #e0e0e0;
        border-style: solid;
    }
    .LPanel{
        left: 0;
        border-width: 1px 1px 1px 0;
        border-radius: 0 10px 10px 0;
        box-shadow: 0 0 5px 0px #888;
    }
    .RPanel{
        right: 0;
        border-width: 1px 0 1px 1px;
        border-radius: 10px 0 0 10px;
        box-shadow: 0 0 5px 0px #888;
    }
    .LPanel.closedLPanel{
        left: -305px;
    }
    .RPanel.closedRPanel{
        right: -305px;
    }
    .LPanel>div,.RPanel>div{
        background-color: #fff;
    }
    .centeredHeaders th{
        text-align: center;
    }
    .LPanelBtn,.RPanelBtn{
        position: absolute;
        top: 450px;
        /* width: 34px; */
    }
    .LPanelBtn{
        left: 301px;
    }
    .RPanelBtn{
        right: 301px;
    }
    .LPanelBtn.closedLPanel{
        left: 10px;
    }
    .RPanelBtn.closedRPanel{
        right: 10px;
    }
}
.time-cashiering-wrapper {
    float:left;
    width:auto;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 200px;
}
.add-new-time {
    display: inline;
}
.btn-add-new-time {
    clear:both;
    float: none;
    display: block !important;
}
.hidden-element {
    visibility: hidden;
}
#recurrency-payment-wrapper {
    max-height: 320px;
    width:280px;
    position: absolute;
    bottom:10px;
    text-align: center;
}
#recurrency-payment-filter{
    padding: 5px 10px;
}
#recurrency-payment-filter span{
    cursor: pointer;
}
#recurrency-payment-list-wrapper {
    overflow-y: auto;
    max-height: 250px;
    text-align: left;
}
.weekly-label {
    width:100px;
}
.left-side-rounded-border{
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}
#SearchField span.twitter-typeahead{
    height: 32px;
    display: block !important;
}
.cashiering-fee-changed .cashiering-fee {
    font-weight: bold;
}
div.col-md-8 span.error {
    padding: 0;
}
.customer-number-div span {
    max-width: 130px;
    float: left;
    margin-left: 80px;
}

.hline-bottom {
    padding-bottom: 2px;
    border-bottom: 1px dashed grey;
}
#vehicles-wrapper .vehicle-tracking {
    width: 140px;
    height: 90px;
    float: left;
    position: relative;
    border:1px solid white;
}
#vehicles-wrapper .top-left-corner {
    position: absolute;
    top: 3px;
    left: 4px;
}
#vehicles-wrapper .top-right-corner {
    position: absolute;
    top: 3px;
    right: 4px;
}
#vehicles-wrapper .bottom-left-corner {
    position: absolute;
    bottom: 3px;
    left: 4px;
}
#vehicles-wrapper .bottom-right-corner {
    position: absolute;
    bottom: 3px;
    right: 4px;
}
#vehicles-wrapper .vehicle-number {
    position: absolute;
    top:50%;
    right:4px;
    color: #36c837;
    font-weight: bold;
    font-size:15px;
    margin-top: -12px;
}

#vehicles-wrapper .vehicle-on-lease {
    background-color: #CEF9D5;
}

#vehicles-wrapper .vehicle-free {
    background-color: #9B9BFF;
}

#vehicles-wrapper .vehicle-on-maintenance {
    background-color: #F96768;
}
#vehicles-wrapper .vehicle-on-maintenance * {
   color: white;
}

#vehicles-wrapper .vehicle-overdue {
    background-color: #FF7F00;
}

#vehicles-wrapper .vehicle-free div {
    color: white !important;
}

#vehicles-wrapper .vehicle-img {
    position: absolute;
    top:26px;
}
#vehicles-wrapper .bottom-left-corner {
    line-height:14px;
}
#vehicles-wrapper .vehicle-tracking .phone{
    color: #9ba09c;
}

.top-left-corner,
.top-right-corner,
.bottom-left-corner,
.bottom-right-corner {
    font-size: 13px;
}

.vehicle-on-lease .top-left-corner,
.vehicle-on-lease .top-right-corner,
.vehicle-on-lease .bottom-left-corner,
.vehicle-on-lease .bottom-right-corner {

}

#leasing-tracking-search #search-lease-template-id {
    position: relative;
    right: 20px;
}

.vehicle-tracking:hover {
    cursor: pointer;
}

.vehicle-on-lease .bottom-left-corner .driver-info {
    display: none;
}

.vehicle-on-lease:hover .bottom-left-corner .driver-number {
    display: none !important;
}

.vehicle-on-lease:hover .bottom-left-corner .driver-info {
    display: block !important;
}

.range-select {
    width: 16%;
}

.label-float-left {
    float: left !important;
}

.fc-event-container {
    width: 99%;
}
#cashiering-fare-fee-panel {
    border: 1px solid #dddddd;
    border-radius: 4px;
    border-top: none;
    margin-top: -15px;
    padding: 5px 20px 30px 20px;
    position: relative;
    top: -1px;
}

.nav-rounded-left-corner{
    margin-left: 2px;
}

.nav-rounded-right-corner{
    margin-right: 2px;
}

#cashiering-fare-fee-panel.columns{
    padding: 0 20px;
}

.first_column{
    border-right: 1px solid #dddddd;
}

.second_column{
    border-left: 1px solid #dddddd;
    position: relative;
    left: -1px;
}

#fee-types{
    margin-top: 15px;
}

#fee-types tr span {
    padding: 0 25px 0 0;
}

#fee-types th {
    padding-left: 45px;
}

.fee-assign-filter {
    max-width: 200px;
    float: left;
}

.call-taker-panel *, .call-taker-panel-small *{
    position: relative;
}
.call-taker-panel>.background, .call-taker-panel-small>.background{
    position: absolute;
    left: 0;
    right: 0;
    top: 41px;
    bottom: 0;
    background-color: #ffffff;
    opacity: 0.7;
    z-index: -1;
}
.z-hidden{
    z-index: -1;
}
.panel textarea{
    resize: none;
}
.relative{
    position: relative;
}
.call-taker .panel-heading{
    font-weight: bold;
}

/* --- map section ---*/

.CTcontainer{
    position: relative;
    width: 100%;
    margin-top: -30px;
    padding-top: 20px;
}
.CTmapContainer{
    position: absolute;
    border-left: solid 1px #aaa;
}
.CTmapContainer .leaflet-control-container {
    top: 60px;
}

/* --- custom view --- */
.input-group{
    margin-bottom: 15px;
}
.call-taker .input-group.float-left{
    float: left;
}
.call-taker .input-group .row{
    margin: 0;
}
.assign-group #assign-input{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.panel-complex {
    float: left;
    padding: 0 5px;
}
.panel-complex .panel-wrapper {
    margin-left: -5px;
    margin-right: -5px;
}
#clear-key{
    margin-left: 20px;
    float: left;
}
#dispatch-key{
    margin-right: 20px;
    float: right;
}
#panel-permanent-remarks{
    padding: 15px;
}
#panel-routes .panel-body, #panel-passenger-list .panel-body{
    padding: 0;
}
.row .without-indent{
    margin: 0;
}

.without-margin {
    margin: 0;
}

.without-padding {
    padding: 0;
}

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

.pl-5{
    padding-left: 5px;
}

.phone-checkbox-width{
    width: 12.666667%;
}

#mobile-voip-label {
    top: 17px;
}

#panel-routes .panel-heading.inside-heading, #panel-caller-info .panel-heading.inside-heading{
    background-color: #f5f5f5;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    border-radius: 0;
    margin: 0 -15px 15px -15px;
}
#panel-caller-info .panel-heading.inside-heading{
    margin-top: 0;
}
.call-taker .block-switcher{
    text-align: right;
    padding: 0 10px 10px 0;
}
.call-taker .border-right{
    border-right: 1px solid #dddddd;
}
.call-taker .border-left{
    border-left: 1px solid #dddddd;
}
.call-taker .border-top{
    border-top: 1px solid #dddddd;
}

.call-taker .scroll-control {
   overflow-y: auto;
   max-height: 350px;
}

.call-taker .inner-column{
    padding: 15px;
    padding-bottom: 15px;
}
.call-taker .second-column{
    padding-left: 0;
}
.call-taker .third-column{
    padding-left: 0;
}
.icon-inline-corrector{
    padding-top: 4px;
    padding-left: 15px;
    float: left;
    font-size: 25px;
    white-space: nowrap;
}
.margin-bottom-5{
    margin-bottom: 5px;
}
.margin-bottom-15{
    margin-bottom: 15px;
}
.label-inline-corrector{
    padding-left: 15px;
    float: left;
}
.label-inline-corrector+*{
    margin-left: -1px;
}
.icon-pick-up-marker,.icon-drop-off-marker, .icon-vias-marker{
    width: 30px;
    height: 30px;
    float: left;
    background-size: 30px;
    background-position: 50% -90px;
    margin-top: 2px;
    background-image: url("../img/status_icon.png");
}
.icon-drop-off-marker{
    background-position: 50% -150px;
}
.icon-vias-marker{
    background-position: 50% -240px;
}
.custom-padded-1>.checkbox{
    margin-left: 15px;
}
.icon-post-corrector .glyphicon{
    padding-top: 4px;
    font-size: 22px;
    line-height: 6px;
    float: right;
    white-space: nowrap;
    margin-right: 2px;
}
.pick-up .sr-only{
    float: left;
}
.prompt-wrapper{
    margin-top: 4px;
}
.prompt-label{
    margin-bottom: 1px;
}
.margin-left-vias{
    margin-left: -24px;
}
#populate-addresses{
    font-size: 12px;
    font-color: #1C1C1C;
    margin-left: 15px;
    margin-right: 15px;
}
#populate-addresses .address-item {
    margin-left: -12px;
    margin-right: 0;
}
#recentAddressesModal{
    font-size: 12px;
    color: #1C1C1C;
}
#populate-addresses a{
    font-size: 14px;
}
#populate-addresses .icon-inline-corrector{
    font-size: 12px;
}
#recentAddressesModal .icon-inline-corrector{
    font-size: 14px;
}
#populate-addresses .ellipsis, #recentAddressesModal .ellipsis{
    padding-right: 0;
}
.addresses-colummn, .recent-address-icon{
    padding-left: 5px;
    padding-right: 15px;
}
.modal-action-icon{
    cursor:pointer;
    padding-left: 0;
    color: #BEBEBE;
}
.modal-header .row{
    font-size: 18px;
    font-weight: bold;
    margin-left: 0;
}
.alias-name-wrapper{
    padding-left: 20px;
    padding-right: 2px;
}

/* --- resize section ---*/

@media (max-width: 800px){
    .call-taker .CTmapContainer{
        position: relative;
        width: 100%;
        height: 400px;
    }
    .call-taker .panel-complex{
        width: 100%;
    }
    .call-taker .panel-wrapper{
        text-align: center;
    }
    .call-taker .panel-wrapper *{
        text-align: left;
    }
    .call-taker .margin-right{
        margin-right: 0;
    }
    .call-taker .fixedVersionCallTaker{
        right: 10px;
    }
}

@media (max-width: 991px){
    .icon-inline-corrector,.icon-pick-up-marker,.icon-drop-off-marker, .icon-vias-marker{
        margin-bottom: 5px;
    }
    .input-group{
        width: 100%;
    }
    .icon-post-corrector .glyphicon{
        float: left;
        margin-left: 8px;
    }
    .form-group .padded-bottom{
        margin-bottom: 15px;
    }
}

@media (min-width: 992px){
    .icon-pick-up-marker+*{
        padding-right: 5px;
    }
    .icon-pick-up-marker+*+*{
        padding-left: 5px;
    }
}

@media (min-width: 800px) and (max-width: 1259px){
    .call-taker .CTmapContainer{
        position: fixed;
        top: 0;
        bottom: 0;
        left: 60%;
        right: 0;
    }
    .call-taker .panel-complex{
        width: 456px;
    }
    .call-taker .margin-right{
        margin-right: 0;
    }
    .call-taker .panel-complex{
        width: 60%;
    }
    .call-taker .call-taker-panel {
        width: 100%;
        max-width: initial;
        display: inline-block;
        position: relative;
        background-color: transparent;
    }
    .call-taker .call-taker-panel-small {
        width: 100%;
        max-width: initial;
        float: left;
        position: relative;
        background-color: transparent;
    }
    .call-taker .margin-right{
        margin-right: 0;
    }
    .call-taker .fixedVersionCallTaker{
        right: 41%;
    }
}

@media (min-width: 992px) and (max-width: 1259px){
    .call-taker .col-md-3, .call-taker .col-md-6, .call-taker .col-md-9 {
        width: 100%;
        float: none;
    }
}

@media (max-width: 1259px){
    .call-taker .panel-wrapper{
        -ms-box-orient: vertical;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        display:-ms-flexbox;
        display:-moz-box;
        display:-webkit-box;
        display:box;
    }
    .call-taker .call-taker-panel{
        display: block;
    }
    .call-taker .order1{
        -ms-flex-order: 1;
        -moz-box-ordinal-group: 1;
        -webkit-box-ordinal-group: 1;
        box-ordinal-group: 1;
    }
    .call-taker .order2{
        -ms-flex-order: 2;
        -moz-box-ordinal-group: 2;
        -webkit-box-ordinal-group: 2;
        box-ordinal-group: 2;
    }
    .call-taker .order3{
        -ms-flex-order: 3;
        -moz-box-ordinal-group: 3;
        -webkit-box-ordinal-group: 3;
        box-ordinal-group: 3;
    }
    .call-taker .order4{
        -ms-flex-order: 4;
        -moz-box-ordinal-group: 4;
        -webkit-box-ordinal-group: 4;
        box-ordinal-group: 4;
    }
    .call-taker .order5{
        -ms-flex-order: 5;
        -moz-box-ordinal-group: 5;
        -webkit-box-ordinal-group: 5;
        box-ordinal-group: 5;
    }
    .call-taker .order6{
        -ms-flex-order: 6;
        -moz-box-ordinal-group: 6;
        -webkit-box-ordinal-group: 6;
        box-ordinal-group: 6;
    }
}

@media (min-width: 1260px) and (max-height: 840px){
    .call-taker .form-group{
        margin-bottom: 3px;
    }
    .call-taker .panel{
        margin-bottom: 10px;
    }
}

@media (min-width: 1260px) and (max-width: 1659px){
    .mobile-information .col-md-8, .mobile-information .col-md-4{
        width: 100%;
        float: none;
    }
    .call-taker .inner-column {
        padding-right: 25px;
    }
}

@media (min-width: 1260px){
    .call-taker .CTmapContainer{
        position: fixed;
        top: 0;
        bottom: 0;
        left: 70%;
        right: 0;
    }
    .call-taker .CTmapContainer.wide{
     /*    left: 60%; */
    }
    .call-taker .panel-complex{
        width: 70%;
    }
    /*
    .call-taker .panel-complex.narrow{
        width: 60%;
    } */

    .call-taker .panel-complex .panel-wrapper {
    }
    .call-taker .call-taker-panel {
        width: calc(100% - 2px);
        max-width: initial;
        display: inline-block;
        position: relative;
        background-color: transparent;
    }
    .call-taker .call-taker-panel-small {
        width: 49%;
        max-width: initial;
        float: left;
        position: relative;
        background-color: transparent;
    }
    #panel-dispatch-btn{
        margin-bottom: 10px;
        padding: 16px 10px 10px 10px;
        top: 3px;
        right: 10px;
        position: absolute;
        background-color: rgba(255, 255, 255, 0.94);
        z-index: 100;
        border-radius: 10px;
        width: 500px;
    }
    .call-taker .margin-right{
        margin-right: 2%;
    }
    .call-taker .panel-wrapper{
        margin-bottom: -30px;
    }
    .call-taker .fixedVersionCallTaker{
        right: 31%;
    }
    .populate-address{
        padding-top: 5px;
    }
    .populate-address-modal{
        padding-top: 5px;
    }

    .form-group.pick-up-additional-route-info .checkbox {
        min-height: auto;
        margin-top: 2px;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 9px;
    }
    .form-group.additional-route-info.display-always {
        display: block !important;
    }
}
@media (min-width: 1660px) {
    .populate-address{
        padding-left: 0;
    }
}

.input-left-label{
    position: absolute;
    top: 1px !important;
    left: 40px !important;
    color: #cccccc;
    z-index: 4;
}

.input-right-label{
    position: absolute;
    top: 9px !important;
    right: 1px !important;
    color: #cccccc;
    z-index: 4;
}
.input-right-label:hover, .vias-button:hover, .vias-button:focus {
    color: #000000;
}

.location-label{
    background-color: #428bca;
    color: #ffffff;
}

.pick-up-label{
    background-color: #5cb85c;
    color: #ffffff;
    /*border: 1px solid #4cae4c;*/
}
.dropoff-label{
    background-color: #d9534f;
    color: #ffffff;
    /*border: 1px solid #d43f3a;*/
}
.vias-label {
    background-color: #f0ad4e;
    color: #ffffff;
}
.placeholder-padding {
    padding-left: 60px !important;
}
.info-input-label{
    background-color: #e5e5e5;
    color: #333333;
    margin-left: 1px;
}
.vias-button{
    color: #ffffff;
    background-color: #5cb85c;
    padding-top: 7px;
    border-radius: 4px;
    margin-right: 5px;
}

.no-border-radius {
    border-radius: 0;
}

.route-item {
    padding-bottom: 2px;
}
.route-item .icon-draggable:hover,
.route-item .icon-draggable:focus {
    cursor: pointer;
}
#route-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#route-list li:first-child .glyphicon.icon-close  {
    margin-right: 42px;
}
.route-item .input-group{
    margin-bottom: 0;
}
.data-margin-zero-helper {
    margin-bottom: 0;
}
#route-list li .input-group {
    margin-bottom: 15px;
}
#calculated-time, #calculated-pickup-eta, #calculated-distance, #calculated-realtime, #calculated-price {
    color: #868686;
}
.route-small-info {
    font-size: 12px;
}
.panel-heading-add{
    position: absolute;
    top: 10px;
    right: 16px;
    color: #cccccc;
    z-index: 3;
}
.idle-status{
    background-color: #eeeeee !important;
    border-color: #cccccc !important;
}
.ringing-status{
    background-color: #f0ad4e !important;
    border-color: #eea236 !important;
}
.in-call-status{
    background-color: #5cb85c !important;
    border-color: #4cae4c !important;
}
.white{
    color: #ffffff;
}
.sms-select{
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    border-radius: 4px;
    width: 30px;
    height: 33px;
    text-align: center;
    padding-top: 5px;
}
.sms-check-corrector{
    top: 3px;
}
.active-address, .modal-active-address {
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.09), 0 0 8px rgba(102, 175, 233, 0.9);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.09), 0 0 8px rgba(102, 175, 233, 0.9);
}
.address-item .populate-address {
    padding-bottom: 2px;
}
.address-item .glyphicon {
    margin-left: -2px !important;
}
#assign-input {
    float: none !important;
}
.restricted-address-modal-dialog{
    width: 350px;
}
.change-logs-modal-dialog{
    width: 790px;
}

.remarks-and-notes {
    width: 48%;
    display: inline;
}

.route-address {
    border-radius: 5px;
}

table#account-statistics {
    width: 100%;
}

.color-gray {
    color: gray;
}

.badge-gray-color {
    background-color: gray;
}

table#account-statistics span.badge {
    margin: 5px 5px 5px 0;
}

#corporate-account {
    width: 100%;
    color: green;
    text-align: center;
    text-decoration: underline;
}

#is-blocked-number {
    width: 100%;
    color: red;
    text-align: center;
    text-decoration: underline;
}

#map-panels {
    position: fixed;
    right: 0;
    bottom: 15px;
    z-index: 1;
}

#map-marker-btn {
    margin-bottom: 10px;
    padding: 16px 10px 10px 10px;
    bottom: 3px;
    right: 6%;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.94);
    z-index: 100;
    border-radius: 10px;
    width: 300px;
}

#fleets-error {
    padding-top: 4px;
    color: red;
    font-weight: bold;
}

.dispatcher-zone-btn {
    height: 30px !important;
    padding: 5px 12px;
    float: left;
}

#dispatch-zone-group-btn {
    margin: 0 10px;
    height: 30px !important;
    float: left;
}

.zone-group-item{
   padding: 0 10px;
   cursor: pointer;
}

.zone-group-item > span{
    margin-left: 5px;
}

.zone-group-item:hover{
    background-color: #f9f9f9;
}

#caller-information-body span.error {
    position: relative;
    top: -13px;
    white-space: nowrap;
}

#show-account-information-panel-switch {
    font-size: 13px;
    position: relative;
    top: 50%;
    transform: translateY(40%);
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-not-allowed {
    cursor: not-allowed;
}

#RestrictedAddressModal, #NoServiceAddressModal {
    position: absolute;
}

.select2-selection.select2-selection--multiple {
    border: 1px solid #cccccc !important;
}

.select2-selection__choice {
    background-color: #f5f5f5 !important;
}

#account-information-panel .twitter-typeahead {
    display: table-cell !important;
}

/* Loading button animation */
.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

#caller-information-body .tt-dropdown-menu, #panel-account-info .tt-dropdown-menu{
    max-height: 150px;
    overflow-y: auto;
}

.building-name-typeahead .tt-dropdown-menu {
    max-height: 200px;
    overflow-y: auto;
}

.call-taker-panel .input-group .form-control:not(:first-child):not(:last-child) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

#modal-existing-order-by-pickup .table-striped > tbody > tr.selected > td,
#modal-existing-order-by-pickup .table-striped > tbody > tr.selected > th {
    background-color: #74b9ef !important;
    color: white;
}

tr#clickable:hover td{
    background-color: rgba(66, 139, 202, 0.38)!important;
}

tr#clickable {
    cursor: pointer;
}

#modal-existing-order-by-pickup{
    padding-top: 2em;
}

#modal-existing-order-by-pickup .pagination {
    float: right;
    margin: 0;
}

#modal-existing-order-by-pickup th {
    border-bottom: none;

}#modal-existing-order-by-pickup .modal-header {
    padding: 10px 15px 0 15px;
    border-bottom: none;
}

#modal-existing-order-by-pickup .modal-content>h4 {
    padding-left: 0.89em;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    padding-top: 10px;
}
#modal-existing-order-by-pickup table {
    margin-bottom: 0;
}

#modal-existing-order-by-pickup .modal-controls {
    margin-top: 10px;
    margin-bottom: 20px;
}

/* suspended drivers list */
.suspend-form {
    margin-top: 10px;
    margin-bottom: 25px;
}

.suspend-form .input-group {
    margin-bottom: 0;
}

.suspend-form .suspend-btn {
    vertical-align: top;
}

.suspend-form .suspend-btn {
    margin-right: 10px;
}

.suspend-form  .input-group-btn {
    vertical-align: top;
}

#reInstateDriverModal .modal-dialog {
    width: 400px;
}

#reInstateDriverModal #reInstateCompanyId {
    padding-left: 5px;
}

.suspend-modal label {
    text-align: right;
}

.suspend-form #searchInput {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

#caller-id-wrapper .twitter-typeahead .tt-dropdown-menu {
    width: 213px;
}

.suspend-modal .icon-arrow {
    font-size: 14px;
    outline: none;
}

.suspend-modal .tt-hint {
    left: 4px !important;
}

.transparent-placeholder::-webkit-input-placeholder {color:transparent;}
.transparent-placeholder::-moz-placeholder          {color:transparent;}/* Firefox 19+ */
.transparent-placeholder:-moz-placeholder           {color:transparent;}/* Firefox 18- */
.transparent-placeholder:-ms-input-placeholder      {color:transparent;}

#cab-no, #call-number{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    float: none !important;
}

.existing-orders-btn .btn {
    margin-bottom: 5px;
}

.popup-info-large{
    font-size: 12pt;
    font-weight: 700;
}

.info-show-spaces {
    white-space: pre;
}
#route-list li span.icon-draggable.ui-sortable-handle span,
#route-list li span.icon-draggable.ui-sortable-handle {
    margin-top: -4px !important;
}

.zone-input {
    padding: 0px !important;
    text-align: center !important;
    background-color: transparent;
    color: white;
    border: none !important;
    width: 26px !important;
    height: 20px;
    margin-left: 8px !important;
}
.zone-input:focus {
    border: none !important;
    box-shadow: none !important;
}
.zone-result-item {
    padding:2px;
    color:black;
}
.leaflet-google-layer {
    z-index: 0 !important;
}

.tooltip_passengers_event {
    width:auto;
    height:auto;
    color:#31708f;
    background:#d9edf7;
    position:absolute;
    z-index:10001;
    padding:5px 5px 5px 5px;
    line-height:200%;
    border-color: #bce8f1;
    border-radius:3px;
    border:1px solid
}

.tooltip_passengers_event::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.badge-offset-time {
    position: absolute;
    right: -4px;
    top: -10px;
    /*right: 3px;*/
   /* top: 0px;*/
    z-index: 10;
    color: #555555;
    background-color: #eeeeee;
    font-weight: normal;
}

.warning-offset-time {
    color: #a94442 !important;
    background-color: #f2dede !important;
    border-color: #ebccd1 !important;
}

.days-off {
    height: 50px;
    z-index: 8;
}

.badge-calendar {
    background-color: #f9f9f9;
    color: #111;
    padding-right: 1px;
    padding-left: 5px;
    padding-top: 1px;
    padding-bottom: 2px;
}

.light-green-color {
    color:lightgreen
}

.call-taker-panel .without-padding {
    padding: 0 !important;
}

#clear-lead-time-btn, #clear-return-lead-time-btn {
    cursor: pointer;
    font-weight: bold;
    visibility: hidden;
    position: absolute;
    margin-left: -15px;
    z-index: 2;
}
.zone-label {
    color: #FF0000;
    opacity: 0.8;
    font-size:12px;
}
.incoming-call-action {
    color: green;
    position: absolute;
    top: 6px;
    right: 95px;
    display: none;
}

#suspension-history_paginate span {
    display: inline;
}

.dataTables_paginate .btn.current {
    color: #ffffff;
    background-color: #428bca;
    border-color: #357ebd;
}
.dataTables_paginate .btn {
    margin-left:2px;
}
.dataTables_paginate {
    margin-bottom: 5px;
}

.passenger-name-col {
  min-width: 200px;
}
.passenger-name-short-col {
  padding-right:0px !important;
  min-width: 100px;
}
.passenger-payment-col {
  padding-right:0px !important;
  min-width: 20px;
}
.passenger-payment-met {
  min-width: 20px;
}
.rr-passenger-name-col {
  min-width: 285px;
}
.rr-passenger-name-short-col {
  padding-right:0px !important;
  min-width: 140px;
}
.rr-passenger-payment-col {
  padding-right:0px !important;
  min-width: 20px;
}
.rr-passenger-payment-met {
  min-width: 20px;
}
.rr-passenger-button {
  padding-right: 2px !important;
  padding-left: 2px !important;
}
.passenger-button {
  padding-right: 2px !important;
  padding-left: 2px !important;
}

.priority-high {
    color:#D2322D;
}
.priority-med-high {
    color:#FF7F00;
}
.priority-medium {
    color:#FFE400;
}
.priority-med-low {
    color:#9ACD32
}
.priority-low {
   color:#eeeeee;
}
.highlight-high {
    color: #800080;
}
.highlight {
    background-color: #800080;
}

.margin-highlight{
    margin-bottom: 15px !important;
}
.without-top-padding {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.input-box {
    max-width: 43px !important;
    max-height: 34px !important;
}

.calltaker-fleet-help {
    background-color: #f5f5f5;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    border-radius: 0;
    margin: 20px -30px 10px -30px;
    font-weight: normal !important;
}
.margin-bottom-zero {
    margin-bottom: 0;
}
.gs-main-content {
    min-width: 350px;
}
.gs-driver-photo {
    max-width: 150px;
    height: auto;
    margin: 0 auto;
    display: block;
}
.gs-last-fares {
    margin-left: 5px;
    font-size: 13px;
}
.gs-additional-wrapper {
   max-height: 250px;
   overflow:auto;
   width:820px;
}
#global-search-type-menu{
    left: 0;
    right: auto;
}
#global-search-type-menu > li > a > span{
    width: 25px;
}
#global-search-icon{
    width: 25px;
    cursor: pointer;
}
#global-search-icon-wrapper {
    background:none;
    border:none;
    font-size:20px;
}
#global-search-input {
    float: none !important;
    background:none;
    border:none;
    width: 200px;
    box-shadow: none;
}
#global-search-input:focus {
    border:none;
    box-shadow: none;
}
#global-search-input::-webkit-input-placeholder {}
.padding-left-right-5{
    padding: 0px 5px;
}
.gs-item {
    padding-bottom: 5px;
    padding-top:5px;
    font-size:13px !important;
}
.gs-vehicle {
    padding-top: 6px;
}
.gs-inactive {
    opacity: 0.5;
}

#open-fare-route-wrapper {
    position: relative;
    float: right;
    padding-top: 182px;
}
#open-fare-route,
#panel-fare-route {
    position: relative;
    float: right;
    margin: 0 10px 10px 0;
    background-color: rgba(255, 255, 255, 0.94);
}
#open-fare-route {
    background-color: white;
    border-radius: 6px;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
}
#open-fare-route .icon-fare-route {
    font-size: 30px;
    color: black;
    margin: 3px 10px 10px 10px;
}
#panel-fare-route {
    width: 300px;
}
#panel-fare-route .panel-heading .icon-close {
    position: relative;
    float: right;
}
#panel-fare-route .icon-inline-corrector{
    padding-left: 0px;
}
#open-orders-history-wrapper {
    position: relative;
    float: right;
    padding-top: 182px;
}
#open-orders-history,
#panel-orders-history {
    position: relative;
    margin-right: 13px;
    background-color: rgba(255, 255, 255, 0.94);
}
#open-orders-history {
    background-color: white;
    border-radius: 6px;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
}
#open-orders-history .icon-history {
    font-size: 26px;
    color: black;
    margin: 8px 10px 9px 10px;
}
#panel-orders-history {
    width: 225px;
    height: 226px;
    max-height: 226px;
    margin-bottom: -10px;
}
#panel-orders-history .panel-heading .icon-close {
    position: relative;
    float: right;
}
#panel-orders-history .panel-body  {
    max-height: 182px;
    background-color: #fff;
}
#orders-history-grid table tbody tr {
    cursor: pointer;
}
#orders-history-grid table tbody tr:hover,
#orders-history-grid table tbody tr.active {
    background-color: rgba(82, 168, 236, 0.8);
}
#orders-history-grid table tbody tr td {
    height: 2.5em !important;
}
#orders-history-grid table tbody tr:first-child td {
    border-top: none;
}
#orders-history-grid table tbody tr td div {
    width: 100% !important;
    position: absolute;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1em !important;
}
#repeat-ride-modal .modal-header {
    border-bottom: none;
    padding: 0 0 15px 0;
    margin-left: 15px;
    margin-top: 15px;
    margin-bottom: -15px;
}

#repeat-ride-modal .modal-header .nav-tabs li a {
    padding: 20px 20px 23px;
    margin-top: -15px;
    z-index: 1;
}

#repeat-ride-modal .modal-header button.close {
    padding: 1px 15px 15px 5px;
}

#recurring-rides-change-logs-table-wrapper {
    width: 100%;
}

#recurring-rides-change-logs-table-wrapper .date-time,
#recurring-rides-change-logs-table-wrapper .field-name,
#recurring-rides-change-logs-table-wrapper .field-value {
    width: 172px;
}

#recurring-rides-change-logs-table-wrapper .title,
#recurring-rides-change-logs-table-wrapper .user-name {
    width: 89px;
}

#recurring-ride-history .scroll-control {
    width: 868px;
    max-height: 717px;
    margin-left: inherit;
}

.scroll-control-rr-logs {
    max-height: 380px;
    overflow: auto;
}
.dispatcher #vehicles-zones-container {
    max-height: 324px;
    overflow-y: auto;
}
.dispatcher .fullScreen {
    max-height: 100% ! important;
    width: 100%;
}

.dispatcher #vehicles-zones-container .zone-block {
    padding:1px;
    width: 57px;
    float:left;
}
.dispatcher #vehicles-zones-container .zone-block.with-fares-list {
    width: 92px;
}
.dispatcher #vehicles-zones-container .zone-block .panel {
    margin-bottom: 1px;
}
.dispatcher #vehicles-zones-container .zone-block .list-group-item {
    padding:0px 1px;
    border: 0px;
}
.dispatcher #vehicles-zones-container .zone-block .panel-heading {
    text-transform: uppercase;
    height: 26px;
    overflow: hidden;
    text-align: center;
    padding:2px 3px;
    white-space:nowrap;
}
.dispatcher #vehicles-zones-container .zone-block .list-group-item span{
    font-size:13px;
    display: block;
}
.dispatcher .zones-height-1 .lists-in-zone {
    height: 20px;
}
.dispatcher .zones-height-2 .lists-in-zone {
    height: 40px;
}
.dispatcher .zones-height-3 .lists-in-zone {
    height: 60px;
}
.dispatcher .zones-height-4 .lists-in-zone {
    height: 80px;
}
.dispatcher .zones-height-5 .lists-in-zone {
    height: 100px;
}
.dispatcher .zones-height-6 .lists-in-zone {
    height: 120px;
}
.dispatcher .zones-height-7 .lists-in-zone {
    height: 140px;
}
.dispatcher .zones-height-8 .lists-in-zone {
    height: 160px;
}
.dispatcher .zones-height-9 .lists-in-zone {
    height: 180px;
}
.dispatcher .lists-in-zone  {
    font-weight: bold;
    overflow: hidden;
}
.dispatcher .lists-in-zone .vehicles-num-list {
    float: left;
    width: 35px;
}
.items-types-list {
    font-weight: normal;
}
.dispatcher .lists-in-zone .fares-num-list {
    float: left;
    width: 53px;
    text-align: right;
    color: #686868;
}
.dispatcher .vehicle-status-0 {
    color: #0C940C;
}
.dispatcher .vehicle-status-2 {
    color: #FF7F00;
}
.dispatcher .vehicle-status-3 {
    color: #2F2FE8;
}
.dispatcher .vehicle-status-21 {
    color: #FF00FF;
}
.dispatcher .vehicle-status-4 {
    color: #800080;
}
.dispatcher .vehicle-status-6 {
    color: #0CD80C;
}
.dispatcher .vehicle-status-7 {
    color: #D2322D;
}
.dispatcher .vehicle-status-8 {
    color: #FFE400;
}
.dispatcher .vehicle-status-9,
.dispatcher .vehicle-status-16 {
    color: #808080;
}
.dispatcher .vehicle-status-20 {
    color: #009688;
}
.dispatcher .vehicle-status-10 {
    color: #00bfff;
}

.dispatcher .available-fare-status-icon {
    cursor: pointer;
}

.dispatcher .active .vehicle-panel-status-0 {
    background-color: #0C940C;
    color: #FFFFFF;
    border-radius: 10px;
    display: inline-block;
}
.dispatcher .active .vehicle-panel-status-2 {
    background-color: #FF7F00;
    color: #FFFFFF;
    border-radius: 10px;
    display: inline-block;
}
.dispatcher .active .vehicle-panel-status-3 {
    background-color: #2F2FE8;
    color: #FFFFFF;
    border-radius: 10px;
    display: inline-block;
}
.dispatcher .active .vehicle-panel-status-21 {
    background-color: #FF00FF;
    color: #FFFFFF;
    border-radius: 10px;
    display: inline-block;
}
.dispatcher .active .vehicle-panel-status-4 {
    background-color: #800080;
    color: #FFFFFF;
    border-radius: 10px;
    display: inline-block;
}
.dispatcher .active .vehicle-panel-status-6 {
    background-color: #0CD80C;
    color: #FFFFFF;
    border-radius: 10px;
    display: inline-block;
}
.dispatcher .active .vehicle-panel-status-7 {
    background-color: #D2322D;
    color: #FFFFFF;
    border-radius: 10px;
    display: inline-block;
}
.dispatcher .active .vehicle-panel-status-8 {
    background-color: #FFE400;
    color: #FFFFFF;
    border-radius: 10px;
    display: inline-block;
}
.dispatcher .active .vehicle-panel-status-9,
.dispatcher .active .vehicle-panel-status-16 {
    background-color: #808080;
    color: #FFFFFF;
    border-radius: 10px;
    display: inline-block;
}
.dispatcher .active .vehicle-panel-status-10 {
    background-color: #00bfff;
    color: #FFFFFF;
    border-radius: 10px;
    display: inline-block;
}

.dispatcher .badge {
    color: #fff;
    outline: none;
}
#dispatcher-order .order-status > span {
    border-radius: 12px;
    padding: 0.3rem 1rem;
    color: #FFFFFF;
}
#dispatcher-order .order-status > span.order-status-99 {
    color: #000000;
}
#dispatcher-order .order-status > span.order-status-101,
#dispatcher-order .order-status > span.order-status-199 {
    color: #800080;
}

#dispatcher-order .active-sorting:after{
    padding: 5px;
    color: #696969;
    font-size: 10px;
}

#dispatcher-order .active-sorting.asc:after{
    font-family: "Glyphicons Halflings";
    content: "\e113";
}
#dispatcher-order .active-sorting.desc:after{
    font-family: "Glyphicons Halflings";
    content: "\e114";
}
#dispatcher-order .sorting-loading:after {
    background: url('../img/load.gif') no-repeat right;
    background-size: 15px 15px;
    content: "";
    margin-left: 5px;
}
.dispatcher .badge.vehicle-status-0,
#dispatcher-order .order-status-0,
#dispatcher-order .order-status-1 {
    background-color: #0C940C;
}
.dispatcher .badge.vehicle-status-2,
#dispatcher-order .order-status-2 {
    background-color: #FF7F00;
}
.dispatcher .badge.vehicle-status-3,
#dispatcher-order .order-status-3 {
    background-color: #2F2FE8;
}
.dispatcher .badge.vehicle-status-21,
#dispatcher-order .order-status-21 {
    background-color: #FF00FF;
}
.dispatcher .badge.vehicle-status-4,
#dispatcher-order .order-status-4 {
    background-color: #800080;
}
.dispatcher .badge.vehicle-status-6,
#dispatcher-order .order-status-6 {
    background-color:#0CD80C;
}
.dispatcher .badge.vehicle-status-7,
#dispatcher-order .order-status-7 {
    background-color: #D2322D;
}
.dispatcher .badge.vehicle-status-8,
#dispatcher-order .order-status-8 {
    background-color: #FFE400;
}
.dispatcher .badge.vehicle-status-9,
#dispatcher-order .order-status-9 {
    background-color: #808080;
}
.dispatcher .badge.vehicle-status-10,
#dispatcher-order .order-status-10 {
    background-color: #00bfff;
}
.dispatcher .badge.vehicle-status-20,
#dispatcher-order .order-status-20 {
    background-color: #009688;
}
#dispatcher-order .pickup-time-green {
    background-color: green;
    color: #ffffff;
}

#dispatcher-order .pickup-time-yellow {
    background-color: #FFE400;
    color: #ffffff;
}

#dispatcher-order .pickup-time-orange {
    background-color: orange;
    color: #ffffff;
}

#dispatcher-order .pickup-time-red {
    background-color: red;
    color: #ffffff;
}

#dispatcher-order .pickup-time {
    border-radius: 15px;
    padding: 5px 10px;
}

.order-priority-high {
    background-color:#D2322D;
    color: #ffffff;
}

.order-priority-med-high {
    background-color:#FF7F00;
    color: #ffffff;
}

.order-priority-medium {
    background-color:#FFE400;
    color: #ffffff;
}

.order-priority-med-low {
    background-color:#9ACD32;
    color: #ffffff;
}

.order-priority-low {
    background-color:#eeeeee;
    color: black;
}

.order-highlight {
    background-color: #bdabe8 !important;
}

.order-paused-auto-dispatch {
    background-color: antiquewhite !important;
}

#dispatcher-order .selected a {
    color: black;
}

.dispatcher #vehicles-zones-container::-webkit-scrollbar {
    width: 8px;
}
.dispatcher #vehicles-zones-container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.dispatcher #vehicles-zones-container::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(240, 245, 255, 0.8);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
.dispatcher #vehicles-statistic-statuses table {
    margin: 0 15px;
    width: 100%;
    font-size: 12px;
}
.dispatcher #vehicles-statistic-statuses span {
    margin-left: 2px;
    min-width: 35px;
}
.dispatcher #additional-widgets-panel{
    margin-top: 20px;
}
.fullBody{
    height: 100%;
    width: 100%;
}
.dispatcher .map{
    width: 100%;
    height: 100%;
}
.dispatcher .mainBlock.fullMap{
    top: 52px;
}
.dispatcher .mainBlock.fullMap,.dispatcher .fullMap{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
    width: 100%;
}
.dispatcher .panel_pseudo_heading{
    text-transform: uppercase;
    text-align: center;
}
.dashboard-vehicle-hover{
    position: absolute;
    z-index: 999;
    border: 1px solid #1cbe00 !important;
    box-shadow: 0px 0px 11px 1px #BDBDBD;
    padding: 0px;
}
.dashboard-driver-name.cut-name {
    width: 80px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    z-index: 1018;
}
.dashboard-driver-name {
    font-color: #282828;
    display: block;
    position: relative;
}
.dashboard-driver-name:hover{
    background-color: #f9f9f9;
    width: auto;
    padding-right: 5px;
}
.vehicle-emergency.dashboard-vehicle-hover *{
    background-color: #ff0000;
}
.dispatcher .mainBlock.full-screen{
    height: 900px;
    border-bottom: 1px solid #e0e0e0;
}
.dispatcher .mainBlock.full-screen .vehicle-content{
    height: 853px;
}
.dispatcher .vehicle-content{
    height: 355px;
}
.full-screen .vehicle-content{}
#selIDClear, #selIDOnRoute, #selIDOnSite, #selIDPOB, #selIDSoonToClear, #selIDAlert, #selIDMultiple {
    position: relative;
}
.mainBlock.full-screen #selIDClear,
.mainBlock.full-screen #selIDOnRoute,
.mainBlock.full-screen #selIDOnSite,
.mainBlock.full-screen #selIDPOB,
.mainBlock.full-screen #selIDSoonToClear,
.mainBlock.full-screen #selIDMultiple {
}
#will-call-orders .tooltip-inner,
#existing-repeat-rides .tooltip-inner,
#existing-live-fare .tooltip-inner {
    max-width: 99%;
    white-space: nowrap;
}
#will-call-orders-grid table tbody tr,
#existing-repeat-rides table tbody tr,
#existing-orders-grid table tbody tr {
    cursor: pointer;
}
#will-call-orders-grid table tbody tr.active,
#existing-repeat-rides-grid table tbody tr.active,
#existing-orders-grid table tbody tr.active {
    background-color: rgba(82, 168, 236, 0.8);
}
/*
#will-call-orders-grid table tbody tr td,
#existing-repeat-rides-grid table tbody tr td,
#existing-orders-grid table tbody tr td {
    height: 2.5em !important;
} */
#will-call-orders-grid table tbody tr td div,
#existing-repeat-rides-grid table tbody tr td div,
#existing-orders-grid table tbody tr td div {
    /* width: 100% !important; */
    /* position: absolute; */
   /* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;  */
    /* line-height: 1em !important; */
}
/*
#will-call-orders-grid table tbody tr td:nth-child(1),
#existing-orders-grid table tbody tr td:nth-child(2) {
    width: 20%;
}
#existing-repeat-rides-grid table tbody tr td:nth-child(1) {
    width: 13%;
}
#existing-repeat-rides-grid table tbody tr td:nth-child(2) {
    width: 32%;
}
#existing-orders-grid table tbody tr td:nth-child(3) {
    width: 38%;
}
#will-call-orders-grid table tbody tr td:nth-child(2),
#will-call-orders-grid table tbody tr td:nth-child(3),
#existing-orders-grid table tbody tr td:nth-child(4){
    width: 30%;
}
*/

#existing-orders-grid td,
#historic-orders-grid td {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

#existing-orders-grid.dataTable > thead > tr > th,
#existing-orders-grid.dataTable > tbody > tr > th,
#existing-orders-grid.dataTable > tfoot > tr > th,
#existing-orders-grid.dataTable > thead > tr > td,
#existing-orders-grid.dataTable > tbody > tr > td,
#existing-orders-grid.dataTable > tfoot > tr > td {
    border:none;
}

#existing-orders-grid table.dataTable tbody th,
#existing-orders-grid table.dataTable tbody td,
#historic-orders-grid table.dataTable tbody th,
#historic-orders-grid table.dataTable tbody td {
    padding: 8px !important;
}

#existing-orders-grid, #historic-orders-grid {
    margin-bottom: 10px;
}

#pending-orders-dt_previous, #historic-orders-dt_previous {
    margin-right: 3px;
}

@media (min-width: 992px){
    .dispatcher .RPanelBtn.closedRPanel {
        right: 10px;
    }
    .dispatcher .LPanelBtn.closedLPanel {
        left: 10px;
    }
    .dispatcher .less_992{
        display: none;
    }
    .dispatcher #show-zone-wrapper .checkbox{
        margin: 0px;
        padding-left: 5px;
    }
    .dispatcher .mainBlock{
        left: 0;
        right: 0;
    }
    .dispatcher .leaflet-control-container .leaflet-bar.leaflet-control{
        transition-property: margin-left;
        transition-duration: .7s;
        transition-timing-function: ease 0.2s;
    }
    .dispatcher .mainBlock #vehicles-zones-container{
        transition-property: margin;
        transition-duration: .7s;
        transition-timing-function: ease 0.2s;
    }
    .dispatcher .leaflet-control-container .leaflet-bar.leaflet-control.closedLPanel{
        margin-left: 57px;
    }
    .dispatcher .LPanel, .dispatcher .RPanel{
        width: 10%;
        height: 375px;
        margin-top: 1px;
    }
    .dispatcher .LPanel {
        width: 90px;
    }
    .dispatcher .LPanelBtn{
        left: 45px;
    }
    .dispatcher .RPanelBtn{
        right: 193px;
        top: 60px;
    }
    .dispatcher .LPanelBtn,.dispatcher .RPanelBtn {
         z-index: 10;
         margin-top: 1px;
    }
    .dispatcher .panel-group .panel-heading{
        display: block;
        background-color: transparent;
        color:#000000;
        text-transform: uppercase;
        padding:0px;
        text-align: center;
    }
    .dispatcher .leaflet-control-container{
        transition: left
    }
    #panel_group{
        position: static;
    }
}
@media (max-width: 991px){
    .dispatcher #map{
        display: none;
    }
    .dispatcher .panel_pseudo_heading{
        display: none;
    }
}
@media (min-width: 1370px){
    .dispatcher .mainBlock{
        position: absolute;
        right: 0;
    }
    .dispatcher .mainBlock.closedRPanel{
        right: 0px;
    }
    .dispatcher #dispatcher-order th, .dispatcher #dispatcher-order td {
        overflow: hidden;
    }
    .dispatcher .order-column-width-sm {
        max-width: 4.3em;
    }
    .dispatcher .order-column-width-md {
        max-width: 9.5em;
    }
    .dispatcher .order-column-width-lg {
        max-width: 16em;
    }

    .dispatcher #dispatcher-btm-container .scroll-x{
        overflow-x: hidden;
    }
}
@media (min-width: 992px){
    .dispatcher #dispatcher-btm-container.fullScreen {
        top:-20px;
    }

    .dispatcher #dispatcher-btm-container {
        top:376px;
    }
    .dispatcher .mainBlock{
        height: 396px;
    }
    .dispatcher .mainBlock.closedRPanel {
        right: 0px;
    }
    .dispatcher .mainBlock.closedRPanel.closedLPanel {
        right: 0;
        left: 0;
    }
    .dispatcher .panel-primary, .dispatcher .panel-info, .dispatcher .panel-heading,.dispatcher  #collapseLeftWr, .dispatcher #collapseRightWr {
        border:none !important;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .dispatcher .mainBlock.closedLPanel #vehicles-zones-container {
        margin-left: 55px;
    }
    .dispatcher .mainBlock.closedRPanel #vehicles-zones-container {
        margin-right: 55px;
    }
}
@media (min-width: 1670px){
    .dispatcher .order-column-width-md {
        max-width: 13.5em;
    }
    .dispatcher .order-column-width-lg {
        max-width: 22em;
    }
}
@media (min-width: 1920px){
    .dispatcher .order-column-width-lg {
        max-width: 38em;
    }
}
.dispatcher #dispatcher-btm-container {
    position: relative;
}
.dispatcher #dispatcher-btm-container .panel{
    margin-bottom: 0px;
}
.dispatcher #dispatcher-btm-container .table {
    margin-bottom: 0px;
}
.dispatcher .mainBlock.closedLPanel #show-zone-wrapper{
    padding-left: 80px;
}
.dispatcher #messages-container, .dispatcher #clear-vehicles-container, .phone-suggestion {
    font-size: 13px;
}
.dispatcher #messages-container .list-group-item,
.dispatcher #clear-vehicles-container .list-group-item {
    border: none;
    padding:2px;
}
.dispatcher #clear-vehicles-container .list-group-item {
    text-align: center;
}
.dispatcher #dispatcher-order tr.selected td {
    outline: 0 none;
    background-color:  rgba(82, 168, 236, 0.8);
    color: white;
}
.dispatcher #dispatcher-order tr:hover {
    cursor: pointer;
}
.dispatcher #cancel-order-messages{
    height: 50px;
    max-height: 50px;
}
.dispatcher .message-hide {
    display: none;
}
.dispatcher .panel-primary>.panel-heading,
.dispatcher .panel-info>.panel-heading {
    color: black;
    background-color: transparent;
    border:none;
    display: block;
    text-align: center;
    text-transform: uppercase;
}

.dispatcher #footer {
    position: absolute;
    bottom: 15px;
    width: 100%;
    z-index: 1000;
    text-align: center;
}

.dispatcher #footer a {
    margin: 2px 2px;
    border-radius: 10px;
    border: 1px solid #b7b7b7;
    padding: 5px 15px;
    text-decoration: none;
    color: #777777;
    background-color: whitesmoke;
}

.dispatcher #footer a:hover:not([disabled]) {
    border: 2px solid #777777;
}

.dispatcher #footer a[disabled] {
    cursor: not-allowed;
}

.dispatcher #footer a[disabled] span {
    opacity: 0.6;
}

.dispatcher #pagination-orders {
    position: relative;
    width: 100%;
    z-index: 0;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #428bca;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  margin-left: -1px;
}
.pagination > li:first-child > a {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #2a6496;
  background-color: #eeeeee;
  border-color: #dddddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #428bca;
  border-color: #428bca;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #ffffff;
  border-color: #dddddd;
  cursor: not-allowed;
}

.dashboard-column{
    width: 20%;
    float: left;
    border-right: 3px solid #e0e0e0;
    height:100vh;
}


.pagination-top-button {
    position: absolute;
    left: -2px;
    top: 7px;
}
.pagination-bottom-button {
    position: absolute;
    right: -2px;
    top: 7px;
}


.pagination-top-button, .pagination-bottom-button{
    text-align: center;
    /*
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    display: block;
    */
    padding: 4px;
}
/*
.paging.pagination-bottom-button {
    position: absolute;
    padding: 5px;
    width:100%;
} */
.pagination-hidden {
    visibility: hidden;
}
.pagination-disabled, .pagination-disabled:hover {
    color: #e0e0e0 !important;
}

.dashboard-vehicle.vehicle-payment-processing,
.dashboard-vehicle.vehicle-payment-processing * {
    /* background-color: #e9e9e9; */
    background-color: #0CA80C;
    color: white;
}

.dashboard-vehicle.vehicle-payment-processing.vehicle-emergency,
.dashboard-vehicle.vehicle-payment-processing.vehicle-emergency * {
    background-color: #ff0000 !important;
}

.dashboard-vehicle{
    border: 1px solid #e0e0e0;
    border-top: 0;
    background-color: #f9f9f9;
}
.dashboard-vehicle .vehicle-number{
    font-weight: bold;
}
.container-vehicle-top-left{
    position: absolute;
    top: 0;
    left: 2px;
}
.container-vehicle-top-right{
    position: absolute;
    top: 0;
    right: 2px;
}
.container-vehicle-bottom-left{
    position: absolute;
    bottom: 0px;
    left: 2px;
}
.container-vehicle-bottom-right{
    position: absolute;
    bottom: 0px;
    right: 2px;
}
.container-vehicle-middle-right{
    text-align: right;
    position: absolute;
    top: 24px;
    right: 2px;
}
.container-vehicle-middle-left{
    position: absolute;
    top: 20px;
    left: 2px;
}

#dashboard-vehicles-filter-panel {
    padding:3px;
    background-color: #eeeeee;
    border-radius: 10px;
    max-width:500px;
    left:10px;
    top: -8px;
    position: absolute;
    z-index: 21;
}

#dashboard-vehicles-filter-panel .input-group {
    float:left;
    margin-right: 5px;
    margin-bottom: 0px;
}

#dashboard-vehicles-filter-panel i.glyphicon {
    font-size:12px;
}

#dashboard-vehicles-filter-panel .input-group-addon {
    padding: 4px;
    min-width: 30px;
}

#dashboard-vehicles-filter-panel .filter-by-vehicle-key {
    width:125px !important;
}
#dashboard-vehicles-filter-panel .filter-by-vehicle-zone {
    width: 85px !important;
}

.dashboard-vehicles-filter-panel-head {
    position: relative;
}

#dashboard-vehicles-filter-panel .filter-by-vehicle-type {
    max-width: 225px;
    float:right;
    height: 29px;
    overflow: hidden;
}

#dispatch-veh-in-zones-search, #dispatch-veh-search {
    font-size:12px;
    height: 28px;
}

.container-vehicle-f {
    float:left;
    width: 45px;
    height:29px;
}
.container-vehicle-f:hover {
    cursor: pointer;
}
.container-vehicle-f.active {
    border-bottom: 3px solid rgba(82, 168, 236, 0.8);
}

.dashboard-vehicle-selected {
    background: #dfdfdf;
}

.row-padding-bottom{
    padding-bottom: 10px;
    margin-bottom: 25px;
}

#vehicles-filter-panel {
    width: 270px;
}

.pb10 {
    padding-bottom: 10px;
}

.dp-message-text {
    width: 280px;
    word-wrap: break-word;
    border-radius: 15px;
    float: left;
    min-height: 50px;
}

.textarea-dispatcher-msg {
    resize: none;
}

.message-out {
    background-color: #5f97c7;
}

.message-forward {
    background-color: #6bada0;
}

.message-forward, .message-out {
    float: right !important;
    color: white;
}

.message-in {
    float: left !important;
    background-color: white;
}

.dispatcher-msg-example {
    border-radius: 15px;
    height: 25px;
    border: 1px solid black;
    text-align: center;
    width: 25px;
    float: left;
    margin-right: 10px;
}

.dp-message-body {
    background-color: #F2F2F2;
    display: block;
    max-height: 300px;
    overflow: auto;
    padding-bottom: 10px;
    min-height: 100px;
}

.dp-message-body {
    width: 560px;
}

#dispatcher-sms-chat tr td{
    border: none;

}
.margin-0 {
    margin: 0;
}

.message-out .time-text {
    color: white;
}

.new-msg-sign {
    background-color: #47D1C3;
    color: #ffffff;
}

.vehicle-content{
    border-top: 1px solid #e0e0e0;
    max-height: 100%;
    overflow-y: hidden;
}
.vehicle-status-label{
    height: 40px;
    padding: 10px;
}

.dashboard-vehicle:nth-child(3n+3){
    border-right: 0;
}
.dashboard-vehicle:nth-child(1n+3){
    border-left: 0;
}
.dashboard-column:nth-child(n+1){
    border-left: 0;
}
.dashboard-vehicle:nth-child(1){
    border-left: 0;
}
.dashboard-corner {
    font-size: 10px;
    color: #999999;
}
.dashboard-corner-yellow {
    color:#FF7F00;
}
.dashboard-corner-red {
    color: #d2322d;
}
.dashboard-corner-green {
    color: #1cbe00;
}
.vehicles-count{
    background-color: #1C1C1C;
    border-radius: 6px;
    margin-left: 8px;
}
.stats-panel{
    padding: 0 15px
}
.stats-panel .row{
    padding: 11px 0px;
}
.trip-stats {
    padding:3px 0px !important;
}
.vehicle-stats{
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
}
.dispatcher #bookings_type, .dispatcher #show-zone-wrapper, .dispatcher #vehicles-statistic-container{
    padding-top: 4px;
    padding-left: 2px;
    padding-right: 2px;
}
.dispatcher #vehicles-statistic-container span {
    padding: 0 2px;
    font-weight: bold;
}
#vehicles-statistic-container div{
    float: left;
    height: 25px;
    padding-right: 5px;
    line-height: 25px;
}
#vehicles-statistic-container div div{
    background-image: url(../img/vehicle_stats.png);
    width: 25px;
    height: 25px;
    margin-right: 5px;
}
.vehicle-stat1{background-position: 0 0}
.vehicle-stat2{background-position: -25px 0;}
.vehicle-stat3{background-position: -50px 0;}
.vehicle-stat4{background-position: -75px 0;}
.drop-off-time, .on-route-zones{
    display: none;
}
.drop-off-time{
    z-index: 1011;
}
#not-show-wrapper {
    height:100%;
    width:100%;
    display:table;
    background-color: #f9f9f9;
}
#not-show-content {
    display:table-cell;
    vertical-align:middle;
}
#not-show-content a {
    display: block;
    text-align: center;
    color:#999999;
}
#not-show-content a:hover {
    background-color: #efefef;
    text-decoration: none;
}
.dispatcher-event-loading {
    background-image: url('../img/spin_24x24_loading.gif');
    height: 24px;
    width: 24px;
    margin: 0 auto;
}
.processing-msg {
    color: #999999;
    text-align: center;
    margin: 10px 0px 0px 0px;
}
.notify-msg {
    text-align: center;
    margin: 0px;
}
.success-msg {
    color: #1cbe00;
}
.error-msg {
    color: #d2322d;
}
.on-site-event {
    background-color: #00ff00;
    /* background-color: #daf8e0; */
}
.on-charge-request {
    background-color: #ffcf40;
}
#not-show-content #wait-time {
    border-radius: 2px;
    position: relative;
    width: 22px;
    height: 17px;
    font-size: 11px;
    padding: 4px;
    margin: 0px 6px 0px;
    top: -1px;
    border: 1px solid #999999;
}
@-webkit-keyframes dispatcher-dashboard-yellow-flash {
  0% {
    background: #f9f9f9;
  }
  100% {
    background: #fff9c1;
  }
}
.dispatcher .yellow-flashing-block {
    -webkit-animation-name: dispatcher-dashboard-yellow-flash;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-delay: .5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
}

.dashboard-fare-number {
    font-size: 10px;
    position: absolute;
    right: 1px;
    top: 16px;
    color: #999999;
}

#global-messages-loader{
    height: 40px;
}
#global-messages-loader>img{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    padding: 17px;
}
#global-messages-grid-container{
    padding-top: 10px;
}
#global-messages-grid .order-column-width-btn {
    width: 180px;
}
#global-messages-grid .order-column-width-sm {
    max-width: 4.5em;
}
#global-messages-grid .order-column-width-md {
    max-width: 9.5em;
}
#global-messages-grid .order-column-width-lg {
    max-width: 16em;
}
.global-queue-pop-up{
    z-index: 1000;
    width: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    padding-bottom: 10px;
    border-radius: 10px;
    background-color: white;
    -webkit-box-shadow: 0px 8px 25px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 8px 25px 0px rgba(0,0,0,0.3);
}
#global-messages-popup-title {
    position: absolute;
}
.message-pop-up, .mail-pop-up, .assign-pop-up, #global-search-container{
    z-index: 1000;
    top: 50px;
    right: -2px;
    position: absolute;
    min-width: 23.3em;
    padding-bottom: 10px;
    border-radius: 10px;
    background-color: white;
    -webkit-box-shadow: 0px 8px 25px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 8px 25px 0px rgba(0,0,0,0.3);
}

.event_message_counter {
    display: block;
    line-height: 0.7em;
    background-color: rgb(210, 47, 47);
    margin-left: 4.5em;
    font-size: 0.8em;
    padding-top: 0.5em;
    font-weight: 100;
    position: absolute !important;
    margin-top: 0.4em;
    z-index: 5;
    pointer-events: none;
}

.message_counter {
    line-height: 0.7em;
    background-color: rgb(210, 47, 47);
    margin-left: -0.5em;
    font-size: 0.7em;
    padding-top: 0.5em;
    font-weight: 100;
    position: absolute !important;
    margin-top: 1.2em;
}

.create-message {
    margin-top: 0.69em;
    margin-right: 0.5em;
    background-color: rgb(255, 255, 255);
    color: rgb(39, 39, 39);
    border-radius: 4em;
    width: 2.5em;
    padding-right: 1.5em;
    padding-left: 0.5em;
    height: 2.5em;
    padding-top: 0.5em;
}

.view-messages {
    margin-top: 0.69em;
    margin-right: 1em;
    background-color: rgb(255, 255, 255);
    color: rgb(39, 39, 39);
    border-radius: 4em;
    width: 2.5em;
    padding-right: 1.5em;
    padding-left: 0.5em;
    height: 2.5em;
    padding-top: 0.5em;
}
.view-messages span, .create-message span {
    font-size: medium;
}

.view-messages a, .create-message a {
    text-decoration: none;
    color: rgb(39, 39, 39);
}

.create-message:hover, .create-message:focus,
.view-messages:hover, .view-messages:focus{
    color: rgb(66, 119, 146) !important;
    outline: none !important;
    outline-offset: 0 !important;
}

.message-pop-up::before, #global-search-container::before, .mail-pop-up::before{
    content: "";
    z-index: 1000;
    position: absolute;
    top: -11px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 11px solid white;
}

.message-pop-up::before{
    left: 329px;
}

#global-search-container::before{
    left: 289px;
}

.mail-pop-up::before {
    left: 1084px;
}


.queue-icon-flash {
    animation: blinker 1.5s cubic-bezier(.5, 0, 1, 1) infinite alternate;
}
.emergency-flash {
    animation: blinker 1.5s cubic-bezier(.5, 0, 1, 1) infinite alternate;
    background-color: #ff8f00 !important;
    /*background-color: #f2930c !important;*/
}
.alert-flash {
    animation: blinker 1.5s cubic-bezier(.5, 0, 1, 1) infinite alternate;
    background-color: #fff600 !important;
    /*background-color: #5cb85c !important;*/
}
.new-mail-flash {
    animation: blinker 1.5s cubic-bezier(.5, 0, 1, 1) infinite alternate;
    background-color: #b3ecec !important;
}
@keyframes blinker {
    from { opacity: 1;  }
    to { opacity: 0.2; }
}

#global-search-container::before {
    left: inherit;
    right: 15px;
}
#global-search-container {
    z-index: 1 !important;
}

@media (max-width: 992px){
    .message-pop-up::before, .mail-pop-up::before, #global-search-container::before {
        left: 285px;
    }
}

.create-message-tab {
    display: inline-block;
    padding: 0.5em 0.01em 0.5em 0.01em;
    width: 5.34em;
    margin-bottom: 0px !important;
}

.display-flex {
    display: inline-flex;
}

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

.clear-margin-bottom {
    margin-bottom: 0px;
}

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

.margin-bottom-0 {
    margin-bottom: 0!important;
}

.vehicle-information-pop-up #not-show-wrapper {
    background-color: white;
    border-radius: 5px;
}

.vehicle-information-pop-up {
    position: absolute;
    top: 587px;
    left: 16px;
    z-index: 1001;
    background-color: white;
    width: 126px;
    height: 112px;
    border-radius: 5px;
    padding: 20px 3px 5px 3px;
    -webkit-box-shadow: 0px 8px 25px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 8px 25px 0px rgba(0,0,0,0.3);
}

.vehicle-information-pop-up::before {
    content: "";
    z-index: 1000;
    position: absolute;
    top: 110px;
    left: 55px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 11px solid white;
}

.vehicle-information-pop-up .vehicle-number {
    font-weight: bold;
}

.vehicle-information-pop-up .vehicle-information {
    position: absolute;
    width: 120px;
    height: 90px;
}

.vehicle-information-pop-up .additional-action {
    height: 90px;
    display: none;
}

.vehicle-information-pop-up .glyphicon-remove-circle {
    margin-top: -19px;
    color: #999999;
    cursor: pointer;
    opacity: .5;
}

.fare-col-static-width {
    min-width: 82px;
}

.order-id-col-static-width, .flat-rate-col-static-width {
    min-width: 97px;
}

.pu-time-col-static-width {
    min-width: 101px;
}

.pu-date-col-static-width, .source-col-static-width {
    min-width: 94px;
}

.status-col-static-width {
    min-width: 80px;
}

.customer-name-col-static-width {
    min-width: 142px;
}

.account-number-col-static-width {
    min-width: 104px
}

.veh-type-col-static-width {
    min-width: 80px;
}

.no-pass-col-static-width {
    min-width: 92px;
}

.req-veh-drv-col-static-width {
    min-width: 120px;
}

.veh-drv-col-static-width {
    min-width: 90px;
}

#dispatcher-order > thead > tr > th {
    padding: 8px 4px 8px 4px;
}

.other-reason-text{
    display: none;
    margin-top: 10px;
}

/* ******************************* */
/* recurring ride search container */
/* ******************************* */
#recurring-ride-search-container,
#recurring-ride-target-container {
    z-index: 1000;
    /*top: 10px; 1px, 400px
    right: -450px;
    left: 315px;*/
    left: 15px;
    position: absolute;
    min-width: 23.3em;
    padding-bottom: 10px;
    border-radius: 10px;
    background-color: white;
    -webkit-box-shadow: 0px 8px 25px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 8px 25px 0px rgba(0,0,0,0.3);
}
#dispatcher-create-message .select2-selection__clear {
    margin-right: 0;
}

.passenger-mobile-number-in {
    border-bottom: 1px solid #eeeeee;
}

.passenger-mobile-number-out {
    border-bottom: 1px solid white;
}

.passenger-mobile-number-in, .passenger-mobile-number-out {
    text-align: center;
}

.pl-25 {
    padding-left: 25px;
}

.pt-5 {
    padding-top: 5px;
}

.color-forward-label {
    color: #555555;
    font-weight: bold;
}

/* ******************************* */
/* joined orders selection table   */
/* ******************************* */
@media (min-width: 768px) {
  .modal-xl {
    width: 1200%;
    max-width:1200px;
  }
}
#join-orders-grid,
#join-orders-grid > tbody > tr > td:nth-child(1),
#join-orders-grid_wrapper > div > div.dataTables_scrollHead > div > table,
#join-orders-grid_wrapper,
#join-orders-grid .dataTables_scrollHeadInner {
    outline: none;
}

.search-icon {
    cursor: pointer;
}

.late-trip, .late-trip tr {
    background: red !important;
    color: white !important;
}

.f-vehicle-eta {
    text-decoration:underline;
}

.fares-list-more {
    position: absolute;
    right: 5px;
    bottom: 0px;
}
.vehicles-list-more {
    position: absolute;
    left: 5px;
    bottom: 0px;
}
.list-group.lists-in-zone .vehicles-num-list li.list-group-item.ui-sortable-handle:hover {
    cursor: pointer;
}
.list-group.lists-in-zone .vehicles-num-list li.list-group-item.ui-sortable-handle:hover span {
    font-size:15px;
}

.cached-data, .cached-data li {
    background-color: #EEEEEE;
}

.request-no-padding {
    padding:0px;
    margin-top:0px !important;
    margin-left:-15px !important;
    margin-right:-15px !important;
}
.request-form {
    margin-bottom: 10px;
}
.request-time-label {
    margin-left:50px;
}
.request-meter-label{
    color: #800080;
}
.request-select {
    background-color: #ffffff;
}
.request-group {
    margin-bottom:0px;
}
.request-label {
    font-weight:normal;
}

.dispatcher-pg-dt-wrapper {
    position: relative;
}
.dispatcher-pg-dt-wrapper #dispatcher-grid_paginate {
    top: -37px;
    right: 6px;
    position: absolute;
}
.dispatcher-pg-dt-wrapper > #dispatcher-grid_info {
    position: absolute;
    right: 125px;
    top: -41px;
    text-align: center;
}
.dispatcher-pg-dt-wrapper #dispatcher-grid_paginate a.btn.btn-primary.btn-sm.previous{
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 4px !important;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 4px !important;
}

.dispatcher-pg-dt-wrapper #dispatcher-grid_paginate .btn.btn-primary.btn-sm.next{
    border-bottom-right-radius: 4px !important;
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: 4px !important;
    border-top-left-radius: 0px !important;
    border-left: none;
}

.dispatcher-pg-dt-wrapper .dt-filtered-info {
    font-size: 12px;
    position: relative;
    top: -8px;
}

.dispatcher-pg-dt-wrapper .dt-buttons {
    float: right !important;
    margin-right: 10px !important;
}
.dispatcher-pg-label {
    font-size: 12px;
}
/* ************************************* */
/* Style for Dispatcher's (Order's) Grid */
/* ************************************* */
.hide_column {
    display : none;
}
.dataTables_wrapper .dt-buttons {
    float:right;
    text-align:right;
    padding: 0 10px 0 10px;
}
.lo-buttons {
    float:left;
    text-align:left;
    padding: 0 10px 0 10px;
}

a.dt-button.btn_default,
button.dt-button, div.dt-button, a.dt-button {
    color: #333333 !important;
    background-color: #ffffff !important;
    border-color: #cccccc !important;
    background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%) !important;
    box-shadow: inset 0px 0px 1px #ffffff  !important;
    /*box-shadow: inset 0px 0px 1px rgba(255,255,255,0.9) !important;*/
}

a.dt-button.btn_default:hover,
a.dt-button.btn_default:focus,
a.dt-button.btn_default:active,
a.dt-button.btn_default.active {
  color: #333333; !important;
  background-color: #e6e6e6; !important;
  border-color: #adadad; !important;
  background-image: linear-gradient(to bottom, #e6e6e6 0%, #e6e6e6 100%) !important;
}

.dt-button-collection {
    top: auto !important;
    bottom: 0;
    margin-bottom: 60px;
    /*width: 20% !important;*/
}

.dt-button-collection a.buttons-columnVisibility {
    border:1px solid black;
    border-radius:3px;
}

.dt-button-collection a.buttons-columnVisibility.active {
    background-image: linear-gradient(to bottom, #e6e6e6 0%, #e6e6e6 100%) !important;
}

#dispatcher-grid th, #dispatcher-grid td {
    word-wrap:break-word;
    overflow:hidden;
    text-overflow: ellipsis;
}

#dispatcher-grid .pickup-time-green {
    background-color: green;
    color: #ffffff;
}

#dispatcher-grid .pickup-time-yellow {
    background-color: #FFE400;
    color: #ffffff;
}

#dispatcher-grid .pickup-time-orange {
    background-color: orange;
    color: #ffffff;
}

#dispatcher-grid .pickup-time-red {
    background-color: red;
    color: #ffffff;
}

#dispatcher-grid .pickup-time {
    border-radius: 15px;
    padding: 5px 15px;
}

#dispatcher-grid .order-status > span {
    border-radius: 12px;
    padding: 0.3rem 1rem;
    color: #FFFFFF;
}
#dispatcher-grid .order-status > span.order-status-99 {
    color: #000000;
}
#dispatcher-grid .order-status > span.order-status-101,
#dispatcher-grid .order-status > span.order-status-199 {
    color: #800080;
}

#dispatcher-grid .order-status-0,
#dispatcher-grid .order-status-1 {
    background-color: #0C940C;
}

#dispatcher-grid .order-status-2 {
    background-color: #FF7F00;
}

#dispatcher-grid .order-status-3 {
    background-color: #2F2FE8;
}

#dispatcher-grid .order-status-21 {
    background-color: #FF00FF;
}

#dispatcher-grid .order-status-4 {
    background-color: #800080;
}

#dispatcher-grid .order-status-6 {
    background-color:#0CD80C;
}

#dispatcher-grid .order-status-7 {
    background-color: #D2322D;
}

#dispatcher-grid .order-status-8 {
    background-color: #FFE400;
}

#dispatcher-grid .order-status-9 {
    background-color: #808080;
}

#dispatcher-grid .order-status-10 {
    background-color: #00bfff;
}

#example1 .order-status-sbr {
    background-color: orange;
    color: #ffffff;
}

#dispatcher-grid .order-status-sbr {
    background-color: orange;
    color: #ffffff;
}

#example1 .selected a {
  color: black;
}

#dispatcher-grid .selected a {
    color: black;
}
#dispatcher-grid tr.selected td {
    background-color: #428bca !important;
    color: white;
}
#dispatcher-grid tr:hover {
    cursor: pointer;
}

div.dataTables_scrollBody {
    background: repeating-linear-gradient(45deg, #ffffff, #ffffff 10px, #fff 10px, #fff 20px) !important;
}

.glyphicon-ring {
    border-radius: 50%;
    display: inline-table;
    background: #428bca; /*#5bc0de; or black;*/
    text-align: center;
    padding-right: 0px !important;
    cursor: pointer;
}

.glyphicon-ring-priority {
    border-radius: 50%;
    display: inline-table;
    background: black;
    text-align: center;
    padding-right: 0px !important;
    cursor: pointer;
    margin-left: -5px !important;
    margin-right: 5px !important;
}

.no-scrolls {
    overflow-y: hidden;
    overflow-x: hidden;
}

#DispatcherSettingsModal,
#dispatcher-settings,
#dispatcher-settings > tbody > tr > td:nth-child(1),
#dispatcher-settings_wrapper > div > div.dataTables_scrollHead > div > table,
#dispatcher-settings_wrapper,
#dispatcher-settings .dataTables_scrollHeadInner {
    outline: none;
}

#dispatcher-settings th:nth-child(2),
#dispatcher-settings td:nth-child(2),
#dispatcher-settings_wrapper > div > div.dataTables_scrollHead > div > table > thead > tr > th:nth-child(2) {
    vertical-align: center;
    text-align: right;
}

#dispatcher-settings_wrapper > div > div.dataTables_scrollHead > div,
#dispatcher-settings_wrapper > div > div.dataTables_scrollHead > div > table,
#dispatcher-settings_wrapper > div > div.dataTables_scrollHead > div > table > thead > tr > th:nth-child(2) {
    width: 100% !important;
    padding-right: 2px;
}

.no-select {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}
.priority-filter-icon{
    font-size:16px;
    padding-top: 5px !important;
}
.priority-icon{
    font-size:25px;
}
.priority-order{
    padding-right: 0px !important;
    margin-left: -10px;
    cursor: pointer;
}
.priority-total{
    padding: 0px 0px 0px 5px;
    padding-right: 0px !important;
    font-weight: bold;
}
#weekly-time {
    margin-top: 25px;
}

#weekly-time .input-right-label {
    top: 4px !important;
    right: -7px !important;
}

.show-btns {
    width: 100%;
    margin-bottom: 10px;
}

.time-input {
    float: left;
    width: 23%;
    padding-right: 10px;
}

.show-btns-group {
    width: 100%;
}

.custom-event-checkbox {
    width: 10%;
    text-align: center;
    float: left;
    padding-right: 5px;
}

.tucked {
    top: 52px;
}

.sideBar {
    width: 330px;
    position: fixed;
    /*z-index:1000;*/
    z-index: 100;
    margin-right: 45px;
    margin-top: 40px;
    height: 100%;
    left: 0px;
}

.mapBar {
    width: 330px;
    position: fixed;
    z-index: 100;
    margin-left: 45px;
    height: 100%;
    right: 0px;
}

#mapBarShow.expands {
    right: 0px;
}

#mapBarShow {
    position: fixed;
    z-index: 1002;
    cursor: pointer;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    margin-top: 40px;
}

#mapBarShow.collapses {
    right: 280px;
}

#RRmap-handle {
    position: absolute;
    height: 70%;
    width: 6px;
    border: 1px solid #dddddd;
    border-radius: 2px;
    background: #f5f5f5;
    z-index: 600;
    cursor: w-resize;
}

.mapBarContent {
    height: 70%;
    margin-top: 25%;
    background-color: white;
    box-shadow: 3px 0 6px 0px #555;
    float: right
}

.RRmapContainer {
    position: relative;
    padding-right: 10px;
    min-width: 330px;
    height: 100%;
}

.untucked {
    top: 0px;
}

#sideBarShow.expands {
    left: 0px;
}

#sideBarShow {
    position: fixed;
    z-index: 102;
    cursor: pointer;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}

#sideBarShow.collapses {
    left: 300px;
}

.sideBarContent {
    height: 100%;
}

/*status style */
.ride-status {
    border-radius: 12px;
    padding: 0.3rem 1rem;
    color: #FFFFFF;
}

.ride-status-0 {
    background-color: #0C940C;
}

.ride-status-1 {
    background-color: #D2322D;
}

.ride-status-2 {
    background-color: #2F2FE8;
}

.ride-status-clone {
    background-color: #00bfff;
}

.ride-status-move {
    background-color: #FF00FF;
}

#recurring-ride-title-label {
    font-weight: normal;
}

#recurring-ride-title-input {
    display: none;
}

#recurring-ride-title-label:hover {
    cursor: pointer;
    /*background: #f2f5ff;*/
    /*background: #f9f9f9;*/
    border-radius: 5px;
    padding-left: 4px;
}

#show-prompts-wrapper {
    display: inline-block;
    float: right;
}
.a-text-left {
    text-align: left !important;
}
.a-text-padding-left-20 {
    padding-left: 20px !important;
}
.a-padding-7 {
    padding: 7px;
}

.driver-enrollment-image {
    max-width: 410px;
    height: auto;
}

#driver-photo-wrapper label {
    text-align: left;
}

#cropper-wrapper {
    max-width: 860px !important;
    overflow: hidden;
}

.driver-enrollment-cropper .main-wrapper img {
    max-width: 900px;
}
.driver-enrollment-cropper .main-wrapper {
    max-width: 860px;
}
.driver-enrollment-cropper .modal-dialog {
    max-width: 860px;
    width: auto !important;
}

.driver-enrollment-confirm .main-wrapper {
    text-align: center;
}
.driver-enrollment-confirm .main-wrapper img {
    max-width: 550px !important;
    max-height: 600px !important;
}
.btn-action {
    font-size: 13px;
    padding: 4px 8px;
}

#invoice-filter-date-range-wrapper {
    margin-right: 10px;
    width: 195px;
    float:left;
}
.btn-icon {
    padding: 16px 27px;
    width: 83px;
    height: 72px;
    margin-left: -1px;
}
.queue-icon {
    padding: 16px;
    background: url('../img/queue-sprite.png') no-repeat;
}
.disabled .queue-icon {
    opacity: 0.5;
}
.queue-icon.icon-1 {
    background-position-y: 0px;
}
.queue-icon.icon-2 {
    background-position-y: -32px;
}
.queue-icon.icon-3 {
    background-position-y: -64px;
}
.queue-icon.icon-4 {
    background-position-y: -96px;
}
.queue-icon.icon-5 {
    background-position-y: -128px;
}
.queue-icon.icon-6 {
    background-position-y: -160px;
}
.queue-icon.icon-7 {
    background-position-y: -192px;
}
.queue-icon.icon-8 {
    background-position-y: -224px;
}
.queue-icon.icon-9 {
    background-position-y: -256px;
}
.queue-icon.icon-10 {
    background-position-y: -288px;
}
.queue-icon.icon-11 {
    background-position-y: -320px;
}
.queue-icon.icon-12 {
    background-position-y: -352px;
}
.queue-icon.icon-13 {
    background-position-y: -384px;
}
.queue-icon.icon-14 {
    background-position-y: -416px;
}
.queue-icon.icon-15 {
    background-position-y: -448px;
}
.queue-icon.icon-16 {
    background-position-y: -480px;
}
.queue-icon.icon-17 {
    background-position-y: -512px;
}
.queue-icon.icon-18 {
    background-position-y: -544px;
}
.queue-icon.icon-19 {
    background-position-y: -576px;
}
.queue-icon.icon-20 {
    background-position-y: -608px;
}
.queue-icon.icon-21 {
    background-position-y: -640px;
}
.queue-icon.icon-22 {
    background-position-y: -672px;
}
.queue-icon.icon-23 {
    background-position-y: -704px;
}
.queue-icon.icon-24 {
    background-position-y: -736px;
}
.queue-icon.icon-25 {
    background-position-y: -768px;
}
.queue-icon.icon-26 {
    background-position-y: -800px;
}
.queue-icon.icon-27 {
    background-position-y: -832px;
}
.queue-icon.icon-28 {
    background-position-y: -860px;
}
.queue-icon.icon-29 {
    background-position-y: -894px;
}
.queue-icon.icon-30 {
    background-position-y: -924px;
}

.msg-que-container {
    width: 1234px !important;
    max-width: 1234px !important;
}

#form-queue-message-reply .modal-footer .row {
    margin: 0;
}

#form-queue-message-reply .row-name {
    font-weight: bold;
    text-align: right;
}

#queue-message-reply-modal .error-message {
    display: block;
    text-align: center;
}

.msg-que-message {
    white-space: pre-line;
}

.width-50-percent{
    width: 50%;
}

.width-55-percent{
    width: 55%;
}

.width-33-percent{
    width: 33%;
}

/*create messages required fields*/
#message-driver-number, #message-vehicle-number,
#text-message, #send-message-text, #classname
{
    border-left: solid 5px #66afe9;
}
#message-driver-number.error, #message-vehicle-number.error,
#text-message.error, #classname.error
{
    border-left: solid 5px #a94442;
}
.msg-required-block {
    max-height: initial /* 34px !important;*/
}
.msg-required-block input[type="text"].form-control {
    border-radius: 4px !important;
    border-left: solid 5px #66afe9;
}

#fleet-msg > span > span.selection > span > ul > li > input {
  width: 100px !important;
}

/*inter office mail */
.search-field {
    border-bottom-right-radius:4px !important;
    border-top-right-radius:4px !important;
}
.margin-top-10{
    margin-top:10px;
}
.margin-left-10{
    margin-left:10px !important;
}
.padding-right-30 {
    padding-right:30px;
}
#mail-users-grid_wrapper {
    min-height:280px;
}
#received-messages-grid_wrapper,
#sent-messages-grid_wrapper {
    min-height:280px;
}

#mail-users-grid,
#mail-users-grid > tbody > tr > td:nth-child(1),
#mail-users-grid_wrapper > div > div.dataTables_scrollHead > div > table,
#mail-users-grid_wrapper,
#mail-users-grid .dataTables_scrollHeadInner,
#received-messages-grid,
#received-messages-grid > tbody > tr > td:nth-child(1),
#received-messages-grid_wrapper > div > div.dataTables_scrollHead > div > table,
#received-messages-grid_wrapper,
#received-messages .dataTables_scrollHeadInner,
#sent-messages-grid,
#sent-messages-grid > tbody > tr > td:nth-child(1),
#sent-messages-grid_wrapper > div > div.dataTables_scrollHead > div > table,
#sent-messages-grid_wrapper,
#sent-messages .dataTables_scrollHeadInner {
    outline: none;
}

#mail-users-grid_paginate,
#received-messages-grid_paginate,
#sent-messages-grid_paginate {
    display: inline-block;
    font-size: 10pt;
}
.bold-message {
    font-weight: bold !important;
}
.important-message {
    padding-left: 10px;
    margin-top: 0px;
}
.mail-glyphicon{
    font-size: 13px;
    color:#f9f9f9;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.del-one-msg {
    top: 4px;
    left: 2px;
}
.del-mul-msg{
    left: -2px;
}
.del-left-4{
    left: 4px;
}

/*global menu bar icons */
#message-queue-bar{
    height: 39px;
    background: white;
    margin-left: 1px;
    margin-right: 1px;
    margin-bottom: 1px;
    border-radius: 0 0 4px 4px ;
    width: -webkit-fill-available;
    text-align: center;
}
.global-queue-message-counter{
    display: block;
    line-height: 0.7em;
    background-color: rgb(210, 47, 47);
    margin-left: 3.5em;
    font-size: 0.7em;
    padding-top: 0.5em;
    font-weight: 100;
    position: absolute !important;
    margin-top: 0.4em;
    z-index: 5;
    pointer-events: none;
}
.global-menu-btn-icon {
    width: 50px;
    height: 39px;
    background-color: transparent !important;
    border-color: transparent !important;
}
.global-menu-queue-icon {
    padding: 12px;
    background: url('../img/queue-sprite.png') no-repeat;
    background-size: 100%;
}
.disabled .global-menu-queue-icon {
    opacity: 0.5;
}
.global-menu-queue-icon.icon-1 {
    background-position-y: 0px;
}
.global-menu-queue-icon.icon-2 {
    background-position-y: -24px;
}
.global-menu-queue-icon.icon-3 {
    background-position-y: -48px;
}
.global-menu-queue-icon.icon-4 {
    background-position-y: -72px;
}
.global-menu-queue-icon.icon-5 {
    background-position-y: -96px;
}
.global-menu-queue-icon.icon-6 {
    background-position-y: -120px;
}
.global-menu-queue-icon.icon-7 {
    background-position-y: -144px;
}
.global-menu-queue-icon.icon-8 {
    background-position-y: -168px;
}
.global-menu-queue-icon.icon-9 {
    background-position-y: -192px;
}
.global-menu-queue-icon.icon-10 {
    background-position-y: -216px;
}
.global-menu-queue-icon.icon-11 {
    background-position-y: -240px;
}
.global-menu-queue-icon.icon-12 {
    background-position-y: -264px;
}
.global-menu-queue-icon.icon-13 {
    background-position-y: -288px;
}
.global-menu-queue-icon.icon-14 {
    background-position-y: -312px;
}
.global-menu-queue-icon.icon-15 {
    background-position-y: -336px;
}
.global-menu-queue-icon.icon-16 {
    background-position-y: -360px;
}
.global-menu-queue-icon.icon-17 {
    background-position-y: -384px;
}
.global-menu-queue-icon.icon-18 {
    background-position-y: -408px;
}
.global-menu-queue-icon.icon-19 {
    background-position-y: -432px;
}
.global-menu-queue-icon.icon-20 {
    background-position-y: -456px;
}
.global-menu-queue-icon.icon-21 {
    background-position-y: -480px;
}
.global-menu-queue-icon.icon-22 {
    background-position-y: -504px;
}
.global-menu-queue-icon.icon-23 {
    background-position-y: -528px;
}
.global-menu-queue-icon.icon-24 {
    background-position-y: -552px;
}
.global-menu-queue-icon.icon-25 {
    background-position-y: -576px;
}
.global-menu-queue-icon.icon-26 {
    background-position-y: -600px;
}
.global-menu-queue-icon.icon-27 {
    background-position-y: -624px;
}
.global-menu-queue-icon.icon-28 {
    background-position-y: -645px;
}
.global-menu-queue-icon.icon-29 {
    background-position-y: -672px;
}
.global-menu-queue-icon.icon-30 {
    background-position-y: -694px;
}

.message-queue-reply{
    border-left: solid 5px #66afe9;
}


.tab-order-grid {
    width: 400px;
    height: 70vh;
    overflow-y: auto;
    border: 1px solid #333333;
    border-radius: 3px;
    padding: 10px;
    margin: 0 50px;
}

.tab-order-grid > div {
    cursor: grab;
    width: auto;
    color: #333333;
    background-color: #f5f5f5;
    border: 1px solid #dddddd;
    border-radius: 3px;
    padding: 2px 8px;
    margin-bottom: 5px;
}

#inactive-list > div {
    color: #BBBBBB;
}
#inactive-list > div > span {
    display: none;
}

.tab-index-number {
    font-weight: bold;
}

.tab-order-icon {
    margin-right: 10px;
}

.tab-order-remove-icon{
    cursor: pointer;
    float: right;
}

.tab-order-grid-title-row {
    height: 21px;
}
.zones-grid {
    width: 400px;
    height: 70vh;
    overflow-y: auto;
    border: 1px solid #333333;
    border-radius: 3px;
    padding: 10px;
    margin: 0 50px;
}

.zones-grid > .ui-selected {
    background: #bbbbbb;
}

.zones-grid > div{
    cursor: pointer;
    width: auto;
    color: #333333;
    background-color: #f5f5f5;
    border: 1px solid #dddddd;
    border-radius: 3px;
    padding: 2px 8px;
    margin-bottom: 5px;
}
#fares-page {
    margin: 20px;
}

#panel-filters {
    border: 0px;
}

.panel-filter {
    border: 0px;
    border-bottom: 1px solid;
    border-color: #dddddd;
}

.panel-filter .pull-right {
    color: #dddddd;
}

.panel-filter .panel-body {
    background-color: #f5f5f5;
    padding-bottom: 32px;
    padding-top: 25px;
}

.panel-filter .panel-body label {
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: normal;
}

.panel-filter .panel-heading {
    margin-top: 5px;
    margin-bottom: 5px;
}

.panel-filter a:hover {
    text-decoration: none;
}

.panel-filter a:focus {
    text-decoration: none;
}

.filter-icon {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 6px;
    padding-bottom: 10px;
    border-radius: 50%;
    color: white;
    background-color: #428bca;
    margin-right: 10px;
}

.filter-icon span {
    height: 20px;
    width: 20px;
    text-align: center;
}

.grid-icon {
    padding-top: 8px;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    border-radius: 50%;
    color: #777777;
    background-color: #dddddd;
    display: inline-block;
}

.grid-icon span {
    height: 20px;
    width: 20px;
    text-align: center;
}

.fare-icon-info {
    background-color: transparent;
}

.select2-container {
    width: 100% !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #428bca !important;
}

.select2-container--open .select2-dropdown--below {
    border-color: #428bca !important;
}

.filter-button-panel {
    padding: 15px;
}

.grid-heading {
    height: 55px;
    padding: 10px;
}

.fares-grid .pagination {
    margin-left: 10px;
}

.filter-save-input-group label {
    padding-top: 5px;
}

.filter-save-input-group input {
    width: 75%
}

.fares-panel {
    border: 1px solid #dddddd;
    display: inline-block;
    width: 100%;
}

#fares-page .first-column {
    border: 0px;
    padding: 0px;
}

#fares-page .second-column {
    border-left: 1px solid #dddddd;
    padding: 0px;
}

.fares-item-header {
    display: inline-block;
    color: #777777;
}

.select2-drop {
    display: none !important;
}

.dropdown-hide {
    display: none !important;
}

.tags-select-border {
    border-radius: 4px !important;
}

.fare-number {
    font-size: medium;
}

.saved-filter {
    height: 40px;
}

.saved-filter .saved-filter-name {
    font-size: large;
}

.saved-filter .saved-filter-description {
    color: #777777;
}

.fare-info-modal-body {
    padding-left: 5px;
    padding-right: 5px;
}

.fare-info-modal-body .row .row {
    position: relative;
    margin: 0.5em 0;
    /* custom bottom dotted */
    background-image: linear-gradient(to right, #aaa 25%, rgba(255, 255, 255, 0) 0%);
    background-position-y: 1.35em;
    background-size: 7px 2px;
    background-repeat: repeat-x;
}

.fare-info-modal-body .row .row:first-child {
    margin-top: 0;
}

.fare-info-modal-body .row .row:last-child {
    margin-bottom: 0;
}

.fare-info-item-header {
    position: absolute;
    left: 0;
    top: 0.00em;
    font-weight: bold;
    background: white;
    padding: 0.35em 0.25em 0;
}

.fare-info-item-value {
    float: right;
    text-align: right;
    color: #777777;
    background: white;
    padding: 0.35em 0.25em 0;
    max-width: 50%;
}

#save-fares-filter span.error {
    padding-left: 145px;
}

.width-150 {
    width: 150px;
}

.width-250 {
    width: 250px;
}

.max-width-250 {
    max-width: 250px;
}

#full-fare-info .modal-header {
    border-bottom: none;
    padding: 0 0 15px 0;
}

#full-fare-info .modal-header .nav-tabs li a {
    padding: 20px;
}

#full-fare-info button.close {
    padding: 15px 15px 0 0;
}

#tab-content-wrapper {
    min-height: 100%;
}

#fare-events-table-wrapper {
    padding: 0 10px 0 10px;
}

#trip-detail-filter .twitter-typeahead{
    vertical-align: middle;
}

#trip-detail-filter .twitter-typeahead input{
    border-radius: 0 4px 4px 0;
}


#fares-page #panel-filters .select2-container--default .select2-search--inline .select2-search__field {
    width: auto !important;
}

.signature-vias.signature-active {
    position: absolute;
    top:-15px;
    right:0px;
    width: 1.42em;
    height: auto !important;
    max-height: 2em !important;
}

#event-log-wrapper-90 {
    padding:0px;
}

#event-log-wrapper-90 .fare-info-attrs {
    border-bottom: none !important;
    font-size:13px;
}

#event-log-wrapper-90 .title-for-details {
    padding: 15px;
}
.meter-off {
    color:#d9534f !important;
}
.change-history-wrapper {
    background-color: #f5f5f5;
}
.change-history-wrapper p {
    text-align: center;
    margin:0;
    padding-top:10px;
}
.change-history-wrapper ul {
    max-height: 150px;
    overflow-y:auto;
    margin-bottom:0px;
    padding-bottom: 5px;
}

.text-left-top {
  text-align: left;
  padding-top:10px;
}

.stat-fr-date {
    padding-left: 2px !important;
    padding-top: 5px !important;
}
.stat-to-date {
    padding-top: 5px !important;
}
.padding-bottom-10 {
    padding-bottom: 10px;
}
.stat-panel {
    padding-top: 20px !important;
    padding-bottom: 10px !important;
}
.stat-fixed-height-chart {
    height: 500px;
}

#chartdiv {
  width: 100%;
  height: 500px;
}
.stats-heading{
    position: absolute;
    right: 5px;
    z-index: 10;
}
.fa-event-history-title {
    padding: 5px 0px;
    margin: 0px;
    border-top:1px solid #dddddd;
}
.fa-event-history-padding-zero {
    padding: 0px;
}
.fa-event-history-datetime-col {
    padding-left:10px;
    padding-right:10px;
}
.fa-event-history-username {
    padding-left: 4px;
    padding-right: 4px;
}
.fa-event-history-gps-col {
    padding: 0px;
    padding-left:15px;
}
.fa-event-log-wrapper {
    background-color: #dddddd;
    padding:15px;
    max-height: 400px;
    overflow-y: scroll;
}
.fa-event-log-font-size {
    font-size: 13px;
}
.fa-event-log-offset {
    margin-left:-15px;
}
.fa-event-extend-arrow-offset {
    margin-left: 5px;
}
#fare-analytics-container {
    width: 100%;
    margin-top: -30px;
}

#close-button {
    position: absolute;
    right: 25px;
    top: 75px;
    z-index: 100;
}

.footer-buttons {
    position: absolute;
    z-index: 100;
    bottom: 0;
    width: 100%;
    text-align: center;
}

.footer-buttons a {
    margin: 2px 2px;
    border-radius: 10px;
    border: 1px solid #b7b7b7;
    padding: 5px 15px;
    text-decoration: none;
    color: #777777;
    background-color: whitesmoke;
}

.footer-buttons a:hover {
    border: 2px solid #777777;
}

.footer-buttons a.disabled:hover {
    border: 1px solid #b7b7b7;
}

.footer-buttons a.disabled span {
    opacity: 0.6;
}
/* Common fare analytics panels styles */

#fare-analytics-container .panel-body{
    padding: 0;
}

#fare-panels-wrapper {
    position: absolute;
    left: 50px;
    top: 75px;
    z-index: 2;
    width: 130em;
    visibility: hidden;

}

#fare-panels-wrapper>div{
    display: inline-block;
    margin-right: 10px;
}
#fare-panels>div{
    vertical-align: top;
}

.fare-analytics-panel {
    margin-right: 13px;
    background-color: rgba(255, 255, 255, 0.94);
    background-color: white;
    border-radius: 6px;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
    width: 325px;
    margin-bottom: 20px;
    visibility: visible;
}

.fare-analytics-panel .panel-body {
    background-color: #fff;
}

.fare-analytics-panel .panel-heading  {
    padding: 10px 15px 5px 5px;
    position: relative;
    font-weight: bold;
}

.fare-analytics-panel-state-icon {
    position: relative;
    float: right;
    font-weight: normal;
    color: #bbbbbb;
}

.fare-analytics-panel.panel-opened .fare-analytics-panel-state-icon:after {
    font-family: "Glyphicons Halflings";
    content: "\e260";
}

.fare-analytics-panel.panel-closed .fare-analytics-panel-state-icon:after {
    font-family: "Glyphicons Halflings";
    content: "\e259";
}
.fare-analytics-panel .panel-heading .glyphicon{
    border-radius: 50%;
    text-align: center;
    width: 2.2em;
    height: 2.2em;
    padding: 8px;
    margin: 0 5px;
    margin-top: -10px;
    background-color: #dddddd;
}
/* Events history panel styles */
#panel-events-history .panel-body{
    padding: 0px;
}
#panel-events-history #all{
    position: absolute;
    right: 50px;
}
#panel-events-history .panel-body table{
    margin: 0px;
}
#events-history-grid table tbody tr {
    #cursor: pointer;
    height: 2em !important;
}
#events-history-grid table tbody tr td{
    position: relative;
    box-sizing: border-box;
    padding: 5px 8px;
}
#events-history-grid table tbody tr:first-child td {
    border-top: none;
}
#events-history-grid table tbody tr td div {
    position: absolute;
    line-height: 1.5em !important;
}
#events-history-grid table tbody tr td:nth-child(1) {
    text-align: center;
    padding-left: 15px;
    padding-right: 25px;
    font-size: 17px;
    width: 15%;
    color: #5cb85c;
}

#events-history-grid table tbody tr td:nth-child(1) .icon-meter-on,
#events-history-grid table tbody tr td:nth-child(1) .icon-meter-off,
#events-history-grid table tbody tr td:nth-child(1) .icon-on-site {
    font-size: 20px;
}

#events-history-grid table tbody tr td:nth-child(1) .icon-emergency {
    font-size: 19px;
}

#events-history-grid table tbody tr td:nth-child(1) .icon-meter-off,
#events-history-grid table tbody tr td:nth-child(1) .icon-emergency {
    color: #d9534f;
}

#events-history-grid table tbody tr td:nth-child(1) .icon-vihicles{
    font-size: 15px;
    color: #bfbfbf;
}

#events-history-grid .glyphicon-event{
    text-align: center;
    font-size: 17px;
    color: #5cb85c;
}

#events-history-grid .icon-meter-on,
#events-history-grid .icon-meter-off,
#events-history-grid .icon-on-site {
    font-size: 20px;
}

#events-history-grid .icon-emergency {
    font-size: 19px;
}

#events-history-grid .icon-meter-off,
#events-history-grid .icon-emergency {
    color: #d9534f;
}

#events-history-grid .icon-vihicles{
    font-size: 15px;
    color: #bfbfbf;
}

#events-history-grid table tbody tr td {
    width: 20%;
}

#events-history-grid table tbody tr td>div{
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

#events-history-grid table tbody tr td .switch{
    top: -13px;
    margin-left: 10px;
    margin-bottom: 0;
}

#events-history-grid table thead tr th:last-child {
    text-align: center;
}

#events-history-grid input:not(:disabled) + .slider {
    border-width: 2px;
    border-color: #5cb85c;
}

#events-history-grid input:not(:disabled) + .slider:before {
    top: -1px;
}
/* Fare Info panel style */

.fare-info-search {
    background: rgb(245, 245, 245);
    width: 100%;
    height: 4em;
    padding-top: 0.8em;
    padding-left: 0.6em;
    padding-right: 0.6em;
}
.fare-info-modal {
    padding: 0em;
}
.fare-info-modal-search {
    background: rgb(245, 245, 245);
    display: block;
    height: 4em;
}
#fare-search-button, .search-btn-offset {
    position: relative;
}
.fare-info-attrs {
    display: flex;
    align-items: center;
    height: 2em;
    border-bottom: solid 0.1em rgba(128, 128, 128, 0.2);
    padding-top: 0.5em;
}
.fare-info-attr-name {
    margin-top: 0.25em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fare-info-attrs .voip-call {
    right: 10px !important;
    margin-top: -15px;
}

.offload-info-title{
    margin: 0 0 10px 10px;
}

/* Info panels styles */

.fare-info-attr-value {
    white-space: nowrap;
    margin-bottom: 0.5em;
}
.fare-info-attr-value-remarks {
    text-align: right;
}
.rating {
    unicode-bidi: bidi-override;
    direction: rtl;
    font-size: 1.6em;
    float: right;
}
.rating > .gold {
    display: inline-block;
    position: relative;
    width: 0.9em;
    color: #ffd700;
}
.rating > .grey {
    display: inline-block;
    position: relative;
    width: 0.9em;
    color: #808080;
}
.fare-info-fare-amount-attrs {
    display: flex;
    align-items: center;
    height: 1.6em;
    background-color: #e4e4e4;
}
.fare-info-fare-amount-attrs p{
    font-size: 0.9em;
    padding-bottom: 0em;
    padding-top: 0em;
    margin-bottom: 0em;
    margin-top: 0em;
}
.fare-amount-panel.panel-opened .fare-analytics-panel-state-icon:after {
    font-family: "Glyphicons Halflings";
    content: "\e260";
}

.fare-amount-panel.panel-closed .fare-analytics-panel-state-icon:after {
    font-family: "Glyphicons Halflings";
    content: "\e259";
}
.estimated-amount-panel {
    width: 100%;
}
.estimated-amount-panel span {
    padding-left: 1em;
}
.fare-amount-color {
    color: rgba(0, 128, 0, 0.72);
}
.fare-info-search .btn {
    background-color: white;
    border: solid 1px #cccccc;
}
#fare-specification {
    display: none;
}
.address{
    max-width:138px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

#fare-analytics-container .message-pop-up {
    position: absolute;
    top: 40px;
    left: 0;
}

.assign-pop-up {
    width: 600px;
    top: 30px;
    position: absolute;
    margin: 30px auto;
    right: 0;
    left: 0;
}

#fare-analytics-container .message-pop-up::before {
    left: 20px;
}

#fare-analytics-container .assign-pop-up .control-label{
    text-align:left;
}
.fare-info-photo{
    height: 9em;
    padding-left: 33%;
}
.padding-stars {
    padding-right: 0;
    padding-bottom: 0.5em;
}

.fare-info-padding-stars {
    padding-bottom: 0.5em;
}

.share-popover-link {
    width: 115px;
    padding: 5px;
}

.share-popover-link:hover {
    cursor: pointer;
    text-decoration: underline;
}

#modal-message-form {
    position: absolute;
}

.modal {
    top: 30px;
}

#modal-message-form .modal-dialog {
    width: 600px;
}

#modal-message-form .modal-body {
    padding-bottom: 0;
}

#modal-message-form .modal-footer {
    border-top: none;
}
#modal-message-form .form-group.has-error {
    margin-bottom: 5px;
}
#btn-export-to-pdf a{
    color: #333333;
}

#create-message-pop-up-container {
    border-radius: 5px;
}

#amount-toggle {
    margin-left: 5px;
}

.amounts-wrapper .fare-info-attrs {
    border: none;
    background-color: #f5f5f5;
    height: 1.8em;
}

.amounts-wrapper * {
    font-size: 13px;
}

.amounts-wrapper .fare-info-attr-name {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    color: #666666;
}

#ratings-block-content .fare-info-attrs {
    border: none;
    background-color: #f5f5f5;
    height: auto
}

#panel-passenger-info .tooltip-inner {
    word-wrap: break-word;
}


.fare-container {
    display: -webkit-flex;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
    flex-basis: 52%;
    height: 88vh;
}

@media only screen
and (max-height : 682px){
    #panel-fare-info {order: 1}
    #panel-fare-offers {order: 2}
    #panel-cvd-info {order: 3}
    #panel-fare-times {order: 4}
    #panel-vehicle-info {order: 5}
    #panel-events-history {order: 6}
    #panel-passenger-info {order: 7}
    #panel-shared-rides-info {order: 8}
    #panel-driver-info {order: 9}
    #panel-payment-info {order: 10}
    #panel-account-info {order: 11}
    #panel-messages-history {order: 12}
    #panel-vehicle-messages {order: 13}
    #panel-flight-info {order: 14}
    #panel-charter-info {order: 15}
    #panel-passengers-info {order: 16}
    .fare-info-attrs {height: 3.3vh;}
    .fare-info-photo {height: 61px !important; padding: 1px 1px 1px 41%;}
    .fare-info-photo img {height: 50px !important; width: 50px !important;}
    #create-message-pop-up-container a {
        width: 15em;
        border-radius: 5px;
        margin: 0.1em;
        padding: 3px;
        height: 34px;
    }
    .fare-analytics-panel {width: 20em;}
    .message-pop-up, .assign-pop-up {min-width: 235px;}
    .assign-pop-up h4 {width: 8em;}
    .margin-bottom-15 {padding-left: 0em;}
    .container-fluid h4 {width: 8em !important;}
    .container-fluid {margin-left: 10px;}
    .margin-top-15 .btn-default {float: left;}
    #assign-vehicle-form .control-label {white-space: nowrap;}
    #events-history-grid table tbody tr td .switch {margin-left: 0px;}
    #events-history-grid table tbody tr {font-size: 2vh;}
    .switch span {margin-right: 3px;}
    #panel-events-history #all {right: 42px;}
    /*h5 {font-size: 12px; width: 115%;}*/
}

@media only screen
and (min-height : 683px)
and (max-height : 714px) {
    #panel-fare-info {order: 1}
    #panel-fare-offers {order: 2}
    #panel-cvd-info {order: 3}
    #panel-fare-times {order: 4}
    #panel-vehicle-info {order: 5}
    #panel-events-history {order: 6}
    #panel-passenger-info {order: 7}
    #panel-shared-rides-info {order: 8}
    #panel-driver-info {order: 9}
    #panel-payment-info {order: 10}
    #panel-account-info {order: 11}
    #panel-messages-history {order: 12}
    #panel-vehicle-messages {order: 13}
    #panel-flight-info {order: 14}
    #panel-charter-info {order: 15}
    #panel-passengers-info {order: 16}
    .fare-analytics-panel {width: 20em;}
    .message-pop-up, .assign-pop-up {min-width: 235px;}
    .container-fluid h4 {width: 8em !important;}
    .container-fluid {margin-left: 10px;}
    .fare-info-attrs {height: 3.3vh;}

    .fare-info-photo {
        height: 61px !important;
        padding: 1em 1em 1em 41%;
    }

    .fare-info-photo img {
        height: 50px !important;
        width: 50px !important;
    }

    #create-message-pop-up-container a {
            width: 15em;
            border-radius: 5px;
            margin: 0.1em;
            padding: 3px;
            height: 34px;
    }
    h5 {font-size: 13px; width: 115%;}
    .margin-bottom-15 {padding-left: 0;}
    .margin-top-15 .btn-default {float: left;}
    #assign-vehicle-form .control-label {white-space: nowrap;}
    #events-history-grid table tbody tr td .switch {margin-left: 0;}
    #events-history-grid table tbody tr {font-size: 2vh;}
    .switch span {margin-right: 3px;}
    #panel-events-history #all {right: 42px;}
}

@media only screen
and (min-height : 715px)
and (max-height : 814px){
    #panel-fare-info {order: 1}
    #panel-fare-offers {order: 2}
    #panel-cvd-info {order: 3}
    #panel-fare-times {order: 4}
    #panel-vehicle-info {order: 5}
    #panel-events-history {order: 6}
    #panel-passenger-info {order: 7}
    #panel-shared-rides-info {order: 8}
    #panel-driver-info {order: 9}
    #panel-payment-info {order: 10}
    #panel-account-info {order: 11}
    #panel-messages-history {order: 12}
    #panel-vehicle-messages {order: 13}
    #panel-flight-info {order: 14}
    #panel-charter-info {order: 15}
    #panel-passengers-info {order: 16}
    .fare-info-attrs {height: 3.3vh;}
    .fare-info-photo {height: 61px !important; padding: 0 0 0 9em;}
    .fare-info-photo img {height: 50px !important; width: 50px !important;}
}

@media only screen
and (min-height : 815px)
and (max-height :  970px) {
    #panel-fare-info {order: 1}
    #panel-fare-offers {order: 2}
    #panel-cvd-info {order: 3}
    #panel-fare-times {order: 4}
    #panel-vehicle-info {order: 5}
    #panel-events-history {order: 6}
    #panel-passenger-info {order: 7}
    #panel-shared-rides-info {order: 8}
    #panel-driver-info {order: 9}
    #panel-payment-info {order: 10}
    #panel-account-info {order: 11}
    #panel-messages-history {order: 12}
    #panel-vehicle-messages {order: 13}
    #panel-flight-info {order: 14}
    #panel-charter-info {order: 15}
    #panel-passengers-info {order: 16}
}

@media only screen
and (min-height :  971px) {
    #panel-fare-info {order: 1}
    #panel-fare-offers {order: 2}
    #panel-cvd-info {order: 3}
    #panel-fare-times {order: 4}
    #panel-vehicle-info {order: 5}
    #panel-events-history {order: 6}
    #panel-passenger-info {order: 7}
    #panel-shared-rides-info {order: 8}
    #panel-driver-info {order: 9}
    #panel-payment-info {order: 10}
    #panel-account-info {order: 11}
    #panel-messages-history {order: 12}
    #panel-vehicle-messages {order: 13}
    #panel-flight-info {order: 14}
    #panel-charter-info {order: 15}
    #panel-passengers-info {order: 16}
}

.signature-active {
    font-size: 214px !important;
    width: 1.515em;
    max-height: 2em !important;
    background-color: rgba(255,255,255, 1);
    border: 2px solid rgba(0, 0, 0, 0.1);
    z-index: 100;
    position: relative;
    right: -0.07em;
}

.signature {}

.accordion-fare-info:after{
    font-family: "Glyphicons Halflings";
    content: "\e259";
    position: relative;
    font-weight: normal;
    color: #bbbbbb;
    padding-right: 15px;
}

.accordion-fare-info.active:after{
    font-family: "Glyphicons Halflings";
    content: "\e260";
}

.panel-accordion-fare-info {
    display: none;
    max-height: 0;
    word-wrap: break-word;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

#fare-analytic-map {
    z-index: 1 !important;
}

.width-286-important {
    width: 286px !important;
}

.width-286-important .leaflet-popup-content {
    width: 250px !important;
}

.fa-message-body {
    background-color: #F2F2F2;
    display: block;
    max-height: 250px;
    overflow: auto;
    padding-bottom: 10px;
    min-height: 100px;
}

.fa-message-text {
    max-height: 279px;
    word-wrap: break-word;
    border-radius: 15px;
    float: left;
    min-height: 30px;
    min-width: 185px;
    text-align: center;
    max-width: 200px;
}

#message-text {
    resize: none;
}

.date-msg {
    font-size: smaller;
    color: grey;
    text-align: center;
    border: none !important;
    float: inherit !important;
}

#fa-messages-grid table {
    margin-bottom: 0;
}

.adjust-bottom {
    margin-bottom: 10px;
}

.remove-bottom {
    margin-bottom: 0px;
}

.amount-style {
    margin-left: 87px !important;
    margin-bottom: 0px;
}

.cancel-style {
    padding-top: 7px;
}

.offers-list {
    max-height: 124px;
    overflow: overlay;
}

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

.as-directed {
    margin-left: 15px;
}

.float-right {
    float: right;
}

#senior_program a{
    white-space: nowrap;
}

.col-md-1-5{
    width: 13.33%;
}
.margin-top-5{
    margin-top: 5px;
}
.margin-top-20{
    margin-top: 20px;
}
.margin-top-40{
    margin-top: 40px;
}

#senior-program-files-table thead tr th{
    vertical-align: middle;
}

.acc-additional-wrapper{
    max-height: 250px;
    overflow:auto;
}

.send-sms-checkbox {
    margin-top: -15px;
}
.prompt-item-checkbox {
    margin-top: 11px !important;
}

.acc-grid-header {
    margin-bottom: 36px !important;
}

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

.pl-10 {
    padding-left: 10px;
}

/*valid addresses*/
.valid-address-panel {
    min-height: 350px;
}
#valid-addresses-grid_wrapper > div.dataTables_scroll > div.dataTables_scrollBody,
#valid-addresses-dest-grid_wrapper > div.dataTables_scroll > div.dataTables_scrollBody,
#valid-addresses-dest-cnt-grid_wrapper > div.dataTables_scroll > div.dataTables_scrollBody {
    height: 100% !important;
}
#valid-addresses-grid .selected a {
    color: black;
}
#valid-addresses-grid tr.selected td {
    background-color:  rgba(82, 168, 236, 0.8);
    color: white;
}
#valid-addresses-calendar-grid{
    border-top: 0px;
    border-bottom: 0px;
}
#valid-addresses-calendar-grid > thead {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
}
#valid-addresses-pickup-grid_paginate,
#valid-addresses-dropoff-grid_paginate {
    display: inline-block;
    font-size: 10pt;
}
.valid-address-top-padding-0 {
    margin-top:0px;
}
.valid-address-left-padding-0 {
    padding-left:0px;
}
.valid-address-right-padding-0 {
    padding-right:0px;
}
.valid-address-no-top-padding {
    margin-top:-5px;
}
.valid-address-no-bottom {
    margin-bottom: 0px;
}
.valid-address-no-padding {
    padding: 0px;
}
.valid-address-no-left-padding {
    margin-top:-5px;
    padding-left:0px;
}
.valid-address-left-label {
    margin-top:5px;
    font-weight:normal;
    padding-left:0px
}
.valid-address-right-label {
    margin-top: 5px;
    font-weight: normal;
    padding-right: 30px
}
.valid-address-left-date {
    padding-left:15px !important;
    margin-bottom: 0px;
}
.valid-address-left-info {
    padding-left:30px !important;
    margin-bottom: 10px !important;
}
.valid-address-menu-dates {
    min-height: 120px;
    margin-bottom: 0px;
}
.valid-address-detail {
    min-width:20px;
}
.valid-address-modal {
    /*min-height:300px;*/
    max-height:500px;
    overflow:auto;
}
.valid-address-padding-l0 {
    padding-left:0px;
    padding-right:5px;
}
.valid-address-padding-r0 {
    padding-left:5px;
    padding-right:0px;
}
.valid-address-padding-20 {
    padding-left:20px;
    padding-right:20px;
}
.valid-address-search {
    padding-left: 15px !important;
    padding-top: 15px !important;
    padding-right: 15px !important;
}
.valid-address-top-15 {
    margin-top:15px;
    padding-right:25px
}
.valid-address-check {
    margin-top:-5px;
    margin-left: 50px;
    padding-bottom: 15px;
}
.valid-address-padding-bottom-10 {
    padding-bottom: 10px;
}
.va-other-color {
    color: #357ebd;
}
.show-dates-width {
    min-width:200px;
}
/* open and close background */

th.account-details-control,
td.account-details-control{
    padding-left: 4px !important;
    padding-right: 4px !important;
    width: 5%;
}

td.account-details-control {
    background: url('../img/details_open.png') no-repeat center center;
    cursor: pointer;
}

td > span.name-badge {
    border-radius: 15px;
    padding: 5px 10px;
    margin-left: -10px;
}

tr.shown td.account-details-control {
    background: url('../img/details_close.png') no-repeat center center;
}

/*datatable processing server-side style*/
#accounts-data-grid,
#accounts-data-grid > tbody > tr > td:nth-child(1),
#accounts-data-grid_wrapper > div > div.dataTables_scrollHead > div > table,
#accounts-data-grid_wrapper,
#accounts-data-grid .dataTables_scrollHeadInner {
    outline: none;
}

#accounts-data-grid thead th,
#accounts-data-grid thead td {
    border-bottom: 1px solid #000 !important;
}

#drivers-data-grid,
#drivers-data-grid > tbody > tr > td:nth-child(1),
#drivers-data-grid_wrapper > div > div.dataTables_scrollHead > div > table,
#drivers-data-grid_wrapper,
#drivers-data-grid .dataTables_scrollHeadInner {
    outline: none;
}

#drivers-data-grid thead th,
#drivers-data-grid thead td {
    border-bottom: 1px solid #000 !important;
}

#vehicles-data-grid,
#vehicles-data-grid > tbody > tr > td:nth-child(1),
#vehicles-data-grid_wrapper > div > div.dataTables_scrollHead > div > table,
#vehicles-data-grid_wrapper,
#vehicles-data-grid .dataTables_scrollHeadInner {
    outline: none;
}

#vehicles-data-grid thead th,
#vehicles-data-grid thead td {
    border-bottom: 1px solid #000 !important;
}

.dataTables_wrapper .dataTables_processing {
    position: fixed;
    display: none;
	top: 50%;
	left: 50%;
	width: 280px;
	height: 60px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	background-color: white;
    z-index: 2;
}
.grid-nowrap {
    min-width: 180px;
    white-space: nowrap;
}

.fc-other-month .fc-day-number {
    display: block;
}

#account-calendar {
    padding-top: 30px;
    padding-bottom: 30px;
}

#account-calendar-preview{
    padding-top: 50px;
}

.input-clear-right{
    position: absolute;
    top: 9px !important;
    right: 50px !important;
    color: #cccccc;
    z-index: 4;
}

.blocked-csv{
    top: 10px;
}
.blocked-btn{
    min-width: 90px !important;
    display: inline-block !important;
}
.padding-menu{
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.import-global-label {
    text-align: right;
    padding-right: 0px;
    top: 10px;
}

.import-global-input {
    margin-bottom: 10px;
}

.import-padding-14 {
    padding-left: 14px !important;
    padding-right: 14px !important;
}

.import-padding-left-0{
    padding-left: 0px;
}
.import-padding-right-0{
    padding-right: 0px;
}
.import-padding-0{
    padding-left: 0px;
    padding-right: 0px;
}
.rule-buttons {
    margin-left: 0px;
    margin-right: 0px;
    padding-right: 0px;
    float: right;
}
.rule-failed {
    color: red;
}
.rule-passed {
    color: green;
}
.rule-apply {
    margin-left: 15px;
    margin-top: 20px;
}
.fare-panel {
    margin-left: 15px !important;
    margin-right: 15px !important;
}
.fare-buttons {
    margin-top:140px !important;
    margin-right:50px !important;
    text-align:right !important;
}
.padding-bottom-10 {
    padding-bottom: 10px;
}
.marging-bottom-8 {
    margin-bottom: 8px;
}
.import-will-call {
    text-align: left;
    padding-left: 0px;
}

table > tbody > tr.message-status.new > td,
table > tbody > tr.message-status.ringing > td {
    background-color: inherit;
}

table > tbody > tr.message-status.sent > td {
    background-color: #dff0d8 !important;
}

table > tbody > tr.message-status.failed > td,
table > tbody > tr.message-status.busy > td,
table > tbody > tr.message-status.no .answer > td {
    background-color: #f2dede !important;
}

table > tbody > tr.message-status.expired > td {
    background-color: #faf2cc !important;
}

.message-text-wrap{
    text-align:left;
    white-space:normal;
    width:250px;
}

.message-text-out {
    background-color: #5f97c7;
    float: left !important;
    color: white;
}
.message-text-in {
    float: right !important;
    background-color: white;
}
#message-logs-grid thead th,
#message-logs-grid thead td {
    border-bottom: 1px solid #000 !important;
}

#procedureSettings h1 {
    margin-bottom: 3rem;
    margin-top: 0;
}

#procedureSettings .text-danger {
    color: red;
}

#procedureSettings tr > td {
    vertical-align: middle;
}

#procedureSettings th {
    line-height: 3.5rem;
}

.margin-bottom-25 {
    margin-bottom: 25px;
}
.user-permission-group:nth-child(3n+1) {
    clear:left;
}

.pr-10 {
    padding-right: 10px;
}

.link-disabled {
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
    color: grey;
    pointer-events: none;
}

#UserGroups .pull-right {
    margin-top: -40px !important;
}

.title-permission {
    display: inline-block;
    max-width: 210px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.permission-groups {
    padding: 5px 15px!important;
}

.permissions-overflow {
    max-height: 600px;
    overflow: auto;
}

.permission-list-group {
    margin-bottom: 0;
}

.rrule-on-date {
    min-width: 130px;
}

.select-date-p {
    padding-right:0px;
}
.select-icon-h {
    height:34px;
}
.select-icon-p {
    padding-left:0px;
    width:10px;
}
.radio-top {
    top: 8px;
}
.radio-border {
    border-bottom-left-radius:4px !important;
    border-bottom-right-radius:4px !important;
    border-top-left-radius:4px !important;
    border-top-right-radius:4px !important;
}

.schedule-active-top {
    top: -15px;
    position: relative;
}
.margin-right-30 {
    margin-right: 30px !important;
}
.fleet-page-labels {
    padding-top: 7px;
    /* width: 15%; */
}
.fleet-page-inputs {
    margin-bottom: 10px;
}
.as-directed-checkbox {
    margin-left: 55px;
}
.fleet-buttons {}
.fleet-buttons > div {
    margin-top: 20px;
    margin-bottom: 30px;
}
.one-char-input {
    width: 40px;
    margin-left: -15px;
}
.fleet-config-item{
    padding-bottom: 20px;
}
.fleet-config-item > div{
    text-align: right;
}
.location-block {
    max-height: 34px !important;
}
.location-block input[type="text"].form-control {
    border-radius: 4px !important;
    border-left: none !important;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}
#as-directed-box {
    bottom: 0px;
    right: 0px;
    z-index: 2;
    position: absolute;
    display: inline-block;
    margin-top: -39px;
    padding-left: 0;
    padding-right: 6px;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: right;
    width: 85px;
    border: 1px solid #DAD2D2;
    background-color: #EEEEEE;
}

#fleet > div > div > span > span.selection > span {
    height:34px;
}

.vd-padding-0 {
    padding-left:0px;
    padding-right:2px;
}

#fleet-phone-direct-grid,
#fleet-phone-direct-grid > tbody > tr > td:nth-child(1),
#fleet-phone-direct-grid_wrapper,
#fleet-phone-fleet-grid,
#fleet-phone-fleet-grid > tbody > tr > td:nth-child(1),
#fleet-phone-fleet-grid_wrapper,
#fleet-phone-taxitab-grid,
#fleet-phone-taxitab-grid > tbody > tr > td:nth-child(1),
#fleet-phone-taxitab-grid_wrapper,
#fleet-vehicle-grid,
#fleet-vehicle-grid > tbody > tr > td:nth-child(1),
#fleet-vehicle-grid_wrapper,
#fleet-alternate-grid,
#fleet-alternate-grid > tbody > tr > td:nth-child(1),
#fleet-alternate-grid_wrapper,
#fleet-driver-grid,
#fleet-driver-grid > tbody > tr > td:nth-child(1),
#fleet-driver-grid_wrapper {
    outline: none;
}

#fleet-phone-direct-grid_filter > label > input[type="search"],
#fleet-phone-fleet-grid_filter > label > input[type="search"],
#fleet-phone-taxitab-grid_filter > label > input[type="search"],
#fleet-vehicle-grid_filter > label > input[type="search"],
#fleet-alternate-grid_filter > label > input[type="search"],
#fleet-driver-grid_filter > label > input[type="search"]{
    outline: none;
    width: 120px;
}

#fleet-phone-direct-grid_paginate,
#fleet-phone-fleet-grid_paginate,
#fleet-phone-taxitab-grid_paginate,
#fleet-vehicle-grid_paginate,
#fleet-alternate-grid_paginate,
#fleet-driver-grid_paginate {
  font-size: 0.8em
}

.margin-top-5{
    margin-top:5px;
}
.label-between-zones {
    width: fit-content;
    margin-top: 5px;
    padding: 0px;
}

.types-container {
    padding-top: 0px !important;
}
.emailModal .modal-footer {
    border-top: none;
    text-align: center;
}

.emailModal .modal-header h4 {
    text-align: center;
    line-height: 1.5;
    margin-bottom: 0;
}

.emailModal .modal-footer a.btn {
    margin-right: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

@media (min-width: 1200px) {
    .container.invoicesContainer {
        max-width: 80%;
        width: 80%;
    }
}

@media (min-width: 768px) {
    .emailModal .modal-dialog {
        width: 400px;
        margin: 30px auto;
    }
}

.max-width-300 {
    max-width: 300px;
}

.margin-top-6 {
    margin-top: 6px;
}

.padding-0 {
    padding: 0;
}

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

.document-customer-number {
    padding-top: 0;
    margin-left: 4px;
    font-weight: bold !important;
    vertical-align: inherit !important;
}

.document-card-number {
    padding-top: 0;
    margin-left: 22%;
    display: initial;
}

.max-width-59 {
    max-width: 59%;
}

@media (max-width: 1550px) {
    .document-card-number {
    margin-left: 20%;
    }
}
.card-number-align{
    vertical-align: inherit !important;
}

.cashiering-item-link {
    color: inherit;
    text-decoration:  underline;
}
.d-block {
    display: block !important;
}
.total-documents-wrapper {
    margin-bottom: 5px !important;
}

.bo-scrollable {
    max-height: 510px;
    overflow: auto;
}

.col-width-5 {
    width: 5%;
}

.col-width-6 {
    width: 6%;
}

.col-width-10 {
    width: 10%;
}

.col-width-14 {
    width: 14%;
}

#calendar a {
    color: white !important;
}
#calendar a.fc-more {
    color: #357ebd !important;
}
#calendar .fc-day-grid-event>.fc-content {
    white-space: normal !important;
}

.cashiering-label {
    font-weight: normal;
}

.balance-block {
    color: steelblue;
}

#collapseRight .RPanel {
    top: 0;
}

#collapseRight hr {
    margin-top: 0;
    margin-bottom: 7px;
}

.margin-top-10  {
margin-top: 10px !important;
}


#leasing-calendar .fc-view-container *,
#leasing-calendar .fc-view-container :after,
#leasing-calendar .fc-view-container :before {
    color: black !important;
}
.border-right-none {
    border-right-style: hidden !important;
}
.border-none {
    border: none !important;
}

.itemized {
    float:left;
}

#document-created-on {
    margin-bottom: 0px !important;
}

.panel-heading .accordion-toggle:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: grey;
}
.panel-heading .accordion-toggle.collapsed:after {
    content: "\e080";
}
.document-panel{
    padding-left: 0px;
    padding-right: 0px;
}
.margin-bottom-10 {
    margin-bottom:10px;
}
.margin-top-10 {
    margin-top:10px;
}
.route-top-15 {
    padding-top:15px !important;
}
.margin-bottom-0 {
    margin-bottom:0px;
}
.padding-bottom-0 {
    padding-bottom:0px;
}
.padding-bottom-6 {
    padding-bottom:6px;
}
.padding-left-12 {
    padding-left:12px;
}
.padding-left-20 {
    padding-left:20px;
    padding-right:0px;
}
.padding-left-25 {
    padding-left:25px;
}
.padding-right-25 {
    padding-right:25px;
}
.padding-right-30 {
    padding-right:30px;
}
.modal-padding {
    padding-top:10px;
    padding-bottom:0px;
}
.modal-padding-10 {
    padding-top:10px;
    padding-bottom:10px;
}
.twitter-typeahead {
  vertical-align: middle;
}

/*Cropper v2.3.2
  https://github.com/fengyuanchen/cropper

  Copyright (c) 2014-2016 Fengyuan Chen and contributors
  Released under the MIT license

  Date: 2016-06-08T12:14:46.286Z*/
.cropper-container{font-size:0;line-height:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;direction:ltr!important;-ms-touch-action:none;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.cropper-container img{display:block;width:100%;min-width:0!important;max-width:none!important;height:100%;min-height:0!important;max-height:none!important;image-orientation:0deg!important}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{position:absolute;top:0;right:0;bottom:0;left:0}.cropper-wrap-box{overflow:hidden}.cropper-drag-box{opacity:0;background-color:#fff;filter:alpha(opacity=0)}.cropper-dashed,.cropper-modal{opacity:.5;filter:alpha(opacity=50)}.cropper-modal{background-color:#000}.cropper-view-box{display:block;overflow:hidden;width:100%;height:100%;outline:#39f solid 1px;outline-color:rgba(51,153,255,.75)}.cropper-dashed{position:absolute;display:block;border:0 dashed #eee}.cropper-dashed.dashed-h{top:33.33333%;left:0;width:100%;height:33.33333%;border-top-width:1px;border-bottom-width:1px}.cropper-dashed.dashed-v{top:0;left:33.33333%;width:33.33333%;height:100%;border-right-width:1px;border-left-width:1px}.cropper-center{position:absolute;top:50%;left:50%;display:block;width:0;height:0;opacity:.75;filter:alpha(opacity=75)}.cropper-center:after,.cropper-center:before{position:absolute;display:block;content:' ';background-color:#eee}.cropper-center:before{top:0;left:-3px;width:7px;height:1px}.cropper-center:after{top:-3px;left:0;width:1px;height:7px}.cropper-face,.cropper-line,.cropper-point{position:absolute;display:block;width:100%;height:100%;opacity:.1;filter:alpha(opacity=10)}.cropper-face{top:0;left:0;background-color:#fff}.cropper-line,.cropper-point{background-color:#39f}.cropper-line.line-e{top:0;right:-3px;width:5px;cursor:e-resize}.cropper-line.line-n{top:-3px;left:0;height:5px;cursor:n-resize}.cropper-line.line-w{top:0;left:-3px;width:5px;cursor:w-resize}.cropper-line.line-s{bottom:-3px;left:0;height:5px;cursor:s-resize}.cropper-point{width:5px;height:5px;opacity:.75;filter:alpha(opacity=75)}.cropper-point.point-e{top:50%;right:-3px;margin-top:-3px;cursor:e-resize}.cropper-point.point-n{top:-3px;left:50%;margin-left:-3px;cursor:n-resize}.cropper-point.point-w{top:50%;left:-3px;margin-top:-3px;cursor:w-resize}.cropper-point.point-s{bottom:-3px;left:50%;margin-left:-3px;cursor:s-resize}.cropper-point.point-ne{top:-3px;right:-3px;cursor:ne-resize}.cropper-point.point-nw{top:-3px;left:-3px;cursor:nw-resize}.cropper-point.point-sw{bottom:-3px;left:-3px;cursor:sw-resize}.cropper-point.point-se{right:-3px;bottom:-3px;width:20px;height:20px;cursor:se-resize;opacity:1;filter:alpha(opacity=100)}.cropper-point.point-se:before{position:absolute;right:-50%;bottom:-50%;display:block;width:200%;height:200%;content:' ';opacity:0;background-color:#39f;filter:alpha(opacity=0)}@media (min-width:768px){.cropper-point.point-se{width:15px;height:15px}}@media (min-width:992px){.cropper-point.point-se{width:10px;height:10px}}@media (min-width:1200px){.cropper-point.point-se{width:5px;height:5px;opacity:.75;filter:alpha(opacity=75)}}.cropper-invisible{opacity:0;filter:alpha(opacity=0)}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{position:absolute;display:block;width:0;height:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}

body {
    margin: 0;
    padding: 0;
}

#map-zone-drawing {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    top: 49px !important;
    z-index: -1;
}

.ol-control button {
    color: #000 !important;
    background-color: rgba(255, 255, 255, 0.5) !important;
}

.ol-zoom {
    bottom: 4.5em !important;
    right: 0.5em !important;
    top: inherit !important;
    left: inherit !important;
}

.wraper_container {
    margin-left: 1em;
    z-index: 100;
    float: left;
    visibility: hidden;
}

.zone-drawing-buttons {
    background-color: rgba(255, 255, 255, 0.81);
    margin: .2em .2em 0.4em 0em;
    width: 2.5em;
    font-size: 0.9em;
    padding: .5em .5em .5em .5em;
    display: block;
    visibility: visible;
}

.add-zone-set-btn {
    margin-bottom: .3em;
    visibility: visible;
}

.add-zone-set-btn-leaflet {
    margin-bottom: .3em;
    margin-right: 20px;
    float: right;
    visibility: visible;
}

.zone-drawing-buttons i {
    line-height: inherit;
}

.polygon-icon-fix {
    padding-top: .3em;
    padding-bottom: .28em;
}

.polygon-icon-fix i {
    font-size: 1.2em;
}

.zone-dropdown-menu {
    padding-left: 1em;
}

.tt-hint {
    padding: 6px 12px;
}

.tt-hint {
    color: #999;
}

.add_zone_popup_dialog {
    width: 29em;
    z-index: 1000;
}

.add_zone_popup_body {
    width: 32em;
    padding-right: 2em;
    padding-left: 0em;
    padding-bottom: 0em;
}

.add_zone_popup_footer {
    padding: 0.5em 1.5em 0.5em 1em;
}

.zone_sets_list {
    margin-top: -0.3em;
}

.modify-save-zone {
    border-radius: 5em;
    width: 2em;
    font-size: 1.5em;
}

.modify-save-zone i {
    font-size: 0.7em;
}

.modify-save-zone-leaflet {
    display: flex;
    border-radius: 5em;
    font-size: 1.5em;
}

.modify-save-zone-leaflet i {
    font-size: 0.7em;
}

.colorpicker-element {
    display: inline-block;
}

.colorpicker-element span {
    width: 1em;
    display: inline-block;
    height: 2.25em;
    margin-top: -0.08em;
    padding-top: 0.6em;
    border-color: rgba(255, 255, 255, 0);
    margin-right: 0.1em;
}

.colorpicker-component {
    display: inline-block;
    margin-right: -3.4em;;
}

.zone-name {
    color: white;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 21px;
    line-height: 1.42857143;
    margin-left: -0.5em;
}

.zone-name-leaflet {
    color: black;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 21px;
    line-height: 1;
    text-align: center;
}

#zone-colorpicker {
    float: right;
    position: relative;
    margin-top: 0.18em;
}

#input-group-addon-color-icon {
    border: 0px;
}

.ol-overlay-container .popover {
    max-width: 100%;
    position: relative;
}

.ol-overlay-container .popover p {
    padding: 0em;
    margin: 0em;
}

.empty-zone-sets{
    text-align: center;
}

.zone-edit-btn {
    position: relative;
    float: left;
    margin: 0 0 0 10px;
}

.zone-delete-btn {
    position: relative;
    float: left;
    font-weight: normal;
}

.zone-close-btn {
    position: relative;
    float: right;
}

.leaflet-touch-icon-leaflet:hover {
    transform: scale(1.3);
}
.input-group .twitter-typeahead #driver-number{
    float: inherit;
}

.margin-right-10 {
    margin-right: 10px;
}

.types-btn {
    text-align: center;
}

.vehicle-types-table .type-value {
    border: none;
    background-color: transparent;
    box-shadow: none;
}

.vehicle-types-table td {
    padding: 5px !important;
}

.border-none td {
    border: none !important;
}

.custom-grid-padding {
    padding: 8px 0 8px 0 !important;
}

#owner-details-page #building-name,
#owner-wrapper #building-name
{
    border-left: 1px solid #cccccc !important;
}

.vtype-popup {
    padding: 10px;
}
.vtype-popup-item{
    border-radius: 5px;
}
.vtype-popup-item:hover {
    background-color: lightgray;
}
#city-name, #region_id, #lat, #lon,
#street-name, #city-id, #postal-code,
#low, #low-lat, #low-lon, #range-postal-code,
#building-name, #building-number, #building-street-name, #building-city, #building-zip-code, #building-lat, #building-lon, #name,
#ZoneNumber, #Alias, #ZoneClass, #ZoneSet, #classname
 {
    border-left: solid 5px #66afe9;
}

#city-name.error, #region_id.error, #lat.error, #lon.error,
#street-name.error, #city-id.error, #postal-code.error,
#low.error, #low-lat.error, #low-lon.error, #range-postal-code.error,
#building-name.error, #building-number.error, #building-street-name.error, #building-city.error,
#building-zip-code.error, #building-lat.error, #building-lon.error, #name.error,
#ZoneNumber.error, #Alias.error, #ZoneClass.error, #ZoneSet.error, #classname.error
{
    border-left: solid 5px #a94442;
}

/* *************************/
/* *** search container ***/
/* ************************/
#building-search-container,
#street-search-container {
    z-index: 1000;
    left: 15px;
    position: absolute;
    min-width: 23.3em;
    padding-bottom: 10px;
    border-radius: 10px;
    background-color: white;
    -webkit-box-shadow: 0px 8px 25px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 8px 25px 0px rgba(0,0,0,0.3);
}

/* *******************/
/* *** map section ***/
/* *******************/
.AMcontainer{
    position: relative;
    width: 100%;
    margin-top: -30px;
    padding-top: 20px;
}
.AMmapContainer{
    position: absolute;
    border-left: solid 1px #aaa;
}
.AMmapContainer .leaflet-control-container {
    top: 60px;
}

/* *************************************/
/* *** street range detail container ***/
/* *************************************/
.street-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
}

th.details-control,
td.details-control{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

td.details-control {
    background: url('../img/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url('../img/details_close.png') no-repeat center center;
}

.am-location-block {
    max-height: 34px !important;
}
.am-location-block input[type="text"].form-control {
    border-radius: 4px !important;
    border-left: solid 5px #66afe9 !important;
}

/* Google Icon */
.google-icon {
    /*display: block;*/
    width: 20px;
    height: 20px;
    background-image: url(../img/google_icon.png);
    background-size: 100% auto;
}

/* buttons */
.btn_default {
    color: #333333 !important;
    background-color: #ffffff !important;
    border-color: #cccccc !important;
    background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%) !important;
    box-shadow: inset 0px 0px 1px #ffffff  !important;

}

/* time picker for zones */
/*!
 * Timepicker Component for Twitter Bootstrap
 *
 * Copyright 2013 Joris de Wit
 *
 * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */
.bootstrap-timepicker {
  position: relative;
}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
  left: auto;
  right: 0;
}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
  left: auto;
  right: 12px;
}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
  left: auto;
  right: 13px;
}
.bootstrap-timepicker .input-group-addon {
  cursor: pointer;
}
.bootstrap-timepicker .input-group-addon i {
  display: inline-block;
  width: 16px;
  height: 16px;
}
.bootstrap-timepicker-widget.dropdown-menu {
  padding: 4px;
}
.bootstrap-timepicker-widget.dropdown-menu.open {
  display: inline-block;
}
.bootstrap-timepicker-widget.dropdown-menu:before {
  border-bottom: 7px solid rgba(0, 0, 0, 0.2);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
}
.bootstrap-timepicker-widget.dropdown-menu:after {
  border-bottom: 6px solid #FFFFFF;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
}
.bootstrap-timepicker-widget.timepicker-orient-left:before {
  left: 6px;
}
.bootstrap-timepicker-widget.timepicker-orient-left:after {
  left: 7px;
}
.bootstrap-timepicker-widget.timepicker-orient-right:before {
  right: 6px;
}
.bootstrap-timepicker-widget.timepicker-orient-right:after {
  right: 7px;
}
.bootstrap-timepicker-widget.timepicker-orient-top:before {
  top: -7px;
}
.bootstrap-timepicker-widget.timepicker-orient-top:after {
  top: -6px;
}
.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #ffffff;
}
.bootstrap-timepicker-widget table {
  width: 100%;
  margin: 0;
}
.bootstrap-timepicker-widget table td {
  text-align: center;
  height: 30px;
  margin: 0;
  padding: 2px;
}
.bootstrap-timepicker-widget table td:not(.separator) {
  min-width: 30px;
}
.bootstrap-timepicker-widget table td span {
  width: 100%;
}
.bootstrap-timepicker-widget table td a {
  border: 1px transparent solid;
  width: 100%;
  display: inline-block;
  margin: 0;
  padding: 8px 0;
  outline: 0;
  color: #333;
}
.bootstrap-timepicker-widget table td a:hover {
  text-decoration: none;
  background-color: #eee;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-color: #ddd;
}
.bootstrap-timepicker-widget table td a i {
  margin-top: 2px;
  font-size: 18px;
}
.bootstrap-timepicker-widget table td input {width: 25px;margin: 0;text-align: center;border:none}
.bootstrap-timepicker-widget .modal-content {
  padding: 4px;
}
@media (min-width: 767px) {
  .bootstrap-timepicker-widget.modal {
    width: 200px;
    margin-left: -100px;
  }
}
@media (max-width: 767px) {
  .bootstrap-timepicker {
    width: 100%;
  }
  .bootstrap-timepicker .dropdown-menu {
    width: 100%;
  }
}

/* zone selected grids */
#zone-dtype-grid .selected a,
#zone-vtype-grid .selected a,
#zone-redirected-grid .selected a {
    color: black;
}
#zone-dtype-grid tr.selected td,
#zone-vtype-grid tr.selected td,
#zone-redirected-grid tr.selected td {
    background-color:  rgba(82, 168, 236, 0.8);
    color: white;
}
#zone-dtype-grid tbody tr,
#zone-vtype-grid tbody tr,
#zone-redirected-grid tbody tr {
    cursor: pointer;
}
/* grids outline */
#zone-dtype-grid .dataTables_scrollHeadInner,
#zone-vtype-grid .dataTables_scrollHeadInner,
#zone-redirected-grid .dataTables_scrollHeadInner {
    outline: none;
}

/* align table create buttons */
#streetrange-grid_wrapper > div.dataTables_scroll > div.dataTables_scrollHead > div > table > thead > tr > th:nth-child(1),
#apartment-grid_wrapper > div.dataTables_scroll > div.dataTables_scrollHead > div > table > thead > tr > th.dt-body-center.sorting_disabled {
    padding-left:0px;
}

.btn-table {
    font-size: 14px !important;
    padding: 6px 12px !important;
    /*min-width: 120px !important;*/
    display: inline-block !important;
}

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

.settings-body .input-right-label {
    right: 12px !important;
}

.tab-padding {
    padding-left:10px !important;
    padding-right:10px !important;
}

.checkbox-padding {
    padding-top: 0 !important;
}
.grid-reports {
    margin: 0 20px;
}

@media print {

    .print-columns {
        width: 50%;
        float: left;
    }

    .print-report-heading {
        text-align: center;
        font-weight: bold;
        height: 40px;
        padding-top: 10px;
    }

    .panel {
        margin-bottom: 0;
    }

    .checkbox-right {
        text-align: left !important;
    }

    .print-mrg-10 {
        margin-right: 10px !important;
        margin-left: 10px !important;
    }

    .print-none {
        display: none;
    }
}

#account-name-element .tt-dropdown-menu, #account-number-element .tt-dropdown-menu {
    max-height: 200px;
    overflow-y: auto;
}

.star-box {
    height: 50px;
    border: 1px solid #dddddd;
    padding: 0;
    display: inline-table;
    width: 15%;
    margin-right: 15px;
    border-radius: 10px;
}

.chart-box {
    border-right: 1px solid #dddddd;
}

.star {
    color: white;
    font-weight: bold;
    height: 100%;
    padding-top: 3px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.one-star {
    background-color: #dc3545;
}

.two-stars {
    background-color: #ffc107;
}

.three-stars {
    background-color: #6c757d;
}

.fourth-stars {
    background-color: #17a2b8;
}

.fifth-stars {
    background-color: #28a745;
}

.average-stars {
    background-color: #007bff;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.star-number {
    font-size: large;
}

.stars-counter {
    font-size: medium;
    font-weight: bold;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.chart-filter-boxes {
    border: 1px solid #dddddd;
    margin-top: 15px;
}
#ratings-panel input[type="text"].search-input {
    border-radius: 4px !important;
}

.ratings-grid {
    margin-top: 40px;
    margin-bottom: 60px;
}

.rating-reports-paginator {
    width: max-content;
}

#no-show-report-grid,
#no-show-report-grid > tbody > tr > td:nth-child(1),
#no-show-report-grid_wrapper > div > div.dataTables_scrollHead > div > table,
#no-show-report-grid_wrapper,
#no-show-report-grid .dataTables_scrollHeadInner {
    outline: none;
}

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

.padding-left-5 {
    padding-left:5px;
    padding-bottom:10px;
}

.ns-icons {
    min-width: 100px;
    margin-left: 10px;
}
.inspection-alert {
    margin: 15px 0 20px 15px;
}

@media(max-width: 767px){

    .scale-label-last {
        width: 17% !important;
    }

    /*.scale-label-middle {*/
        /*width: 22% !important;*/
    /*}*/
}

.scale-label-middle {
    margin-top: 13px;
    text-align: right;
    width: 25%;
}

.scale-label-last {
    margin-top: 13px;
    text-align: right;
    width: 20%;
}

.scale-label-first {
    margin-top: 13px;
    text-align: left;
}

.margin-left-10 {
    margin-left: 10px !important;
}

@media(max-width: 991px) {

    .mobile-mb-40 {
        margin-bottom: 40px;
    }

    .panel-heading-label{
        display: block;
        padding: 10px 15px;
    }
}

#vehicle-photo {
    display: none !important;
}

#upload-images-android {
    display: none !important;
}

.upload-file-info-css {
    white-space: normal;
}

@media(max-width: 1024px) {
    .driver-mobile-menu {
        margin-right: 20%;
    }
}
.rating-star{
    height: 50px;
    width: 50px;
    display: inline-block;
    margin-bottom: 15px;
    background-image: url("../img/modules.png");
}


.rating-star-img {
    background-position: 57px 57px ;
    background-size: 9em;
}

.grayscale {
    filter: grayscale(100%);
}

#rating-comment {
    resize: none;
    clear: right;
}

.rate-btn {
    margin-top: 15px;
    font-weight: bold;
}

.underlined {
    text-decoration: underline;
    font-weight: bold;
}

.trip-data {
    float: right;
    max-width: 345px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

@media only screen and (max-width: 480px) {
    .trip-data {
        max-width: 245px;
    }
}

.display-none {
    display: none;
}

#success-text, #expired-text {
    margin-top: 40%;
}

.color-gray {
    color: gray;
}

.float-right {
    float: right !important;
}

.text-right {
    text-align: right;
}

.account-portal-hide, .account-portal-remove{
    display: none;
}

.account-portal-right{
    float: right;
}
.panel-heading label{
    margin-bottom: 0;
}

.checkbox-list-panel{
    padding-left: 15px;
    padding-right: 15px;
    width: 175px;
}

.checkbox-list-panel .panel-body {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 220px;
}

.form-flex{
    display: inline-flex;
    flex-wrap: wrap;
    overflow-y: visible;
}

#trips-btm-container{
    margin: 10px;
}

.spec-btn-wrapper{
    margin-top: 10px;
}

.dt-btn-container {
    display: inline-block;
}

#trips-grid_paginate span  {
    display: inline;
}

.trips-filter-panel {
    width: 250px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.trips-filter-panel .gs-item{
    white-space: nowrap !important;
}

.trips-filter-panel .tt-dropdown-menu{
    white-space: nowrap;
    width: auto;
}

.trips-filter-panel-datetime {
    width: 290px;
}

.trips-filter-panel-datetime .input-group {
    padding-right: 15px !important;
}

tr.selected td {
    background-color:#B0BED9 !important;
}

.select-info > .select-item::before {
    content: '\00a0'
}

#trips-grid_paginate > span > a.current {
    background-color: #DDDDDD;
}

#trips-grid_wrapper > .dataTables_scroll > .dataTables_scrollBody {
    overflow-y: visible !important;
    height: 100% !important;
}

#col-save-btn, #col-settings-btn, #col-reset-btn{
    margin-left: 2px;
}
.container-fluid,
.ivr-panel {
    padding-left: 20px;
    padding-right: 20px;
}
.ivr-buttons {
    padding-left:30px;
    padding-bottom: 20px;
}
.ivr-search-buttons{
    margin-top: 5px;
    min-width: 100px;
}
.ivr-required {
    border-left: solid 5px #66afe9;
}

.font-label {
    font-weight: normal;
}
.ivr-input {
    border-bottom-left-radius:4px !important;
    border-bottom-right-radius:4px !important;
    border-top-left-radius:4px !important;
    border-top-right-radius:4px !important;
}
#feature-wrapper > span > span.selection > span,
#blacklist-wrapper > span > span.selection > span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
#feature-wrapper > span {
    border-left: solid 5px #66afe9;
}
.recording-date-label {
  font-weight:normal;
  padding-top:10px;
  padding-left:0px;
}
.blacklist-label {
  font-weight:normal;
  padding-top:10px;
}

.blacklist-margin {
  margin-left:14px;
  margin-bottom:0px;
}
.blacklist-padding {
    padding-right:0px !important;
    padding-left:0px !important;
    width:68% !important;
}

.report-label {
  font-weight:normal;
  padding-top:10px;
  padding-left:0px;
  padding-right:0px;
  margin-right: 5px;
  float: left;
}

.no-left-padding {
  padding-left:0px;
}
.no-right-padding {
  padding-right:0px;
}
.do-left-padding-30 {
  padding-left:30px;
}
.do-left-padding-40 {
  padding-left:40px;
}
.do-left-padding-80 {
  padding-left:80px;
}
.check-padding {
  padding-bottom: 10px;
}
.no-left-margin {
  padding-left:0px;
  margin-left:-8px;
}
.no-border {
  background-color: #ffffff !important;
  border: #ffffff !important;
  padding-left: 10px;
  padding-right: 10px;
}
.recording-no-margin {
  margin-left:0px;
  margin-bottom:0px;
}
.recording-margin-left {
  margin-left:10px;
  margin-bottom:0px;"
}

.recording-margin-right {
  margin-right:10px;
  margin-bottom:0px;"
}
.operator-label {
    margin-top: 20px;
    position: absolute;
}

.no-bottom-margin {
  margin-bottom: 0px;
}

#recordings-grid > table.dataTable.no-footer {
    border-bottom: none;
}
#logs-grid,
#logs-grid > tbody > tr > td:nth-child(1),
#logs-grid_wrapper > div > div.dataTables_scrollHead > div > table,
#logs-grid_wrapper,
#logs-grid .dataTables_scrollHeadInner,
#recordings-grid,
#recordings-grid > tbody > tr > td:nth-child(1),
#recordings-grid_wrapper > div > div.dataTables_scrollHead > div > table,
#recordings-grid_wrapper,
#recordings-grid .dataTables_scrollHeadInner,
#blacklist-grid,
#blacklist-grid > tbody > tr > td:nth-child(1),
#blacklist-grid_wrapper > div > div.dataTables_scrollHead > div > table,
#blacklist-grid_wrapper,
#blacklist-grid .dataTables_scrollHeadInner,
#reports-grid,
#reports-grid > tbody > tr > td:nth-child(1),
#reports-grid_wrapper > div > div.dataTables_scrollHead > div > table,
#reports-grid_wrapper,
#reports-grid .dataTables_scrollHeadInner {
    outline: none;
}
#recordings-grid_paginate > span > span,
#recordings-grid_paginate {
    display: inline-block;
}
#blacklist-grid_paginate {
    display: inline-block;
    font-size: 10pt;
}
#recordings-grid_wrapper .dt-buttons {
  float:none;
  text-align:left;
}

#recordings-grid > tbody > tr > td > div > audio {
  outline: none;
}

#recordings-grid_filter > label,
#recordings-grid_filter > label > input[type="search"] {
  font-weight: normal;
  outline: none;
}

.note-padding {
  padding-left: 40px;
  top: -10px;
}

/* open and close background */
th.ivr-details-control,
td.ivr-details-control{
    padding-left: 4px !important;
    padding-right: 4px !important;
    width: 3%;
}

td.ivr-details-control {
    background: url('../img/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.ivr-details-control {
    background: url('../img/details_close.png') no-repeat center center;
}

/* error and success icons */
.log-icon-error {
    color:#d9534f;
    font-size:17px;
    top:1px;
}

.log-icon-success {
    color:#428bca;
    font-size:17px;
    top:1px;
}

.icon-group {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555555;
    text-align: center;
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    border-radius: 4px;
    border-right: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    min-width: 43px;
    width: 10px;
    height: 34px;
}

.icon-feature {
    padding-left:0px;
    top:2px;
}

.dt-head-center {
    text-align: center;
}
#airlines-grid_paginate span{
    display: inline;
}

#airports-grid_paginate span{
    display: inline;
}

#flight-tracker-container{
    max-width: 80%;
    margin-right: auto;
    margin-left: auto;
}

.fare-flight > td{
    text-align: center;
}
tr > th{
    text-align: center;
}

.fare-flight-late > td{
    background-color:#ff4242 !important;
}

.fare-flight-early > td{
    background-color:lightgreen !important;
}