/*BODY FONT-SIZE*/
body {
    font-size: 1.1rem;
}
.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-login__form-action .m-login__btn {
    font-size: 15px;
}
.m-link-custom {
    color: #F2881D;
}
.nav.nav-pills .nav-link:hover,
.nav.nav-tabs .nav-link:hover {
    background-color: #fff;
}
.nav.nav-tabs.tabs-left{
    display: block;
}
.nav.nav-tabs.tabs-left .nav-item{
    margin-left: 0;
}
.tabs-left.nav-tabs .nav-link.active {
    border-color: #ddd #fff #ddd #ddd;
}
.tabs-left.nav-tabs>li>a:focus, .tabs-left.nav-tabs>li>a:hover {
    border-color: #ddd #fff #ddd #ddd;
}
/*custom switch*/
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-custom,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-custom {
    color: #fff;
    background: #0088A8;
    padding-top: 5px;
    padding-bottom: 5px;
}

.color {
    color: #888 !important;
}
/*custom datepicker*/
.datepicker tbody tr > td.day.selected,
.datepicker tbody tr > td.day.selected:hover,
.datepicker tbody tr > td.day.active,
.datepicker tbody tr > td.day.active:hover {
    background: #0088A8;
    color: #ffffff;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover,
.datepicker table tr td.day.new.disabled,
.datepicker table tr td.day.new.disabled:hover{
    background: 0 0;
    color: #b7b7b7;
    cursor: not-allowed;
}
.datepicker tbody tr>td span.month.active:hover,
.datepicker tbody tr>td span.month.focused,
.datepicker tbody tr>td span.month:hover{
    background: #0088A8;
    color: #ffffff;
}
.datepicker tbody tr>td.day.today,
.datepicker tbody tr>td span.month.active{
    background-color: #F5851F;
}
/*custom css*/
.m-portlet__head-caption .form-group {
    margin-bottom: 0;
}

@media (max-width: 575px) {
    .xs-float-none {
        float: none;
    }
}
.start-class{
    color: #00A000;
}

.stop-class{
    color: #00A8FF;
}
.dataTables_length {
    display: inline;
}
div.dataTables_length select {
    width: auto;
}
.dataTables_filter{
    width: 150px;
    float:right;
    margin-right: 13px;
}

div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right;
}
.dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: 0.25em;
}

.dataTables_wrapper .col-sm-12{
    width: 50%;
    float:left;
}

/*Custom datatables*/

.m-datatable > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--active,
.m-datatable > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link:hover,
.m-datatable > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--first:hover,
.m-datatable > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--prev:hover,
.m-datatable > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--next:hover,
.m-datatable > .m-datatable__pager > .m-datatable__pager-nav > li > .m-datatable__pager-link.m-datatable__pager-link--last:hover,
.m-datatable > .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-size .btn.dropdown-toggle:focus,
.m-datatable > .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-size .btn.dropdown-toggle:hover,
.m-datatable > .m-datatable__pager > .m-datatable__pager-info .m-datatable__pager-size.show > .btn.dropdown-toggle{
    background-color: #0088A8;
}
.m-datatable > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell > span > i {
    color:#0088A8;
}
.m-datatable.m-datatable--default > .m-datatable__pager > .m-datatable__pager-nav > li > .m-pager-input{
    border-radius: 0;
}
.m-datatable > .m-datatable__pager > .m-datatable__pager-nav > li > .m-pager-input:focus {
    background-color: #0088A8;
    border-color: #0088A8;
}
.form-control.focus, .form-control:focus {
    border-color: #0088A8;
}
#html_table.m-datatable__table{
    min-height: auto!important;
}
.dataTable-load-ajax th{
    background: #f4f3f8;
    padding: 16px 10px;
}

div.bar-status.success {
    border-left: 5px solid #34bfa3;
    display: inline;
    margin-right: 15px;
}
div.bar-status.danger {
    border-left: 5px solid #ed6b75;
    display: inline;
    margin-right: 15px;
}
div.bar-status.default {
    border-left: 5px solid #bac3d0;
    display: inline;
    margin-right: 15px;
}
td.highlight a{
    margin-left: 15px;
}
.label-success {
    color: #fff;
    background-color: #34bfa3;
    border-color: #34bfa3;
}
/*Custom colors ACCENT*/
.m-checkbox.m-checkbox--accent > span,
.m-checkbox.m-checkbox--accent > input:checked ~ span,
.m-checkbox.m-checkbox--accent > span:after {
    border: 1px solid #0088A8;
}
.btn-accent,
.label-accent {
    background-color: #0088A8;
    border-color: #0088A8;
}

.m--font-accent {
    color: #0088A8!important;
}
/*buttons switch*/
.btn-accent.disabled, .btn-accent:disabled {
    background-color: #0088A8;
    border-color: #0088A8;
    cursor: auto;
}
.btn-warning.disabled,
.btn-warning:disabled{
    color: #fff;
    background-color: #f3902d;
    border-color: #f3902d;
    cursor: auto;
}
.btn.btn-warning.active,
.btn.btn-warning.focus,
.btn.btn-warning:focus,
.btn.btn-warning:hover:not(:disabled) {
    color: #fff!important;;
}
form .btn-group .btn {
    min-width: 45px;
}

.label {
    text-shadow: none!important;
    font-size: 14px;
    font-weight: 300;
    padding: 3px 6px;
    color: #fff;
}
.label, .table.table-light>thead>tr>th {
    font-family: "Open Sans",sans-serif;
}
.label-success {
    color: #fff;
    background-color: #34bfa3;
    border-color: #34bfa3;
}
/*NAVBAR CUSTOM*/
.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile.m-topbar__user-profile--img.m-dropdown--arrow .m-dropdown__arrow {
    color: #fff;
}
.m-nav .m-nav__item > .m-nav__link .m-nav__link-text {
    font-size: 1.1rem;
    font-weight: 400;
}
.m-dropdown__header {
    background-color: #0088A8!important;
}
.m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-icon,
.m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-text,
.m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-arrow,
.m-nav .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-icon,
.m-nav .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-text,
.m-nav .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-arrow {
    color: #0088A8;
}
.btn.m-btn--label-brand {
    color: #0088A8;
}
/*LEFT SIDE MENU*/
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-icon,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-icon {
    color: #F5851F!important;
}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-text,
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-text {
    color: #fff;
}
.m-aside-left-close.m-aside-left-close--skin-dark > i {
    color: #fff;
}
.m-aside-left-close.m-aside-left-close--skin-dark:hover {
    background-color: #F5851F;
}
.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler:hover span,
.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler:hover span::before,
.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler:hover span::after{
    background: #F5851F;
}
.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__icon:hover > i {
    color: #F5851F;
}
/*Add route*/
.search-info {
    position: absolute;
    right: 55px;
    top: 10px;
    font-size: 18px;
    /* color: green; */
}

.legenda .address {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.legenda-content p {
    margin: 0;
    margin-bottom: 10px;
}

.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell,
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell,
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__foot .m-datatable__row > .m-datatable__cell {
    font-size: 1.1rem;
}
.separator-menu {
    border-bottom: 1px solid #868aa8;
    width: 120px;
    margin: auto;
    color: #868aa8;
    text-align: center;
}

/*AGENT PAGE*/
.m-accordion.m-accordion--bordered .m-accordion__item,
.m-accordion.m-accordion--default .m-accordion__item {
    border: none;
    border-top: 4px solid #4bc2ea;
    border-bottom: 4px solid #e4e5ea;
}
.m-accordion .m-accordion__item .m-accordion__item-body > span,
.m-accordion .m-accordion__item .m-accordion__item-body .m-accordion__item-content{
    padding: 0;
}
.buttons-div{
    background: #f3f8fb;
    padding: 5px;
}
.font-big{
    font-size: 18px;
    line-height: 45px;
}
.m-accordion__item-content .description {
    padding: 1.5rem 2rem 0;
}

/*AUTOCOMPLETE CSS*/
.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    padding: 4px 0;
    margin: 0 0 10px 25px;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}
.ui-menu-item {
    padding: 0 15px;
}
.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
    text-decoration: none;
}

.ui-state-hover, .ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-image: none;
}
a.btn:not([href]):not([tabindex]) {
    color: #fff;
}
.zoom-control {
    left: 25px!important;
    z-index: 1!important;
}
.stop-class {
    color: #00A8FF;
}
.start-class {
    color: #00A000;
}
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell > span {
    color: inherit;
}
.alert-dismissible .close {
    top: auto;
}
[ng\:cloak], [ng-cloak], .ng-cloak {
    display: none !important;
}

.red-text {
    color: red !important;
}

.green-text {
    color:green !important;
}

.gm-drag-element {
    opacity: 0.3;
}

.gm-dragging {
    background-color: #f3f3f3;
}

.gm-drag-handle {
    cursor: grab;
}

.panel.gm-dropping {
    box-shadow: 0 0 2px black;
}

/*.form-control {*/
    /*outline: 0;*/
    /*border: 1px solid #ECECEC;*/
    /*width: 95%;*/
    /*background-color: #ffffff;*/
    /*padding: 6px;*/
    /*border-radius: 2px;*/
    /*margin-bottom: 5px;*/
    /*font-size: 14px;*/
/*}*/

.angucomplete-holder {
    position: relative;
}

.angucomplete-dropdown {
    display: block;
    border-color: #ececec;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    width: 100%;
    padding: 0.65rem 1rem;
    cursor: pointer;
    z-index: 9999;
    /*position: absolute;*/
    /*top: 32px;
    left: 0px;
    */
    margin-top: -6px;
    background-color: #ffffff;
}

.angucomplete-searching {
    color: #acacac;
    font-size: 14px;
}

.angucomplete-description {
    font-size: 14px;
}

.angucomplete-row {
    padding: 5px;
    color: #000000;
    margin-bottom: 4px;

}

.angucomplete-selected-row, .angucomplete-row:hover {
    background-color: lightblue;
    color: #ffffff;
}

.angucomplete-image-holder {
    padding-top: 2px;
    float: left;
    margin-right: 10px;
    margin-left: 5px;
}

.angucomplete-image {
    height: 34px;
    width: 34px;
    border-radius: 50%;
    border-color: #ececec;
    border-style: solid;
    border-width: 1px;
}

.angucomplete-image-default {
    /* Add your own default image here
     background-image: url('/assets/default.png');
    */
    background-position: center;
    background-size: contain;
    height: 34px;
    width: 34px;
}

.space-left {
    margin-left: 5px;
}
.btn.btn-warning {
    color: #ffffff;
}
a.btn.btn-default {
    color: #000;
}
.table-scrollable {
    border: none;
}
.btn {
    margin-bottom: 1rem;
}
span.btn {
    margin: 0;
}
.mt-checkbox-inline, .mt-radio-inline {
    padding: 0;
}
.mt-checkbox, .mt-radio {
    margin-bottom: 0;
}
#btnClearInput {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 14px;
}
.show-legenda-mobile{
    display: none;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 25px;
}
.show-legenda-wrapper {
    height: 40px;
    width: 40px;
}
.show-legenda-mobile i{
    font-size: 1.4rem;
    margin: auto;
}

/*.m-grid.m-grid--ver-desktop.m-grid--desktop > .m-grid__item.m-aside-left{*/
    /*overflow-y: auto;*/
    /*overflow-x: hidden;*/
    /*-ms-overflow-style: none;  !*IE 10+*!*/
    /*overflow: -moz-scrollbars-none;  !* Firefox*!*/
/*}*/
/*.m-grid.m-grid--ver-desktop.m-grid--desktop > .m-grid__item.m-aside-left::-webkit-scrollbar {*/
    /*display: none;*/
/*}*/
.m-aside-left--fixed .m-aside-left {
    z-index: 0;
}
.m-aside-left--on .m-aside-left-close {
    left: 230px;
}
.m-datatable__cell {
    word-break: break-all;
}
#tripEventsReport .m-datatable__cell {
    word-break: inherit;
}
table#tripEventsReport.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before,
table#tripEventsReport.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child:before {
    background-color: #0088A8;
    top: 45%;
}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
    background-color: #00a3b6;
}
.m-datatable__table#html_table::-webkit-scrollbar{
    height: 4px;
    width: 4px;
    background: #f4f5fa;
    border-radius: 10px;
}
.m-datatable__table#html_table::-webkit-scrollbar-thumb:horizontal{
    background: #e7e5ee;
    border-radius: 10px;
}
.m-datatable__cell a.btn.btn-accent {
    width: 38px;
    margin-right: 5px;
}
.m-nav {
    list-style-position: inside;
    list-style-image: none;
    list-style-type: none;
}
.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-topbar__userpic img {
    display: block;
    vertical-align: middle;
    max-width: 40px !important;
    margin: 0 0 0 5px;
    -webkit-border-radius: 50%!important;
    -moz-border-radius: 50%!important;
    -ms-border-radius: 50%!important;
    -o-border-radius: 50%!important;
    border-radius: 50%!important;
    margin: 0 !important;
}
.m-card-user .m-card-user__pic img {
    max-width: 70px !important;
    margin: 0 !important;
    -webkit-border-radius: 100%!important;
    -moz-border-radius: 100%!important;
    -ms-border-radius: 100%!important;
    -o-border-radius: 100%!important;
    border-radius: 100%!important;
}
.on-location {
    background-color:#fcf8e3;
}

.visited {
    background-color: #cdf1ea;
}

.list-item {
    padding: 10px 0;
    margin-bottom: 5px;
    margin-top: 5px;
    border: 1px dashed #777;
}

.move-right {
    margin-left: 60px;
}

.align-hour {
    padding: 0 10px;
    float: right;
    margin-right: 150px;
}

.gm-drag-element {
    opacity: 0.3;
}

.gm-dragging {
    background-color: #f2f3f8;
    /*height: 70px;*/
    margin: 0;
}

.gm-drag-handle {
    cursor: grab;
}
/*a.svg {*/
    /*position: relative;*/
    /*display: inline-block;*/
/*}*/
/*a.svg:after {*/
    /*content: "";*/
    /*position: absolute;*/
    /*top: 0;*/
    /*right: 0;*/
    /*bottom: 0;*/
    /*left:0;*/
/*}*/
.m-login__logo img,
.m-login__logo object,
.m-brand__logo-wrapper object,
.m-brand__logo-wrapper img {
    width: 100%;
    height:auto;
    max-width: 200px;
}
.m-brand .m-brand__logo .m-brand__logo-wrapper {
    width: 100%;
}
.m-brand {
    padding: 0 10px;
}

.legenda .legenda-content .list-group-item {
    padding: 10px 5px;
}
/*Datatables like mDatatables*/
.dataTable-load-ajax  .m-datatable__row.even>.m-datatable__cell {
    background: #faf9fc;
}
.dataTable-load-ajax  .m-datatable__row>.m-datatable__cell {
    padding: 20px 10px;
}

.dataTable-load-ajax  .m-datatable__row:hover {
    background: #faf9fc;
}

#tripEventsReport_wrapper .dropdown-menu>.dropdown-item.active,
#tripEventsReport_wrapper .dropdown-menu>li>a.active{
    background: #fff;
    color: #000;
    text-decoration: none;
}
#tripEventsReport_wrapper .dropdown-menu>.dropdown-item:hover,
#tripEventsReport_wrapper .dropdown-menu>li>a:hover,
#tripEventsReport_wrapper .dropdown-menu>.dropdown-item,
#tripEventsReport_wrapper .dropdown-menu>li>a{
    background: #0088a8;
    color: #fff;
    text-decoration: none;

}
table.dataTable.fixedHeader-floating {
    top: 80px!important;
}

@media (max-width: 1024px) {
    .m-header--fixed-mobile .m-body {
        padding-top: 68px!important;
    }
    table.dataTable.fixedHeader-floating {
        top: 68px!important;
    }
    .m-aside-left--fixed .m-aside-left {
        z-index: 1001;
    }
    .m-aside-left-close {
        left: -30px;
    }
    .m-aside-left--on .m-aside-left-close {
        left: 230px;
    }

}
@media (max-width: 992px) {
    .m-form .m-form__group {
        padding: 0;
    }
}
@media (max-width: 576px) {
    .m-header--fixed-mobile .m-topbar {
        margin-top: 0;
        top: -67px;
    }
    .m-nav.m-nav--inline > .m-nav__item {
        height: auto;
    }
    .legenda-content{
        display: none;
        width: 220px!important;
        z-index: 1000000;
    }
    .show-legenda-mobile{
        display: inline-block;
    }
    .show-inline{
        display: inline-block;
    }
    .list-group-item {
        margin-left: 0!important;
        border-left-width: 5px!important;
    }
    .m-header--fixed-mobile .m-body {
        padding-top: 60px!important;
    }
    table.dataTable.fixedHeader-floating {
        top: 60px!important;
    }
}
@media (max-width: 380px) {
    #tripEventsReport_wrapper div.dt-buttons {
        display: block;
    }
}
@media (max-width: 360px) {
    .form-actions a.btn.pull-right {
        float: none;
    }
}
@media (max-width: 330px) {
    .legenda-content {
        width: 190px !important;
    }
    .nav-link {
        padding: 0.5rem 0.7rem;
    }
}
@media (max-width:610px) and (min-width:576px) {
    .nav-link {
        padding: 0.5rem 0.5rem;
    }
}