@font-face {
    font-family: 'BalooTamma1';
    src: url('../fonts/BalooTamma2-Bold.ttf');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'BalooTamma2';
    src: url('../fonts/BalooTamma2-ExtraBold.ttf');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'BalooTamma3';
    src: url('../fonts/BalooTamma2-Medium.ttf');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'BalooTamma4';
    src: url('../fonts/BalooTamma2-Regular.ttf');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'BalooTamma5';
    src: url('../fonts/BalooTamma2-SemiBold.ttf');
    font-weight: 200;
    font-style: normal;
}

* {
    font-family: 'BalooTamma4';
}


.tde_flag {
    background-color: #006d9d3b;
    padding: 0px 0px 0px 0px;
    color: #005f68;
    display: block;
    width: 45px;
    text-align: center;
    border-radius: 4px;
    font-weight: bold;
    margin: 2px 0px;
}

.baixasmobile td {
    border: 0px !important;
}

.linha_nome_cliente {
    border-top: 1px solid #DDD;
}

.bs-callout {
    border-color: #eee;
    border-image: none;
    border-radius: 3px;
    border-style: solid;
    border-width: 0px 0px 0px 5px;
    margin: 20px 0;
    padding: 10px 20px;
    text-align: left;
    background: #f8f9fa;
}

.navbar {
    background-color: #f5f5f5 !important;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.13);
    padding: 0 1rem;
    margin-bottom: 30px;
}

.dropdown-menu.show {
    margin: 0px;
    border-radius: 0px;
    padding: 0px;
    box-shadow: 0px 2px 3px #84848461;
    border: 0px;
}

.dropdown-item {
    padding: 15px 20px;
    font-size: 14px;
}

.progress {
    width: 100%;
    top: 57px;
    position: relative;
    margin-top: -20px;
    height: 15px;
    border-radius: 0px;
}


.bs-callout-info {
    border-left-color: #ffb300;
}

.clearfix {}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.formActions {
    background: #f8f8f8;
    padding-top: 15px;
    margin-top: 25px !important;
    border-top: 1px solid #ddd;
}

.hide-text {
    background-color: transparent;
    border: 0 none;
    color: transparent;
    font: 0pt/0 a;
    text-shadow: none;
}

.input-block-level {
    -moz-box-sizing: border-box;
    display: block;
    min-height: 28px;
    width: 100%;
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
    border-bottom-width: 1px;
}

.table-striped>tbody>tr:nth-child(2n+1)>td,
.table-striped>tbody>tr:nth-child(2n+1)>th {
    background-color: transparent;
}

.layout {
    width: 100%;
    color: #000;
    padding-bottom: 40px;
    box-sizing: border-box;
    position: relative;
}

.conteudo {
    padding: 0px 15px;
}

h1 {
    font-size: 14px;
    font-weight: bold;
    color: #f6b300;
}

.box_ocorrencia {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 500px;
    height: 330px;
    margin-left: -250px;
    margin-top: -165px;
    display: none;
    z-index: 11;
}

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

.field_import {
    float: left;
    font-size: 14px;
    padding: 3px;
    width: 182px;
}

.logout {
    width: 200px;
    height: 25px;
    float: right;
    margin-right: 10px;
    color: #e00303;
    text-align: right;
}

.welcome {
    width: 200px;
    height: 25px;
    float: right;
    margin-right: 10px;
    text-align: right;
}

.allregs {
    width: 100%;
    margin: 0px;
    padding: 0px;
    margin-bottom: 100px;
}

.allregs li {
    width: 100%;
}

.barra_amarela {
    width: 100%;
    background-color: #e8e000;
    margin: 0 auto;
    border-radius: 7px;
}

.barra_verde {
    width: 100%;
    background-color: #00a436;
    margin: 0 auto;
    border-radius: 7px;
}

.barra_azul {
    width: 100%;
    background-color: #00429d;
    margin: 0 auto;
    border-radius: 7px;
}

.barra_vermelha {
    width: 100%;
    background-color: #cf0000;
    margin: 0 auto;
    border-radius: 7px;
}

.title_porcs {
    font-size: 23px;
    font-weight: bold;
    color: #000;
}

.motoristaslinhas {
    padding: 5px 0px;
    border-bottom: 1px solid #ccc;
    font-size: 11px;
    width: 100%;
}

.motoristaslinhas b {
    color: #009ccf;
}

.motoristaslinhas span {
    color: #00789f;
    font-size: 14px;
    font-weight: bold;
}

.box_list_mot {
    width: 100%;
}

*:before,
*:after {
    box-sizing: border-box;
}

*:before,
*:after {
    box-sizing: border-box;
}

body {
    position: relative;
}

body {
    background-color: #fff;
    color: #333;
    font-size: 14px;
    line-height: 1.42857;
}

body {
    margin: 0;
}

* {
    box-sizing: border-box;
}

html {
    font-family: sans-serif;
}

.box_grafico_2 {
    float: right;
    font-size: 23px;
    margin-top: 25px;
    text-align: right;
    width: 560px;
}

.bar_coluna {
    display: table;
    float: left;
    height: 100%;
    padding-right: 10px;
    width: 33%;
}

.bar_operacao2 {
    bottom: 0;
    display: table-cell;
    text-align: center;
    vertical-align: bottom;
    width: 100%;
    padding-right: 15px;
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
    font-weight: normal;
}

.box_grafico_2 .line {
    margin-bottom: 5px;
    padding: 5px;
    text-align: center;
    width: 175px;
    float: left;
    margin-left: 10px;
}

/**
 * Icomoon
 */

@font-face {
    font-family: 'icomoon';
    src: url('/assets/icomoon/icomoon.eot');
    src: url('/assets/icomoon/icomoon.eot?#iefi') format('embedded-opentype'), url('/assets/icomoon/icomoon.woff') format('woff'), url('/assets/icomoon/icomoon.ttf') format('truetype'), url('/assets/icomoon/icomoon.svg?#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cars';
    src: url('/assets/icomoon/cars.eot');
    src: url('/assets/icomoon/cars.eot?#iefi') format('embedded-opentype'), url('/assets/icomoon/cars.woff') format('woff'), url('/assets/icomoon/cars.ttf') format('truetype'), url('/assets/icomoon/cars.svg?#cars') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Glyphicons Halflings";
    src: url("/assets/icomoon/glyphicons-halflings-regular.eot");
    src: url("/assets/icomoon/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("/assets/icomoon/glyphicons-halflings-regular.woff2") format("woff2"), url("/assets/icomoon/glyphicons-halflings-regular.woff") format("woff"), url("/assets/icomoon/glyphicons-halflings-regular.ttf") format("truetype"), url("/assets/icomoon/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon';
    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;
}

[class^="cars-"],
[class*=" cars-"] {
    font-family: 'cars';
    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;
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
    content: "\002a";
}

.glyphicon-plus:before {
    content: "\002b";
}

.glyphicon-euro:before,
.glyphicon-eur:before {
    content: "\20ac";
}

.glyphicon-minus:before {
    content: "\2212";
}

.glyphicon-cloud:before {
    content: "\2601";
}

.glyphicon-envelope:before {
    content: "\2709";
}

.glyphicon-pencil:before {
    content: "\270f";
}

.glyphicon-glass:before {
    content: "\e001";
}

.glyphicon-music:before {
    content: "\e002";
}

.glyphicon-search:before {
    content: "\e003";
}

.glyphicon-heart:before {
    content: "\e005";
}

.glyphicon-star:before {
    content: "\e006";
}

.glyphicon-star-empty:before {
    content: "\e007";
}

.glyphicon-user:before {
    content: "\e008";
}

.glyphicon-film:before {
    content: "\e009";
}

.glyphicon-th-large:before {
    content: "\e010";
}

.glyphicon-th:before {
    content: "\e011";
}

.glyphicon-th-list:before {
    content: "\e012";
}

.glyphicon-ok:before {
    content: "\e013";
}

.glyphicon-remove:before {
    content: "\e014";
}

.glyphicon-zoom-in:before {
    content: "\e015";
}

.glyphicon-zoom-out:before {
    content: "\e016";
}

.glyphicon-off:before {
    content: "\e017";
}

.glyphicon-signal:before {
    content: "\e018";
}

.glyphicon-cog:before {
    content: "\e019";
}

.glyphicon-trash:before {
    content: "\e020";
}

.glyphicon-home:before {
    content: "\e021";
}

.glyphicon-file:before {
    content: "\e022";
}

.glyphicon-time:before {
    content: "\e023";
}

.glyphicon-road:before {
    content: "\e024";
}

.glyphicon-download-alt:before {
    content: "\e025";
}

.glyphicon-download:before {
    content: "\e026";
}

.glyphicon-upload:before {
    content: "\e027";
}

.glyphicon-inbox:before {
    content: "\e028";
}

.glyphicon-play-circle:before {
    content: "\e029";
}

.glyphicon-repeat:before {
    content: "\e030";
}

.glyphicon-refresh:before {
    content: "\e031";
}

.glyphicon-list-alt:before {
    content: "\e032";
}

.glyphicon-lock:before {
    content: "\e033";
}

.glyphicon-flag:before {
    content: "\e034";
}

.glyphicon-headphones:before {
    content: "\e035";
}

.glyphicon-volume-off:before {
    content: "\e036";
}

.glyphicon-volume-down:before {
    content: "\e037";
}

.glyphicon-volume-up:before {
    content: "\e038";
}

.glyphicon-qrcode:before {
    content: "\e039";
}

.glyphicon-barcode:before {
    content: "\e040";
}

.glyphicon-tag:before {
    content: "\e041";
}

.glyphicon-tags:before {
    content: "\e042";
}

.glyphicon-book:before {
    content: "\e043";
}

.glyphicon-bookmark:before {
    content: "\e044";
}

.glyphicon-print:before {
    content: "\e045";
}

.glyphicon-camera:before {
    content: "\e046";
}

.glyphicon-font:before {
    content: "\e047";
}

.glyphicon-bold:before {
    content: "\e048";
}

.glyphicon-italic:before {
    content: "\e049";
}

.glyphicon-text-height:before {
    content: "\e050";
}

.glyphicon-text-width:before {
    content: "\e051";
}

.glyphicon-align-left:before {
    content: "\e052";
}

.glyphicon-align-center:before {
    content: "\e053";
}

.glyphicon-align-right:before {
    content: "\e054";
}

.glyphicon-align-justify:before {
    content: "\e055";
}

.glyphicon-list:before {
    content: "\e056";
}

.glyphicon-indent-left:before {
    content: "\e057";
}

.glyphicon-indent-right:before {
    content: "\e058";
}

.glyphicon-facetime-video:before {
    content: "\e059";
}

.glyphicon-picture:before {
    content: "\e060";
}

.glyphicon-map-marker:before {
    content: "\e062";
}

.glyphicon-adjust:before {
    content: "\e063";
}

.glyphicon-tint:before {
    content: "\e064";
}

.glyphicon-edit:before {
    content: "\e065";
}

.glyphicon-share:before {
    content: "\e066";
}

.glyphicon-check:before {
    content: "\e067";
}

.glyphicon-move:before {
    content: "\e068";
}

.glyphicon-step-backward:before {
    content: "\e069";
}

.glyphicon-fast-backward:before {
    content: "\e070";
}

.glyphicon-backward:before {
    content: "\e071";
}

.glyphicon-play:before {
    content: "\e072";
}

.glyphicon-pause:before {
    content: "\e073";
}

.glyphicon-stop:before {
    content: "\e074";
}

.glyphicon-forward:before {
    content: "\e075";
}

.glyphicon-fast-forward:before {
    content: "\e076";
}

.glyphicon-step-forward:before {
    content: "\e077";
}

.glyphicon-eject:before {
    content: "\e078";
}

.glyphicon-chevron-left:before {
    content: "\e079";
}

.glyphicon-chevron-right:before {
    content: "\e080";
}

.glyphicon-plus-sign:before {
    content: "\e081";
}

.glyphicon-minus-sign:before {
    content: "\e082";
}

.glyphicon-remove-sign:before {
    content: "\e083";
}

.glyphicon-ok-sign:before {
    content: "\e084";
}

.glyphicon-question-sign:before {
    content: "\e085";
}

.glyphicon-info-sign:before {
    content: "\e086";
}

.glyphicon-screenshot:before {
    content: "\e087";
}

.glyphicon-remove-circle:before {
    content: "\e088";
}

.glyphicon-ok-circle:before {
    content: "\e089";
}

.glyphicon-ban-circle:before {
    content: "\e090";
}

.glyphicon-arrow-left:before {
    content: "\e091";
}

.glyphicon-arrow-right:before {
    content: "\e092";
}

.glyphicon-arrow-up:before {
    content: "\e093";
}

.glyphicon-arrow-down:before {
    content: "\e094";
}

.glyphicon-share-alt:before {
    content: "\e095";
}

.glyphicon-resize-full:before {
    content: "\e096";
}

.glyphicon-resize-small:before {
    content: "\e097";
}

.glyphicon-exclamation-sign:before {
    content: "\e101";
}

.glyphicon-gift:before {
    content: "\e102";
}

.glyphicon-leaf:before {
    content: "\e103";
}

.glyphicon-fire:before {
    content: "\e104";
}

.glyphicon-eye-open:before {
    content: "\e105";
}

.glyphicon-eye-close:before {
    content: "\e106";
}

.glyphicon-warning-sign:before {
    content: "\e107";
}

.glyphicon-plane:before {
    content: "\e108";
}

.glyphicon-calendar:before {
    content: "\e109";
}

.glyphicon-random:before {
    content: "\e110";
}

.glyphicon-comment:before {
    content: "\e111";
}

.glyphicon-magnet:before {
    content: "\e112";
}

.glyphicon-chevron-up:before {
    content: "\e113";
}

.glyphicon-chevron-down:before {
    content: "\e114";
}

.glyphicon-retweet:before {
    content: "\e115";
}

.glyphicon-shopping-cart:before {
    content: "\e116";
}

.glyphicon-folder-close:before {
    content: "\e117";
}

.glyphicon-folder-open:before {
    content: "\e118";
}

.glyphicon-resize-vertical:before {
    content: "\e119";
}

.glyphicon-resize-horizontal:before {
    content: "\e120";
}

.glyphicon-hdd:before {
    content: "\e121";
}

.glyphicon-bullhorn:before {
    content: "\e122";
}

.glyphicon-bell:before {
    content: "\e123";
}

.glyphicon-certificate:before {
    content: "\e124";
}

.glyphicon-thumbs-up:before {
    content: "\e125";
}

.glyphicon-thumbs-down:before {
    content: "\e126";
}

.glyphicon-hand-right:before {
    content: "\e127";
}

.glyphicon-hand-left:before {
    content: "\e128";
}

.glyphicon-hand-up:before {
    content: "\e129";
}

.glyphicon-hand-down:before {
    content: "\e130";
}

.glyphicon-circle-arrow-right:before {
    content: "\e131";
}

.glyphicon-circle-arrow-left:before {
    content: "\e132";
}

.glyphicon-circle-arrow-up:before {
    content: "\e133";
}

.glyphicon-circle-arrow-down:before {
    content: "\e134";
}

.glyphicon-globe:before {
    content: "\e135";
}

.glyphicon-wrench:before {
    content: "\e136";
}

.glyphicon-tasks:before {
    content: "\e137";
}

.glyphicon-filter:before {
    content: "\e138";
}

.glyphicon-briefcase:before {
    content: "\e139";
}

.glyphicon-fullscreen:before {
    content: "\e140";
}

.glyphicon-dashboard:before {
    content: "\e141";
}

.glyphicon-paperclip:before {
    content: "\e142";
}

.glyphicon-heart-empty:before {
    content: "\e143";
}

.glyphicon-link:before {
    content: "\e144";
}

.glyphicon-phone:before {
    content: "\e145";
}

.glyphicon-pushpin:before {
    content: "\e146";
}

.glyphicon-usd:before {
    content: "\e148";
}

.glyphicon-gbp:before {
    content: "\e149";
}

.glyphicon-sort:before {
    content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152";
}

.glyphicon-sort-by-order:before {
    content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154";
}

.glyphicon-sort-by-attributes:before {
    content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156";
}

.glyphicon-unchecked:before {
    content: "\e157";
}

.glyphicon-expand:before {
    content: "\e158";
}

.glyphicon-collapse-down:before {
    content: "\e159";
}

.glyphicon-collapse-up:before {
    content: "\e160";
}

.glyphicon-log-in:before {
    content: "\e161";
}

.glyphicon-flash:before {
    content: "\e162";
}

.glyphicon-log-out:before {
    content: "\e163";
}

.glyphicon-new-window:before {
    content: "\e164";
}

.glyphicon-record:before {
    content: "\e165";
}

.glyphicon-save:before {
    content: "\e166";
}

.glyphicon-open:before {
    content: "\e167";
}

.glyphicon-saved:before {
    content: "\e168";
}

.glyphicon-import:before {
    content: "\e169";
}

.glyphicon-export:before {
    content: "\e170";
}

.glyphicon-send:before {
    content: "\e171";
}

.glyphicon-floppy-disk:before {
    content: "\e172";
}

.glyphicon-floppy-saved:before {
    content: "\e173";
}

.glyphicon-floppy-remove:before {
    content: "\e174";
}

.glyphicon-floppy-save:before {
    content: "\e175";
}

.glyphicon-floppy-open:before {
    content: "\e176";
}

.glyphicon-credit-card:before {
    content: "\e177";
}

.glyphicon-transfer:before {
    content: "\e178";
}

.glyphicon-cutlery:before {
    content: "\e179";
}

.glyphicon-header:before {
    content: "\e180";
}

.glyphicon-compressed:before {
    content: "\e181";
}

.glyphicon-earphone:before {
    content: "\e182";
}

.glyphicon-phone-alt:before {
    content: "\e183";
}

.glyphicon-tower:before {
    content: "\e184";
}

.glyphicon-stats:before {
    content: "\e185";
}

.glyphicon-sd-video:before {
    content: "\e186";
}

.glyphicon-hd-video:before {
    content: "\e187";
}

.glyphicon-subtitles:before {
    content: "\e188";
}

.glyphicon-sound-stereo:before {
    content: "\e189";
}

.glyphicon-sound-dolby:before {
    content: "\e190";
}

.glyphicon-sound-5-1:before {
    content: "\e191";
}

.glyphicon-sound-6-1:before {
    content: "\e192";
}

.glyphicon-sound-7-1:before {
    content: "\e193";
}

.glyphicon-copyright-mark:before {
    content: "\e194";
}

.glyphicon-registration-mark:before {
    content: "\e195";
}

.glyphicon-cloud-download:before {
    content: "\e197";
}

.glyphicon-cloud-upload:before {
    content: "\e198";
}

.glyphicon-tree-conifer:before {
    content: "\e199";
}

.glyphicon-tree-deciduous:before {
    content: "\e200";
}

.glyphicon-cd:before {
    content: "\e201";
}

.glyphicon-save-file:before {
    content: "\e202";
}

.glyphicon-open-file:before {
    content: "\e203";
}

.glyphicon-level-up:before {
    content: "\e204";
}

.glyphicon-copy:before {
    content: "\e205";
}

.glyphicon-paste:before {
    content: "\e206";
}

.glyphicon-alert:before {
    content: "\e209";
}

.glyphicon-equalizer:before {
    content: "\e210";
}

.glyphicon-king:before {
    content: "\e211";
}

.glyphicon-queen:before {
    content: "\e212";
}

.glyphicon-pawn:before {
    content: "\e213";
}

.glyphicon-bishop:before {
    content: "\e214";
}

.glyphicon-knight:before {
    content: "\e215";
}

.glyphicon-baby-formula:before {
    content: "\e216";
}

.glyphicon-tent:before {
    content: "\26fa";
}

.glyphicon-blackboard:before {
    content: "\e218";
}

.glyphicon-bed:before {
    content: "\e219";
}

.glyphicon-apple:before {
    content: "\f8ff";
}

.glyphicon-erase:before {
    content: "\e221";
}

.glyphicon-hourglass:before {
    content: "\231b";
}

.glyphicon-lamp:before {
    content: "\e223";
}

.glyphicon-duplicate:before {
    content: "\e224";
}

.glyphicon-piggy-bank:before {
    content: "\e225";
}

.glyphicon-scissors:before {
    content: "\e226";
}

.glyphicon-bitcoin:before {
    content: "\e227";
}

.glyphicon-btc:before {
    content: "\e227";
}

.glyphicon-xbt:before {
    content: "\e227";
}

.glyphicon-yen:before {
    content: "\00a5";
}

.glyphicon-jpy:before {
    content: "\00a5";
}

.glyphicon-ruble:before {
    content: "\20bd";
}

.glyphicon-rub:before {
    content: "\20bd";
}

.glyphicon-scale:before {
    content: "\e230";
}

.glyphicon-ice-lolly:before {
    content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232";
}

.glyphicon-education:before {
    content: "\e233";
}

.glyphicon-option-horizontal:before {
    content: "\e234";
}

.glyphicon-option-vertical:before {
    content: "\e235";
}

.glyphicon-menu-hamburger:before {
    content: "\e236";
}

.glyphicon-modal-window:before {
    content: "\e237";
}

.glyphicon-oil:before {
    content: "\e238";
}

.glyphicon-grain:before {
    content: "\e239";
}

.glyphicon-sunglasses:before {
    content: "\e240";
}

.glyphicon-text-size:before {
    content: "\e241";
}

.glyphicon-text-color:before {
    content: "\e242";
}

.glyphicon-text-background:before {
    content: "\e243";
}

.glyphicon-object-align-top:before {
    content: "\e244";
}

.glyphicon-object-align-bottom:before {
    content: "\e245";
}

.glyphicon-object-align-horizontal:before {
    content: "\e246";
}

.glyphicon-object-align-left:before {
    content: "\e247";
}

.glyphicon-object-align-vertical:before {
    content: "\e248";
}

.glyphicon-object-align-right:before {
    content: "\e249";
}

.glyphicon-triangle-right:before {
    content: "\e250";
}

.glyphicon-triangle-left:before {
    content: "\e251";
}

.glyphicon-triangle-bottom:before {
    content: "\e252";
}

.glyphicon-triangle-top:before {
    content: "\e253";
}

.glyphicon-console:before {
    content: "\e254";
}

.glyphicon-superscript:before {
    content: "\e255";
}

.glyphicon-subscript:before {
    content: "\e256";
}

.glyphicon-menu-left:before {
    content: "\e257";
}

.glyphicon-menu-right:before {
    content: "\e258";
}

.glyphicon-menu-down:before {
    content: "\e259";
}

.glyphicon-menu-up:before {
    content: "\e260";
}

.navbar {
    border-radius: 0px;
}

[id^="content_"] {
    text-align: left;
}

[id^="content_"] .panel-body {
    width: 50%;
}


.icon-filter:before {
    content: "\e741";
    position: relative;
    top: 1px;
}

.icon-info:before {
    content: "\e8c8";
    position: relative;
    top: 1px;
}

.icon-tempoduracao:before {
    content: "\e64e";
    color: #999;
    position: relative;
    top: 1px;
}

.icon-tempojanela:before {
    content: "\e64c";
    color: #999;
    position: relative;
    top: 1px;
}

.icon-lixoRoteiro:before {
    content: "\e8e5";
    position: relative;
    top: 1px;
}

.icon-mudarLocal:before {
    content: "\e644";
    position: relative;
    top: 1px;
}

.icon-localization:before {
    content: "\e643";
    position: relative;
    top: 1px;
}

.icon-localization2:before {
    content: "\e643";
    font-size: 20px;
    color: #666;
    float: left;
    margin-right: 7px;
}

.icon-uniE8F1:before {
    content: "\e8f1";
    font-size: 22px;
    color: rgb(255, 255, 255);
    position: absolute;
    top: -2px;
    left: 4px;
}

.icon-alocar:before {
    content: "\e733";
    position: relative;
    top: 1px;
}

.icon-desalocar:before {
    content: "\e737";
    position: relative;
    top: 1px;
}

.icon-markON:before {
    content: "\e739";
    position: relative;
    top: 1px;
}

.icon-markOFF:before {
    content: "\e73a";
    position: relative;
    top: 1px;
}

.icon-calendar {
    font-size: 20px;
}

.icon-calendar:before {
    content: "\e64f";
}

.icon-markAll:before {
    content: "\e7e2";
    position: relative;
    top: 1px;
}

.icon-setaDireita:before {
    content: "\e91b";
}

.icon-setaEsquerda:before {
    content: "\e91b";
}

.icon-RMveiculos:before {
    content: "\e659";
}

.icon-RMmovimentos:before {
    content: "\e644";
}

.icon-RMparametros:before {
    content: "\e623";
}

.icon-RMrotas:before {
    content: "\e646";
}

.icon-rotasoutmap:before {
    content: "\e646";
    position: relative;
    top: 1px;
}

.icon-finished:before {
    content: "\e6fc";
    position: relative;
    top: 1px;
}

.icon-rotassearch:before {
    content: "\e8c9";
    position: relative;
    top: 1px;
}

.icon-moreoptions:before {
    content: "\e68f";
    position: relative;
    top: 1px;
}

.icon-rotasonmap:before {
    content: "\e647";
    position: relative;
    top: 1px;
}

.icon-RMlogs:before {
    content: "\e8c8";
}

.icon-seeRoutes:before {
    content: "\e6c3";
}

.icon-caminhao:before {
    content: "\e659";
    font-size: 29px;
    float: left;
    margin-left: 7px;
    text-shadow: 0 1px 0 #fff;
}

.icon-caminhao2:before {
    content: "\e659";
    font-size: 29px;
    float: left;
    margin-left: 7px;
    color: #269f20;
}

.icon-romaneio:before {
    content: "\e631";
    font-size: 20px;
    color: #666;
    float: left;
    margin-right: 7px;
}

.icon-situacao:before {
    content: "\e6f9";
    font-size: 20px;
    color: #666;
    float: left;
    margin-right: 7px;
}

.icon-extraInfo:before {
    content: "\e6f9";
    position: relative;
    top: 1px;
    font-size: 15px;
    margin-right: 3px;
}

.icon-placa:before {
    content: "\e624";
    font-size: 20px;
    color: #666;
    float: left;
    margin-right: 7px;
}

.icon-mobile:before {
    content: "\e845";
    font-size: 30px;
    display: block;
    margin-top: 2px;
}

.icon-statusLog:before {
    content: "\e811";
    font-size: 14px;
    margin-right: 7px;
    display: inline;
    position: relative;
}

.icon-regiao:before {
    content: "\e645";
    font-size: 20px;
    color: #666;
    float: left;
    margin-right: 7px;
}

.icon-caminhao3:before {
    content: "\e659";
    font-size: 20px;
    color: #666;
    display: block;
    width: 22px;
    margin-left: 12px;
}

.icon-historico:before {
    content: "\e857";
    font-size: 20px;
    color: #666;
    float: left;
    margin-right: 7px;
}

.icon-motorista:before {
    content: "\e671";
    font-size: 20px;
    color: #666;
    float: left;
    margin-right: 7px;
}

.icon-barras:before {
    color: #666;
    content: "\e698";
    display: block;
    float: left;
    font-size: 32px;
    line-height: 27px;
    margin-right: 0;
    width: 25px;
}

.icon-status:before {
    content: "\e6b4";
    font-size: 20px;
    color: #666;
    float: left;
    margin-right: 7px;
}

.icon-tipo:before {
    content: "\e62e";
    font-size: 20px;
    color: #666;
    float: left;
    margin-right: 7px;
}

.icon-peso:before {
    content: "\e6a3";
    font-size: 20px;
    color: #666;
    float: left;
    margin-right: 7px;
}

.icon-totals:before {
    content: "\e65a9";
    font-size: 20px;
    color: #666;
    float: left;
    margin-right: 7px;
}

.icon-data:before {
    content: "\e64f";
    font-size: 20px;
    color: #666;
    float: left;
    margin-right: 7px;
}

.icon-hora:before {
    content: "\e649";
    font-size: 20px;
    color: #666;
    float: left;
    margin-right: 7px;
}

.icon-aguardando:before {
    content: "\e678";
    font-size: 30px;
    color: #31708f;
    margin-right: 7px;
}

.icon-route:before {
    content: "\e859";
    font-size: 14px;
    margin-right: 5px;
    display: inline;
    position: relative;
}

.icon-folder-plus:before {
    content: "\e628";
    color: #999;
    display: block;
    font-size: 18px;
    margin: 5px 3px;
    float: left;
    text-align: center;
}

.icon-tag:before {
    content: "\e871";
    color: #00429d;
    font-size: 14px;
}

.pretty {
    margin-right: 0px;
}

.tag abbr {
    text-decoration: none;
}

.tag {
    margin-top: 5px;
    display: block;
    font-size: 12px;
}

.btnRoute:hover {
    text-decoration: none;
}

.box_grafico_2 .line .icon-data:before,
.box_grafico_2 .line .icon-hora:before {
    font-size: 32px;
}

.box_grafico_2 .hora {
    width: 125px;
}

.icon-search:before {
    content: "\e7ce";
}

.serachBoxClient .col-md-12,
.selectedClients .col-md-12 {
    border-bottom: 1px dotted #ccc;
    margin: 4px 0px;
    padding: 0px 0px 7px 20px;
}

.serachBoxClient {
    display: none;
    position: absolute;
    top: 57px;
    left: 0px;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 1;
    padding: 15px 0px;
    box-shadow: 0px 2px 5px #c9c9c9;
}

a.search_status_log:hover {
    text-decoration: none !important;
}

a:hover {
    text-decoration: none;
}

.btnRemoveImageOcor {
    margin-top: 5px;
    padding: 0px 7px;
    position: relative;
    top: -60px;
    left: 21px;
    border-radius: 30px;
}

.icon-book {
    position: relative;
    top: 3px;
}

.icon-book:before {
    content: "\e8ee";
}

.icon-chat:before {
    content: "\e66c";
}

.icon-localizacao:before {
    content: "\e644";
    font-size: 20px;
    color: #666;
    float: left;
    margin-right: 7px;
}

.icon-reiniciar:before {
    content: "\e67e";
    color: #00742c;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 14px;
    margin-top: 7px;
}

.icon-logout:before {
    content: "\e6b2";
    color: #fff;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 16px;
    margin: 1px 5px;
}

.icon-user:before {
    content: "\e675";
    color: #fff;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 16px;
    margin: 1px 5px;
}

.icon-cd:before {
    content: "\e659";
    color: #fff;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 16px;
    margin: 1px 5px;
}

.icon-cd_rod:before {
    content: "\e897";
    color: #ffa10a;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 18px;
    margin: 1px 10px;
}

.icon-cd_rod2:before {
    content: "\e897";
    color: #ffa10a;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 26px;
    margin: 1px 10px;
}

.icon-cd_rod3:before {
    content: "\e897";
    font-size: 20px;
}

.icon-prev_entrega3:before {
    content: "\e8cb";
    font-size: 20px;
    cursor: pointer;
}

.icon-prev_entrega:before {
    content: "\e8cb";
    color: #ff7e00;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 11px;
    margin-right: 4px;
}

.icon-emaberto:before {
    content: "\e6fb";
    color: #ba0000;
    display: block;
    font-size: 20px;
    margin: 1px 5px;
    text-align: center;
}

.icon-finalizado:before {
    content: "\e6fc";
    color: #009b28;
    display: block;
    font-size: 20px;
    margin: 1px 5px;
    text-align: center;
}

.icon-ocorrencia:before {
    content: "\e6fd";
    color: #eda700;
    display: block;
    font-size: 20px;
    margin: 1px 5px;
    text-align: center;
}

.icon-entrega:before {
    content: "\e65d";
    color: #fff;
    display: block;
    font-size: 16px;
    margin: 3px 5px;
    float: left;
    text-align: center;
}

.icon-tranferencia:before {
    content: "\e71c";
    color: #fff;
    display: block;
    font-size: 16px;
    margin: 3px 5px;
    float: left;
    text-align: center;
}

.icon-coleta:before {
    content: "\e65e";
    color: #fff;
    display: block;
    font-size: 16px;
    margin: 3px 5px;
    float: left;
    text-align: center;
}

.icon-entrega2:before {
    content: "\e65d";
    color: #00429d;
    display: block;
    font-size: 18px;
    margin: 5px 3px;

    text-align: center;
}

.icon-coleta2:before {
    content: "\e65e";
    color: #009d04;
    display: block;
    font-size: 18px;
    margin: 5px 3px;

    text-align: center;
}

.icon-modalidade:before {
    content: "\e65d";
    color: #9c5dc5;
    display: block;
    font-size: 18px;
    margin: 5px 3px;
    text-align: center;
}

.icon-tranferencia2:before {
    content: "\e71c";
    color: rgb(0, 183, 255);
    display: block;
    font-size: 18px;
    margin: 5px 3px;

    text-align: center;
}

.icon-total_notas:before {
    content: "\e629";
    color: #444;
    display: block;
    font-size: 18px;
    margin: 5px 3px;

    text-align: center;
}

.icon-quality0:before {
    content: "\e6dd";
    font-size: 22px;
    display: block;
    padding: 5px 0px;
    text-align: center;
}

.icon-quality1:before {
    content: "\e6ed";
    font-size: 22px;
    display: block;
    padding: 5px 0px;
    text-align: center;
}

.icon-quality2:before {
    content: "\e6d9";
    font-size: 22px;
    display: block;
    padding: 5px 0px;
    text-align: center;
}

.icon-quality3:before {
    content: "\e6d7";
    font-size: 22px;
    display: block;
    padding: 5px 0px;
    text-align: center;
}

.icon-quality0 {
    color: #dc3545;
}

.icon-quality1 {
    color: #f7b924;
}

.icon-quality2 {
    color: #17a2b8;
}

.icon-quality3 {
    color: #28a745;
}

.icon-upload:before {
    content: "\e8eb";
    cursor: pointer;
    display: block;
    float: left;
    font-size: 18px;
    margin-top: 7px;
    margin-right: 10px;
    color: #007bff;
}

.icon-localizacao2:before {
    content: "\e644";
    cursor: pointer;
    display: block;
    float: left;
    font-size: 16px;
    margin-top: 7px;
    margin-right: 10px;
}

.icon-localizacao3:before {
    content: "\e80b";
    color: #e00000;
    display: block;
}

.icon-depots:before {
    content: "\e603";
    font-size: 14px;
    position: absolute;
    top: 1px;
    left: 8px;
}

.icon-print:before {
    content: "\e651";
    display: block;
    position: relative;
    top: 2px;
    display: inline-block;
}

body.preloader-site {
    overflow: hidden;
}

.preloader-wrapper {
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999990;
    display: none;
}

.preloader-wrapper .preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 170px;
    text-align: center;
}

.preloader span {
    color: #fff;
    margin-top: 10px;
    display: block;
}

.layoutComprovante {
    position: relative;
    background-position: center 10px;
    background-repeat: no-repeat;
    border: 1px solid #828282;
    color: #828282;
    width: 100%;
    height: 327px;
    border-radius: 10px;
    padding: 15px;
    text-align: center;
    font-size: 12px;
}

.imgOcorShowDefault {
    margin: auto;
    cursor: pointer;
    max-width: 568px;
    max-height: 568px;
}

.BoxCustomText {
    padding: 5px 10px;
    background: #eee;
    line-height: 16px;
    display: inline-block;
    border-radius: 7px;
}

.thumbsOcor {
    margin: 20px 0px;
    padding: 0;
}

.thumbsOcor li img {
    width: 45px;
    height: 45px;
    cursor: pointer;
}

.thumbsOcor li {
    display: inline-block;
    padding-right: 5px;
    ;
}

.topAssinaturaText {
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 14px;
}

.bottomDataText {
    position: absolute;
    bottom: 10px;
    left: 15px;
    right: 15px;
}

.comprovanteEntrega {
    font-size: 14px;
}

.icon-lixo:before {
    content: "\e6a9";
    color: #444;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 16px;
    margin-top: 7px;
    margin-left: 10px;
}

.icon-ocorrencia_rel:before {
    content: "\e6fd";
    cursor: pointer;
    font-size: 22px;
    margin-right: 5px;
    width: 22px;
}

.oc_off .icon-ocorrencia_rel:before {
    color: #d1d1d1;
}

.oc_on .icon-ocorrencia_rel:before {
    color: #ffbf1e;
}

.icon-chave:before {
    content: "\e633";
    color: #000;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 19px;
    margin-top: 7px;
    margin-left: 10px;
}

.tag_rom .label-primary,
.placaBox {
    background-color: #ccc;
    color: #000;
    border: 2px solid #000;
    padding: 5px 0px !important;
    width: 96px;
    display: block;
    float: left;
}

.colHeaderocorData {
    background-color: #f5f5f5;
    padding-top: 10px;
    color: #606060;
}

.textColorLight {
    color: #808080;
}

.textBoldPadding b {
    display: block;
    margin-top: 5px;
    font-size: 14px;
    text-transform: lowercase;
    color: #444;
}

.header_bar_top {
    background-color: #444;
    box-shadow: 3px 0 2px #888;
    height: 35px;
    width: 100%;
    padding: 9px 0px;
    line-height: 15px;
}

.tineLogo img {
    width: 90px;
    height: 32px;
    border-radius: 8px;
}

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

.link_topo {
    color: #fff;
    display: block;
    font-size: 12px;
    float: right;
    margin: 0px 10px;
    cursor: pointer;
}

.title-icons {
    color: #666;
    font-size: 16px;
    line-height: 20px;
}

.list-operador {
    font-size: 14px;
}

.list-operador th {
    padding: 10px;
    text-align: left;
}

.list-operador .tag_rom {
    vertical-align: middle;
}

.barhide_1 {
    position: absolute;
    top: 12px;
    width: 99.5%;
}

.barhide_2 {
    height: 20px;
    float: left;
}

.list-operador .label-primary {
    font-size: 18px;
    padding: 5px 22px;
}

.list-operador .label {
    text-transform: capitalize;
    line-height: 23px;
    font-size: 100%;
}

table thead tr {
    background-color: #f5f5f5;
}

.table>tbody>tr>td {
    vertical-align: middle;
}

.footer {
    width: 100%;
    padding: 10px 0px;
    color: #fff;
    background-color: #444;
    font-size: 11px;
    text-align: center;
    position: absolute;
    bottom: 0px;
}

.footer a {
    color: #fff;
    font-weight: bold;
    background-color: #fff;
    padding: 3px 6px;
    border-radius: 10px;
}

.mask_hist {
    height: 210px;
    overflow: auto;
}

.icon-setaright:before {
    content: "\e91b";
    position: absolute;
    right: 5px;
    color: #444;
    top: 70px;
    z-index: 10;
    font-size: 44px;
    cursor: pointer;
}

.icon-setaleft:before {
    content: "\e918";
    position: absolute;
    left: 5px;
    color: #444;
    top: 70px;
    z-index: 10;
    font-size: 44px;
    cursor: pointer;
}

.h_destino {
    float: left;
    width: 255px;
    height: 175px;
    position: relative;
}

.h_destino .linha {
    position: absolute;
    bottom: 41px;
    height: 13px;
    background-color: #999;
    width: 100%;
}

.h_destino .linha .grey {
    background-color: #999;
    height: 13px;
    float: right;
    width: 50%;
}

.h_destino .bola {
    position: absolute;
    bottom: 33px;
    height: 30px;
    background-color: #999;
    width: 30px;
    border-radius: 20px;
    left: 50%;
    margin-left: -20px;
    padding: 6px;
    text-align: center;
    font-weight: bold;
    color: #fff;
}

.h_destino .placa {
    position: absolute;
    top: 5px;
    height: 40px;
    width: 85%;
    font-size: 10px;
    text-align: center;
    left: 50%;
    margin-left: -40%;
}

.h_destino .placa span b {
    font-size: 10px;
}

.h_destino .caminhao {
    width: 40px;
    height: 30px;
    position: absolute;
    top: 78px;
    left: 50%;
    margin-left: -20px;
}

.h_destino .tempo {
    width: 110px;
    padding: 3px 7px;
    position: absolute;
    top: 150px;
    left: 50%;
    margin-left: -55px;
    display: none;
    font-size: 10px;
    line-height: 16px;
    text-align: center;
    background: #F1F1F1 none repeat scroll 0% 0%;
    border-radius: 4px;
    z-index: 10;
}

.h_destino .caminhao .icon-caminhao:before {
    content: "\e659";
    font-size: 26px;
    display: none;
}

.icon-empresa:before {
    content: "\e604";
    font-size: 22px;
    color: #00537a;
    display: block;
    width: 60px;
    margin: 0 auto;
    margin-bottom: 7px;
}

.h_destino .h_active {
    background-color: #00B912;
}

.h_destino .active .icon-caminhao:before,
.h_destino .active {
    display: block !important;
}

.icon-hist_tempo:before {
    content: "\e64e";
    display: block;
    font-size: 16px;
    color: #444;
    float: left;
}

.icon-less:before {
    content: "\e8c0";
    font-size: 18px;
    color: #444;
    cursor: pointer;
}

.icon-more:before {
    content: "\e8c1";
    font-size: 18px;
    color: #444;
    cursor: pointer;
}

.fotoMotorista {
    margin-top: -15px;
    display: inline-block;
    width: 100px;
    height: 100px;
    background-position: top center;
    background-size: 100px auto;
    border-radius: 120px;
}

.fotoMotoristaDefault .icon-motorista:before {
    font-size: 70px;
    padding: 10px 15px;
}

.fotoOcorDataMotorista {
    margin-top: -15px;
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 80px;
    background-color: #ccc;
    background-position: top center;
    border-radius: 120px;
}

.fotoOcorDataMotorista .icon-motorista::before {
    font-size: 91px !important;
    padding: 9px 15px !important;
}

.fotoOcorDataMotorista {
    margin-top: 0px;
    width: 120px;
    height: 120px;
    background-size: 120px auto;
    float: left;
    margin-left: 24px;
}

.bglogin {
    background-color: rgba(255, 255, 255, 0);
    background-image: radial-gradient(circle at right bottom, #f2f7fc 48%, #ffffff 25%);
    background-position: center center;
    background-repeat: no-repeat;
    display: flex;
}

.panel_black {
    background: #000;
    opacity: 0.6;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    display: none;
    z-index: 2;
}

.list_group_ends {
    /* position: fixed;
	margin-left: -145px;
	top: 50%;
	left: 50%;	
	z-index: 10; */
    background: #fff;
    width: 100%;
    padding: 10px 10px;
    display: none;
}

.list_group_ends input {
    width: 100%;
    margin-top: 20px;
    background: #23b412;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
}

.list_group_ends select {
    width: 100% !important;
    margin-bottom: 10px;
    height: 45px;
}

.list_icons_dados .icon-entrega2,
.list_icons_dados .icon-coleta2 {
    margin-right: 0px;
}

.close_b {
    display: block;
    float: right;
    margin-right: -10px;
    cursor: pointer;
    margin-top: -35px;
    background-color: #FFF;
    padding: 1px 5px;
}

.close_b input {
    padding: 0;
    margin: 0;
    color: #444;
    background: #fff;
    font-size: 17px;
}

.box_info_baixa {
    box-shadow: 0px 0px 3px #888;
    text-align: center;
    display: none;
    font-size: 16px;
    padding: 15px;
    border-radius: 5px;
    width: 90%;
    background-color: #fff;
    top: 50%;
    left: 5%;
    position: fixed;
    z-index: 10;
    -webkit-backface-visibility: hidden;
}

.list_icons_dados {
    width: 100%;
    padding: 5px 0px;
    line-height: 28px;
}

.baixa_btn_moreinfo {
    width: 114px;
    height: 40px;
    font-size: 16px;
    margin: 10px 0px;
    color: #fff;
    background-color: #444;
}

.bs_primary {
    font-size: 22px;
    width: 100%;
    height: 100%;
    padding: 8px;
    margin-top: 0px;
    background: #f1f1f1;
    border: 0px !important;
}

.btn-entregue {
    float: left;
    width: 50%;
    height: 80px;
    color: #007f17;
    background: #CCFFD6;
    font-size: 13px;
    padding: 17px 0px;
}

.btn-ocorrencia {
    float: right;
    width: 50%;
    height: 80px;
    color: #c68e00;
    background: #FFEEC5;
    font-size: 13px;
    padding: 17px 0px;
}

.btn-chegada,
.btn-esc {
    float: left;
    width: 100%;
    height: 80px;
    color: #085395;
    background: rgb(203, 231, 255);
    font-size: 19px;
    padding: 29px 0px;
}

.btn-esc {
    font-size: 17px;
    padding: 8px 0px;
    background: #f1f1f1;
    color: #444;
}

.btn-ocorrencia,
.btn-chegada,
.btn-entregue,
.btn-esc {
    text-transform: uppercase;
    border-radius: 0;
    box-shadow: 0px 0px 3px #ddd;
    cursor: pointer;
}

.icon-entregue,
.icon-ocorrencia,
.icon-esc {
    width: 100%;
    display: block;
}

.icon-chegada:before {
    content: "\e644";
    color: #085395;
    padding-right: 9px;
}

.icon-notas:before {
    content: "\e62d";
    color: #085395;
    padding-right: 9px;
}

.icon-entregue:before {
    content: "\e6fc";
    color: #007f17;
    font-size: 22px;
    margin-bottom: 7px;
    display: block;
}

.icon-ocorrencia:before {
    content: "\e6fd";
    color: #c68e00;
    font-size: 20px;
    margin-bottom: 1px;
    display: block;
}

.icon-addressChecked:before {
    content: "\e6fc";
    color: #007f17;
    position: relative;
    top: 1px;
}

.icon-addressError:before {
    content: "\e6fb";
    color: #f4516c;
    position: relative;
    top: 1px;
}

.icon-esc:before {
    content: "\e633";
    color: #444;
    font-size: 32px;
    margin-bottom: 7px;
    display: block;
}

.icon-parado {
    display: none;
    position: absolute;
    top: 50%;
    left: 3px;
    margin-top: -16px;
}

.icon-parado:before {
    content: "\e64e";
    color: #e50000;
    font-size: 26px;
}

.tr_parado {
    padding-left: 34px !important;
}

div[data-select=true] {
    border: 3px solid #444;
}

.list_group_ends .list_icons_dados {
    display: inline-table;
}

.block_select {
    padding-left: 0px !important;
}

.tipoveic {
    background: #868686;
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 5px;
    border-radius: 3px;
    position: relative;
    top: 4px;
}

.modeloveic {
    display: block;
    background: #ddd;
    color: #444;
    font-size: 23px;
    font-weight: bold;
    margin-left: 5px;
    float: left;
    padding: 6px 5px;
    border-radius: 6px;
}

.balaoModeloVeic {
    display: block;
    background: #000;
    color: #444;
    font-size: 23px;
    font-weight: bold;
    padding: 5px 5px;
    border-radius: 19px;
    width: 36px;
    height: 36px;
    position: relative;
}

.balaoModeloVeic.top {
    background: #f1f1f1;
    top: -35px;
    left: 1px;
    width: 34px;
    height: 34px;
}

.fotoMotoristaPopUp {
    width: 45px;
    height: 45px;
    display: block;
    border-radius: 23px;
    margin-top: 10px;
    position: relative;
    top: -5px;
}

.filterPane {
    position: absolute;
    z-index: 1000;
    background: #fff;
    padding: 20px 30px;
    width: 180px;
    top: 91px;
    left: 13px;
    box-shadow: 0px 0px 5px #888;
    font-size: 12px;
}

.filterPane .form-check-label {
    line-height: 21px;
    cursor: pointer;
}

.filterPane h6 {
    font-weight: bold;
}

.filterPane hr {
    margin-left: -15px;
    margin-right: -15px;
}

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

.boxNamesIcon {
    width: 200px;
    height: 25px;
    margin-top: -18px;
    margin-left: -100px;
    margin-left: -83px;
    text-align: center;
}

.namesIcon {
    display: inline;
    text-align: center;
    box-shadow: 0px 0px 2px #888;
    font-weight: bold;
    color: #444;
    font-size: 10px;
    padding: 1px 8px;
    background: #fff;
    border-radius: 10px;
}



.arrow-down {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #f1f1f1;
    position: relative;
    top: 5px;
    left: 6px;
}

.iconGrafico1 {
    position: relative;
    font-size: 33px;
    margin-left: 10px;
    top: -3px;
}

.itens_ico abbr {
    display: block;
    width: 35px;
    float: left;
    margin-top: -10px;
    text-align: center;
    border-bottom: 0px;
}

#AjaxLoading {
    padding: 8px 10px;
    z-index: 3;
    height: 30px;
    background-color: rgb(241, 241, 241);
    display: none;
    font-size: 12px;
    text-align: center;
}

#AjaxLoadingError {
    padding: 8px 10px;
    z-index: 3;
    height: 30px;
    background-color: #c60000;
    color: #fff;
    font-weight: bold;
    display: none;
    font-size: 12px;
    text-align: center;
    width: 100%;
}

.titleMobile {
    background: #f1f1f1;
    width: 100%;
    padding: 12px 15px;
    line-height: 25px;
    margin-bottom: 20px;
}

.boxColorSectors {
    display: block;
    width: 100%;
    height: 30px;
    text-align: center;
    padding-top: 5px;
    color: #fff;
}

.sectorsPane .circle .popup {
    position: absolute;
    bottom: 15px;
    left: 0px;
    background-color: #fff;
    padding: 10px;
    box-shadow: 0px 0px 2px #888;
    display: none;
    min-width: 300px;
}

.sectorsPane .circle {
    width: 15px;
    height: 15px;
    margin: 4px;
    border-radius: 20px;
    display: inline-block;
    cursor: pointer;
    position: relative;
}


.sectorsPane h5 {
    font-size: 14px;
    background: #fff;
    padding: 5px;
    position: relative;
    margin-left: -14px;
    margin-right: -15px;
    margin-top: -10px;
}

.sectorsPane {
    color: #444;
    min-width: 300px;
    padding: 10px 15px;
    background-color: #f1f1f1;
    position: absolute;
    left: 7px;
    bottom: 7px;
    box-shadow: 0px 0px 4px #888;
    z-index: 1000;
}

.removeCep {
    position: absolute;
    right: 0px;
}

.icon-flag:before {
    content: "\e8ec";
    position: absolute;
    top: -2px;
    left: 0px;
    font-size: 31px;
    text-shadow: 0px 0px 3px #a8a8a8;
}

.icon-foto_rel:before {
    content: "\e607";
    cursor: pointer;
    font-size: 22px;
    width: 22px;
    color: #616161;
}

.icon-uniE6FC:before {
    content: "\e6fc";
    color: #00742c;
}

.icon-uniE6F5:before {
    content: "\e6f5";
    color: #db6300;
}

.icon-uniE643:before {
    content: "\e643";
    color: #00429d;
}

.icon-uniE644:before {
    content: "\e644";
    color: #00789f;
}

.icon-uniE60E:before {
    content: "\e60e";
    color: #444;
}

.icon-uniE633:before {
    content: "\e633";
    color: #000;
}

.icon-uniE607:before {
    content: "\e607";
    color: rgb(124, 0, 155);
}

.icon-uniE645:before {
    content: "\e645";
    color: rgb(194, 0, 0);
}

.icon-uniE6FE:before {
    content: "\e6fe";
    color: rgb(194, 0, 0);
    font-size: 22px;
    position: relative;
    top: 60px;
}

.icon-uniE6FF:before {
    content: "\e6ff";
    color: #00742c;
    font-size: 22px;
    position: relative;
    top: 60px;
}

.iconRecurso {
    font-size: 50px;
    position: relative;
    bottom: 15px;
}

.boxRecurso {
    text-align: center;
    padding: 45px 0px;
    margin: 20px 0px;
    width: 100%;
    border: 1px solid #dadada;
    height: 220px;
}

.boxRecurso .title {
    text-align: center;
    display: block;
    color: #444;
    font-size: 14px;
    padding: 10px 0px;
    text-transform: uppercase;
    font-weight: bold;
}

.boxRecurso .requisitos {
    color: #777;
    display: block;
    font-size: 12px;
}

.titleRecurso {
    background: #f1f1f1;
    width: 100%;
    padding: 18px 15px;
    font-size: 12px;
    margin-bottom: 20px;
    text-align: center;
}

.boxTitleRecursos {
    float: left;
    width: 120px;
}

.boxRecursos {
    float: left;
    width: 120px;
    text-align: center;
    border-right: 1px solid #d8d8d8;
    height: 157px;
    margin-top: 20px;
}

.blockFil {
    width: 100%;
    position: relative;
    padding: 20px;
    display: inline-block;
    cursor: pointer;
}

.blockFil>.box {
    box-shadow: 0px 0px 3px #888;
    height: 115px;
}

.blockFil>.box>.itens_ico {
    padding: 57px 0px 0px 25px;
}

.tagFil {
    background: #00429d;
    color: #fff;
    padding: 5px 80px;
    position: absolute;
    left: -7px;
    top: 6px;
    border-radius: 0px;
}

.emaberto {
    color: #f4516c;
    /* background: #ba00000a; */
    border-top: 5px solid #f4516c;
    border-right: 1px solid #e6e6e6;
    font-size: 34px;
    height: 105%;
    text-align: left;
    padding: 10px;
    position: relative;
    top: -5px;
    overflow: hidden;
}

.finalizado {
    color: #34bfa3;
    /* background: #009b280a; */
    border-top: 5px solid #34bfa3;
    border-right: 1px solid #e6e6e6;
    font-size: 34px;
    height: 105%;
    text-align: left;
    padding: 10px;
    position: relative;
    top: -5px;
    overflow: hidden;
}

.ocorrencia {
    color: #F4DA70;
    /* background: #d6b35f0a; */
    border-top: 5px solid #F4DA70;
    font-size: 34px;
    height: 105%;
    text-align: left;
    padding: 10px;
    position: relative;
    top: -5px;
    overflow: hidden;
}

.finalizado>.icon-finalizado:before,
.ocorrencia>.icon-ocorrencia:before,
.emaberto>.icon-emaberto:before {
    position: absolute;
    left: 143px;
    top: 28px;
    font-size: 88px;
    opacity: 0;
}

.finalizado small,
.emaberto small,
.ocorrencia small {
    color: #999;
    font-size: 14px;
}

.finalizado .number,
.emaberto .number,
.ocorrencia .number {
    position: absolute;
    right: 10px;
    top: 5px;
}

.finalizado h4,
.emaberto h4,
.ocorrencia h4 {
    margin-bottom: 5px;
}

.finalizado .progress,
.emaberto .progress,
.ocorrencia .progress {
    margin: 21px 0px;
    height: 8px;
}

.finalizado .progress .progress-bar {
    background: #34bfa3;
}

.ocorrencia .progress .progress-bar {
    background: #F4DA70;
}

.emaberto .progress .progress-bar {
    background: #f4516c;
}

.blockFil .icon-entrega2:before,
.blockFil .icon-total_notas:before,
.blockFil .icon-coleta2:before {
    font-size: 22px;
}

#chartdiv,
#chartdiv2,
#chartdiv3,
#chartdiv4 {
    width: 100%;
    height: 500px;
    margin: 50px 0px;
    display: inline-block;
}

abbr[title],
abbr[data-original-title] {
    text-decoration: none;
}

.infoPlus {
    float: left;
    width: 40px;
    height: 70px;
    background: #f9f9f9;
    padding-top: 24px;
    color: #e1e1e1;
    text-align: center;
    border-left: 1px solid #ececec;
}

.infoPlus2 {
    width: 32px;
    height: 70px;
    background: #f9f9f9;
    padding-top: 24px;
    text-align: center;
    border-left: 1px solid #ececec;
}

.box_lastMov {
    width: 100%;
    padding: 15px;
    font-size: 12px;
    border-bottom: 1px solid #888;
    border-radius: 3px;
    border-style: solid;
    border-width: 0px 0px 0px 5px;
    margin: 10px 0px;
    background: #f9f9f9;
}

.unReadMessageBox {
    display: none;
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #57d757;
    color: #fff;
    border-radius: 20px;
    right: 10px;
    top: 32px;
    text-align: center;
    font-size: 12px;
    padding: 7px 0px;
}

.unReadMessageBoxDate {
    width: 80px;
    height: 20px;
    position: absolute;
    color: #57d757;
    right: -3px;
    top: -12px;
    text-align: right;
    font-size: 12px;
    padding: 0px 0px;
}

.lastMess {
    width: 140px;
    height: 20px;
    position: absolute;
    color: #888;
    left: -166px;
    top: 1px;
    text-align: left;
    font-size: 12px;
    padding: 0px 0px;
}

.titleMotoristaLastMovs {
    width: 100%;
    padding-bottom: 10px;
    display: inline-block;
}

.titleMotoristaLastMovs b {
    padding-top: 6px;
    display: inline-block;
}

.titleMotoristaLastMovs .fotoMotoristaDefault {
    margin-top: 0px;
    margin-right: 10px;
    float: left;
    width: 40px;
    height: 40px;
    background: #e8e8e8;
    border-radius: 50%;
}

.titleMotoristaLastMovs .fotoMotorista {
    margin-top: 0px;
    width: 40px;
    height: 40px;
    background-size: 40px auto;
    float: left;
    margin-right: 10px;
}

.titleMotoristaLastMovs .icon-motorista:before {
    font-size: 24px;
    padding: 7px 8px;
}

.label-danger {
    color: #ba0000;
}

.label-warning {
    color: #c68e00;
}

.label-success {
    color: #009b28;
}

.tag_rom [id^='status_'] .icon-statusLog:before {
    font-size: 22px;
    margin-right: 0px;
}

.placa {
    text-align: center;
    border-radius: 5px;
    font-weight: bold;
}

.formLoginIn input:-webkit-autofill,
.formLoginIn input:-webkit-autofill:hover,
.formLoginIn input:-webkit-autofill:focus,
.formLoginIn input:-webkit-autofill:active,
.formLoginIn input {
    -webkit-box-shadow: 0 0 0 30px #f1f1f1 inset !important;
    border-radius: 20px;
    border: 0px;

}

.formLoginIn {
    width: 800px;
    height: 500px;
    text-align: left;
    position: relative;
    top: 50%;
    margin-top: -250px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #666;
}

.formLoginOut {
    width: 700px;
}

.form-control {
    border-radius: 0px;
}

.logoP {
    margin-top: 160px;
}

#hamburger {
    display: none;
    float: left;
    font-size: 30px;
    margin: 0px 10px 0px 1px;
    color: #fff;
    cursor: pointer;
}

.allContent {
    transition: all 0.2s ease;
}

#mymenu li {
    float: none;
    display: inline-block;
}

.navbar-nav {
    float: none;
}

.navbar-light .navbar-nav .nav-link:hover {
    background-color: #fff;

}

.navbar-light .navbar-nav .nav-link {
    height: 71px;
    padding: 26px 14px;
}

.dropdown-menu li {
    width: 100%;
}

.bgBlack {
    position: fixed;
    top: 0px;
    bottom: -23px;
    right: 0px;
    left: 0px;
    z-index: 13600;
    background: #000;
    opacity: 0.6;
    display: none;
}

.codTransp {
    color: #b5b5b5;
}

.logOutBtn {
    background: #999;
    padding: 11px 17px 7px 7px;
    margin-top: -10px;
}

.infoWelcome {
    text-align: left;
}

.openSearch {
    display: none;
}

.logoPLog {
    margin: 30px 0px;
}

.hideDesktop {
    display: none !important;
}

abbr[data-original-title],
abbr[title] {
    border: 0px solid #fff !important;
}

input[name="codigo[]"] {
    width: 145px !important;
}

input[name="descricao[]"] {
    width: 300px !important;
}

.boxMultiStatus {
    margin: 15px -2px;
    text-align: center;
    display: inline-grid;
    width: 280px;
}

.timelineMultiStatus {
    position: relative;
    padding: 0px;
}

.timelineMultiStatus label {
    padding: 0px 20px !important;
}

.lineMultiStatus {
    position: relative;
    border-bottom: 2px solid #ccc;
    top: 13px;
    left: 0px;
    right: 0px;
    height: 2px;
    -webkit-transition: border-bottom-color 1000ms linear;
    -ms-transition: border-bottom-color 1000ms linear;
    transition: border-bottom-color 1000ms linear;
}

.circleMultiStatus {
    position: absolute;
    background: #ccc;
    bottom: 11px;
    left: 50%;
    width: 10px;
    height: 10px;
    border-radius: 15px;
    margin-left: -5px;
    -webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}

.lineMultiStatus.checked,
.circleMultiStatus.checked {
    background: #22f578;
    border-bottom: 2px solid #22f578;
}

.dateMultiStatus {
    font-style: italic;
    font-weight: normal;
}

.multiStatusBoxList {
    background: #fff;
    padding: 20px 30px;
}

.MultiStatusLineTD {
    text-align: left;
    padding: 0px 15px !important;
}

div[id^="ms_linkmap_"] {}

div[id^="ms_linkmap_"] label,
div[id^="ms_linkmap_"] span,
div[id^="ms_linkmap_"] small {
    cursor: pointer;
}

.cars-U:before {
    content: "\e900";
}

.cars-V:before {
    content: "\e901";
}

.cars-C:before {
    content: "\e902";
}

.cars-T:before {
    content: "\e903";
}

.cars-M:before {
    content: "\e904";
}

.cars-O:before {
    content: "\e905";
}

.cars-A:before {
    content: "\e906";
}

.chatBody {
    background: #fff;
}

.dialogTitles {
    background: #fdfdfd;
    padding: 0px;
    border: 1px solid #ccc;
    bottom: 16px;
    top: 15px;
    left: 0px;
    right: 0px;
    position: absolute;
    overflow: auto;
}

.fieldMaskInput {
    background-color: #fff;
    border: 0px;
    width: 100px;
}

.dialog {
    overflow: auto;
    background: #fdfdfd;
    padding: 20px 10px;
    z-index: 100;
    margin: -1px 0px 15px 0px;
    position: relative;
    border: 1px solid #ccc;
}

.dialogHeader {
    opacity: 0;
    background: #f1f1f1;
    padding: 20px 10px;
    margin: 15px 0px 0px 0px;
    position: relative;
    border: 1px solid #ccc;
}

.dialogHeader .icon-motorista:before {
    font-size: 36px;
    padding: 6px 7px;
}

.dialogHeader .fotoMotorista {
    margin-top: 0px;
    background-size: 50px auto;
    width: 50px;
    height: 50px;
}

.dialogHeader .nomeMotor h5 {
    line-height: 17px;
    margin: 10px 0px;
}

.dialogHeader .nomeMotor h5 small {
    font-size: 14px;
    color: #888;
}

.chatMessageBox {
    padding: 7px 12px 15px 12px;
    color: #444;
    position: relative;
    font-size: 14px;
    width: 400px;
    text-align: left;
    box-shadow: 1px 1px 2px rgb(221, 221, 221);
    border-radius: 5px;
}

.chatMessageBox .name {
    display: block;
    font-weight: bold;
}

.chatMessageBox .arrow {
    position: absolute;
    top: 7px;
    display: block;
}

.chatMessageBox .dateTimeMess {
    display: block;
    position: absolute;
    color: #999;
    bottom: -21px;
    font-size: 12px;
}

.chatMessageBox.operador {
    float: right;
    background: #f1f1f1;
    margin: 0px 13px 35px 13px;
}

.chatMessageBox.operador .arrow {
    right: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #f1f1f1;
}

.chatMessageBox.operador .dateTimeMess {
    right: 0px;
}

.chatMessageBox.motorista {
    background: #d4ffea;
    margin: 0px 13px 35px 13px;
}

.chatMessageBox.motorista .arrow {
    left: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #D4FFEA;
}

.chatMessageBox.motorista .dateTimeMess {
    left: 0px;
}

.chatMessageBox.operador .name {
    color: #00537a;
}

.chatMessageBox.motorista .name {
    color: #00742c;
}

.boxScroll {
    display: none;
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 20px;
    height: 20px;
    background: #085395;
    border-radius: 50px;
    cursor: pointer;
}

.operadorStatus {
    width: 100%;
    display: block;
    padding: 2px 2px 2px 2px;
    margin-bottom: 5px;
}

.tag_rom .progress {
    margin-bottom: 0px;
}

.tag_rom .progress .progress-bar {
    font-size: 10px;
    line-height: 11px;
}

.boxDiv {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #d9d9d9;
    box-shadow: 0px 0px 3px #88888857;
    text-align: left;
}

.boxDiv>h4 {
    padding: 15px;
    margin: -10px -15px;
    background: #f1f1f1;
}

.rightLine .icon-entrega::before,
.rightLine .icon-coleta::before {
    /*margin: -3px 5px;*/
}

.rightLine>label {
    width: 100%;
    cursor: pointer;
}

.rightLine label {
    cursor: pointer;
}

.rightLine small {
    font-weight: normal;
}

.rightLine {
    display: flex;
    padding: 10px 11px 3px 10px;
    border: 1px solid #ccc;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    line-height: 15px;
    height: 100%;
}

.leftLine {
    float: left;
    padding: 14px 11px 16px 8px;
    border: 1px solid #ccc;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-right: -1px;
    width: 10%;
    max-width: 45px;
    height: 100%;
}

.lineNotasRoteiro {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    position: relative;
    z-index: 10;
    height: 108px;
    background: #fff;
}

.icone.msg {
    width: 10px;
    height: 10px;
    display: block;
    background: #f7833e;
    border-radius: 13px;
    position: absolute;
    top: 6px;
    right: 5px;
}

.lineNotasRoteirizando {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    position: relative;
    z-index: 10;
    height: 103px;
    background-color: #fff;
    padding-left: 0px;
}

.roteirizando input[id^="nota_"] {
    margin-left: 0px;
}

.lineNotasRoteirizando>label {
    width: 100%;
}

.highlight {
    background-color: #f1f1f1;
}

#notasAlocadas {
    min-height: 300px;
}

#notasNaoAlocadas {
    position: relative;
    z-index: 1;
    min-height: 300px;
}

.totalizadoresRoteiro {
    font-size: 17px;
    color: #999;
    display: inline-block;
    padding: 1px 0px;
}

.horas {
    display: inline;
    width: 56px;
    padding: 8px;
    height: 28px;
}

.form-group.fieldsHours {
    margin: 10px 0px 0px 0px;
}

.fieldsHours input {
    font-weight: normal;
}

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

.loading {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1;
    display: none;
}


.loading .text {
    display: block;
    position: relative;
    top: 50%;
    left: 50%;
    margin-top: -11px;
    margin-left: -80px;
    color: #fff;
    font-size: 16px;
}

.counterMarker {
    position: absolute;
    font-size: 10px;
    top: 1px;
    left: 6px;
    width: 16px;
    text-align: center;
    font-weight: bold;
    letter-spacing: -1px;
}

.leaflet-div-icon .icon-localization2:before {
    font-size: 30px;
    position: absolute;
    color: unset;
}

.leaflet-div-icon .icon2.icon-localization2:before {
    font-size: 32px;
    color: rgb(0, 0, 0);
    position: absolute;
    top: -1px;
    left: -1px;
}

.leaflet-div-icon {
    background: transparent !important;
    border: 0 !important;
    margin-left: -14px !important;
    margin-top: -31px !important;
    position: relative;
}

.RoteiroBarraLateral.esconder {
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
    -ms-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
    left: -347px;
}

.RoteiroBarraLateralBTN.esconder {
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
    -ms-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
    left: -6px;
}

.RoteiroBarraLateralBTN.rotas.esconder,
.RoteiroBarraLateralBTN.logs.esconder {
    bottom: -6px;
    left: auto;
}

.RoteiroBarraLateral {
    position: fixed;
    padding: 0px 0px;
    background: #fff;
    z-index: 10000;
    top: 35px;
    width: 347px;
    left: 0;
    overflow: auto;
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
    -ms-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
    font-size: 16px;
}

.RoteiroBarraLateral .form-control {
    font-size: 14px;
}

.RoteiroBarraLateral.rotas,
.RoteiroBarraLateral.logs {
    top: auto;
    left: auto;
    bottom: 0px;
    width: 100%;
    height: 350px;
}

.RoteiroBarraLateral.rotas.esconder,
.RoteiroBarraLateral.logs.esconder {
    bottom: -350px;
}

.RoteiroBarraLateralBTN {
    cursor: pointer;
    position: fixed;
    padding: 8px 8px 8px 15px;
    color: #444;
    background: #fff;
    z-index: 10000;
    left: 347px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    font-size: 22px;
    box-shadow: 0px 0px 3px #888;
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
    -ms-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
}

.items.active {
    background: rgba(255, 255, 255, 0.3);
    cursor: grabbing;
    cursor: -webkit-grabbing;
    transform: scale(1);
}

.RoteiroBarraLateralBTN.parametros {
    top: 236px;
}

.RoteiroBarraLateralBTN.movimentos {
    top: 274px;
}

.RoteiroBarraLateralBTN.veiculos {
    top: 312px;
}

.RoteiroBarraLateralBTN.rotas {
    bottom: 350px;
    left: auto;
    right: 137px;
    padding: 8px 8px 8px 8px;
    border-top-left-radius: 7px;
    border-bottom-right-radius: 0px;
}

.RoteiroBarraLateralBTN.logs {
    bottom: 350px;
    left: auto;
    right: 100px;
    padding: 8px 8px 8px 8px;
    border-top-left-radius: 7px;
    border-bottom-right-radius: 0px;
}

.circleNumberRoutes {
    color: #fff;
    width: 18px;
    height: 18px;
    font-size: 10px;
    text-align: center;
    line-height: 18px;
    bottom: 6px;
}

.btnShowOnMap {
    height: 30px;
    display: block;
    background: #fff;
    padding: 8px 8px;
    position: absolute;
    right: 10px;
    top: 10px;
    color: #444;
    font-size: 12px;
    border: 1px solid #ccc;
    cursor: pointer;
}

.btnOptions {
    height: 28px;
    display: block;
    background: #f1f1f1;
    padding: 6px 8px;
    position: absolute;
    right: 10px;
    top: 66px;
    color: #444;
    font-size: 12px;
    border: 1px solid #ccc;
    cursor: pointer;
}

.squareEntrega {
    height: 30px;
    display: block;
    background: #00429d;
    padding: 6px 4px;
    float: left;
    margin-right: 10px;
}

.squareColeta {
    height: 30px;
    display: block;
    background: #009d04;
    padding: 10px 4px;
    float: left;
    margin-right: 10px;
}

.leaflet-popup-content .btn {
    float: right;
    border: 0px;
}

.leaflet-popup-content hr {
    margin: 10px 0px;
}

.leaflet-popup-content {
    display: inline-block;
    min-width: 220px;
}

.badge-dark {
    background-color: #e9ecef;
    color: #444;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 22px;
}

.page-item {
    display: inline;
}

.tipomovTag {
    display: block;
    width: 120px;
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 23px;
    text-transform: capitalize;
}

.statusTag {
    text-transform: capitalize;
    font-size: 100%;
    padding: 0.2em 0.6em 0.3em;
}

.btnCP {
    background-image: radial-gradient(circle 248px at center, #16d9e3 0%, #30c7ec 47%, #46aef7 100%) !important;
    color: #fff;
    margin-top: -80px;
    border-radius: 31px;
    font-size: 20px;
    text-transform: uppercase;
}

.btnCP:hover {
    color: #fff;
}

.icon-btnCP:before {
    content: "\e699";
    color: #fff;
    font-size: 20px;
}

.boxDash {
    background-color: #fff;
    position: relative;
    text-align: left;
    padding: 15px;
    box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
    border-width: 0;
    transition: all .2s;
    margin-bottom: 15px;
}

.boxDash .progress {
    width: auto;
    top: auto;
    position: unset;
    margin-top: auto;
    height: 12px;
    border-radius: 12px;
}

.bigNumber {
    position: absolute;
    top: 11px;
    right: 15px;
    font-weight: bold;
    font-size: 2.1rem;
}

.percentNumber {
    position: absolute;
    top: 94px;
    right: 15px;
    color: #8f9dab;
}

.boxDash strong {
    color: #77818a;
    display: block;
    margin-top: 6px;
}

.boxDash small {
    color: #8f9dab;
    display: block;
    font-size: 13px;
}

.boxDash .icon-entrega2:before {
    content: "\e65d";
    color: #3f6ad8;
    display: inline;
    font-size: 48px;
    margin: 0px 10px 0px 0px;
    text-align: center;
    float: left;
}

.boxDash .icon-coleta2:before {
    content: "\e65e";
    color: #3ac47d;
    display: inline;
    font-size: 48px;
    margin: 0px 10px 0px 0px;
    text-align: center;
    float: left;
}

.clienteDetalhes .percentNumber {
    top: 102px;
}

.clienteDetalhes .progress {
    margin-bottom: 5px;
}

a[href="http://www.amcharts.com"] {
    display: none !important;
}

.boxDash .icon-ocorrencia2:before {
    content: "\e6fd";
    color: #f7b924;
    display: inline;
    font-size: 48px;
    margin: 0px 10px 0px 0px;
    text-align: center;
    float: left;
}

.boxDash .icon-emaberto:before {
    content: "\e8cb";
    color: rgb(223, 44, 44);
    display: inline;
    font-size: 48px;
    margin: 0px 10px 0px 0px;
    text-align: center;
    float: left;
}

.boxDash .icon-documentos:before {
    content: "\e629";
    color: #444;
    display: inline;
    font-size: 48px;
    margin: 0px 10px 0px 0px;
    text-align: center;
    float: left;
}

.boxDash .icon-time:before {
    content: "\e64c";
    color: rgb(0, 143, 143);
    display: inline;
    font-size: 48px;
    margin: 0px 10px 0px 0px;
    text-align: center;
    float: left;
}

.boxDash .icon-totalnotafiscal:before {
    content: "\e62a";
    color: rgb(0, 143, 143);
    display: inline;
    font-size: 48px;
    margin: 0px 10px 0px 0px;
    text-align: center;
    float: left;
}

.boxDash .icon-valor:before {
    content: "\e639";
    color: rgb(0, 143, 143);
    display: inline;
    font-size: 48px;
    margin: 0px 10px 0px 0px;
    text-align: center;
    float: left;
}

.boxDash .icon-peso:before {
    content: "\e6a1";
    color: rgb(0, 143, 143);
    display: inline;
    font-size: 48px;
    margin: 0px 10px 0px 0px;
    text-align: center;
    float: left;
}

.boxDash .icon-volumes:before {
    content: "\e8ac";
    color: rgb(0, 143, 143);
    display: inline;
    font-size: 48px;
    margin: 0px 10px 0px 0px;
    text-align: center;
    float: left;
}

.boxDash .icon-agendamento:before {
    content: "\e64f";
    color: rgb(0, 143, 143);
    display: inline;
    font-size: 48px;
    margin: 0px 10px 0px 0px;
    text-align: center;
    float: left;
}

.clienteDetalhes .col-md-2 {
    padding: 0px;
}

.clienteDetalhes.boxDashTitle {
    background-color: #f5f5f5;
}

.clienteDetalhes .boxDash {
    border-right: 1px solid #f1f1f1;
    box-shadow: none;
}

#notasNaoAlocadas .lineNotasRoteiro .rightLine small,
#notasAlocadas .lineNotasRoteiro .rightLine small {
    position: relative;
    left: 131px;
    top: -41px;
}

#actions {
    margin: 2em -15px;
    text-align: left;
    ;
}

/* Mimic table appearance */
div.table {
    display: table;
}

div.table .file-row {
    display: table-row;
}

div.table .file-row>div {
    display: table-cell;
    vertical-align: top;
    border-top: 1px solid #ddd;
    padding: 8px;
}

div.table .file-row:nth-child(odd) {
    background: #f9f9f9;
}

/* The total progress gets shown by event listeners */
#total-progress {
    opacity: 0;
    transition: opacity 0.3s linear;
}

/* Hide the progress bar when finished */
#previews .file-row.dz-success .progress {
    opacity: 0;
    transition: opacity 0.3s linear;
}

/* Hide the delete button initially */
#previews .file-row .delete {
    display: none;
}

/* Hide the start and cancel buttons and show the delete button */

#previews .file-row.dz-success .start,
#previews .file-row.dz-success .cancel {
    display: none;
}

#previews .file-row.dz-success .delete {
    display: block;
}

g[aria-labelledby$="-title"] {
    display: none;
}

.boxDashTitle {
    background-color: #fff;
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #f3f0f0;
    color: #77818a;
}

.extraInfo {
    position: absolute;
    bottom: 55px;
    left: 0px;
    padding: 0px 30px;
    color: #a3a9af;
    font-size: 12px;
}


.select2-selection {
    border-radius: 0 !important;
    padding: 3px 8px !important;
    height: 38px !important;
    border: 1px solid #ced4da;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 6px !important;
    right: 6px !important;
}

.roteirizando .select2-container {
    z-index: 10000;
}

.roteirizando .squareEntrega {
    padding: 3px 4px;
}

.roteirizando .squareColeta {
    padding: 7px 4px;
}

.bgBlack .spinner-border {
    position: relative;
    margin-top: 220px;
}

.percentOcupation {
    padding: 7px;
    font-size: 11px;
    text-align: center;
}

.ocorrenciaLastMovDetails small * {
    color: #444;
}

.ocorrenciaLastMovDetails {
    padding: 10px 10px;
    background: #e8e8e8;
    margin: 10px 0px;
    color: #d25900;
    font-weight: bold;
}

.percentOcupationNumber {
    display: block;
    text-align: center;
    color: #f47300;
    font-weight: bold;
    font-size: 14px;
}

.boxRestrictions {
    display: block;
    padding: 10px;
    background: #fffbee;
    margin: 7px 0px;
    border-radius: 5px;
}

.spinnerText {
    position: relative;
    width: 100%;
    display: block;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 22px;
}

.iconsButtonocorData {
    font-size: 16px;
    cursor: pointer;
    margin-right: 10px;
    background: #b3b3b3;
    padding: 10px;
    color: #fff;
    border-radius: 5px;
    margin-top: 10px;
}

.modal {}

@media print {

    .no-print,
    .no-print * {
        display: none !important;
    }
}