.bg_fundoPrometheus:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.8s ease;
    background-color: #E5E5E5;
}

.bg_fundoPrometheus::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -2;
    background-color: #E5E5E5;
    top: 0;
    left: 0;
}

.nowrap
{
    white-space: nowrap;
}

.bg_fundoOilGas:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
    background-image: url('../images/backgrounds/OilGas.jpg') !important;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.8s ease;
}

.bg_fundoOilGas::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -2;
    top: 0;
    left: 0;
}

.bg_fundoPRF:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
    background-image: url('../images/backgrounds/bg_prf.jpg') !important;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.8s ease;
}

.bg_fundoPRF::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -2;
    top: 0;
    left: 0;
}

.bg_fundoGoods:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
    background: #e5e5e5 !important;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.8s ease;
}

.bg_fundoGoods::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -2;
    top: 0;
    left: 0;
}

.bg_fundoFieldService:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
    background-image: url('../images/backgrounds/fieldservice.jpg') !important;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.8s ease;
}

.bg_fundoFieldService::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -2;
    top: 0;
    left: 0;
}


.bg_fundoLogistics:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.8s ease;
}

.bg_fundoLogistics::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -2;
    top: 0;
    left: 0;
}

.bg_fundoKronaOne:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
    background-image: url('../images/distribuidores/krona_background.jpg') !important;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.8s ease;
}

.bg_fundoKronaOne::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -2;
    top: 0;
    left: 0;
}

.bg_Login:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
    background: #e5e5e5 !important;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.8s ease;
}

.bg_Login::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -2;
    top: 0;
    left: 0;
}


.bg_mobile:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
    background-image: url('../images/backgrounds/mobile.jpg') !important;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.8s ease;
}

.bg_mobile::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -2;
    top: 0;
    left: 0;
}

.fullscreen_pbibutton {
    /* position: absolute; */
    position: fixed;
     bottom: 35px; 
    right: 25px;
    /* opacity: 0.5; */
    font-size: 12px;
    cursor: default;
    z-index: 99999999;
    /*top: 75px;*/
}

.wrapper-page {
    margin: 4.5% auto;
    max-width: 420px;
    position: relative;
}

.smit-logo > i {
    display: table;
    width: auto;
    height: auto;
    transform-origin: bottom center;
    transform: scale(1,1);
    color: white;
}

h1 {
    font-size: 30px !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto";
    font-weight: normal !important;
    text-transform: none;
    line-height: 1 !important;
}

.textTitle {
    color: #babfc3 !important;
}

.dataTables_filter, .dataTables_paginate {
    float: right;
}

.logo-icon {
    display: block;
    width: 150% !important;
    height: 150% !important;
    background-image: url(../images/prometheus_icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    color: white;
}

.prometheus-empresaSelecionada {
    border: none;
    color: #fff;
    display: inline-block;
    height: 70px;
    width: 230px;
    background-color: transparent;
    font-size: 20px;
    text-align: left;
    padding-left: 15px;
}

.containerColored {
    background-color: #f8f9fa;
}

.thumb-lgHomeLogo {
    height: 60px;
    width: 65px;
    margin-left: 10px;
}


.bg_media {
    padding-top: 15px;
}

.content-page .content {
    margin-bottom: 0px !important;
}

.containnerfull {
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.tableHeader {
    background-color: #FF114F;
    color: #fff;
    text-align: center;
}

.transparentDiv {
    /*background-color: #ffffffb5 !important;*/
}

.strip1 {
    background-color: #dfe1e9 !important;
    color: black;
}

.strip2 {
    background-color: #f8f8fa !important;
    color: black;
}

.strip1Centered {
    background-color: #dfe1e9 !important;
    color: black;
    text-align: center;
}

.strip2Centered {
    background-color: #f8f8fa !important;
    color: black;
    text-align: center;
}

.selected {
    background-color: #b0b1b7 !important;
    color: #fff;
}

.directory-card .directory-overlay {
    background-color: rgba(132, 129, 148, 0.48) !important;
    padding: 20px;
}

#sidebar-menu > ul > li > a {
    font-size: 15px;
}

    #sidebar-menu > ul > li > a.active {
        color: #ffffff !important;
        background-color: #A4D470;
    }

#sidebar-menu > ul > li > a {
    color: #5C5C5C;
    display: block;
    padding: 7px 20px;
    font-size: 13.3px;
    position: relative;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.enlarged #wrapper .left.side-menu #sidebar-menu > ul > li > a {
    padding: 7px 20px;
    min-height: 42px;
}

.submenu li a {
    padding: 6px 20px 6px 10px;
    color: #545453;
    display: block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    padding-left: 50px;
    font-size:12px;
}

.page-item.active .page-link {
    background-color: #232425;
    border-color: #000000;
}

.color_ativo {
    color: #1c8e57;
}

/*STATUS BGS----------------------*/
/*.bg_jornada,
.bg_Jornada,
.bg_viagem,
.bg_Viagem {
    background-color: #0a84b6
}

.bg_descanso,
.bg_DescansoFracionado,
.bg_DescansoViagem,
.bg_DescansoDiario,
.bg_DescansoSemanal,
.bg_DescansoObrigatorio,
.bg_folga {
    background-color: #663890
}

.bg_refeicao,
.bg_Refeicao,
.bg_RefeicaoDescansoObrigatorio,
.bg_ferias {
    background-color: #ff8920
}

.bg_espera,
.bg_Espera {
    background-color: #13d149
}

.bg_esperailimitada,
.bg_jornadareduzida {
    background-color: #f1ad1a
}

.bg_intersticio,
.bg_Intersticio,
.bg_direcao {
    background-color: #ff8920
}

.bg_horaextra,
.bg_HoraExtra,
.bg_falta {
    background-color: #ec2528
}

.bg_manutencao {
    background-color: #1f28dd
}

.bg_cliente {
    background-color: #3aab75
}

.bg_evitarregiao {
    background-color: #b71823
}

.bg_indisponivel,
.bg_SemComunicacao,
.bg_feriado {
    background-color: #666666
}

.bg_parado,
.bg_Pausa {
    background-color: #444444
}

.bg_default,
.bg_NaoIdentificado {
    background-color: #181a1b
}*/

/*STATUS BORDERS----------------------*/
.border_jornada,
.border_Jornada,
.border_viagem,
.border_Viagem {
    border-color: #0a84b6
}

.border_descanso,
.border_DescansoFracionado,
.border_DescansoViagem,
.border_DescansoDiario,
.border_DescansoSemanal,
.border_DescansoObrigatorio,
.border_folga {
    border-color: #663890
}

.border_refeicao,
.border_Refeicao,
.border_RefeicaoDescansoObrigatorio,
.border_ferias {
    border-color: #13d149
}

.border_espera,
.border_Espera {
    border-color: #efe833
}

.border_esperailimitada,
.border_jornadareduzida {
    border-color: #f1ad1a
}

.border_intersticio,
.border_Intersticio,
.border_direcao {
    border-color: #ff8920
}

.border_horaextra,
.border_HoraExtra,
.border_falta {
    border-color: #ec2528
}

.border_manutencao {
    border-color: #1f28dd
}

.border_cliente {
    border-color: #3aab75
}

.border_evitarregiao {
    border-color: #b71823
}

.border_indisponivel,
.border_SemComunicacao,
.border_feriado {
    border-color: #666666
}

.border_parado,
.border_Pausa {
    border-color: #444444
}

.border_default,
.border_NaoIdentificado {
    border-color: #181a1b
}


.session-title {
    display: none;
    width: auto;
    height: auto;
    position: fixed;
    flex-direction: row;
    align-items: center;
    align-content: center;
    top: 14px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 7000;
    text-align: center;
    justify-content: center;
    pointer-events: none;
}

    .session-title i {
        font-size: 14px;
        padding-top: 0px;
    }

.btn-primary {
    background-color: #4d4c56;
    border: 1px solid #19191b;
}

.RegisterControls {
    padding-bottom: 15px;
}

.form-group {
    margin-bottom: 0.5rem;
}

.btn-download {
    background-color: #551b58;
    border: 1px solid #9e9a9e;
    color: #fff;
}

.c3 path {
    fill: none;
    stroke: #000;
}

.c3-grid line {
    stroke: #babfc3;
}

.c3-bar._expanded_ {
    fill-opacity: 1;
    fill-opacity: 0.75;
}

.calendar-legend-controller {
    display: block;
    height: auto;
    position: relative;
    text-align: center;
}

    .calendar-legend-controller ul {
        display: flex;
        width: 100%;
        height: auto;
        flex-direction: row;
        align-items: center;
        align-content: center;
        /*justify-content: center;*/
    }

        .calendar-legend-controller ul > li {
            width: 100%;
            padding: 6px 0;
            margin: 0;
            font-family: "RobotoBold";
            font-size: 18px;
            line-height: 22px;
            text-transform: uppercase;
            position: relative;
        }

            .calendar-legend-controller ul > li > span {
                display: block;
                width: 100%;
                height: 4px;
                position: absolute;
                bottom: 0;
                transform: translateY(100%);
            }

            .calendar-legend-controller ul > li:first-child {
                /*border-top-left-radius: 20px; border-bottom-left-radius: 20px;*/
            }

            .calendar-legend-controller ul > li:last-child {
                /*border-top-right-radius: 20px; border-bottom-right-radius: 20px;*/
            }

input[switch]:checked + label {
    background-color: #17a2b8;
}

input[switch=espera]:checked + label {
    background-color: #1c8e57;
}

input[switch=esperaIlimitado]:checked + label {
    background-color: #7cac08;
}

input[switch=refeicao]:checked + label {
    background-color: #da8400;
}

input[switch=intersticio]:checked + label {
    background-color: #066666;
}


.wizard-off {
    display: none;
}

.report-wizard-body {
    display: flex;
    width: 100%;
    height: auto;
    flex-direction: row;
    align-items: stretch;
    align-content: stretch;
}

    .report-wizard-body > div {
        width: 100%;
        height: 100%;
        padding: 0px 25px 25px 25px;
        max-width: 25%;
    }

        .report-wizard-body > div:first-child {
            padding-left: 0 !important
        }

        .report-wizard-body > div:last-child {
            padding-right: 0 !important
        }

            .report-wizard-body > div:last-child,
            .report-wizard-body > div:last-child > p {
                text-align: right
            }

    .report-wizard-body.wizard-body-off {
        opacity: 0;
        pointer-events: none;
        transform: translateY(-70%);
    }

    .report-wizard-body .input-control,
    .report-wizard-body .input-control .form-control {
        padding-right: 0 !important
    }

.report-wizard.wizard-off {
    pointer-events: none;
    display: none;
}

    .report-wizard.wizard-off .report-wizard-slide {
        opacity: 0;
        pointer-events: none;
        transform: translateY(-70%)
    }

.report-wizard-body > div.slide-off,
.report-wizard-timeline-selected > div.slide-off,
.report-wizard-timeline-content > div.slide-off {
    opacity: .3;
    pointer-events: none;
}

    .report-wizard-timeline-content > div.slide-off > h3 {
        font-size: 14px !important;
    }

.report-filter-tree-holder {
    width: 100%;
    margin: auto;
    overflow: hidden;
}

.report-filter-tree-control {
    display: block;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.report-filter-tree-search {
    display: block;
    width: 100%;
    height: auto;
    margin: auto;
    padding: 0 !important;
    margin-bottom: 0 !important;
}

    .report-filter-tree-search > input {
        width: 100%;
        height: auto !important;
        padding-right: 0 !important;
        padding: 6px !important;
        font-size: 18px !important;
        border-bottom-style: solid !important;
        border-bottom-width: 2px !important;
    }

        .report-filter-tree-search > input:focus {
            font-size: 18px !important;
            border-bottom-width: 4px !important;
        }

.report-filter-tree-counter {
    display: block;
    width: 100%;
    max-width: 440px;
    margin: auto;
    padding: 6px;
    text-align: center;
    font-size: 14px;
    cursor: default;
}

.report-filter-intro {
    padding: 18px 0;
    font-size: 14px !important;
    line-height: 18px !important;
    text-align: center;
}

.report-filter-sub-text {
    padding-top: 18px;
    max-width: 80%;
    font-size: 14px !important;
    line-height: 18px !important;
    /*font-size: 14px;*/
}

.report-wizard-timeline {
    display: block;
    width: 100%;
    height: auto;
    padding-top: 18px;
}

.report-wizard-timeline-content,
.report-wizard-timeline-selected {
    display: flex;
    width: 100%;
    height: auto;
    flex-direction: row;
    align-items: stretch;
    align-content: stretch;
}

    .report-wizard-timeline-content > div,
    .report-wizard-timeline-selected > div {
        display: block;
        width: 100%;
        height: 100%;
    }

    .report-wizard-timeline-selected > div {
        padding-top: 34px;
    }

        .report-wizard-timeline-content > div:nth-child(1),
        .report-wizard-timeline-selected > div:nth-child(1) {
            text-align: left
        }

        .report-wizard-timeline-content > div:nth-child(2),
        .report-wizard-timeline-selected > div:nth-child(2) {
            text-align: center
        }

        .report-wizard-timeline-content > div:nth-child(3),
        .report-wizard-timeline-selected > div:nth-child(3) {
            text-align: right
        }

    .report-wizard-timeline-content label,
    .report-wizard-timeline-content h3 {
        display: inline
    }

    .report-wizard-timeline-content h3 {
        font-size: 18px !important
    }

    .report-wizard-timeline-selected h2 {
        max-width: 200px;
        font-size: 34px !important;
        line-height: 34px !important;
    }

.report-wizard-timeline-track {
    display: block;
    width: 100%;
    height: 6px;
    margin-top: 4px
}

    .report-wizard-timeline-track > div {
        display: block;
        width: 0;
        height: 100%;
    }

        .report-wizard-timeline-track > div.step-1 {
            width: 18px
        }

        .report-wizard-timeline-track > div.step-2 {
            width: 50%
        }

        .report-wizard-timeline-track > div.step-3 {
            width: 100%
        }

.rw-selected-counter {
    display: block;
    width: 100%;
    height: 55px;
    position: relative;
}

.report-filter-tree-counter {
    display: block;
    width: 55px;
    height: 55px;
    font-size: 30px !important;
    line-height: 48px !important;
    text-align: center;
    margin: auto;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 4000;
}

.rw-selected-counter span {
    display: block;
    position: absolute;
    text-align: center;
    z-index: 3900;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateY(-50%);
    opacity: 0;
}

.rw-selected-counter:hover span {
    opacity: 1;
}

    .rw-selected-counter:hover span.rwsc-1 {
        transform: translateY(-50%) translateX(-15%);
    }

    .rw-selected-counter:hover span.rwsc-2 {
        transform: translateY(-50%) translateX(22%);
    }

.rw-selected-counter:hover .report-filter-tree-counter {
    font-size: 34px !important;
}

.rw-type-list {
    padding-top: 18px;
    display: none
}

.filter-date {
    padding-right: 18px !important
}

.button-off {
    display: none;
}

.validation-error-control.validation-error-off {
    height: 0;
    opacity: 0;
    pointer-events: none
}

.validation-error-control > h3 {
    font-size: 18px !important;
    line-height: 18px !important;
    margin-bottom: 4px;
}

.validation-error-control > p {
    font-size: 16px !important;
    line-height: 16px !important
}

.validation-right {
    right: 18px;
    left: auto;
}

.report-filter-tree-search > input {
    border: 0;
    background-color: transparent;
    border-color: #0a84b6 !important;
}

.report-filter-tree-search > input {
    width: 100%;
    height: auto !important;
    padding-right: 0 !important;
    padding: 6px !important;
    font-size: 18px !important;
    border-bottom-style: solid !important;
    border-bottom-width: 2px !important;
}

.report-wizard-timeline-track {
    display: block;
    width: 100%;
    height: 6px;
    margin-top: 4px;
}

.report-wizard-timeline {
    display: block;
    width: 100%;
    height: auto;
    padding-top: 18px;
}

.report-wizard-timeline-content,
.report-wizard-timeline-selected {
    display: flex;
    width: 100%;
    height: auto;
    flex-direction: row;
    align-items: stretch;
    align-content: stretch;
}

    .report-wizard-timeline-content > div,
    .report-wizard-timeline-selected > div {
        display: block;
        width: 100%;
        height: 100%;
    }

    .report-wizard-timeline-selected > div {
        padding-top: 34px;
    }

        .report-wizard-timeline-content > div:nth-child(1),
        .report-wizard-timeline-selected > div:nth-child(1) {
            text-align: left
        }

        .report-wizard-timeline-content > div:nth-child(2),
        .report-wizard-timeline-selected > div:nth-child(2) {
            text-align: center
        }

        .report-wizard-timeline-content > div:nth-child(3),
        .report-wizard-timeline-selected > div:nth-child(3) {
            text-align: center
        }

        .report-wizard-timeline-content > div:nth-child(4),
        .report-wizard-timeline-selected > div:nth-child(4) {
            text-align: right
        }

    .report-wizard-timeline-content label,
    .report-wizard-timeline-content h3 {
        display: inline
    }

    .report-wizard-timeline-content h3 {
        font-size: 18px !important
    }

    .report-wizard-timeline-selected h2 {
        max-width: 300px;
        font-size: 25px !important;
        line-height: 30px !important;
    }

.report-wizard-timeline-track {
    display: block;
    width: 100%;
    height: 6px;
    margin-top: 4px
}

    .report-wizard-timeline-track > div {
        display: block;
        width: 0;
        height: 100%;
    }

        .report-wizard-timeline-track > div.step-1 {
            width: 18px
        }

        .report-wizard-timeline-track > div.step-2 {
            width: 37%
        }

        .report-wizard-timeline-track > div.step-3 {
            width: 62%;
        }

        .report-wizard-timeline-track > div.step-4 {
            width: 100%
        }

.rw-selected-counter {
    display: block;
    width: 100%;
    height: 55px;
    position: relative;
}

.report-filter-tree-counter {
    display: block;
    width: 60px;
    height: 60px;
    font-size: 30px !important;
    line-height: 48px !important;
    text-align: center;
    margin: auto;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 4000;
    color: #fff;
}

.rw-selected-counter span {
    display: block;
    position: absolute;
    text-align: center;
    z-index: 3900;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    transform: translateY(-50%);
    opacity: 0;
}

.rw-selected-counter:hover span {
    opacity: 1;
}

    .rw-selected-counter:hover span.rwsc-1 {
        transform: translateY(-50%) translateX(-15%);
    }

    .rw-selected-counter:hover span.rwsc-2 {
        transform: translateY(-50%) translateX(22%);
    }

.rw-selected-counter:hover .report-filter-tree-counter {
    font-size: 34px !important;
}

.rw-type-list {
    padding-top: 18px;
    display: none;
    list-style: none;
}

.filter-date {
    padding-right: 18px !important
}

.bg_main {
    background-color: #17a2b8;
}

.relat-func-menu-holder {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 6000;
    top: 0;
    left: 0;
}

    .relat-func-menu-holder.menu-off {
        opacity: 0;
        pointer-events: none
    }

        .relat-func-menu-holder.menu-off .relat-func-menu {
            transform: translateY(-80%);
        }

.relat-func-menu-backdrop {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 5999;
}

.relat-func-menu {
    display: block;
    width: 100%;
    max-width: 300px;
    position: absolute;
    z-index: 6001;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
}

    .relat-func-menu > div {
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 6003;
        padding: 9px;
    }

    .relat-func-menu > span {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        margin: auto;
        z-index: 6002;
        top: 50%;
        left: 0;
        right: 0;
        transform: translateY(-50%);
        /*box-shadow: 1px 1px 10px rgba(0,0,0,0.3)*/
    }

    .relat-func-menu h3 {
        width: 100%;
        padding: 0 9px 10px 9px;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        text-align: center;
        margin-bottom: 9px;
        font-size: 18px !important;
        line-height: 18px !important;
    }

    .relat-func-menu a {
        display: table;
        width: 100%;
        font-size: 18px;
        line-height: 18px;
        margin-top: 6px;
    }

        .relat-func-menu a:first-child {
            margin-top: 0;
        }

    .relat-func-menu .checkbox-control {
        display: table;
        margin: auto;
        padding-top: 9px !important;
        padding-bottom: 9px;
        text-align: center;
    }

.relat-func-control-empty {
}

.relat-func-control {
    cursor: pointer !important;
    white-space: nowrap;
}

    .relat-func-control:hover {
        box-shadow: inset 1px 1px 8px rgba(255,255,255,0.4)
    }

    .relat-func-control::before {
        display: inline-table;
        content: '\e958';
        font-family: "Prometheus";
        font-size: 16px;
        margin-roght: 4px;
    }
/*FLAGS*/
/*.flag_ok,.flag_defeito,.flag_justificado{text-align: left !important}*/
.flagged {
    position: relative !important;
    white-space: nowrap;
    cursor: pointer;
}

    .flagged:hover {
        box-shadow: inset 1px 1px 8px rgba(255,255,255,0.4)
    }

    .flagged::before {
        font-family: 'Prometheus';
        font-size: 12px;
        display: inline-block;
        width: 14px;
        height: 14px;
        text-align: center;
        float: left;
    }

.flag_ok::before {
    content: '\e95c';
}

.flag_defeito::before {
    content: '\e95c'
}

.flag_justificado::before {
    content: '\e95c'
}

.pagerHolder {
    display: block;
    width: auto;
    min-width: 100px;
    max-width: 200px;
    /*position: fixed;*/
    bottom: 40px;
    right: 0;
    left: 0;
    z-index: 10000;
    margin: auto;
    text-align: center;
    padding: 6px 0;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    background-color: rgba(0,0,0,0);
    /*opacity: .3;*/
}
/*.pagerHolder.off {
        opacity: 0;
        transform: rotateX(45deg);
    }

    .pagerHolder:hover,
    .pagerHolder.on {
        opacity: 1;
        background-color: rgba(0,0,0,0.7);
        transform: rotateX(0)
    }*/

.pageNumHolder .pageNum:not(.pageOf) {
    display: inline-block;
    border-radius: 100% !important;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background-color: #fff;
    margin: 4px;
    a84b6;
}

.pageOf {
    padding: 0 6px
}

.pageNumHolder .pageNum.curr {
    background-color: #FF114F !important;
    color: #fff !important;
    border-color: #fff;
    border: 1px;
}

.pagPrev, .pagNext {
    display: inline-block;
}

.modalHeader {
    background-color: #6f6f71 !important;
}

.treeview span.icon {
    padding-right: 20px !important;
    font-size: 1.2em !important;
}

.embed-responsive-16by9::before {
    padding-top: 62.25% !important;
}

.cd-container {
    width: 98% !important;
    margin: 0 auto !important;
    max-width: 1570px !important;
}

.buttonLineAligned {
    margin-top: 37% !important;
}

/*TACHODATA----------------------------*/
.tachodata-header {
    display: flex;
    width: 100%;
    height: auto;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    align-content: stretch;
}

    .tachodata-header > div {
        width: 100%;
        max-width: 50%;
    }

.tachodata-drive-info {
    text-align: right
}

    .tachodata-drive-info label {
        font-size: 18px !important;
        line-height: 18px !important;
        vertical-align: middle;
    }

        .tachodata-drive-info label > i {
            margin-left: 4px;
            font-size: 14px !important;
            line-height: 14px !important;
            vertical-align: middle;
        }

            .tachodata-drive-info label > i.fa-calendar {
                margin-top: -4px;
            }

.tachodata-locations, .tachodata-ocurrences {
    margin-top: 44px;
    position: relative;
}

    .tachodata-locations > h1, .tachodata-ocurrences > h1 {
        text-align: center;
        font-family: 'Bebas';
        font-size: 34px !important;
        line-height: 34px !important;
    }

.tachodata-locations-table, .tachodata-ocurrences-table {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}

.tachodata-locations .relat-table-holder,
.tachodata-ocurrences .relat-table-holder {
    top: 14px
}

.tachodata-locations .relat-table,
.tachodata-ocurrences .relat-table {
    top: 0
}

.col-small {
    min-width: 100px;
    max-width: 100px;
}

.col-large {
    min-width: 140px;
    max-width: 140px;
}

.selectbox {
    background: #fff;
    color: #1d3b4a;
    padding: 8px;
    line-height: 18px;
    border-radius: 4px;
    border-width: 0 1px 4px;
}

.linkbox, .selectbox {
    border: 1px solid #ddd;
}

img.transparent {
    opacity: 0.4;
}

    img.transparent:hover {
        opacity: 1;
        // no point in going higher than 1 here
    }

/*.month, .ranges, .prev, .next {
    background-color: #ebf4f8;
}*/

.valorDescontoLabel {
    font-size: 16px !important;
    color: red !important;
}

.padding-right-10px {
    padding-right: 10px;
}
.l2 {
    padding-left: 1em;
}

.leaflet-popup-pane > * {
    -webkit-transition: transform .3s linear;
    -moz-transition: transform .3s linear;
    -o-transition: transform .3s linear;
    -ms-transition: transform .3s linear;
    transition: transform .3s linear;
}