/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the
 * later versions of this theme.
 *
 * We advise that you use use this CSS to override
 * SmartAdmin styles.
 *
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */


/*
 * INDEX
 *
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */

.popover-rastreador {
    min-width: 400px !important;
    max-width: 400px !important;
    font-size: 8.5pt !important;
    /* top: 151.219px !important;
    left: 218.266px !important;
    position: fixed !important; */
}

.has-feedback label~.form-control-feedback {
    top: 1px !important;
    right: 15px;
}

md-input-container:not(.md-input-has-value):not(.md-input-has-placeholder) input:not(:focus) {
    color: #333333 !important;
}

.inputGroupContainer .form-control-feedback {
    right: 15px;
}


/*.ui-datepicker{
  z-index: 10000 !important;
}*/

.md-select-menu-container {
    z-index: 999999 !important;
}

.md-datepicker-calendar-pane {
    z-index: 1100 !important;
}

.md-virtual-repeat-container.md-autocomplete-suggestions-container {
    z-index: 1100 !important;
    ;
}

md-input-container .md-errors-spacer {
    min-height: 5px;
}


/*li.ui-state-default.ui-state-disabled[role=tab]:not(.ui-tabs-active) {
    display: none;
}

li.ui-state-default.ui-state-hidden[role=tab]:not(.ui-tabs-active) {
    display: none;
}*/

.all_initial {
    all: initial;
}

.s-lineDownLeft {
    text-align: left;
    border-bottom: 1px solid #B4B4B4;
    position: relative;
}

.s-lineDownLeft:after {
    background: url(../img/chevron-down.png) center no-repeat;
    width: 15px;
    left: 5%;
    height: 7px;
    content: '';
    position: absolute;
    top: 100%;
    display: block
}

.s-lineDownCenter {
    text-align: center;
    border-bottom: 1px solid #B4B4B4 !important;
    position: relative;
}

.s-lineDownCenter:after {
    background: url(../img/chevron-down.png) center no-repeat;
    width: 15px;
    height: 7px;
    content: '';
    position: absolute;
    width: 100%;
    top: 100%;
    display: block;
    left: 0;
}

.lista_veiculos {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    fill: #fff;
}

.item_veiculo {
    padding: 5px;
    border: 1px solid #eeeeee;
    margin-bottom: 10px;
    overflow: hidden;
}

.item_veiculo .item_img {
    width: 130px;
    height: 115px;
    position: relative;
    float: left;
    display: none;
}

.item_img img {
    width: 135px;
}

.item_veiculo-info {
    margin: 0px 15px 0 0px;
    #margin: 0px 15px 0 140px;
}

.item_veiculo-info2 {
    margin: 0px 15px 0 4px;
}

.item_veiculo-info-header {
    text-align: right;
    padding-bottom: 45px;
    margin-bottom: 10px;
}

.item_veiculo-info-header h2 {
    float: left;
    font: 500 18px 'Open Sans', sans-serif;
    padding-left: 15px;
    border-left: 4px solid #f76d2b;
    margin: 8px 0 0 0;
    line-height: 1;
    padding: 1px 0 1px 15px;
}

.item_veiculo-info-header>span {
    padding: 5px 15px;
    display: inline-block;
    font: 700 20px 'PT Sans', sans-serif;
}

.item_veiculo-info p {
    font: 300 13px 'Open Sans', sans-serif;
    margin: 0 0 10px 0;
}

.item_veiculo-info-km {
    font: 300 12px 'Open Sans', sans-serif;
    text-transform: uppercase;
}

.item_veiculo-info-km span.fa {
    font-size: 16px;
    margin-right: 4px;
}

.item_veiculo-info-details {
    text-align: right;
}

.item_veiculo-info-details .b-featured__item-links {
    margin: 9px 0 0 0;
    float: left;
}

.item_veiculo-info-details .b-featured__item-links a {
    font-size: 11px;
}

.item_veiculo-info a.btn {
    font: 600 10px 'Open Sans', sans-serif !important;
    border: 1px solid #ddd;
    padding-left: 12px !important;
}

.item_veiculo-info a.btn span.fa {
    width: 20px !important;
    height: 20px !important;
    font-size: 13px !important;
    padding: 3px !important;
    margin-left: 10px !important;
}

@media screen {
    #printSection {
        display: none;
        height: auto;
        width: 100%;
        overflow: visible;
    }
}

@media print {

    /*body, html * {
    visibility:hidden;
  }*/
    #printSection,
    #printSection * {
        visibility: visible;
    }

    #printSection,
    #printSection #ResultadoRota,
    .md-dialog .md-dialog-content {
        position: absolute;
        left: 0;
        top: 0;
        height: 1200px;
        width: 100%;
        overflow: visible;
    }

    .table-striped>tbody>tr:nth-of-type(odd) {
        background-color: #ddd !important;
        -webkit-print-color-adjust: exact;
    }
}


/* *********************
LISTA RASTREADOR
************************/

.lista_rastreador {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.item_rastreador {
    padding: 5px;
    border: 1px solid #eeeeee;
    margin-bottom: 10px;
    overflow: unset;
    background-color: #fff;
    fill: #fff;
}

.item_rastreador-info {
    margin: 0px 15px 0 0;
}

.item_rastreador-info-header {
    text-align: right;
    padding-bottom: 45px;
    margin-bottom: 10px;
}

.item_rastreador-info-header h2 {
    float: left;
    font: 500 18px 'Open Sans', sans-serif;
    padding-left: 15px;
    border-left: 4px solid #f76d2b;
    margin: 8px 0 0 0;
    line-height: 1;
    padding: 1px 0 1px 15px;
}

.item_rastreador-info-header>span {
    padding: 5px 15px;
    display: inline-block;
    font: 700 20px 'PT Sans', sans-serif;
}

.item_rastreador-info p {
    font: 300 13px 'Open Sans', sans-serif;
    margin: 0 0 10px 0;
}

.item_rastreador-info-local_instalacao {
    font: 300 12px 'Open Sans', sans-serif;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}

.item_rastreador-info-local_instalacao span.fa {
    font-size: 16px;
    margin-right: 4px;
}

.item_rastreador-info-details {
    text-align: right;
}

.item_rastreador-info-details .b-featured__item-links {
    #margin: 9px 0 0 0;
    float: left;
    width: 100%;
    text-align: left;
}

.item_rastreador-info-details .b-featured__item-links a {
    font-size: 11px;
}

.item_rastreador-info button {
    font: 600 10px 'Open Sans', sans-serif !important;
    border: 1px solid #ddd;
    padding-left: 12px !important;
}

.item_rastreador-info button span.fa {
    width: 20px !important;
    height: 20px !important;
    font-size: 13px !important;
    padding: 3px !important;
    margin-left: 10px !important;
}


/*320-479*/

@media screen and (max-width:479px) {
    .item_veiculo-info {
        margin-left: 10px;
        margin-right: 10px;
    }

    .item_veiculo-info-header {
        text-align: right;
        padding-bottom: 15px;
        margin-bottom: 10px;
    }

    .item_veiculo-info-header h2 {
        float: none;
        text-align: left;
    }

    .b-items__cars-one-info-header span {
        margin-top: 10px;
    }

    .item_veiculo .item_img {
        width: 240px;
        height: 142px;
        position: relative;
        float: none !important;
    }

    .item_img img {
        width: 95%;
    }
}

@-webkit-keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

.animated-background {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 96px;
    position: relative;
}

.background-masker {
    background: #fff;
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.outlined .background-masker {
    border: 1px solid #ddd;
}

.outlined:hover .background-masker {
    border: none;
}

.outlined:hover .background-masker:hover {
    border: 1px solid #ccc;
    z-index: 1;
}

.background-masker.header-top,
.background-masker.subheader-bottom,
.background-masker.content-first,
.background-masker.content-second-line,
.background-masker.content-second-first,
.background-masker.content-third-line,
.background-masker.content-third-first,
.background-masker.content-fourth-line {
    top: 0;
    left: 140px;
    right: 0;
    height: 10px;
}

.background-masker.header-left {
    top: 10px;
    left: 140px;
    height: 22px;
    width: 10px;
}

.background-masker.subheader-left,
.background-masker.header-right,
.background-masker.subheader-right {
    top: 10px;
    left: 40px;
    height: 18px;
    width: 10px;
}

.background-masker.header-right,
.background-masker.subheader-right {
    width: auto;
    left: 400px;
    right: 0;
}

.background-masker.header-right {
    height: 22px;
}

.background-masker.subheader-bottom {
    top: 32px;
    height: 10px;
}

.background-masker.content-first,
.background-masker.content-second-first {
    top: 42px;
    width: 10px;
}

.background-masker.content-first-end,
.background-masker.content-second-end,
.background-masker.content-third-end {
    width: auto;
    left: 380px;
    right: 0;
    top: 42px;
    height: 8px;
}

.background-masker.content-second-line {
    top: 50px;
}

.background-masker.content-second-first {
    top: 60px;
}

.background-masker.content-second-end {
    left: 420px;
    top: 60px;
}

.background-masker.content-third-line {
    top: 68px;
}

.background-masker.content-third-first {
    top: 78px;
    width: 10px;
}

.background-masker.content-third-end {
    top: 78px
}

.background-masker.content-fourth-line {
    top: 86px;
}

.localizacao-form .form-control {
    -webkit-appearance: none;
    line-height: 24px;
    font-weight: 400;
}

.localizacao-form .form-control {
    display: block;
    width: 100%;
    height: 54px;
    padding: 18px 38px;
    font-size: 16px;
    line-height: 1.5;
    color: #000000;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d0d0d0;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.localizacao-form .btn-sm,
.btn-group-sm>.btn {
    padding: 14px 36px;
    font-size: 16px;
    line-height: 24px;
    border-radius: 0;
    border-width: 2px;
}

.localizacao-form .offset-top-30 {
    margin-top: 30px;
}

.s-title {
    font: 700 18px 'Open Sans', sans-serif;
    margin: 0 0 50px 0;
    padding: 0 15px;
    border-left: 4px solid #f76d2b;
    border-right: 4px solid #f76d2b;
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: 1px;
}

.b-infoBar {
    background: #fff;
    padding: 16px 0;
    border-width: 1px 1px 2px;
    border-style: solid;
    border-top: 1px solid #C2C2C2 !important;
    border-right-color: #CCC !important;
    border-bottom-color: #CCC !important;
    border-left-color: #CCC !important;
    height: 80px;
}

.b-infoBar__select-one {
    float: left;
    margin-right: 35px;
    position: relative;
}

.b-infoBar__select-one-title,
.b-infoBar__compare-item,
.b-infoBar__compare-item:hover,
.b-infoBar__compare-item:focus,
.b-infoBar__compare-item:visited,
.b-infoBar__compare-item:active {
    color: #444;
}

.b-infoBar__select-one-title {
    margin-right: 10px;
}

.b-infoBar__compare-item,
.b-infoBar__select-one-title {
    font: 600 11px 'Open Sans', sans-serif;
    text-transform: uppercase;
}

.b-infoBar__select-one .m-list {
    padding: 9px 12px 9px 25px;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    display: inline-block;
    margin-right: -1.5px;
    font-size: 18px;
    background-color: #f3f3f3;
    color: #999;
}

.b-infoBar__select-one .m-table {
    padding: 9px 25px 9px 12px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    display: inline-block;
    margin-left: -1.5px;
    font-size: 18px;
    background-color: #f3f3f3;
    color: #999;
}

.m-active {
    color: #337ab7 !important;
    fill: #337ab7 !important;
}

.b-filtros-aside {
    text-align: center;
    width: 100%;
    fill: #fff;
    background: #fff;
    border-width: 1px 1px 2px;
    border-style: solid;
    border-top: 1px solid #C2C2C2 !important;
    border-right-color: #CCC !important;
    border-bottom-color: #CCC !important;
    border-left-color: #CCC !important;
}

.b-filtros-aside .s-title {
    margin-bottom: 25px;
    margin-top: 20px;
}

.b-filtros-aside-main-body,
.b-filtros-aside-main-body-item .ui-slider-handle span.min,
.b-filtros-aside-main-body-item .ui-slider-handle span.max,
.b-items__aside-main-footer button,
.b-items__aside-main-footer button:hover span,
.b-items__aside-sell-img h3,
.b-items__aside-sell-info,
.b-items__aside-sell-info a,
.b-items__aside-sell-info a:hover span,
.b-items__cars-one-img-video,
.b-items__cars-one-img-video:hover,
.b-items__cars-one-img-video:visited,
.b-items__cars-one-img-video:active,
.b-items__cars-one-img-type,
.b-items__cars-one-info-header>span,
.b-items__cars-one-info a.btn:hover,
.b-items__pagination-main>a,
.b-items__cell-info a.btn:hover,
.b-infoBar__premium,
.btn.m-btn.m-infoBtn:hover,
.b-detail__head-price-num,
.b-detail__main-aside-about-call,
.b-detail__main-aside-about-seller,
.b-detail__main-aside form button.btn.m-btn,
.b-detail__main-aside form button.btn.m-btn:hover span.fa,
.b-detail__main-info-characteristics-one-top>div,
.b-compare__images-item-price,
.b-compare__images-item-price-vs,
.b-compare__links a.btn.m-btn:hover,
.b-blog__aside-reviews-posts-one-info .b-world__item-num,
.btn.m-btn.m-readMore:hover,
.b-blog__posts-one-body-main-link a,
.b-article__main-author h3,
.b-article .b-article__main .b-article__main-author p,
.b-article__main-add button.btn.m-btn,
.b-article__main-add button.btn.m-btn:hover,
.b-article__main-add button.btn.m-btn:hover span.fa,
.b-more__info-block-col- a,
.b-more__info-block-title.m-active,
.s-form button[type='submit'],
.s-form button[type='submit']:hover span.fa,
.b-submit__aside-step h3,
.b-submit__aside-step-inner-icon span.fa,
.b-submit__aside-step-inner-info h4,
.s-submit button.btn.m-btn,
.b-submit__main-file label.btn.m-btn span.fa,
.b-submit__main-contacts-price h6,
.b-submit__main-contacts-price-input-usd,
.b-submit__main-contacts-price-note,
.b-submit__main-contacts-price-plan,
.b-submit__main-contacts-price-plan>a,
a.btn.m-btn.m-pay:hover,
.b-search__main-form-submit button.btn.m-btn,
.b-search__main-form-submit button.btn.m-btn:hover,
.b-search__main-form-submit button.btn.m-btn span.fa,
.owl-theme .owl-controls .owl-buttons div:before,
.b-info__aside>a.btn.m-btn:hover,
.m-home .b-slider__info a.btn.m-btn:hover span,
.b-items__cars-one-info a.btn.m-btn:hover,
.b-items__aside-main-footer button.btn.m-btn,
.b-items__aside-main-footer button.btn.m-btn:hover span.fa,
.b-items__aside-sell-info a.btn.m-btn,
.b-items__aside-sell-info a.btn.m-btn:hover span,
.b-items__cell-info a.btn.m-btn:hover,
.b-compare .b-compare__images .b-compare__images-item-price,
.b-compare__block-title>a,
.b-items__cars-one-img-video,
.b-items__cars-one-img-video:hover,
.b-items__cars-one-img-video:visited,
.b-items__cars-one-img-video:active,
.b-items__cars-one-img-video:focus {
    color: #fff;
    fill: #fff;
}

.b-filtros-aside-main-body {
    padding: 30px 25px 40px 25px;
    background: #555555;
}

.b-filtros-aside-main-body-item {
    text-align: left;
    margin-bottom: 30px;
}

.b-filtros-aside-main-body-item label {
    display: block;
    text-transform: uppercase;
    margin-bottom: 10px;
    font: 700 12px 'Open Sans', sans-serif;
    text-align: left;
}

.b-filtros-aside-main-footer {
    padding: 30px 0 25px 0;
    background: #444444;
}

.b-filtros-aside-main-footer button {
    #padding-left: 20px !important;
    margin-bottom: 10px;
}

.b-filtros-aside-main-footer>a {
    text-transform: uppercase;
    font: 500 11px 'Open Sans', sans-serif;
    text-decoration: underline;
    color: #999;
}

.b-items-cars {
    background-color: #fff;
}


/********
TEXTO CSS
*********/

.animation .localizacao-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000
}

.localizacao-list {
    background-color: #fff;
    color: #343434;
    bottom: 60px;
    right: 0;
    left: 0;
}

@media only screen and (max-width:1024px) {
    .localizacao-list {
        bottom: 40px
    }
}

@media only screen and (max-width:640px) {
    .localizacao-list {
        padding-bottom: 0
    }
}

.localizacao-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block
}

.localizacao-list ul li {
    -webkit-transition: opacity .2s ease, background .2s ease;
    -moz-transition: opacity .2s ease, background .2s ease;
    -ms-transition: opacity .2s ease, background .2s ease;
    -o-transition: opacity .2s ease, background .2s ease;
    transition: opacity .2s ease, background .2s ease;
    position: relative;
    display: block;
    height: 95px;
    overflow: hidden;
    background-color: #fff
}

@media only screen and (max-width:1024px) {
    .localizacao-list ul li {
        height: 75px
    }
}


/*.room-list ul li .room-link{cursor:pointer;color:inherit;height:100%;width:100%;display:table;padding:10px;padding-right:0}
  .room-list ul li .room-link:hover{text-decoration:none}
  .room-list ul li .description{display:none}
  .room-list ul li.general-advert{cursor:default;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;background-color:#f5f5f5;height:60px;text-align:center}
  .room-list ul li.general-advert>div{display:inline-block}
  .room-list ul li.general-advert:hover{background-color:#f5f5f5}
  .room-list ul li.email-alert-advert .text-container{background-image:url(/images/scrolling-alert-icon.png);-moz-background-size:56px 56px;-o-background-size:56px 56px;-webkit-background-size:56px 56px;background-size:56px 56px}
  @media only screen and (-webkit-min-device-pixel-ratio:1.3),
  only screen and (-moz-min-device-pixel-ratio:1.3),
  only screen and (min--moz-device-pixel-ratio:1.3),
  only screen and (-o-min-device-pixel-ratio:13/10),
  only screen and (min-device-pixel-ratio:1.3),
  only screen and (min-resolution:120dpi),
  only screen and (min-resolution:1.3dppx){
    .list-panel .room-list ul li.email-alert-advert .text-container{background-image:url('/images/scrolling-alert-icon@2x.png')}
  }
  .list-panel .room-list ul li.list-room-advert .text-container{padding-left:10px!important}
  .list-panel .room-list ul li.alert-advert{display:table;height:auto;cursor:default;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;*zoom:1;background-color:#fddecf;padding:10px}
  .list-panel .room-list ul li.alert-advert:before,
  .list-panel .room-list ul li.alert-advert:after{content:"";display:table}
  .list-panel .room-list ul li.alert-advert:after{clear:both}
  .list-panel .room-list ul li.alert-advert:hover{background-color:#fddecf}
  .list-panel .room-list ul li.alert-advert .text-container{background-position:5px center;background-repeat:no-repeat;display:table-cell;vertical-align:middle;padding-left:70px;height:100%}
  @media only screen and (max-width:1024px){
    .list-panel .room-list ul li.alert-advert .text-container{width:60%}
  }
  .list-panel .room-list ul li.alert-advert .text-container h4{font-size:20px;font-weight:bold;margin:10px 0}
  @media only screen and (max-width:1024px){
    .list-panel .room-list ul li.alert-advert .text-container h4{font-size:16px}
  }
  .list-panel .room-list ul li.alert-advert .text-container p{margin:10px 0}
  @media only screen and (max-width:1024px){
    .list-panel .room-list ul li.alert-advert .text-container p{font-size:14px}
  }
  .list-panel .room-list ul li.alert-advert .button-container{display:table-cell;vertical-align:middle;text-align:right;height:100%;padding-right:10px;margin-left:10px;color:#fff}
  .list-panel .room-list ul li.alert-advert .button-container .secondary{background-color:#fff;color:#58595b}
  .list-panel .room-list ul li.loader-item{cursor:default}
  .list-panel .room-list ul li.loader-item:hover{background-color:inherit}
  .list-panel .room-list ul li.viewed{background-color:#f5f5f5;opacity:.5}
  .list-panel .room-list ul li.kangaroom{background-color:#fcf0ea;height:140px}
  @media only screen and (max-width:1024px){
    .list-panel .room-list ul li.kangaroom{height:120px}
  }*/

.localizacao-list ul li .block {
    line-height: 75px;
    width: 80px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center
}

@media only screen and (max-width:768px) {
    .localizacao-list ul li .block {
        line-height: 55px;
        width: 50px
    }
}

.localizacao-list ul li .block .primary-image {
    display: block;
    position: relative;
    width: 100px;
    height: 100%
}

@media only screen and (max-width:1024px) {
    .localizacao-list ul li .block .primary-image {
        width: 70px
    }
}

.localizacao-list ul li .block .image,
.localizacao-list ul li .block .no-image {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    display: block;
    width: 100%;
    height: 75px;
    background-image: url(/images/no-thumbnail.png);
    background-position: center center;
    background-repeat: no-repeat;
    -moz-background-size: 100px 75px;
    -o-background-size: 100px 75px;
    -webkit-background-size: 100px 75px;
    background-size: 100px 75px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100%
}


/*<!-- @media only screen and (max-width:1024px){
    .list-panel .room-list ul li .block .image,
    .list-panel .room-list ul li .block .no-image{height:55px;max-width:75px}
  }
  @media only screen and (-webkit-min-device-pixel-ratio:1.3),
  only screen and (-moz-min-device-pixel-ratio:1.3),
  only screen and (min--moz-device-pixel-ratio:1.3),
  only screen and (-o-min-device-pixel-ratio:13/10),
  only screen and (min-device-pixel-ratio:1.3),
  only screen and (min-resolution:120dpi),
  only screen and (min-resolution:1.3dppx){
    .list-panel .room-list ul li .block .image,
    .list-panel .room-list ul li .block .no-image{background-image:url(/images/no-thumbnail@2x.png)}
  }
  .list-panel .room-list ul li .block .image{border:2px #fff solid;background-color:#fff;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px 0 rgba(0,0,0,.1);box-shadow:0 1px 2px 0 rgba(0,0,0,.1)}
  .list-panel .room-list ul li .block.images-two .image:nth-of-type(1){top:20px;z-index:5}
  .list-panel .room-list ul li .block.images-two .image:nth-of-type(2){width:90%;top:-20px;z-index:4}
  .list-panel .room-list ul li .block.images-three .image:nth-of-type(1){top:30px;z-index:5}
  .list-panel .room-list ul li .block.images-three .image:nth-of-type(2){width:90%;top:0;z-index:4}
  .list-panel .room-list ul li .block.images-three .image:nth-of-type(3){width:80%;top:-30px;z-index:3}
  @media only screen and (-webkit-min-device-pixel-ratio:1.3),
  only screen and (-moz-min-device-pixel-ratio:1.3),
  only screen and (min--moz-device-pixel-ratio:1.3),
  only screen and (-o-min-device-pixel-ratio:13/10),
  only screen and (min-device-pixel-ratio:1.3),
  only screen and (min-resolution:120dpi),
  only screen and (min-resolution:1.3dppx){
    .list-panel .room-list ul li .block .no-image{background-image:url('/images/no-thumbnail@2x.png')}
  }
  @media only screen and (max-width:1024px){
    .list-panel .room-list ul li .block .no-image{-moz-background-size:70px 52px;-o-background-size:70px 52px;-webkit-background-size:70px 52px;background-size:70px 52px}
  }
  .list-panel .room-list ul li .block .image-count{background-color:#25a9df;color:#fff;min-width:30px;line-height:26px;height:26px;font-size:14px;position:absolute;right:-5px;padding-right:5px;padding-left:24px;bottom:0;z-index:10}
  .list-panel .room-list ul li .block .image-count:before{content:"";position:absolute;left:0;height:26px;width:24px;background-image:url(/images/search-nav-icon.png);background-repeat:no-repeat;background-position:center center;-moz-background-size:24px 24px;-o-background-size:24px 24px;-webkit-background-size:24px 24px;background-size:24px 24px} -->*/

.localizacao-list ul li .block.placa {
    font-weight: bold;
    font-size: 22px;
    width: 110px
}

@media only screen and (max-width:1024px) {
    .localizacao-list ul li .block.placa {
        width: 70px;
        font-size: 18px
    }
}

@media only screen and (max-width:640px) {
    .localizacao-list ul li .block.placa {
        font-weight: bold
    }
}

.localizacao-list ul li .block.status {
    width: 2px;
    position: absolute;
    margin: 4px;
}

.localizacao-list ul li .block.status.azul {
    background-color: rgba(44, 132, 238, 1)
}

.localizacao-list ul li .block.status.amarelo {
    background-color: rgba(247, 209, 0, 1)
}

.localizacao-list ul li .block.status.vermelho {
    background-color: rgba(229, 20, 0, 1)
}

.localizacao-list ul li .block.data {
    width: 100px
}

.localizacao-list ul li .block.data,
.localizacao-list ul li .block.velocidade,
.localizacao-list ul li .block.bateria,
.localizacao-list ul li .block.sinal_valido {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 18px
}

.localizacao-list ul li .block.sinal_valido.valido {
    color: #5cb85c;
}

.localizacao-list ul li .block.sinal_valido img {
    width: 22px, height: 22px
}

.localizacao-list ul li .block.ignicao {
    font-family: 'Lato', sans-serif;
    font-size: 22px;
    line-height: 18px
}

.localizacao-list ul li .block.ignicao.ligado {
    color: #5cb85c;
}

@media only screen and (max-width:1024px) {

    .localizacao-list ul li .block.data,
    .localizacao-list ul li .block.velocidade,
    .localizacao-list ul li .block.bateria {
        line-height: 10px;
        font-size: 14px
    }
}

.localizacao-list ul li .block.data span,
.localizacao-list ul li .block.velocidade:after,
.localizacao-list ul li .block.sinal_valido:after,
.localizacao-list ul li .block.bateria:after {
    margin-top: 3px;
    font-family: 'Lato', sans-serif;
    color: #929497;
    font-size: 12px;
    vertical-align: top;
    text-align: center;
    width: 100%;
    display: block
}

.localizacao-list ul li .block.velocidade:after {
    content: " km/h"
}

.localizacao-list ul li .block.bateria:after {
    content: " volts"
}

.localizacao-list ul li .block.sinal_valido.valido:after {
    content: "GPS";
    color: #5cb85c;
}

.localizacao-list ul li .block.sinal_valido.invalido:after {
    content: "GPRS"
}

@media only screen and (max-width:640px) {
    .localizacao-list ul li .block.status {
        width: 10px;
        position: 2px;
    }

    .localizacao-list ul li .block.bateria,
    .localizacao-list ul li .block.sinal_valido {
        display: none
    }
}

.localizacao-list ul li .block.distance:after {
    content: " distance"
}

.localizacao-list ul li .endereco {
    bottom: 5px;
    position: absolute;
    left: 45px;
}

@media only screen and (max-width:1024px) {
    .localizacao-list ul li .endereco {
        left: 45px;
        bottom: 0px;
        font-size: 10px;
    }
}

@media only screen and (max-width:768px) {
    .localizacao-list ul li .endereco {
        left: 30px;
        right: 5px;
    }
}

.lista-atualizacoes {
    max-height: 400px;
    overflow: auto;
    padding-bottom: 50px;
}

@media only screen and (max-width:768px) {
    .lista-atualizacoes {
        max-height: 250px;
    }
}

.ng-hide.ng-hide-animate {
    display: none !important;
}

.loader,
.loader:after {
    border-radius: 50%;
    width: 8em;
    height: 8em;
}

.loader_lateral,
.loader_lateral:after {
    border-radius: 50%;
    width: 5em;
    height: 5em;
}

.loader {
    margin: 14px auto;
    font-size: 5px;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(255, 255, 255, 0.2);
    border-right: 1.1em solid rgba(255, 255, 255, 0.2);
    border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
    border-left: 1.1em solid #ffffff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

.loader-dark {
    margin: 14px auto;
    font-size: 5px;
    text-indent: -9999em;
    border-top: 1.1em solid #ffffff33;
    border-right: 1.1em solid #ffffff33;
    border-bottom: 1.1em solid #ffffff33;
    border-left: 1.1em solid #333333;
}

.loader_lateral {
    margin: 10px auto;
    font-size: 5px;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(255, 255, 255, 0.2);
    border-right: 1.1em solid rgba(255, 255, 255, 0.2);
    border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
    border-left: 1.1em solid #ffffff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

.loader-dark {
    margin: 14px auto;
    font-size: 5px;
    text-indent: -9999em;
    border-top: 1.1em solid #ffffff33;
    border-right: 1.1em solid #ffffff33;
    border-bottom: 1.1em solid #ffffff33;
    border-left: 1.1em solid #333333;
}

.dark-loader {
    border-top: 1.1em solid rgba(255, 255, 255, 1);
    border-right: 1.1em solid rgba(255, 255, 255, 1);
    border-bottom: 1.1em solid rgba(255, 255, 255, 1);
    border-left: 1.1em solid #2a2725;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

md-checkbox.md-checked .md-icon {
    /*background-color: rgba(54, 177, 32, 0.82);*/
    background-color: #8BC34A;
}

md-radio-button .md-on {
    background-color: #8BC34A;
}

md-radio-button.md-checked .md-off {
    border-color: #8BC34A;
}

.menu-on-top #mobile-profile-img2 a.userdropdown img {
    height: 30px !important;
    min-width: 30px;
}

@media (max-width:979px) {
    .menu-on-top #mobile-profile-img2 a.userdropdown img {
        height: 39px !important;
        display: flex;
    }
}


/*
 * CAMPO INPUT PARA PESQUISA NO SELECT(DROPDOWNLIST) 
 * 
 * - 
 * - 
 * - 
 */

.selectdemoSelectHeader {
    /* Please note: All these selectors are only applied to children of elements with the 'selectdemoSelectHeader' class */
}

.selectdemoSelectHeader .demo-header-searchbox {
    border: none;
    outline: none;
    height: 100%;
    width: 100%;
    padding: 0;
}

.selectdemoSelectHeader .demo-select-header {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
    padding-left: 10.667px;
    height: 48px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    width: auto;
}

.selectdemoSelectHeader md-content._md {
    max-height: 240px;
}

.fa-stack.tab {
    height: 0 !important;
    vertical-align: top !important;
}


/**
 * Map Examples Specific
 */

.smallmap {
    width: 100%;
    height: 350px;
    border: 1px solid #ccc;
}

#tags {
    display: none;
}

#docs p {
    margin-bottom: 0.5em;
}


/* mobile specific Map */

@media only screen and (max-width: 600px) {
    body {
        height: 100%;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    #map {
        background: #7391ad;
        width: 100%;
    }

    #map {
        border: 0;
        height: 250px;
    }

    #title {
        font-size: 1.3em;
        line-height: 2em;
        text-indent: 1em;
        margin: 0;
        padding: 0;
    }

    #docs {
        bottom: 0;
        padding: 1em;
    }

    #shortdesc {
        color: #aaa;
        font-size: 0.8em;
        padding: 1em;
        text-align: right;
    }

    #tags {
        display: none;
    }
}

@media only screen and (orientation: landscape) and (max-width: 600px) {
    #shortdesc {
        float: right;
        width: 25%;
    }

    #map {
        width: 70%;
    }

    #docs {
        font-size: 12px;
    }
}

@media only screen and (max-width : 900px) {
    .dialog-gerar-link {
        max-width: 96% !important;
    }
}

.scroll-buscaRapida {
    max-height: 280px;
    min-height: 280px;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.scroll-modalNovoLogin {
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.md-dialog-container {
    z-index: 905 !important;
}

.clear {
    clear: both;
}


/* estilização do input text */

.input-efeito {
    position: relative;
    margin-bottom: 15px;
    float: left;
}

.input-efeito>input {
    font-size: 18px;
    padding: 10px 10px 10px 5px;
    display: block;
    width: 300px;
    border: none;
    border-bottom: 1px solid #757575;
    background-color: #ececec;
    border-radius: 5px;
    margin-right: 5px;
}

.input-efeito>input:focus {
    outline: none;
}

.input-efeito>label {
    color: #999;
    font-size: 18px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 5px;
    top: 10px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.input-efeito>input:focus~label,
.input-efeito>input:valid~label {
    top: -20px;
    font-size: 14px;
    color: #20263d;
}

.input-efeito>.bar {
    position: relative;
    display: block;
    width: 300px;
}

.input-efeito>.bar:before,
.input-efeito>.bar:after {
    content: '';
    height: 2px;
    width: 0;
    bottom: 1px;
    position: absolute;
    background: #20263d;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.input-efeito>.bar:before {
    left: 50%;
}

.input-efeito>.bar:after {
    right: 50%;
}

.input-efeito>input:focus~.bar:before,
.input-efeito>input:focus~.bar:after {
    width: 50%;
}

.input-efeito>.highlight {
    position: absolute;
    height: 60%;
    width: 100px;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
}

.input-efeito>input:focus~.highlight {
    -webkit-animation: inputHighlighter 0.3s ease;
    -moz-animation: inputHighlighter 0.3s ease;
    animation: inputHighlighter 0.3s ease;
}

@-webkit-keyframes inputHighlighter {
    from {
        background: #20263d;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@-moz-keyframes inputHighlighter {
    from {
        background: #20263d;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@keyframes inputHighlighter {
    from {
        background: #20263d;
    }

    to {
        width: 0;
        background: transparent;
    }
}

.btn btn-primary {
    border-radius: 20;
}

.personalizar-logo {
    margin-top: 40px;
}

.pers-logo {
    margin-right: 100px;
}

.selecionar-cor {
    width: 40px;
    height: 40px;
    background-color: #337ab7;
    margin-right: 10px;
    display: inline-block;
    cursor: pointer;
    border-radius: 200px;
}

#primary_color {
    border: none;
    outline: none;
    -webkit-appearance: none;
}

.dominio-rastreei {
    padding-top: 13px;
}


/* ddd */

.switch-menu {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 18px;
}

.switch-menu input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider-menu {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider-menu:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 2px;
    bottom: 2.2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider-menu {
    background-color: #3276B1;
}

input:focus+.slider-menu {
    box-shadow: 0 0 1px #3276B1;
}


.titulo-nota-atualizacao {
    border-bottom: 1px solid #bdbdbd;
    margin: 0 2px;
}

.h5-notas-atualizacao {
    border-bottom: 1px solid #bdbdbd;
    padding: 10px 2%;
    background-color: #3a363300;
    margin-top: 0px;
}

/**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop to it once it's empty
 */
.simpleDemo ul[dnd-list] {
    min-height: 42px;
    padding-left: 0px;
}

/**
 * The dndDraggingSource class will be applied to
 * the source element of a drag operation. It makes
 * sense to hide it to give the user the feeling
 * that he's actually moving it.
 */
.simpleDemo ul[dnd-list] .dndDraggingSource {
    display: none;
}

/**
 * An element with .dndPlaceholder class will be
 * added to the dnd-list while the user is dragging
 * over it.
 */
.simpleDemo ul[dnd-list] .dndPlaceholder {
    background-color: rgba(221, 221, 221, 0.801);
    display: block;
    min-height: 42px;
}

.simpleDemo ul[dnd-list] li {
    background-color: #fff;
    border: 1px solid #ddd;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    display: block;
    padding: 10px 15px;
    height: 45px;
    margin-bottom: 2px;
}

/**
 * Show selected elements in green
 */
.simpleDemo ul[dnd-list] li.selected {
    background-color: #ffffff;
    cursor: move;
}



.simpleDemo .panel-heading span {
    cursor: pointer;
}

.simpleDemo .edit-in-place span {
    cursor: pointer;
}

.simpleDemo .edit-in-place input {
    display: none;
    /*border-radius: 1px;*/
}

.simpleDemo .edit-in-place.active span {
    display: none;
}

.simpleDemo .edit-in-place.active input {
    display: inline-block;
}

.item-drag:hover {
    cursor: all-scroll !important;
}

input:checked+.slider-menu:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}


/* Rounded sliders */

.slider-menu.round-menu {
    border-radius: 34px;
}

.slider-menu.round-menu:before {
    border-radius: 50%;
}


/* smart-style-1 */

.smart-style-1 .btn-header>:first-child>a {
    background: #aaaaaa;
    border: 1px solid #aaaaaa;
}

.smart-style-1 .btn-header>:first-child>a {
    background: #aaaaaa;
    border: 1px solid #aaaaaa;
}

.smart-style-1 #cancel-search-js {
    background: #aaaaaa;
}

.smart-style-1 .MsgTitle .txt-color-orangeDark {
    color: #aaaaaa !important
}

.smart-style-1 .bg-color-red {
    background-color: #aaaaaa !important
}


/* smart-style-5 */

.smart-style-5 .table>tbody>tr>td,
.smart-style-5 .table>tbody>tr>th,
.smart-style-5 .table>tfoot>tr>td,
.smart-style-5 .table>tfoot>tr>th,
.smart-style-5 .table>thead>tr>td,
.smart-style-5 .table>thead>tr>th,
.smart-style-5 .ng-scope {
    color: #fff;
}

.smart-style-5 #jarviswidget-fullscreen-mode .jarviswidget,
.smart-style-5 .modal-body,
.smart-style-5 .md-dialog-content,
.smart-style-5 .layout-row,
.smart-style-5 .modal-content,
.smart-style-5 .ui-dialog,
.smart-style-5,
.smart-style-5 .app-gerencia-tools,
.smart-style-5 .md-datepicker-calendar-pane tbody,
.smart-style-5 .md-datepicker-calendar,
.smart-style-5 .top-bar-table,
.smart-style-5 .app-gerencia-content-toggle-button,
.smart-style-5 .ng-valid-mask .row,
.smart-style-5 .ng-valid-mask fieldset,
.smart-style-5 .md-dialog-content {
    background: #262626 !important;
}

.smart-style-5 md-checkbox .md-icon {
    background: #ffffff7a !important;
}

F .smart-style-5 .md-datepicker-input-mask,
.smart-style-5 .md-datepicker-input-mask-opaque {
    color: #fff !important;
    background-color: #26262600;
}

.smart-style-5 .MessageBoxContainer {
    background: #3b3b3b !important;
}

.smart-style-5 .ng-valid-mask legend {
    background-color: #262626 !important;
}

.smart-style-5 .rowOffset {
    background-color: #262626;
}

.smart-style-5 .md-datepicker-calendar-pane span,
.smart-style-5 .md-input-container input {
    color: #fff !important;
}

.smart-style-5 .md-calendar-month-label {
    color: #fff !important;
}

.smart-style-5 .md-calendar-date-selection-indicator,
.smart-style-5 .md-autocomplete-suggestions,
.smart-style-5 .item_veiculo {
    background: rgb(117, 117, 117);
}

.smart-style-5 .md-calendar-day-header {
    background: #636363;
}

.smart-style-5 .md-calendar-day-header {
    background: #636363;
}

.smart-style-5 .md-calendar-day-header th {
    color: #fff;
}

.smart-style-5 .input-efeito>input,
.smart-style-5 .col-auto a {
    color: #1b1b1b;
}

.smart-style-5 md-icon {
    fill: #fff;
    color: #fff;
}

.smart-style-5 md-input-container,
.smart-style-5 .current-filters span,
.smart-style-5 .md-text,
.smart-style-5 label,
.smart-style-5 span,
.smart-style-5 .modal-body label {
    color: #fff !important;
}

.smart-style-5 input {
    color: #fff;
    border-bottom: 1px solid rgb(170, 170, 170);
}

.smart-style-5 textarea {
    color: #fff;
    border-bottom: 1px solid rgb(170, 170, 170);
}

.smart-style-5 md-content {
    background: #535353;
    background-color: #535353;
    color: #fff;
}

.smart-style-5 md-input-container:disabled {
    color: rgb(196, 196, 196);
}

.smart-style-5 md-option:disabled {
    color: rgb(196, 196, 196);
}

.smart-style-5 md-select {
    border-bottom: 1px solid rgb(170, 170, 170);
}

.smart-style-5 .current-filters span {
    background: #262626 !important;
}

.smart-style-5 .filter-list,
.smart-style-5 .filter-options,
.smart-style-5 .standard-datatable-widget {
    background: #262626 !important;
}

.smart-style-5 .grid-item1,
.smart-style-5 .grid2-item1,
.smart-style-5 .grid2-item2,
.smart-style-5 .grid2-item3,
.smart-style-5 .grid2-item4,
.smart-style-5 .grid3-item1,
.smart-style-5 .grid3-item2,
.smart-style-5 .flex-item1,
.smart-style-5 .grid-2-item1,
.smart-style-5 .grid-item1,
.smart-style-5 .grid-2-item3,
.smart-style-5 .grid-1 {
    background: #383838;
}

.smart-style-5 .app-gerencia-menu,
.smart-style-5 .localizacao-list,
.smart-style-5 li .col-sm-6 .ng-scope,
.smart-style-5 .localizacao-list ul li {
    background: #262626 !important;
}

.smart-style-5 .grid,
.smart-style-5 .grid2,
.smart-style-5 .grid-2,
.smart-style-5 .grid3,
.smart-style-5 #content {
    background: #262626;
}

.smart-style-5 .flexMessagemItem1 p {
    color: #65696A;
}

.smart-style-5 .menu-item-parent {
    background: #14161B !important;
}

.smart-style-5 mwl-calendar [class*="cal-cell"]:hover,
.smart-style-5 mwl-calendar .cell-focus,
.smart-style-5 mwl-calendar [class*="cal-cell"] .drop-active,
.smart-style-5 mwl-calendar .cal-cell.drop-active,
.smart-style-5 mwl-calendar .cal-week-box .cal-cell1.drop-active,
.smart-style-5 mwl-calendar .cal-day-hour-part.drop-active {
    background-color: #262626;
}

.smart-style-5 mwl-calendar .cal-year-box .row:hover,
.smart-style-5 mwl-calendar .cal-row-fluid:hover {
    background-color: #3d3d3d;
}

.smart-style-5 mwl-calendar .cal-week-box-cell {
    background-color: #3d3d3d;
}

.smart-style-5 .cal-day-box .cal-day-hour:nth-child(odd) {
    background-color: #3d3d3d;
}

.smart-style-5 mwl-calendar .cal-day-today {
    background-color: #000;
}

.smart-style-5 .table-responsive {
    background-color: #ffffff00 !important;
}

.smart-style-5 #header,
.smart-style-5 .page-footer {
    background: #383838 !important;
}

.smart-style-5 #left-panel {
    background-color: #14161B !important;
}

.smart-style-5.menu-on-top aside {
    background: #14161B
}

.smart-style-5 button {
    background: #474747
}

.smart-style-5 .table-hover>tr:hover {
    background: #7c7c7c !important;
}

.smart-style-5.menu-on-top aside#left-panel {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25);
    border-bottom: 1px solid #222;
    border-top: 1px solid #333
}

.smart-style-5.menu-on-top aside#left-panel nav>ul>li {
    border-right: 1px solid transparent;
    border-left: 1px solid transparent
}

.smart-style-5.menu-on-top aside#left-panel nav>ul>li>a {
    text-shadow: none !important;
    font-size: 13px;
    padding: 10px 9px !important
}

.smart-style-5.menu-on-top aside#left-panel nav>ul>li>ul {
    background: #3a3633
}

.smart-style-5.menu-on-top aside#left-panel nav>ul>li:hover {
    border-right-color: #333;
    border-left-color: #333;
    background: #fff;
    background: -moz-linear-gradient(top, #04070c 0, #2e3e57 66%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cfcfcf), color-stop(66%, #2e3e57));
    background: -webkit-linear-gradient(top, #04070c 0, #2e3e57 66%);
    background: -o-linear-gradient(top, #04070c 0, #2e3e57 66%);
    background: -ms-linear-gradient(top, #04070c 0, #2e3e57 66%);
    background: linear-gradient(to bottom, #04070c, #2e3e57 66%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#04070C', endColorstr='#2E3E57', GradientType=0)
}

.smart-style-5.menu-on-top nav ul ul,
.smart-style-5.menu-on-top nav ul ul ul {
    border-color: #ffffff00;
}

.smart-style-5.minified nav>ul>li {
    border-color: #ffffff00;
}

.smart-style-5 .menu-item-parent {
    border-color: #ffffff00;
}

:root {
    --selecao-black-mode: #797979;
}

.smart-style-5.menu-on-top nav ul ul .active>a {
    color: var(--selecao-black-mode) !important
}

.smart-style-5 .pagination>.active>a,
.smart-style-5 .pagination>.active>a:focus,
.smart-style-5 .pagination>.active>a:hover,
.smart-style-5 .pagination>.active>span,
.smart-style-5 .pagination>.active>span:focus,
.smart-style-5 .pagination>.active>span:hover .pagination>.active>a {
    color: var(--selecao-black-mode);
    border-color: rgba(255, 255, 225, .15);
    background: rgba(0, 0, 0, .63)
}

.smart-style-5 .menu-on-top nav ul ul ul li a:hover,
.smart-style-5.menu-on-top nav ul ul li a:hover,
.smart-style-5.menu-on-top nav ul ul ul li a:hover {
    color: var(--selecao-black-mode)
}

.smart-style-5.menu-on-top aside#left-panel nav>ul>li:hover>a {
    background: #000;
    border-left-color: transparent;
    border-right-color: transparent;
    color: var(--selecao-black-mode) !important
}

.smart-style-5 nav ul .active>a {
    color: var(--selecao-black-mode) !important
}


.smart-style-5 a:focus,
.smart-style-5 a:hover {
    color: var(--selecao-black-mode);
    text-decoration: none
}

.smart-style-5 md-dialog md-dialog-content {
    background-color: rgb(38 38 38);
}

.smart-style-5 #ribbon .breadcrumb li:last-child,
.smart-style-5 #ribbon .breadcrumb>.active,
.smart-style-5 .open .project-selector {
    color: var(--selecao-black-mode)
}

.smart-style-5 .div-visualizacao-update {
    background-color: rgb(38 38 38) !important;
}

.smart-style-5 .item_drag {
    background-color: rgb(38 38 38) !important;
}

.smart-style-1.menu-on-top aside#left-panel nav>ul>li:hover>a {
    color: #F1F1F1 !important;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    padding-left: 8px !important;
    padding-right: 8px !important
}

#extr-page .smart-style-5 #header {
    background: rgb(0, 0, 0) !important;
}

#extr-page .smart-style-2 #header {
    background: rgb(35, 39, 47) !important;
}

#extr-page .smart-style-1 #header {
    background: rgb(35, 39, 47) !important;
}

.menu-on-top #mobile-profile-img2 {
    display: block !important
}

#mobile-profile-img2 a.userdropdown img {
    width: 30px;
    margin-top: 5px;
    margin-left: 2px;
    border-radius: 3px;
    border: 1px solid #797979 !important
}

@media (max-width:979px) {
    .menu-on-top #mobile-profile-img2 a.userdropdown img {
        width: 39px;
        margin-top: 0;
        margin-left: 2px;
        border-radius: 3px;
        margin-right: -3px
    }
}

@media (max-width:767px) {
    .header-dropdown-list {
        display: block !important;
    }
}

.no-menu #mobile-profile-img2 {
    display: block !important
}

.no-menu #mobile-profile-img2 a.userdropdown img {
    width: 30px;
    margin-top: 5px;
    margin-left: 2px;
    border-radius: 3px;
    border: 1px solid #797979 !important
}

.box-shadow-upload {
    max-width: 300px;
    width: 100%;
    height: 150px;
    background-color: #ECECEC;
    border-radius: 10px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.034),
        0 2px 2px rgba(0, 0, 0, 0.034),
        0 4px 4px rgba(0, 0, 0, 0.034),
        0 8px 8px rgba(0, 0, 0, 0.034),
        0 16px 16px rgba(0, 0, 0, 0.034);
}

.box-shadow-upload-2 {
    margin-top: 20px;
    max-width: 300px;
    width: 100%;
    height: 40px;
    background-color: #275B89;
    border-radius: 10px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.034),
        0 2px 2px rgba(0, 0, 0, 0.034),
        0 4px 4px rgba(0, 0, 0, 0.034),
        0 8px 8px rgba(0, 0, 0, 0.034),
        0 16px 16px rgba(0, 0, 0, 0.034);
}

.box-shadow-upload img {
    margin: auto;
    display: block;
    padding-top: 45px;
    opacity: 0.7;
}

.box-shadow-upload-app img {
    margin: 0 auto;
    display: block;
    padding: 15px;
    opacity: 0.7;
    height: 100%;
}

.box-shadow-upload-app-logo img {
    margin: 0 auto;
    display: block;
    padding-top: 45px;
    opacity: 0.7;
    width: 70%;
}

.box-shadow-upload-app {
    max-width: 300px;
    width: 100%;
    height: 150px;
    background-color: #ECECEC;
    border-radius: 10px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.034),
        0 2px 2px rgba(0, 0, 0, 0.034),
        0 4px 4px rgba(0, 0, 0, 0.034),
        0 8px 8px rgba(0, 0, 0, 0.034),
        0 16px 16px rgba(0, 0, 0, 0.034);
}

.box-shadow-upload-app-logo {
    max-width: 300px;
    width: 100%;
    height: 150px;
    background-color: #ECECEC;
    border-radius: 10px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.034),
        0 2px 2px rgba(0, 0, 0, 0.034),
        0 4px 4px rgba(0, 0, 0, 0.034),
        0 8px 8px rgba(0, 0, 0, 0.034),
        0 16px 16px rgba(0, 0, 0, 0.034);
}

.box-shadow-upload-2 span {
    margin: auto;
    display: block;
    text-align: center;
    font-size: 19px;
    padding-top: 9px;
    font-weight: bold;
    color: #ffffff;
    float: right;
}

.box-shadow-upload-2 h5 {
    margin: auto;
    display: block;
    text-align: center;
    float: right;
    padding-right: 80px;
}

.personalizacao-app {
    -webkit-appearance: none;
    border: none;
    width: 32px;
    height: 32px;
}

.personalizacao-app::-webkit-color-swatch-wrapper {
    padding: 0;
}

.personalizacao-app::-webkit-color-swatch {
    border: none;
}

.lista-apps {
    width: 50%;
}

.selecao-estatistica {
    border-radius: 25px;
    margin-top: 2%;
    display: inline-block;
    padding: 3px 0px 3px 0px;
    border: 1px solid #505050e0;
    /* border-radius: 5%; */
    /* background-color: #F0F0F0; */
}

.selecao-estatistica .borda-direita-fill {
    padding: 4px 25px 4px 25px;
    border-right: 1px solid #6a6b6ee0;
    cursor: pointer;
}

.selecao-estatistica .borda-24 {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}

.selecao-estatistica .borda-30 {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

.selecao-estatistica span {
    padding: 4px 25px 4px 25px;
    /* border-right: 1px solid #6a6b6ee0; */
    cursor: pointer;
}

.selecao-estatistica span:hover {
    /* padding: 0px 25px 0px 25px; */
    cursor: pointer;
    background-color: #79797924;
}

@media (max-width:1224px) {
    .lista-apps {
        width: 100%;
    }
}

@media (max-width:978px) {
    .item_rastreador-info-header h2 {
        width: 80px!important;
    }
}

.notificacao-pagamento-qtd-btn{
    padding-left: 0;
    margin-top: 20px;
}

@media (max-width: 767px) {
    .notificacao-pagamento-qtd-btn{
        padding-left: 12px;
        margin-top: -14px;
    }
}

.btn-sair:hover {
    background: #ffffff14;
}