:root {
    --xFlowBG: #6E4F8E;
}

.gridTransparente {
    background-color: transparent !important;
    border: 1px solid transparent !important;
    width: 100%;
    table-layout: fixed;
}

    .gridTransparente .Shorter {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        border: 0px solid transparent !important;
        min-width: 30px !important;
    }

    .gridTransparente td {
        border: 0px solid transparent !important;
    }

    .gridTransparente th {
        border: 0px solid transparent !important;
    }

.grid {
    background-color: White;
    border: none !important;
    width: 100%;
    table-layout: fixed;
}

    .grid .Shorter {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        border-bottom: none !important;
        min-width: 30px !important;
    }

    .grid .ShorterBorder {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        border-bottom: 2px solid white !important;
        min-width: 30px !important;
    }

    .grid td {
        border: none !important;
    }

    .grid th {
        border: none;
    }

.gridComBorda {
    background-color: White;
    border: 1px solid #f2f2f2 !important;
    width: 100%;
    table-layout: fixed;
}

    .gridComBorda .Shorter {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        border-bottom: none !important;
        min-width: 30px !important;
    }

    .gridComBorda td {
        border: 1px solid #f2f2f2 !important;
    }

    .gridComBorda th {
        border: none;
    }

.gridSemBorda {
    background-color: White;
    border: none !important;
    width: 100%;
    table-layout: fixed;
}

    .gridSemBorda .Shorter {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        border: 0px solid transparent !important;
        min-width: 30px !important;
    }

    .gridSemBorda td {
        border: 0px solid transparent !important;
    }

    .gridSemBorda th {
        border: 0px solid transparent !important;
    }

.gridDinamico {
    background-color: White;
    table-layout: fixed;
    border-top-right-radius: 5px !important;
    border-top-left-radius: 5px !important;
}

    .gridDinamico .Shorter {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        border: 0px solid transparent !important;
        min-width: 30px !important;
    }

    .gridDinamico td {
        border: 0px solid transparent !important;
    }

    .gridDinamico th {
        border: 0px solid transparent !important;
        text-align: center !important;
        border-top-right-radius: 5px !important;
        border-top-left-radius: 5px !important;
    }

.gridNoBorder {
    background-color: White;
    border: 0px solid transparent !important;
    width: 100%;
    table-layout: fixed;
}

    .gridNoBorder .Shorter {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        border: 0px solid transparent !important;
        min-width: 30px !important;
    }

    .gridNoBorder td {
        border: 0px solid transparent !important;
    }

    .gridNoBorder th {
        border: 0px solid transparent !important;
    }

.minWidth {
    min-width: 300px !important;
}

.noBorderBottom {
    border-bottom: none !important;
}

.borderTop1px {
    border-top: 1px solid white !important;
}

    .borderTop1px td {
        border-top: 1px solid white !important;
    }

.borderBottom1px {
    border-bottom: 1px solid white !important;
}

    .borderBottom1px td {
        border-bottom: 1px solid white !important;
    }

.borderTop1pxX {
    border-top: 1px solid #F9F8FA !important;
}

.borderWhite {
    border-bottom: 2px solid white !important;
}

    .borderWhite td {
        border-bottom: 2px solid white !important;
    }

.gridClean {
    background-color: White;
    border-color: transparent;
    border-style: solid;
    border-width: 1px;
    width: 100%;
}

.gridRowCancelado {
    background-color: #f8d7da !important;
    color:lightcoral!important;
    text-decoration: line-through !important;
}

.gridColumnDate {
    width: 100px !important;
    text-align: center !important;
    border: 0px solid transparent !important;
}

.gridColumnDateHour {
    width: 130px !important;
    text-align: center !important;
    border: 0px solid transparent !important;
}

.gridColumnDateTime {
    width: 145px !important;
    text-align: center !important;
    border: 0px solid transparent !important;
}

.gridColumnValue {
    width: 100px !important;
    text-align: right !important;
    border: 0px solid transparent !important;
}

.gridColumnInativo {
    width: 60px !important;
    text-align: center !important;
    border: none !important;
}

.gridColumnValueNumber {
    width: 100px !important;
    text-align: right !important;
    border: 0px solid transparent !important;
}
    .gridColumnValueNumber input {
        text-align: right !important;
    }

.gridColumnPriority {
    width: 20px !important;
    text-align: center !important;
    font-size: 11px;
    color: red !important;
    border: 0px solid transparent !important;
}

.gridColumnLogo {
    width: 50px !important;
    text-align: center !important;
    border: 1px solid transparent !important;
}

.gridColumnID {
    width: 90px !important;
    text-align: center !important;
    border: 1px solid transparent !important;
}

.gridColumnButton {
    width: 30px !important;
    text-align: center !important;
    background-color: #F9F8FA;
    border: 0px solid transparent !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    text-align: center !important;
}

.gridColumnButton-sm {
    width: 20px !important;
    text-align: center !important;
    background-color: #F9F8FA;
    border: 0px solid transparent !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    text-align: center !important;
    font-size: 12px !important;
}

.gridColumnButton-l {
    width: 40px !important;
    text-align: center !important;
    background-color: #F9F8FA;
    border: 0px solid transparent !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    text-align: center !important;
    font-size: 12px !important;
}

.gridColumnBoolean {
    width: 100px !important;
    text-align: center !important;
    border: none !important;
}

.gridColumnBar {
    width: 150px !important;
    text-align: right;
    border: 0px solid transparent !important;
}

.gridColumnStatus {
    width: 170px !important;
    text-align: center !important;
    border: 0px solid transparent !important;
}

.gridColumnStatus-sm {
    width: 120px !important;
    text-align: center !important;
    border: 0px solid transparent !important;
}

.gridColumnUser {
    width: 250px !important;
    text-align: left;
}

.gridSpanTotal {
    font-size: 12px;
    margin: 0px 0px 0px 0px;
    padding-top: 0px;
    padding-bottom: 2px;
    text-align: right;
}

.gridLabelPadding {
    padding-top: 11px !important;
}

.gridRowSelect {
    cursor: pointer !important;
}
    .gridRowSelect td {
        cursor: pointer !important;
    }
    .gridRowSelect span {
        cursor: pointer !important;
    }
    .gridRowSelect label {
        cursor: pointer !important;
    }

.gridSpanTotalArrow {
    font-size: 10px;
    color: darkgray
}

.gridRowMarca {
    border-bottom: 2px solid #ECE9EF;
    width: 100%;
    height: 36px !important;
    background-repeat: repeat-x;
    background-color: #F9F8FA;
    font-size: 12px;
    margin-bottom: -2px !important;
}

.gridHeaderSmall {
    border-bottom: 2px solid #ECE9EF;
    width: 100%;
    height: 28px !important;
    color: #8768A8 !important;
    font-weight: normal;
    font-size: 12px;
    background-repeat: repeat-x;
    background-color: #F9F8FA;
}

.gridHeaderSlim {
    border: none !important;
    width: 100%;
    color: var(--xFlowBG);
    font-weight: normal !important;
    font-size: 12px;
    background-color: #F9F8FA;
}

    .gridHeaderSlim th {
        padding: 9px 0px 7px 0px;
        font-weight: normal !important;
    }

    .gridHeaderSlim label {
        color: var(--xFlowBG);
    }

.gridHeaderSlimPad {
    border: none !important;
    width: 100%;
    color: #8768A8 !important;
    font-weight: normal !important;
    font-size: 12px;
    background-color: #F9F8FA;
}
    .gridHeaderSlimPad th {
        padding: 9px 0px 7px 6px;
        font-weight: normal !important;
    }

.gridHeader {
    border-top: none !important;
    width: 100%;
    height: 40px !important;
    background-color: #F9F8FA;
    font-weight: normal;
    font-size: 12px;
    color: #8768A8 !important;
    background-repeat: repeat-x;
}
    .gridHeader td {
        padding: 10px 5px 5px 5px;
        border: 0px solid transparent !important;
    }
    .gridHeader th {
        padding: 5px 5px 5px 5px;
        font-weight: normal;
        position: sticky !important;
        top: 0 !important;
        background-color: #F9F8FA;
    }
    .gridHeader a {
        color: #8768A8 !important;
    }
        .gridHeader a:hover {
            color: #AF9BC6 !important;
            text-decoration: none;
        }

.gridHeader-no-stick {
    border-top: none !important;
    width: 100%;
    height: 40px !important;
    background-color: #F9F8FA;
    font-weight: normal;
    font-size: 12px;
    color: #8768A8 !important;
    background-repeat: repeat-x;
}
    .gridHeader-no-stick td {
        padding: 10px 5px 5px 5px;
        border: 0px solid transparent !important;
    }
    .gridHeader-no-stick th {
        padding: 5px 5px 5px 5px;
        font-weight: normal;
        top: 0 !important;
        background-color: #F9F8FA;
    }
    .gridHeader-no-stick a {
        color: #8768A8 !important;
    }
        .gridHeader-no-stick a:hover {
            color: #AF9BC6 !important;
            text-decoration: none;
        }

.gridHeaderCenter {
    border-top: none !important;
    width: 100%;
    height: 40px !important;
    background-color: #F9F8FA;
    font-weight: normal;
    font-size: 12px;
    color: #8768A8 !important;
    background-repeat: repeat-x;
}

    .gridHeaderCenter td {
        padding: 10px 5px 5px 5px;
        border: 1px solid transparent !important;
    }

    .gridHeaderCenter th {
        padding: 5px 5px 5px 5px;
        font-weight: normal;
        text-align:center;
    }

    .gridHeaderCenter a {
        color: #8768A8 !important;
    }

        .gridHeaderCenter a:hover {
            color: #AF9BC6 !important;
            text-decoration: none;
        }

.gridHeaderX {
    border-top: none !important;
    width: 100%;
    height: 38px !important;
    color: #8768A8 !important;
    font-weight: normal;
    font-size: 12px;
    background-repeat: repeat-x;
    background-color: #F9F8FA;
    border-bottom: 1px solid white !important;
}

    .gridHeaderX td {
        padding: 10px 5px 5px 5px;
        border: 1px solid transparent !important;
    }

    .gridHeaderX th {
        padding: 5px 0px 5px 0px;
        font-weight: normal;
    }

    .gridHeaderX a {
        color: #8768A8 !important;
    }

        .gridHeaderX a:hover {
            color: #AF9BC6 !important;
            text-decoration: none;
        }

.gridFooterX {
    width: 100%;
    height: 38px !important;
    color: #8768A8 !important;
    font-weight: normal;
    font-size: 12px;
    background-repeat: repeat-x;
    background-color: #F9F8FA;
    border-top: 1px solid white !important;
}

    .gridFooterX td {
        padding-top: 3px !important;
    }

.spanDestaque {
    border-radius: 3px 3px !important;
    color: #715492 !important;
    background-color: #f2eff5 !important;
    padding: 4px 6px 4px 6px !important;
}

.gridRowSelecao {
    color: gray;
    background-color: #EBDEF0;
    font-size: 12px;
}

    .gridRowSelecao td {
        padding: 5px 2px 5px 2px;
    }

    .gridRowSelecao a {
        color: gray;
    }

.gridColumnSelecao {
    padding: 0px 0px 0px 0px !important;
    width: 3px !important;
    background-color: #F9F8FA;
}

.gridItemDetalhe {
    color: #666666;
    background-color: white;
    font-size: 12px;
}

    .gridItemDetalhe a {
        color: #666666;
    }

    .gridItemDetalhe:hover {
        background-color: #f2eff6;
    }

.gridItemDetalheAlt {
    color: #666666;
    background-color: #FCFCFC;
    font-size: 12px;
}

    .gridItemDetalheAlt a {
        color: #666666;
    }

    .gridItemDetalheAlt:hover {
        background-color: #f2eff6;
    }


.gridRow {
    color: #666666;
    background-color: white;
    font-size: 12px!important;
}

    .gridRow td {
        padding: 6px 5px 5px 5px;
        border: 0px solid transparent !important;
    }

    .gridRow a {
        color: #666666;
        text-decoration: none !important;
    }

    .gridRow selected {
        background-color: #666;
        color: #fff;
    }

    .gridRow:hover {
        background-color: #f2eff6 !important;
        color: #666666 !important;
        z-index: 999 !important;
    }

.gridRowAlt {
    color: #666666;
    background-color: #FCFCFC;
    font-size: 12px!important;
}
    .gridRowAlt td {
        padding: 6px 5px 5px 5px;
        border: 0px solid transparent !important;
    }

    .gridRowAlt a {
        color: #666666;
        text-decoration: none !important;
    }
    .gridRowAlt selected {
        background-color: #666;
        color: #fff;
    }

    .gridRowAlt:hover {
        background-color: #f2eff6 !important;
        color: #666666 !important;
        z-index: 9999 !important
    }

.gridRowNoHover {
    color: #666666;
    background-color: white;
    font-size: 12px;
}

    .gridRowNoHover td {
        padding: 5px 5px 5px 5px;
        border: 0px solid transparent !important;
    }

    .gridRowNoHover a {
        color: #666666;
    }

.gridRowNoHoverSemPad {
    color: #666666;
    background-color: white;
    font-size: 12px;
}
    .gridRowNoHoverSemPad a {
        color: #666666;
    }

.gridRowNoHoverX {
    color: #666666;
    background-color: white;
    font-size: 12px;
}

    .gridRowNoHoverX td {
        padding: 5px 5px 5px 5px;
    }

    .gridRowNoHoverX a {
        color: #666666;
    }

.gridRowAltNoHoverX {
    color: #666666;
    background-color: #fcfcfc;
    font-size: 12px;
}

    .gridRowAltNoHoverX td {
        padding: 5px 5px 5px 5px;
    }

    .gridRowAltNoHoverX a {
        color: #666666;
    }

.gridRowTransparente {
    color: #666666;
    background-color: transparent !important;
    font-size: 12px;
}

    .gridRowTransparente td {
        padding: 3px 5px 5px 5px;
        border: 0px solid transparent !important;
        background-color: transparent !important;
    }

    .gridRowTransparente a {
        color: #666666;
    }

.gridRowTransparenteSlim {
    color: #666666;
    background-color: transparent !important;
    font-size: 12px;
}

    .gridRowTransparenteSlim td {
        padding: 2px 2px 2px 2px;
        border: 0px solid transparent !important;
        background-color: transparent !important;
    }

    .gridRowTransparenteSlim a {
        color: #666666;
    }

.gridRowAltNoHover {
    color: #666666;
    background-color: #fcfcfc;
    font-size: 12px;
}

    .gridRowAltNoHover td {
        padding: 5px 5px 5px 5px;
        border: 0px solid transparent !important;
    }

    .gridRowAltNoHover a {
        color: #666666;
    }

.gridRowClean {
    color: #666666;
    background-color: white;
    font-size: 12px;
}

    .gridRowClean td {
        padding: 4px 4px 4px 4px;
    }

    .gridRowClean a {
        color: #666666;
    }

    .gridRowClean selected {
        background-color: #666;
        color: #fff;
    }

.gridRowCleanHover {
    color: #666666;
    background-color: white;
    font-size: 12px;
}

    .gridRowCleanHover td {
        padding: 5px 0px 2px 7px;
    }

    .gridRowCleanHover a {
        color: #666666;
    }

    .gridRowCleanHover:hover {
        background-color: #f2eff6 !important;
        color: #666666 !important;
        z-index: 999 !important;
    }

.gridFooterTotal {
    border-top: 2px solid white !important;
    width: 100%;
    height: 40px !important;
    color: #8768A8 !important;
    font-weight: normal;
    font-size: 12px;
    background-repeat: repeat-x;
    background-color: #F9F8FA;
}

    .gridFooterTotal td {
        padding: 7px 5px 7px 5px;
        border: 1px solid transparent !important;
    }

    .gridFooterTotal th {
        padding: 5px 5px 5px 5px;
        font-weight: normal;
    }

.gridFooterTotal a {
    color: #8768A8 !important;
}

    .gridFooterTotal label {
        color: #8768A8 !important;
    }

    .gridFooterTotal span {
        color: #8768A8 !important;
    }

    .gridFooterTotal a:hover {
        color: #AF9BC6 !important;
        text-decoration: none;
    }

.gridFooter {
    color: #666666 !important;
    background-color: white;
    font-size: 12px;
    border: 0px none white;
}

    .gridFooter td {
        padding: 5px 5px 5px 5px;
        border: 0px none white;
    }

    .gridFooter a {
        color: #666666;
    }

    .gridFooter selected {
        background-color: #666;
        color: #fff;
    }

.bordaTopo {
    border-top: 1px solid white !important;
}

.bordaRodape {
    border-bottom: 1px solid white !important;
}

.gridFooterSlim {
    background-color: #F9F8FA !important;
    height: 5px !important;
    max-height: 5px !important;
    padding: 0px 0px 0px 0px !important;
    margin: 0px 0px 0px 0px !important;
}

    .gridFooterSlim td {
        padding: 0px 0px 0px 0px !important;
        margin: 0px 0px 0px 0px !important;
    }

    .gridFooterSlim th {
        padding: 0px 0px 0px 0px !important;
        margin: 0px 0px 0px 0px !important;
    }

.gridRowAltClean {
    color: #666666;
    background-color: #FCFCFC;
    font-size: 12px;
}

    .gridRowAltClean td {
        padding: 4px 4px 4px 4px;
    }

    .gridRowAltClean a {
        color: #666666;
    }

.gridRowAlerta {
    padding: 3px 3px 3px 3px;
    color: #8a6d3b;
    background-color: #FCF3E1;
    font-size: 12px;
}

    .gridRowAlerta td {
        padding: 4px 4px 4px 4px;
    }

    .gridRowAlerta a {
        color: #8a6d3b;
    }

    .gridRowAlerta:hover {
        background-color: #F5F3F8;
    }

.gridRowAlertaErro {
    padding: 3px 3px 3px 3px;
    color: #D9534F;
    background-color: #FCF8E3;
    font-size: 12px;
}

    .gridRowAlertaErro td {
        padding: 4px 4px 4px 4px;
    }

    .gridRowAlertaErro a {
        color: #D9534F;
    }

    .gridRowAlertaErro:hover {
        background-color: #F5F3F8;
    }

.gridRowSucesso {
    padding: 3px 3px 3px 3px;
    color: #5CB85C;
    background-color: #EAF7EA;
    font-size: 12px;
}

    .gridRowSucesso td {
        padding: 5px 5px 5px 5px;
    }

    .gridRowSucesso a {
        color: #5CB85C;
    }

    .gridRowSucesso:hover {
        background-color: #F5F3F8 !important;
    }

.gridRowSucessoErro {
    padding: 3px 3px 3px 3px;
    color: #D9534F;
    background-color: #EAF7EA;
    font-size: 12px;
}

.spyGridButtonxFlow {
    color: #8768A8 !important;
    border: 0px none #5BC0DE !important;
    background-color: transparent !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    font-size: 15px !important;
    text-align: center;
}

    .spyGridButtonxFlow.glyphicon {
        padding-top: 5px !important;
    }

    .spyGridButtonxFlow:hover {
        color: #AF9BC6 !important;
        text-decoration: none;
    }

.bordaSeparadorGrid {
    border-bottom: 1px solid #f2f0f4 !important;
}

.botaoGridOn {
    color: #8768A8 !important;
    background-color: #F9F8FA !important;
    border: 1px solid #f2eff6 !important;
    font-size: 15px !important;
    text-align: center !important;
    width: 30px !important;
    height: 30px !important;
    white-space: nowrap !important;
    border-radius: 3px 3px !important;
    cursor: pointer !important;
    line-height: normal !important;
    max-height: 35px !important;
    padding: 5px 5px 5px 5px !important;
}

    .botaoGridOn.glyphicon {
        padding-top: 5px !important;
    }

    .botaoGridOn:hover {
        color: #AF9BC6 !important;
        text-decoration: none;
    }

.botaoGridVerdeOn {
    color: #5CB85C !important;
    background-color: #F9F8FA !important;
    border: 1px solid #f2eff6 !important;
    font-size: 15px !important;
    text-align: center !important;
    width: 30px !important;
    height: 30px !important;
    white-space: nowrap !important;
    border-radius: 3px 3px !important;
    cursor: pointer !important;
    line-height: normal !important;
    max-height: 35px !important;
    padding: 5px 5px 5px 5px !important;
}
    .botaoGridVerdeOn.glyphicon {
        padding-top: 5px !important;
    }

    .botaoGridVerdeOn:hover {
        color: #AF9BC6 !important;
        text-decoration: none;
    }

.botaoGridVermelhoOn {
    color: #D9534F !important;
    background-color: #F9F8FA !important;
    border: 1px solid #f2eff6 !important;
    font-size: 15px !important;
    text-align: center !important;
    width: 30px !important;
    height: 30px !important;
    white-space: nowrap !important;
    border-radius: 3px 3px !important;
    cursor: pointer !important;
    line-height: normal !important;
    max-height: 35px !important;
    padding: 5px 5px 5px 5px !important;
}
    .botaoGridVermelhoOn.glyphicon {
        padding-top: 5px !important;
    }

    .botaoGridVermelhoOn:hover {
        color: #AF9BC6 !important;
        text-decoration: none;
    }

.botaoGridOff {
    color: lightgray !important;
    background-color: #F9F8FA !important;
    border: 1px solid #f2eff6 !important;
    font-size: 15px !important;
    text-align: center !important;
    width: 30px !important;
    height: 30px !important;
    white-space: nowrap !important;
    border-radius: 3px 3px !important;
    cursor: pointer !important;
    line-height: normal !important;
    max-height: 35px !important;
    padding: 5px 5px 5px 5px !important;
}

    .botaoGridOff.glyphicon {
        padding-top: 5px !important;
    }

    .botaoGridOff:hover {
        color: darkgray !important;
        text-decoration: none;
    }

.spyGridButtonxFlowClean {
    color: #8768A8 !important;
    text-align: center;
}

    .spyGridButtonxFlowClean:hover {
        color: #AF9BC6 !important;
        text-decoration: none;
    }

.spyGridButtonxFlowRed {
    color: #D9534F !important;
    border: 0px none #5BC0DE !important;
    background-color: transparent !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    font-size: 15px !important;
    text-align: center;
}

    .spyGridButtonxFlowRed.glyphicon {
        padding-top: 5px !important;
    }

    .spyGridButtonxFlowRed:hover {
        color: #AF9BC6 !important;
        text-decoration: none;
    }

.spyGridButtonxFlowOut {
    color: lightgray !important;
    border: 0px none #5BC0DE !important;
    background-color: transparent !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    font-size: 15px !important;
    text-align: center;
    cursor: default;
}

    .spyGridButtonxFlowOut.glyphicon {
        padding-top: 5px !important;
    }

    .spyGridButtonxFlowOut:hover {
        color: darkgray !important;
        text-decoration: none;
        cursor: not-allowed;
    }

.spyGridButtonDangerxFlow {
    color: #DC3545 !important;
    border: none !important;
    background-color: transparent !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    font-size: 15px !important;
    text-align: center;
}

    .spyGridButtonDangerxFlow.glyphicon {
        padding-top: 5px !important;
    }

    .spyGridButtonDangerxFlow:hover {
        color: #BC2131 !important;
        text-decoration: none;
    }

.spyGridButtonOKxFlow {
    color: #5CB85C !important;
    border: none !important;
    background-color: transparent !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    font-size: 15px !important;
    text-align: center;
}

    .spyGridButtonOKxFlow.glyphicon {
        padding-top: 5px !important;
    }

    .spyGridButtonOKxFlow:hover {
        color: green !important;
        text-decoration: none;
    }

.spyGridButtonAlertxFlow {
    color: orange !important;
    border: none !important;
    background-color: transparent !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    font-size: 15px !important;
    text-align: center;
}

    .spyGridButtonAlertxFlow.glyphicon {
        padding-top: 5px !important;
    }

    .spyGridButtonAlertxFlow.fa {
        padding-top: 7px !important;
    }

    .spyGridButtonAlertxFlow:hover {
        color: darkorange !important;
        text-decoration: none;
    }

.spyGridButtonOutxFlow {
    cursor: no-drop;
    color: lightgray !important;
    border: 0px none #5BC0DE !important;
    background-color: transparent !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    font-size: 15px !important;
}

    .spyGridButtonOutxFlow.glyphicon {
        padding-top: 5px !important;
    }

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

.spyGridButtonxFlowLight {
    color: #EEEEEE !important;
    border: 0px none #EEEEEE !important;
    background-color: transparent !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    font-size: 15px !important;
}

    .spyGridButtonxFlowLight.glyphicon {
        padding-top: 5px !important;
    }

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

.padTop8 {
    padding-top: 8px !important
}

.padTop2 {
    padding: 2px 0px 0px 0px !important
}
    .padTop2 td {
        padding: 2px 0px 0px 0px !important
    }

.padLeft2 {
    padding-left: 2px !important
}

.padLeft1 {
    padding-left: 1px !important
}

.borderLeft1 {
    border-left: 2px solid white !important;
}

    .borderLeft1 th {
        border-left: 2px solid white !important;
    }

    .borderLeft1 td {
        border-left: 2px solid white !important;
    }

.badgeOutxFlow {
    border: 1px solid #8768A8 !important;
    background-color: white !important;
    display: inline-block;
    min-width: 10px;
    padding: 4px 6px 4px 6px !important;
    font-size: 11px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 3px;
    cursor: no-drop !important;
    color: lightgray !important;
}

.badgePlusxFlow {
    background-color: transparent !important;
    color: #8768A8 !important;
    display: inline-block;
    min-width: 10px;
    font-size: 18px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    float: left;
    padding-left: 7px;
    margin-top: 9px;
}

    .badgePlusxFlow:hover {
        color: #A38BBC !important;
        text-decoration: none;
    }

.badgeOutPlusxFlow {
    color: lightgray !important;
    background-color: transparent !important;
    display: inline-block !important;
    min-width: 10px !important;
    font-size: 18px !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    float: left;
    padding-left: 7px;
    margin-top: 9px;
    cursor: no-drop !important;
}

.badgePlusPortletxFlow {
    background-color: transparent !important;
    color: #8768A8 !important;
    display: inline-block;
    min-width: 10px;
    font-size: 15px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    float: left;
    padding-left: 10px;
    margin-top: 0px !important;
}

    .badgePlusPortletxFlow:hover {
        color: #A38BBC !important;
        text-decoration: none;
    }

.badgePlusPortletxFlowSmall {
    background-color: transparent !important;
    color: #8768A8 !important;
    display: inline-block;
    min-width: 15px;
    font-size: 15px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    float: left;
    padding-left: 5px;
    margin-top: 4px !important;
}

    .badgePlusPortletxFlowSmall:hover {
        color: #A38BBC !important;
        text-decoration: none;
    }

.badgeOutPlusPortletxFlow {
    display: inline-block;
    min-width: 10px !important;
    font-size: 18px !important;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    float: left;
    padding-left: 10px !important;
    margin-top: 0px !important;
    cursor: no-drop !important;
    color: lightgray !important;
}

.badgePlusLabelFlow {
    float: left;
}

.gridRowSucessoErro td {
    padding: 5px 5px 5px 5px;
}

.gridRowSucessoErro a {
    color: #D9534F;
}

.gridRowSucessoErro:hover {
    background-color: #F5F3F8;
}

.gridRowErro {
    padding: 3px 3px 3px 3px;
    color: #a94442;
    background-color: #FAEAE6;
    font-size: 12px;
}

    .gridRowErro td {
        padding: 5px 5px 5px 5px;
    }

    .gridRowErro a {
        color: #a94442;
    }

    .gridRowErro:hover {
        background-color: #F5F3F8 !important;
    }

.gridRowSucessoClean {
    padding: 3px 3px 3px 3px;
    color: #5CB85C;
    font-size: 12px;
}

    .gridRowSucessoClean td {
        padding: 5px 5px 5px 5px;
    }

    .gridRowSucessoClean a {
        color: #5CB85C;
    }

.gridRowAlertaClean {
    padding: 3px 3px 3px 3px;
    color: #F0AD4E;
    font-size: 12px;
}

    .gridRowAlertaClean td {
        padding: 5px 5px 5px 5px;
    }

    .gridRowAlertaClean a {
        color: #F0AD4E;
    }

    .gridRowAlertaClean:hover {
        background-color: #F5F3F8 !important;
    }

.gridRowErroClean {
    padding: 3px 3px 3px 3px;
    color: #D9534F;
    font-size: 12px;
}

    .gridRowErroClean td {
        padding: 5px 5px 5px 5px;
    }

    .gridRowErroClean a {
        color: #D9534F;
    }

    .gridRowErroClean:hover {
        background-color: #F5F3F8 !important;
    }

.gridPager {
    width: 100%;
    height: 30px !important;
    color: #8768A8 !important;
    font-weight: normal;
    font-size: 13px;
    background-repeat: repeat-x;
    background-color: white;
    border-left: 0px solid transparent;
    border-top: 5px solid white !important;
    padding-left: 0px !important;
}
    .gridPager td {
        padding-left: 2px !important;
        border-left: 0px !important;
        padding-right: 3px !important;
        padding-bottom: 1px !important;
    }
    .gridPager span {
        padding: 7px;
        text-decoration: none;
        white-space: nowrap;
        background: #8768A8;
        color: white;
        border-radius: 2px 2px;
    }

    .gridPager a,
    .gridPager a:visited {
        text-decoration: none;
        padding: 7px;
        white-space: nowrap;
        color: #8768A8;
        border-radius: 2px 2px;
        background-color: #f5f2f7;
    }

        .gridPager a:hover,
        .gridPager a:active {
            padding: 7px;
            text-decoration: none;
            white-space: nowrap;
            background: #D9D2DF;
            color: #8768A8;
            border-radius: 2px 2px;
        }

.gridPagerClean {
    line-height: 30px;
    width: 100%;
    height: 30px !important;
    color: #8768A8 !important;
    font-weight: normal;
    font-size: 13px;
    background-repeat: repeat-x;
    background-color: white;
    border-left: 0px solid transparent;
    border-top: 5px solid white !important;
    padding-left: 0px !important;
}

    .gridPagerClean td {
        padding-left: 0px;
        border-left: 0px !important;
        padding-right: 3px !important;
    }

    .gridPagerClean span {
        padding: 7px;
        text-decoration: none;
        white-space: nowrap;
        background: #8768A8;
        color: white;
        border-radius: 2px 2px;
    }

    .gridPagerClean a,
    .gridPagerClean a:visited {
        text-decoration: none;
        padding: 7px;
        white-space: nowrap;
        color: #8768A8;
        border-radius: 2px 2px;
        background-color: #f5f2f7;
    }

        .gridPagerClean a:hover,
        .gridPagerClean a:active {
            padding: 7px;
            text-decoration: none;
            white-space: nowrap;
            background: #D9D2DF;
            color: #8768A8;
            border-radius: 2px 2px;
        }

.gridPagerPesquisa {
    line-height: 30px;
    width: 100%;
    height: 30px !important;
    color: #8768A8 !important;
    font-weight: normal;
    font-size: 13px;
    background-repeat: repeat-x;
    background-color: white;
    border-left: 10px solid transparent;
    border-top: 20px solid transparent;
}

    .gridPagerPesquisa span {
        padding: 7px;
        border: solid 1px #8768A8;
        text-decoration: none;
        white-space: nowrap;
        background: #8768A8;
        color: white;
        border: 1px solid #D9D2DF;
        -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.15);
        -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.15);
        box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.15);
        border-radius: 2px 2px;
    }

    .gridPagerPesquisa a,
    .gridPagerPesquisa a:visited {
        text-decoration: none;
        padding: 7px;
        white-space: nowrap;
        color: #8768A8;
        border: 1px solid #D9D2DF;
        -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15);
        -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15);
        box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.15);
        border-radius: 2px 2px;
        background-color: white;
    }

        .gridPagerPesquisa a:hover,
        .gridPagerPesquisa a:active {
            padding: 7px;
            border: solid 1px #D9D2DF;
            text-decoration: none;
            white-space: nowrap;
            background: #D9D2DF;
            color: #8768A8;
            -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
            -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
            box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
            border-radius: 2px 2px;
        }

.divPadrao {
    width: 70%;
    background-color: #EEEEEE;
    padding: 25px 25px 25px 25px;
    border-radius: 5px 5px 5px 5px;
}

.ModalHeaderxFlow {
    background-color: #ECE9EF !important;
    color: #8768A8;
    height: 40px;
    padding-top: 13px;
    cursor: move !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding-left: 20px;
}

    .ModalHeaderxFlow h5 {
        font-size: 13px !important;
    }

.divMenu {
    position: fixed;
    top: 54px;
    z-index: 30 !important;
    background-color: white;
    min-height: 55px;
    padding-top: 13px;
    padding-left: 3px;
    padding-right: 10px;
    right: 15px !important;
    border: none !important;
    border-bottom-right-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border-top-left-radius: 5px !important;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 4%), 0 2px 3px 0 rgb(0 0 0 / 4%) !important;
    flex-wrap: wrap;
    margin-bottom:-10px!important
}
    .divMenu > table {
        height: 52px !important;
        margin-top:-8px!important;
    }
    .divMenu > table > tbody > tr > td:first-child {
        padding-left: 6px !important;
    }
    .divMenu > ul {
        display: inline-block;
        width: 100%;
        margin: 0!important;
        padding: 0!important;
        list-style-type: none;
        justify-content: left;
        flex-wrap: wrap;
    }
        .divMenu > ul > li {
            list-style: inside none;
            float: left;
            padding: 0 2px;
        }
            .divMenu > ul > li:first-child {
                padding-left: 6px;
            }
            .divMenu > ul > li:last-child {
                float: right;
                overflow: hidden;
                border-right: none;
                padding-top:10px;
                padding-right:10px;
            }
            .divMenu > ul > li > a {
                text-decoration: none;
                min-width: 30px;
                place-items: center;
                padding: 9px 20px 9px 20px !important;
                white-space: nowrap;
                border-radius: 3px 3px;
                cursor: pointer !important;
                line-height: normal !important;
                max-height: 35px !important;
                color: #8768A8;
                background-color: #F9F8FA !important;
                border: 1px solid #f2eff6 !important;

                display: flex;
                justify-content: center; /* Centraliza horizontalmente */
                align-items: center; /* Centraliza verticalmente */
            }
                .divMenu > ul > li > a > label {
                    color: #e5dfec !important;
                    background-color: #F9F8FA !important;
                }
                .divMenu > ul > li > a > i {
                    color: #e5dfec !important;
                }
                .divMenu > ul > li > a:hover {
                    background-color: #e5dfec !important;
                    color: #8768A8 !important;
                    text-decoration: none;
                    border-radius: 3px 3px !important;
                }
                    .divMenu > ul > li > a:hover label {
                        background-color: #e5dfec !important;
                        color: #8768A8 !important;
                        text-decoration: none;
                    }
                    .divMenu > ul > li > a:hover i {
                        color: #8768A8 !important;
                    }
            .divMenu > ul > li > div > button {
                text-decoration: none;
                min-width: 30px;
                place-items: center;
                padding: 9px 15px 8px 10px !important;
                white-space: nowrap;
                border-radius: 3px 3px;
                cursor: pointer !important;
                line-height: normal !important;
                max-height: 35px !important;
                color: #8768A8;
                background-color: #F9F8FA !important;
                border: 1px solid #f2eff6 !important;
                display: flex;
                justify-content: center; /* Centraliza horizontalmente */
                align-items: center; /* Centraliza verticalmente */
            }
                .divMenu > ul > li > div > button:hover {
                    background-color: #e5dfec !important;
                    color: #8768A8 !important;
                    text-decoration: none;
                    border-radius: 3px 3px !important;
                }
.divMenu-separador {
    padding-left: 8px !important;
}
.divMenu-botao-grupo {
    padding-top: 1px !important
}

.divMenu-simples {
    position: fixed;
    top: 54px;
    z-index: 30 !important;
    background-color: white;
    min-height: 57px;
    padding-top: 13px;
    padding-left: 3px;
    padding-right: 10px;
    right: 15px !important;
    border: none !important;
    border-bottom-right-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border-top-left-radius: 5px !important;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 4%), 0 2px 3px 0 rgb(0 0 0 / 4%) !important;
    flex-wrap: wrap;
}
    .divMenu-simples > ul {
        display: inline-block;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style-type: none;
        justify-content: left;
        flex-wrap: wrap;
    }
        .divMenu-simples > ul > li:first-child {
            padding-left: 6px;
        }
        .divMenu-simples > ul > li {
            list-style: inside none;
            float: left;
            padding: 0 2px;
        }
            .divMenu-simples > ul > li > a {
                text-decoration: none;
                min-width: 30px;
                place-items: center;
                padding: 9px 20px 9px 20px !important;
                white-space: nowrap;
                border-radius: 3px 3px;
                cursor: pointer !important;
                line-height: normal !important;
                max-height: 35px !important;
                color: #8768A8;
                background-color: #F9F8FA !important;
                border: 1px solid #f2eff6 !important;
                display: flex;
                justify-content: center; /* Centraliza horizontalmente */
                align-items: center; /* Centraliza verticalmente */
            }
                .divMenu-simples > ul > li > a > label {
                    color: #e5dfec !important;
                    background-color: #F9F8FA !important;
                }
                .divMenu-simples > ul > li > a > i {
                    color: #e5dfec !important;
                }
                .divMenu-simples > ul > li > a:hover {
                    background-color: #e5dfec !important;
                    color: #8768A8 !important;
                    text-decoration: none;
                    border-radius: 3px 3px !important;
                }
                    .divMenu-simples > ul > li > a:hover label {
                        background-color: #e5dfec !important;
                        color: #8768A8 !important;
                        text-decoration: none;
                    }
                    .divMenu-simples > ul > li > a:hover i {
                        color: #8768A8 !important;
                    }
            .divMenu-simples > ul > li > div > button {
                text-decoration: none;
                min-width: 30px;
                place-items: center;
                padding: 9px 15px 9px 10px !important;
                white-space: nowrap;
                border-radius: 3px 3px;
                cursor: pointer !important;
                line-height: normal !important;
                max-height: 35px !important;
                color: #8768A8;
                background-color: #F9F8FA !important;
                border: 1px solid #f2eff6 !important;
                display: flex;
                justify-content: center; /* Centraliza horizontalmente */
                align-items: center; /* Centraliza verticalmente */
            }
                .divMenu-simples > ul > li > div > button:hover {
                    background-color: #e5dfec !important;
                    color: #8768A8 !important;
                    text-decoration: none;
                    border-radius: 3px 3px !important;
                }


    .divSitemap {
        position: fixed !important;
        width: 100% !important;
        z-index: 20;
        padding-left: 120px;
        left: 141px;
        z-index: 99;
        background-color: white;
    }

.spyXflow {
    color: #8768A8 !important;
    border: 0px none #5BC0DE !important;
    background-color: transparent !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
}

    .spyXflow:hover {
        color: #AF9BC6 !important;
        text-decoration: none;
    }

.spyButtonXflow {
    color: #8768A8 !important;
    border: 0px none #5BC0DE !important;
    background-color: transparent !important;
    padding-left: 10px !important;
    padding-right: 0px !important;
    font-size: 15px !important;
}

    .spyButtonXflow:hover {
        color: #AF9BC6 !important;
        text-decoration: none;
    }

.ddlSlim {
    padding: 5px 2px 2px 3px !important;
}

.ddlOrcamento {
    height: 24px !important;
    font-size: 12px !important;
    border-radius: 3px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    padding-top: 3px !important;
}

.txtOrcamento {
    height: 24px !important;
    font-size: 12px !important;
    border-radius: 3px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 6px !important;
}

.txtComplemento {
    height: 24px !important;
    font-size: 12px !important;
    border-radius: 0px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 0px !important;
    border: none;
    background-color: transparent;
    padding-left: 5px !important;
    border-bottom:1px solid transparent!important;
}
    .txtComplemento:disabled {
        border-bottom: 1px solid transparent !important;
        background-color: transparent!important;
    }
    .txtComplemento:enabled:focus {
        border-bottom: 1px solid #e5e5e5 !important;
    }
    .txtComplemento:enabled:hover {
        border-bottom: 1px solid #e5e5e5 !important;
    }
    .txtComplemento:enabled:has(:hover) {
        border-bottom: 1px solid #e5e5e5 !important;
    }
    .txtComplemento:enabled:before {
        border-bottom: 1px solid #e5e5e5 !important;
    }

.txtOrcamentoWarning {
    height: 25px;
    font-size: 12px;
    border-radius: 3px;
    border-color: #F8D5A5;
}

.txtOrcamentoInfo {
    height: 25px;
    font-size: 12px;
    border-radius: 3px;
    border-color: #97C0E1;
}

.txtOrcamentoSuccess {
    height: 25px;
    font-size: 12px;
    border-radius: 3px;
    border-color: #98CB99;
}

.bubble {
    position: relative;
    background: #f2f0f4;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: lightgray;
}

    .bubble:after {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 7px 7px 7px 0;
        border-color: transparent #f2f0f4;
        display: block;
        width: 0;
        z-index: 1;
        left: -7px;
        top: 8px;
    }

.bubbleR {
    position: relative;
    background: #EEEEEE;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: lightgray;
}

    .bubbleR:after {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 7px 0 7px 7px;
        border-color: transparent #EEEEEE;
        display: block;
        width: 0;
        z-index: 1;
        right: -7px;
        top: 8px;
    }

.bubbleMsg {
    position: relative;
    background: #FFEFBF;
    border-radius: 4px 4px;
    color: gray !important;
    padding: 10px 10px 10px 10px;
}

    .bubbleMsg:after {
        content: '';
        position: absolute;
        left: 0;
        top: 30%;
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-right-color: #FFEFBF;
        border-left: 0;
        margin-top: -5px;
        margin-left: -5px;
    }

.bubbleMsgR {
    position: relative;
    background: #D5EAEA;
    border-radius: 4px 4px;
    color: gray !important;
    padding: 10px 10px 10px 10px;
}

    .bubbleMsgR:after {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-color: transparent #D5EAEA;
        display: block;
        width: 0;
        z-index: 1;
        right: -5px;
        top: 30%;
        margin-top: -5px;
        margin-left: -5px;
    }

.warningIco {
    background-color: transparent;
    color: #F0AD4E !important;
    border: 0px none white;
}

.infoIco {
    background-color: transparent;
    color: #5BC0DE !important;
    border: 0px none white;
}

.warning {
    background-color: transparent;
    color: #F0AD4E !important;
    border: 1px solid #F0AD4E;
}

    .warning:hover {
        background-color: #F0AD4E;
        color: white !important;
        border: 1px solid #F0AD4E;
        text-decoration: none;
    }

.info {
    background-color: transparent;
    color: #5BC0DE !important;
    border: 1px solid #5BC0DE;
}

    .info:hover {
        background-color: #5BC0DE;
        color: white !important;
        border: 1px solid #5BC0DE;
        text-decoration: none;
    }

.danger {
    background-color: transparent;
    color: #D9534F !important;
    border: 1px solid #D9534F;
}

    .danger:hover {
        background-color: #D9534F;
        color: white !important;
        border: 1px solid #D9534F;
        text-decoration: none;
    }

.success {
    background-color: transparent;
    color: #5CB85C !important;
    border: 1px solid #5CB85C;
}

    .success:hover {
        background-color: #5CB85C;
        color: white !important;
        border: 1px solid #5CB85C;
        text-decoration: none;
    }

.default {
    background-color: white;
    color: lightgray !important;
    border: 1px solid lightgray;
}

    .default:hover {
        background-color: white;
        color: darkgray !important;
        border: 1px solid darkgray;
        text-decoration: none;
        cursor: default;
    }

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-track {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: rgba(244, 244, 244,244);
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: rgba(220,220,220,220);
}

    ::-webkit-scrollbar-thumb:hover {
        background: rgba(0,0,0,0.4);
    }

    ::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(0,0,0,0.05);
    }

#timeline {
    list-style: none;
    position: relative;
}

    #timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: var(--xFlowBG);
        left:10px;
    }

    #timeline .clearFix {
        clear: both;
        height: 0;
    }

    #timeline .timeline-badge {
        color: #fff;
        width: 45px;
        height: 45px;
        font-size: 1em;
        text-align: center;
        position: absolute;
        top: 17px;
        left:10px;
        background-color: var(--xFlowBG);
        z-index: 100;
        border-top-right-radius: 50%;
        border-top-left-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%;
        padding-top: 8px;
    }

        #timeline .timeline-badge span.timeline-balloon-date-day {
            font-size: 1.1em;
        }

        #timeline .timeline-badge span.timeline-balloon-date-month {
            font-size: .6em;
            position: relative;
            top: -10px;
        }

        #timeline .timeline-badge.timeline-filter-movement {
            background-color: #ffffff;
            font-size: 1.7em;
            height: 35px;
            margin-left: -18px;
            width: 35px;
            top: 0px;
        }

            #timeline .timeline-badge.timeline-filter-movement a span {
                color: var(--xFlowBG);
                font-size: 1.3em;
                top: -1px;
            }

        #timeline .timeline-badge.timeline-future-movement {
            background-color: #ffffff;
            height: 35px;
            width: 35px;
            font-size: 1.7em;
            top: -16px;
            margin-left: -18px;
        }

            #timeline .timeline-badge.timeline-future-movement a span {
                color: var(--xFlowBG);
                font-size: .9em;
                top: 2px;
                left: 1px;
            }

    #timeline .timeline-movement {
        position: relative;
        margin-left:-20px!important;
    }

        #timeline .timeline-movement.timeline-movement-top {
            height: 60px;
        }

        #timeline .timeline-movement .timeline-item {
            padding: 20px 0;
        }

            #timeline .timeline-movement .timeline-item .timeline-panel {
                border: 1px solid #f2eff6;
                background-color: #f2eff6;
                border-radius: 3px;
                color: #666;
                padding: 10px;
                margin-left: -20px;
            }

                #timeline .timeline-movement .timeline-item .timeline-panel .timeline-panel-ul {
                    list-style: none;
                    padding: 0;
                    margin: 0;
                }

                #timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul {
                    text-align: right;
                }

                    #timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul li {
                        color: #666;
                    }

                        #timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul li span.importo {
                            color: var(--xFlowBG);
                            font-size: 18px !important;
                        }

                #timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul {
                    text-align: left;
                }

                    #timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul span.importo {
                        color: var(--xFlowBG);
                        font-size: 18px !important;
                    }

.Xmodal {
    position: fixed;
    z-index: 20000 !important;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0px;
    background: rgba(255, 255, 255, 0.2); /* transparência */
    backdrop-filter: blur(1px); /* efeito blur */
    -webkit-backdrop-filter: blur(1px); /* suporte Safari */
    text-align: center;
}

.Xcenter {
    z-index: 20001 !important;
    background-color: transparent;
    color: var(--xFlowBG);
    margin-top: 300px !important;
    padding-top: 32px !important;
    padding-bottom: 8px !important;
    padding-right: 8px !important;
    padding-left: 8px !important;
    left: 800px;
    display: inline-block;
}

.itemInativoLista {
    color: #8768A8;
}

.spy {
    color: white !important;
    border: 0px none #5BC0DE !important;
    background-color: transparent !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
}

    .spy:hover {
        color: #5BC0DE !important;
    }

.prg {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    height: 8px !important;
    border-radius: 0px !important;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15) !important;
    -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15) !important;
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15) !important;
}

#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: red; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
}

    #myBtn:hover {
        background-color: #555; /* Add a dark-grey background on hover */
    }

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: lightgray !important;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: lightgray !important;
    opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: lightgray !important;
    opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: lightgray !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: lightgray !important;
}

::placeholder { /* Most modern browsers support this now. */
    color: lightgray !important;
}

.linkRodape {
    color: gray !important;
}

/* Style the back-to-top floating button */
.sf-back-to-top {
    background-color: #8768A8; /* button color */
    color: white; /* text/arrow color */
    display: none;
    z-index: 999;
    /* float in bottom right corner */
    /* 20 pixels from edge */
    position: fixed;
    right: 20px;
    bottom: 20px;
    /* size of button is 50 pixels*/
    width: 30px;
    height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* round button */
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

    .sf-back-to-top:hover {
        color: #8768A8;
        background-color: white;
        border: 1px solid #8768A8;
    }

a.sf-back-to-top {
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.6;
    padding-left: 2px;
    padding-top: 7px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15) !important;
    -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15) !important;
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15) !important;
}

    a.sf-back-to-top .arrow:before {
        content: "\e02d";
        font-family: 'squarespace-ui-font';
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 1;
        speak: none;
        -webkit-font-smoothing: antialiased;
        content: "\e02d";
        text-align: center;
        display: block;
        vertical-align: middle;
        transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        cursor: pointer;
        margin-left: -4px;
        -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15) !important;
        -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15) !important;
        box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15) !important;
    }

/* Inicio Menu flutuante */


.affix {
    top: 0;
    width: 100%;
    z-index: 9999 !important;
}

.navbar {
    margin-bottom: 0px;
}

.affix ~ .container-fluid {
    position: relative;
    top: 50px;
}

/* Fim Menu flutuante */

.linkSitemap {
    color: white !important;
    font-size: 11px !important;
    text-decoration: none;
    padding: 3px 3px 3px 3px !important;
}

    .linkSitemap:hover {
        background-color: #825FA5;
        text-decoration: none;
        border-radius: 2px 2px !important;
    }

#anchor {
    padding-top: 850px !important;
    margin-top: 850px !important;
}

.badgexFlow {
    border: none !important;
    color: #8768A8;
    background-color: #eaeaea !important;
    display: inline-block;
    min-width: 10px;
    padding: 5px 7px 5px 7px !important;
    font-size: 11px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 2px;
}

    .badgexFlow:hover {
        background-color: #8768A8 !important;
        color: white !important;
        text-decoration: none;
    }

.staticxFlow {
    text-decoration: none;
    padding: 9px 13px 9px 13px !important;
    border-radius: 3px 3px;
    cursor: pointer !important;
    border: none !important;
    max-height: 34px !important;
    color: #8768A8;
    background-color: #F9F8FA !important;
    border: 1px solid #f2eff6 !important;
}

.salvar {
    color: #5CB85C !important;
}
    .salvar:hover {
        color: white !important;
    }

.salvarX {
    color: #5CB85C !important;
}

.atencaoX {
    color: #ffba1a !important;
}

.excluir {
    color:#D9534F !important
}
    .excluir:hover {
        color: white !important
    }

.infoX {
    color: #33adff !important
}

    .infoX span {
        color: #33adff !important
    }

    .infoX label {
        color: #33adff !important
    }

    .infoX a {
        color: #33adff !important
    }

.excluirX {
    color: #D9534F !important
}
    .excluirX span {
        color: #D9534F !important
    }
    .excluirX label {
        color: #D9534F !important
    }
    .excluirX a {
        color: #D9534F !important
    }

.excluirXDark {
    color: darkred !important
}

    .excluirXDark span {
        color: darkred !important
    }

    .excluirXDark label {
        color: darkred !important
    }

.chkxFlow {
    text-decoration: none;
    padding: 11px 13px 9px 13px !important;
    white-space: nowrap;
    border-radius: 3px 3px;
    cursor: pointer !important;
    line-height: normal !important;
    max-height: 34px !important;
    color: #8768A8!important;
    background-color: #F9F8FA !important;
    border: 1px solid #f2eff6 !important;
}
    .chkxFlow label {
        color: #8768A8;
        background-color: #F9F8FA !important;
    }

.panelxFlow {
    padding: 9px 13px;
    border-radius: 3px;
    background-color: #F9F8FA;
    border: 1px solid #f2eff6;
    color: #8768A8;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: 100%;
}
.panelxFlow label{
    color: #8768A8;
}

.btnXFlow {
    padding: 9px 13px;
    border-radius: 3px;
    cursor: pointer;
    background-color: #F9F8FA;
    border: 1px solid #f2eff6;
    color: #8768A8;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
    .btnXFlow * {
        pointer-events: none;
    }
    .btnXFlow:hover {
        color: #8768A8;
        background-color: #e5dfec !important;
    }
        .btnXFlow:hover span,
        .btnXFlow:hover label,
        .btnXFlow:hover button,
        .btnXFlow:hover a,
        .btnXFlow:hover i {
            color: #8768A8;
            background-color: #e5dfec !important;
        }

        .btnXFlow span:hover,
        .btnXFlow label:hover,
        .btnXFlow button:hover,
        .btnXFlow a:hover,
        .btnXFlow i:hover {
            color: #8768A8;
            background-color: #e5dfec !important;
        }

.btnXFlowPopupHeader {
    text-decoration: none;
    padding: 7px 10px 7px 10px !important;
    white-space: nowrap;
    border-radius: 3px 3px;
    cursor: pointer !important;
    border: none !important;
    line-height: normal !important;
    max-height: 34px !important;
    color: #8768A8;
    background-color: #f2f0f4 !important;
}

    .btnXFlowPopupHeader label {
        color: #8768A8 !important;
        background-color: #f2f0f4 !important;
    }

    .btnXFlowPopupHeader i {
        color: #8768A8 !important;
    }

    .btnXFlowPopupHeader:hover {
        background-color: #e5dfec !important;
        color: #8768A8 !important;
        text-decoration: none;
    }

        .btnXFlowPopupHeader:hover label {
            background-color: #e5dfec !important;
            color: #8768A8 !important;
            text-decoration: none;
        }

        .btnXFlowPopupHeader:hover i {
            color: #8768A8 !important;
        }

.btnXFlow-md {
    text-decoration: none;
    padding: 6px 9px 6px 9px !important;
    white-space: nowrap;
    border-radius: 3px 3px!important;
    cursor: pointer !important;
    border: none !important;
    line-height: normal !important;
    color: #8768A8;
    background-color: #F9F8FA !important;
    border: 1px solid #f2eff6 !important;
    font-size: 12px !important;
}
    .btnXFlow-md label {
        color: #8768A8;
        background-color: #F9F8FA !important;
        border-radius: 3px 3px !important;
    }
    .btnXFlow-md:hover {
        background-color: #8768A8 !important;
        color: white !important;
        text-decoration: none;
        border-radius: 3px 3px !important
    }
        .btnXFlow-md:hover label {
            background-color: #8768A8 !important;
            color: white !important;
            text-decoration: none;
            border-radius: 3px 3px !important
        }

        .btnXFlow-md:hover a {
            background-color: #8768A8 !important;
            color: white !important;
            text-decoration: none;
            border-radius: 3px 3px !important
        }

.btnXFlow-md-danger {
    text-decoration: none;
    padding: 6px 9px 6px 9px !important;
    white-space: nowrap;
    border-radius: 3px 3px;
    cursor: pointer !important;
    border: none !important;
    line-height: normal !important;
    color: white;
    background-color: #D9534F !important;
    border: 1px solid #D9534F !important;
    font-size: 12px !important;
}
    .btnXFlow-md-danger label {
        color: white;
        background-color: #D9534F !important;
    }
    .btnXFlow-md-danger:hover {
        background-color: darkred !important;
        color: white !important;
        text-decoration: none;
        border: 1px solid #D9534F !important;
    }
        .btnXFlow-md-danger:hover label {
            background-color: darkred !important;
            color: white !important;
            text-decoration: none;
            border: 1px solid #D9534F !important;
        }

.btnXFlowX {
    background-color: #8768A8 !important;
    color: #AF9BC6 !important;
    text-decoration: none;
    padding: 9px 13px 9px 13px !important;
    white-space: nowrap;
    border-radius: 3px 3px;
    cursor: pointer !important;
    border: none !important;
    line-height: normal !important;
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

    .btnXFlowX:hover {
        color: #8768A8 !important;
        background-color: #eaeaea !important;
        text-decoration: none;
    }

.btnXFlow-sm {
    text-decoration: none;
    padding: 5px 8px 5px 8px !important;
    white-space: nowrap;
    border-radius: 2px 2px;
    cursor: pointer !important;
    line-height: normal !important;
    font-size: 10px !important;
    color: #8768A8;
    background-color: #F9F8FA !important;
    border: 1px solid #f2eff6 !important;
}

    .btnXFlow-sm:hover {
        background-color: #8768A8 !important;
        color: white !important;
        text-decoration: none;
    }

.btnXFlowNoHover {
    text-decoration: none;
    padding: 12px 12px 7px 12px;
    white-space: nowrap;
    color: #8768A8;
    border-radius: 3px 3px;
    background-color: #F9F8FA !important;
    border: 1px solid #f2eff6 !important;
}

.btnXFlowNoHover.switch {
    margin-left:10px;
    width:78px;
}

.spanXFlowGrid {
    border-left: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-right: none !important;
    background-color: transparent !important;
    color: #8768A8 !important;
    border-radius: 0px 0px !important;
    height: 30px !important;
    padding-top: 6px !important;
    cursor: default !important;
}

.btnXFlowGrid {
    border-left: 1px solid #ECE9EF !important;
    border-top: none !important;
    border-bottom: none !important;
    border-right: none !important;
    background-color: transparent !important;
    color: #8768A8 !important;
    border-radius: 0px 0px !important;
    margin-left: -4px !important;
    width: 34px !important;
    height: 30px !important;
    padding-top: 8px !important;
}

    .btnXFlowGrid:hover {
        background-color: #8768A8 !important;
        color: white !important;
        text-decoration: none;
    }

.btnXFlowGridInvert {
    border-left: 1px solid #ECE9EF !important;
    border-top: none !important;
    border-bottom: none !important;
    border-right: none !important;
    background-color: #8768A8 !important;
    color: white !important;
    border-radius: 0px 0px !important;
    margin-left: -4px !important;
    width: 34px !important;
    height: 30px !important;
    padding-top: 8px !important;
}

    .btnXFlowGridInvert:hover {
        background-color: transparent !important;
        color: #8768A8 !important;
        text-decoration: none;
    }

.btnXFlowInvert {
    border-left: 1px solid #ECE9EF !important;
    border-right: 1px solid #ECE9EF !important;
    border-top: 1px solid #8768A8 !important;
    border-bottom: 1px solid #8768A8 !important;
    background-color: #8768A8 !important;
    color: white !important;
    height: 30px !important;
    border-radius: 3px !important;
    padding-top: 7px !important;
    margin-top:4px!important;
}

    .btnXFlowInvert:hover {
        border: 1px solid #8768A8 !important;
        background-color: white !important;
        color: #8768A8 !important;
        text-decoration: none;
    }

.btnXFlowSelected {
    border-left: 1px solid #ECE9EF !important;
    border-right: 1px solid #ECE9EF !important;
    border-top: 1px solid #8768A8 !important;
    border-bottom: 1px solid #8768A8 !important;
    background-color: #8768A8 !important;
    color: white !important;
    text-decoration: none;
    height: 30px !important;
    border-radius: 3px !important;
    padding-top: 7px !important;
}

    .btnXFlowSelected:hover {
        border-left: 1px solid #8768A8 !important;
        border-right: 1px solid #8768A8 !important;
        border-top: 1px solid #8768A8 !important;
        border-bottom: 1px solid #8768A8 !important;
        background-color: #ECE9EF !important;
        color: #8768A8 !important;
    }

.btnXFlowActive {
    text-decoration: none;
    padding: 9px 13px 9px 13px !important;
    white-space: nowrap;
    color: #eaeaea;
    background-color: #8768A8 !important;
    border-radius: 3px 3px;
    cursor: pointer !important;
    border: none !important;
    line-height: normal !important;
}

.btnXFlowTexto {
    border: 1px solid #8768A8 !important;
    background-color: white !important;
    color: #8768A8 !important;
    padding: 8px 10px 6px 10px !important;
    font-size: 13px !important;
}

    .btnXFlowTexto:hover {
        border: 1px solid #8768A8 !important;
        background-color: #8768A8 !important;
        color: white !important;
    }

.btnOutXFlow {
    text-decoration: none;
    padding: 9px 13px !important;
    white-space: nowrap;
    color: lightgray !important;
    background-color: #F9F8FA !important;
    border-radius: 3px;
    cursor: not-allowed !important;
    border: 1px solid #f2eff6 !important;
    line-height: normal !important;
}

    /* Hover do botão */
    .btnOutXFlow:hover {
        text-decoration: none;
        color: lightgray !important;
        background-color: #F1EFF5 !important;
    }

    /* Links internos */
    .btnOutXFlow a,
    .btnOutXFlow a:hover {
        text-decoration: none;
        color: lightgray !important;
    }

    /* Span interno */
    .btnOutXFlow span,
    .btnOutXFlow span:hover {
        color: lightgray !important;
    }

    /* Lista interna */
    .btnOutXFlow li,
    .btnOutXFlow ul li a {
        color: lightgray !important;
    }

.xFlowAnchor {
    margin-top: -140px !important;
    padding-top: 140px !important;
}

.btnXFlowPlus {
    border: 1px solid #ECE9EF !important;
    background-color: white !important;
    color: #8768A8 ;
    padding: 5px 8px 5px 8px;
    border-radius: 3px 3px 3px 3px !important;
}

    .btnXFlowPlus:hover {
        border: 1px solid #8768A8 !important;
        background-color: #8768A8 !important;
        color: white !important;
        text-decoration: none;
    }

.btnOutXFlowPlus {
    border: 1px solid #ECE9EF !important;
    background-color: white !important;
    padding: 5px 8px 5px 8px;
    border-radius: 3px 3px 3px 3px !important;
    cursor: no-drop !important;
    color: lightgray !important;
    border: 1px solid lightgray !important;
}

.esquerda {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
    border-right: none !important;
    margin-right: -2px !important;
}

.centro {
    border-radius: unset !important;
    border-left: none !important;
    border-right: none !important;
}

.direita {
    border-left: none !important;
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    margin-left: -2px !important;
}

.btnOutXFlowTextbox {
    border: 1px solid #e5e5e5 !important;
    color: #e6e6e6 !important;
    padding: 9px 13px 9px 13px;
    height: 34px !important;
    cursor: no-drop;
}
    .btnOutXFlowTextbox:hover {
        text-decoration: none;
        z-index: 200000 !important;
    }
    .btnOutXFlowTextbox:disabled {
        text-decoration: none;
        z-index: 200000 !important;
        height:34px!important;
    }

.btnXFlowTextbox {
    border: 1px solid #e5e5e5 !important;
    color: darkgray !important;
    padding: 10px 10px 10px 10px;
    height: 34px !important;
    font-size: 10px !important;
}
    .btnXFlowTextbox:hover {
        background-color: #e5dfec !important;
        text-decoration: none !important;
    }

.marginTop0 {
    margin-top: -1px !important;
}

.campoObrigatorio {
    border-left: 2px solid red !important;
}

.erro span {
    color: #D9534F !important;
}

.select2-results .select2-result-label-error {
    color: #D9534F !important;
}

.campoAtencao {
    border-left: 2px solid orange !important;
}

.xFlowPortletCaption {
    top: 0px;
    float: left;
    padding-right: 12px;
}

.xFlowPortletLink {
    margin-top: -7px !important;
}

.textboxButton {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 4px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 4px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
}

.btnXFlowFull {
    border: 1px solid #8768A8 !important;
    background-color: #8768A8 !important;
    color: white !important;
}

    .btnXFlowFull:hover {
        border: 1px solid #8768A8 !important;
        background-color: white !important;
        color: #8768A8 !important;
    }

.xFlowBox {
    height: 130px;
    min-width: 250px;
    margin: 10px 10px 0 0;
    border: 1px solid white;
    border-radius: 2px 2px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
    padding: 10px 0px 0px 0px;
    background-color: white !important;
    background-image: none !important;
    display: inline-block !important;
    text-shadow: none !important;
    text-align: left;
    position: relative;
}

    .xFlowBox .glyphicon {
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        position: absolute;
        font-size: 24px;
        color: rgba(0, 0, 0, 0.1);
        margin-top: 7px;
        margin-left: 5px;
        z-index: 1;
        text-align: right;
    }

    .xFlowBox .fa {
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        position: absolute;
        font-size: 24px;
        color: rgba(0, 0, 0, 0.1);
        margin-top: 0px;
        margin-left: 6px;
        z-index: 1;
        text-align: right;
    }

    .xFlowBox .fas {
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        position: absolute;
        font-size: 24px;
        color: rgba(0, 0, 0, 0.1);
        margin-top: 0px;
        margin-left: 6px;
        z-index: 1;
        text-align: right;
    }

    .xFlowBox .far {
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        position: absolute;
        font-size: 24px;
        color: rgba(0, 0, 0, 0.1);
        margin-top: 0px;
        margin-left: 6px;
        z-index: 1;
        text-align: right;
    }

.xFlowBoxLink {
    color: #8768A8 !important;
    text-decoration: none;
}

    .xFlowBoxLink .span {
        color: #8768A8 !important;
        text-decoration: none;
    }

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

.xFlowBoxLegenda {
    height: 25px;
    background: rgba(0, 0, 0, 0.04);
    text-align: left;
    padding-left: 5px;
    padding-right: 10px;
    padding-top: 5px;
    font-size: 10px
}

.xFlowDivGrid {
    padding-top: 0px;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-top: 35px !important;
    margin-bottom: 22px !important;
    background-color: white;
}

.xFlowBordaGrid {
    border: 1px solid #f2f0f4;
    border-radius: 2px;
}

.spanPercentual {
    font-size: 11px;
}

.tdSiteMap {
    width: 100%;
    padding-top: 5px;
    padding-right: 5px;
}

.fullScreen {
    position: fixed;
    z-index: 20000 !important;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    margin-top: 0px !important;
    background-color: #F3F6F9 !important;
}

.dashboard {
    position: fixed;
    z-index: 20000 !important;
    height: 100%;
    width: 100%;
    top: 10px;
    left: 0;
    margin-top: 0px !important;
    background-color: #F3F6F9 !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

.xFlowNavBarHeader {
    padding-top: 7px;
    background-color: var(--xFlowBG);
    min-height: 60px !important;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.30);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.30);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.30);
    flex-wrap: wrap !important;
    position:fixed;
}

.xFlowLogo {
    padding-top: 2px;
    padding-left: 10px !important;
}

.xFlowSubMenu {
    color: var(--xFlowBG);
}

    .xFlowSubMenu:hover {
        background-color: #EAEAEA !important;
    }

.dialogPesquisaxFlow {
    top: -10px;
    width: 1000px;
}

.bodyPesquisaxFlow {
    padding-bottom: 10px!important;
}

.groupTxtPesquisaxFlow {
    padding-left: 5px;
    padding-bottom: 0px;
    margin-top: -10px !important;
}

.groupGridPesquisaxFlow {
    height: 365px !important;
    margin-bottom: 5px !important;
}

.divColPesquisaxFlow {
    padding: 0px 0px 0px 5px;
}

.footerTotalPesquisaxFlow {
    text-align: left;
    padding-left: 5px;
    padding-bottom: 0px;
    padding-top: 7px;
    color: #8768A8;
}

.footerClosePesquisaxFlow {
    text-align: right;
    padding-right: 5px;
}

.switchxFlowOn {
    background-color: green !important;
    color: green !important;
}

.switchxFlowOff {
    background-color: lightgray;
}

.btnPerfilxFlow {
    border: 1px none #8768A8 !important;
    background-color: transparent !important;
    color: #8768A8 !important;
    height: 29px !important;
}

    .btnPerfilxFlow:hover {
        color: #AF9BC6 !important;
        text-decoration: none;
    }

.btnPerfilOutxFlow {
    height: 29px !important;
    color: lightgray !important;
    border: 1px none lightgray !important;
    background-color: transparent !important;
}

    .btnPerfilOutxFlow:hover {
        text-decoration: none;
        color: gray !important;
    }

.menu-ativo {
    background-color: #EAEAEA !important;
    border-right: 4px solid var(--xFlowBG);
}

.xFlowDivCadastrosGerais {
    padding: 0px 0px 0px 0px;
    text-align: left !important;
    border: 2px solid white !important;
}

    .xFlowDivCadastrosGerais :hover {
        background-color: #f2f0f4 !important;
        cursor: pointer;
        text-decoration: none !important;
    }

.xFlowDivRelatorios {
    padding: 0px 0px 0px 0px;
    text-align: left !important;
    background-color: white !important;
    border: 1px solid #f2eff6 !important;
    border-radius: 5px 5px !important;
    color: var(--xFlowBG) !important;
}
    .xFlowDivRelatorios label {
        color: var(--xFlowBG) !important;
    }
    .xFlowDivRelatorios span {
        color: var(--xFlowBG) !important;
        font-size: 10px!important;
        font-style: italic!important;
        margin-top: -5px !important;
    }
    .xFlowDivRelatorios :hover {
        background-color: #F9F8FA !important;
        cursor: pointer;
        text-decoration: none !important;
        border-radius: 6px 6px !important;
    }
        .xFlowDivRelatorios :hover label {
            color: var(--xFlowBG) !important;
        }
        .xFlowDivRelatorios :hover span {
            color: var(--xFlowBG) !important;
        }

.xFlowBan {
    color: lightgray !important;
}

/* Inicio Kanban */

.kanban-div {
    padding-left: 0px;
    padding-right: 0px;
    overflow-y: auto;
    background-color: #F3F6F9 !important;
    border: none !important;
    margin-top: -10px !important;
    margin-bottom: 25px !important;
}

.kanban-div-titulo {
    width: 100%;
    padding-top: 5px;
    font-size: 14px;
    text-align: center;
    color: var(--xFlowBG);
    font-weight: bold;
}

.kanban-span-titulo-bold {
    font-weight: bold;
    font-size: 16px;
}

.kanban-span-subtitulo {
    font-size: 10px;
    font-style: italic;
    font-weight: normal !important;
}

.kanban-div-corpo {
    margin-bottom: 5px !important;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 6px solid white;
}

.kanban-div-contador {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 10px !important;
}

.kanban-span-contador {
    font-size: 11px;
    font-weight: normal !important;
    color: darkgray !important;
    text-align: center;
}

.kanban-span-followup {
    color: #D9534F;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px !important;
}

.kanban-div-form {
    width: 100%;
    padding: 5px 10px 5px 10px;
}

.kanban-div-corpo-item {
    width: 100%;
    border: 1px solid transparent !important;
    background-color: white;
    border-radius: 5px;
    color: #666666;
    font-size: 12px;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 4%), 0 2px 3px 0 rgb(0 0 0 / 4%) !important;
}

.kanban-div-corpo-item-top {
    padding: 10px 10px 5px 10px;
}

.kanban-div-corpo-item-bottom {
    padding: 5px 8px 2px 5px;
    background-color: #f5f2f7;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    min-height: 30px !important;
}

.kanban-div-corpo-item-bottom-left {
    float: left;
}

.kanban-div-corpo-item-bottom-right {
    float: right;
    text-align: right;
}

.kanban-td {
    background-color: #eef2f6;
    vertical-align: top;
    border: 1px solid white;
    border-radius: 8px;
}

.kanban-td-separador {
    width: 0.4%;
}

.kanban-div-alerta {
    border: 2px solid #D9534F;
}

.kanban-div-rodape {
    color: #8768A8;
    padding-top: 3px;
    text-overflow: ellipsis !important;
    overflow: hidden!important;
    white-space: nowrap!important;
    display: inline-block!important;
}

.kanban-span {
    max-width: 12vw !important;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kanban-span-titulo {
    color: #8768A8;
    font-size: 12px !important;
    max-width: 12vw !important;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .kanban-span-titulo a:hover {
        text-decoration: none;
    }

    .kanban-span-titulo:hover {
        text-decoration: none;
    }

.kanban-link {
    text-decoration: none;
    padding: 3px 3px 3px 3px;
    border-radius: 3px 3px;
    color: #8768A8;
    background-color: #eaeaea !important;
    font-size: 12px !important;
    width: 25px !important;
}

    .kanban-link:hover {
        color: white !important;
        background-color: #8768A8 !important;
        text-decoration: none;
    }

.kanban-div-corpo-item-linha-1 {
    font-size: 10px;
    color: gray;
}

.kanban-div-corpo-item-linha-2 {
    color: gray;
    padding-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 13vw;
}

.kanban-div-corpo-item-linha-3 {
    color: gray;
    padding-top: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 13vw;
}

.kanban-carregar-mais {
    width: 100% !important;
    padding: 15px 12px 15px 12px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
    text-align: center !important;
    font-size: 13px !important;
}

/* Fim Kanban */

.modal-dialog-full {
    width: 95% !important;
    height: 95% !important;
}

.modal-content-full {
    height: auto !important;
    min-height: 100% !important;
}

.linkMaisInformacoes {
    text-decoration: none;
    color: #8768A8;
    background-color: white;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    border: 1px solid white;
    padding: 5px 5px 5px 5px;
    border-radius: 4px 4px;
}

    .linkMaisInformacoes:hover {
        color: dimgrey;
        text-decoration: none;
    }

.chkOn {
    color: #5CB85C;
    cursor: pointer;
}

    .chkOn:hover {
        color: darkgreen;
        cursor: pointer;
        text-decoration: none;
    }

.chkOff {
    color: lightgray;
    cursor: pointer;
}

    .chkOff:hover {
        color: gray;
        cursor: pointer;
        text-decoration: none;
    }

.calendario {
    width: 100%;
    border: 1px solid #E9E9E9 !important;
    border-radius: 2px !important;
    font-size: 12px !important;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15) !important;
    -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15) !important;
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15) !important;
    padding-right: 10px 10px 10px 10px !important;
}

.calendarioDayHeader {
    color: #8768A8 !important;
    text-align: center !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.calendarioTitle {
    height: 40px !important;
    text-align: center !important;
    color: #8768A8 !important;
    background-color: #F3F6F9 !important;
    border: none;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.calendarioDay {
    color: gray !important;
    padding: 10px 10px 10px 10px !important;
}

    .calendarioDay:hover {
        color: #8768A8 !important;
        text-decoration: none;
    }

.calendarioSelectedDay {
    background-color: #8768A8 !important;
    border-radius: 35px 35px;
}

.calendarioNextPrevious {
    color: #8768A8 !important;
    padding-left: 0px !important;
    padding-right: 15px !important;
}

.footerPesquisa {
    color: #8768A8 !important;
    text-align: left !important;
    padding-left: 5px !important;
    padding-bottom: 0px !important;
    padding-top: 10px !important;
}

.btnFiltrarPesquisa {
    height: 34px !important;
    text-decoration: none;
    padding: 9px 13px 9px 13px !important;
    border-top: 1px solid #e5e5e5 !important;
    border-bottom: 1px solid #e5e5e5 !important;
    border-right: 1px solid #e5e5e5 !important;
    background-color: white !important;
    color: darkgray !important;
    border-left: none !important;
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    margin-top: 0px !important;
}

    .btnFiltrarPesquisa:hover {
        background-color: #8768A8 !important;
        color: white !important;
        text-decoration: none;
    }

.btnFiltrarPesquisaLeft {
    height: 34px !important;
    text-decoration: none;
    padding: 9px 13px 9px 13px !important;
    border-top: 1px solid #e5e5e5 !important;
    border-bottom: 1px solid #e5e5e5 !important;
    border-left: 1px solid #e5e5e5 !important;
    background-color: white !important;
    color: darkgray !important;
    border-right: none !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
    margin-top: 0px !important;
}

    .btnFiltrarPesquisaLeft:hover {
        background-color: #8768A8 !important;
        color: white !important;
        text-decoration: none;
    }

.ratingStar {
    font-size: 0pt;
    width: 15px;
    height: 12px;
    margin: 0px;
    padding: 5px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}


.filledRatingStar {
    background-image: url(../img/FilledStar.png);
}


.emptyRatingStar {
    background-image: url(../img/EmptyStar.png);
}


.savedRatingStar {
    background-image: url(../img/SavedStar.png);
}

.desabilitado {
    color: lightgray !important;
}

.xFlowTitulo {
    font-size: 13px;
    margin: 2px 5px 0px 0px;
    color: var(--xFlowBG);
}

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

.xFlowSubTitulo {
    font-size: 15px;
    margin: 0px 5px 0px 0px;
    color: var(--xFlowBG);
    float: left;
    color: black;
}

.xFlowTituloX {
    font-size: 13px;
    margin: 0px 5px 0px 0px;
    border-bottom: 2px solid var(--xFlowBG) !important;
    float: left;
    color: var(--xFlowBG);
}

.xFlowTituloXSlim {
    font-size: 13px;
    margin: 0px 5px 0px 0px;
    border-bottom: 2px solid var(--xFlowBG) !important;
    float: left;
    color: var(--xFlowBG);
}

.xFlowTab {
    border-bottom: none !important;
    background-color: white !important;
    clear: both;
    border: 1px solid #eeeeee;
}

.xFlowTabItem {
    background-color: transparent !important;
    border: none !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
    font-size: 13px !important;
}

.xFlowTabItemTop {
    background-color: transparent !important;
    border: none !important;
    padding-right: 8px !important;
    padding-left: 10px !important;
    font-size: 13px !important;
}

.xflowTextSlim {
    font-size: 13px;
    padding-top: 0px !important;
    padding-left: 0px !important;
    padding-bottom: 0px !important;
    position: relative;
    margin-bottom: 0px;
    border: none;
    outline: none;
    display: block;
    background-color: transparent;
    color: var(--xFlowBG);
}

.xFlowSection {
    margin-top: 15px !important;
    margin-bottom: 5px !important;
    border-bottom: 1px solid #f2f0f4 !important;
}

.xFlowSectionSlim {
    margin-top: 14px !important;
    margin-bottom: 5px !important;
    border-bottom: 2px solid #ECE9EF !important;
}

.xFlowChartDiv {
    border: 1px solid #eeeeee;
    border-radius: 2px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
    background-color: white;
}

.xFlowChartLabel {
    background-color: white;
    border-bottom: 1px solid #ECE9EF;
    width: 100%;
    padding: 5px 5px 5px 10px;
    background-color: #F9F8FA;
    color: #8768A8 !important;
}

/*----------- RFID ----------*/

.xFlowAncora {
    margin-top: -80px !important;
    padding-top: 80px !important;
}

/*------------ TAB ---------------*/

.li active {
    border-bottom: 4px solid var(--xFlowBG) !important;
}

.a.tab {
    border-bottom: 4px solid var(--xFlowBG) !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
}

.active {
    border-bottom: 3px solid var(--xFlowBG) !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
}

.inactive {
    border-bottom: 3px solid #eeeeee !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
}

.tab a {
    color: #6E4F8E !important;
}

.tab li :hover {
    background-color: #f2eff6 !important;
}

.label-float {
    position: relative;
    padding-top: 15px !important;
    font-size: 11px;
}

    .label-float input {
        border: 1px solid #8768A8;
        border-radius: 5px !important;
        outline: none;
        padding-top: 10px !important;
        padding-left: 15px !important;
        -webkit-transition: all .1s linear !important;
        -moz-transition: all .1s linear !important;
        -webkit-appearance: none !important;
        height: 45px !important;
        font-size: 12px !important;
        color: #444444 !important;
    }

        .label-float input:focus {
            border: 1px solid #8768A8;
            box-shadow: 0px 0px 2px 2px rgba(135,104,168,0.4);
        }

        .label-float input:disabled {
            border: 1px solid lightgray;
            color: darkgray !important;
        }

        .label-float input::placeholder {
            color: transparent;
        }

    .label-float label {
        pointer-events: none;
        position: absolute;
        top: calc(50% - 8px);
        left: 15px;
        transition: all .1s linear;
        -webkit-transition: all .1s linear;
        -moz-transition: all .1s linear;
        background-color: white;
        padding: 5px !important;
        box-sizing: border-box;
        color: darkgray;
    }

    .label-float input:required:invalid + label {
        color: darkred;
    }

    .label-float input:disabled + label {
        color: darkgray !important;
    }

    .label-float input:focus:required:invalid {
        border: 1px solid darkred;
    }

    .label-float input:focus + label,
    .label-float input:not(:placeholder-shown) + label {
        font-size: 12px;
        top: 0;
        color: #8768A8 !important;
    }

    .label-float select {
        border: 1px solid #8768A8;
        border-radius: 5px !important;
        outline: none;
        padding-top: 10px !important;
        padding-left: 15px !important;
        transition: all .1s linear !important;
        -webkit-transition: all .1s linear !important;
        -moz-transition: all .1s linear !important;
        -webkit-appearance: none !important;
        height: 45px !important;
    }

        .label-float select:focus {
            border: 1px solid #8768A8;
            box-shadow: 0px 0px 2px 2px rgba(135,104,168,0.4);
        }

        .label-float select::placeholder {
            color: transparent;
        }

        .label-float select:required:invalid + label {
            color: darkred;
        }

        .label-float select:focus:required:invalid {
            border: 1px solid darkred;
        }

        .label-float select:focus + label,
        .label-float select:not(:placeholder-shown) + label {
            font-size: 12px;
            top: 0;
            color: #8768A8;
        }

.chkxFlow {
    padding-left: 8px !important;
    padding-top: 4px !important;
    height: 29px;
    color: #8768A8;
    border-color: #8768A8;
}

    .chkxFlow label {
        font-size: 12px !important;
    }

.divIndexSemInformacoes {
    padding-top: 190px;
    text-align: center;
    font-size: 20px;
    color: #8768A8;
}

.xFlowFontSmall input[type="radio"] {
    font-size: 12px !important;
}

.xFlowFontSmall label {
    font-size: 12px !important;
}

.gridRowPaddingClean td {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-right: 0px !important;
}

.gridRowSlim td {
    padding: 2px;
}

.gridRowSlimItem {
    border: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
}

    .gridRowSlimItem td {
        border: 0px 0px 0px 0px !important;
        padding: 0px 7px 0px 0px !important;
    }

.contaPagar {
    color: white !important;
    background-color: #D9534F !important;
}
    .contaPagar:hover {
        color: #541512 !important;
    }

.contaReceber {
    color: white !important;
    background-color: #5CB85C;
}
    .contaReceber:hover {
        color: #1f471f !important;
    }

.comboGrid {
    padding-right: 0px !important;
    margin-left: 0px !important;
    border: none !important;
    background-color: transparent !important;
    text-align: left !important;
    height: 29px !important;
    margin-top:-1px!important;
}

.ddl225px {
    width: 225px !important;
    border-left: none !important;
    padding-top: 5px !important;
}

/* The switch - the box around the slider */
.xFlowSwitch {
    width: 35px !important;
    height: 1px !important;
    margin-top: -15px !important;
    background-color: transparent !important;
}

    /* Hide default HTML checkbox */
    .xFlowSwitch input {
        opacity: 0 !important;
        width: 0px !important;
        height: 0px !important;
    }

/* The slider */
.xFlowSlider {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 16px;
    background-color: rgba(0, 0, 0, 0.10);
    border-radius: 16px;
    transition: all 0.2s;
    cursor: pointer;
    padding: 0px !important;
    margin: 0px !important;
}

    .xFlowSlider::before {
        content: '';
        position: absolute;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background-color: white;
        top: 1px;
        left: 1px;
        transition: all 0.2s;
    }

input:checked + .xFlowSlider {
    background-color: var(--xFlowBG);
}

    input:checked + .xFlowSlider:before {
        -webkit-transform: translateX(14px);
        -ms-transform: translateX(14px);
        transform: translateX(14px);
    }

.xFlowSwitchTD {
    padding-top: 1px;
    padding-left: 5px;
    color: #cccccc;
    cursor: pointer;
    font-size: 12px !important;
}

.excluido {
    text-decoration: line-through !important;
    color: lightgray !important;
}

.linkxFlow {
    color: #8768A8 !important;
}

    .linkxFlow:hover {
        border: 1px solid #8768A8 !important;
        background-color: #8768A8 !important;
        color: white !important;
    }

.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 320px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
    padding: 15px 15px 80px;
}

/*Left*/
.modal.left.fade .modal-dialog {
    left: -320px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog {
    left: 0;
}

/*Right*/
.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
    right: 0;
}

.rbl {
}

    .rbl td {
        padding: 22px 5px 15px 10px;
    }

.rblSlim {
    width: 100%;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    padding-top: 5px !important;
}

    .rblSlim td {
        padding: 5px 10px 5px 10px;
    }

    .rblSlim label {
        padding-left: 10px !important;
    }

.xFlowPortletTitle {
    text-align: left !important;
    background-color: transparent !important;
    color: var(--xFlowBG);
    font-size: 15px;
    border-bottom: 1px solid #eeeeee !important;
    height: 40px !important;
}

.xFlowHeaderButton {
    padding: 15px 8px 8px 15px !important;
    margin: 0 0px !important;
    background-color: var(--xFlowBG) !important;
    border-radius: 5px 5px 5px 5px !important;
}

    .xFlowHeaderButton:hover {
        background-color: #825FA5 !important;
        border-radius: 5px 5px 5px 5px !important;
        text-decoration: none !important;
    }

    .xFlowHeaderButton li :hover {
        text-decoration: none !important;
    }

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

.noDecoration, a:link, a:visited {
    text-decoration: none;
}

.xFlowTabVerticalItem {
    padding: 10px 0px 9px 8px !important;
    background-color: #F2F0F4 !important;
}

.xFlowTabVerticalItemClean {
    padding: 10px 10px 9px 8px !important;
    background-color: #F9F8FA !important;
}

.xFlowTabVerticalItemSelected {
    padding: 10px 0px 9px 8px !important;
    background-color: white !important;
}

.xFlowTabVerticalItemSelectedPlus {
    padding: 10px 10px 9px 8px !important;
    background-color: white !important;
}

.xFlowBag {
    color: white !important;
    padding: 3px 4px 1px 6px !important;
    border-radius: 3px 3px !important;
}

.xFlowArrowPage {
    font-size: 22px !important;
    padding: 6px 8px 6px 8px !important;
    border: none !important;
}

.xFlowStatus-xl {
    color: white !important;
    padding: 7px 6px 7px 6px !important;
    border-radius: 3px 3px !important;
    width: 240px !important;
    display: inline-block;
}

.xFlowStatus-l {
    color: white !important;
    padding: 7px 6px 7px 6px !important;
    border-radius: 3px 3px !important;
    width: 200px !important;
    display: inline-block;
}

.xFlowStatus-md {
    color: white !important;
    padding: 7px 6px 6px 6px !important;
    border-radius: 3px 3px !important;
    width: 150px !important;
    display: inline-block;
}

.xFlowStatus-sm {
    color: white !important;
    padding: 7px 6px 7px 6px !important;
    border-radius: 3px 3px !important;
    width: 100px !important;
    display: inline-block;
    text-align:center!important;
}

.xFlowStatus-slim {
    color: white !important;
    padding: 5px 5px 5px 5px !important;
    border-radius: 3px 3px !important;
    width: 100px !important;
    display: inline-block;
    font-size: 11px;
    text-align: center !important;
}

.xFlowStatus-superslim {
    color: white !important;
    padding: 1px 5px 1px 5px !important;
    border-radius: 3px 3px !important;
    font-size: 10px;
}

.xFlowLabelGrid-sm {
    color: darkgray;
    font-size: 10px;
}

.xFlowRemovePadding {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

    .xFlowRemovePadding td {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

.xFlowRemovePaddingCorner {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

    .xFlowRemovePaddingCorner td {
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

.xFlowNoBorder {
    border: none !important;
}

.gridColumnLine-sm {
    width: 1px !important;
    padding: 0px 0px 0px 0px !important;
    background-color: lightgray !important;
}

    .gridColumnLine-sm td {
        padding: 0px 0px 0px 0px !important;
    }

.gridColumnLine-md {
    width: 13px !important;
    padding: 0px 0px 0px 0px !important;
    background-color: #F9F8FA !important;
}

    .gridColumnLine-md td {
        padding: 0px 0px 0px 0px !important;
    }

.divComprasIcone {
    height: 90px;
    width: 80px;
    text-align: center;
    background-color: lightgray;
    color: gray;
    padding-top: 35px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    float: left
}

.divComprasTexto {
    background-color: #F0F0F0;
    width: 300px;
    height: 90px;
    text-align: center;
    padding-top: 15px;
    color: gray !important;
}

.divComprasIconeSelecionado {
    height: 90px;
    width: 80px;
    text-align: center;
    background-color: #8768A8;
    color: white;
    padding-top: 35px;
    float: left;
}

.divComprasTextoSelecionado {
    background-color: white;
    width: 300px;
    height: 90px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    text-align: center;
    padding-top: 15px;
}

.iconeComprasSeta {
    font-size: 25px;
    color: #8768A8;
    padding-left: 30px !important;
    padding-right: 30px !important
}

.blink_me {
    animation: blinker 1s linear infinite;
}

    .blink_me td {
        padding: 5px 5px 5px 5px !important;
    }

@keyframes blinker {
    50% {
        opacity: 0.4;
    }
}

.glpiBox {
    width: 200px !important;
    height: 65px !important;
    text-align: center;
    padding-top: 20px !important;
    font-size: 16px !important;
    border-radius: 4px 4px !important;
}

    .glpiBox:hover {
        background-color: #8768A8 !important;
        color: white !important
    }

.linkClean {
    color: #666666 !important;
    text-decoration: none !important;
}

    .linkClean :hover {
        color: var(--xFlowBG) !important;
        text-decoration: none !important;
    }

.menu-lateral-interno-tab {
    vertical-align: top !important;
    width: 170px !important;
    background-color: #FDFBFF;
}

.menu-lateral-interno-tab-icone {
    vertical-align: top !important;
    width: 70px !important;
    background-color: #FDFBFF;
}

/* Dashboard da tela principal do orçamento e evento  */

.dashComercial-principal {
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 10px !important;
    height: 345px !important;
}

.dashComercial-bloco-limpo {
    padding: 0px;
    margin-right: 0px !important;
    margin-left: 0px !important;
    margin-bottom: 0px !important;
    background-color: white !important;
    border-left-style: none !important;
    border-left-color: inherit !important;
    border-left-width: medium;
    border-right-style: none !important;
    border-right-color: inherit !important;
    border-right-width: medium;
    border-top-style: none !important;
    border-top-color: inherit !important;
    border-top-width: medium;
    border-bottom-style: none !important;
    border-bottom-color: inherit !important;
    border-bottom-width: medium;
}

.dashboard-span-custo {
    font-size: 19px !important;
}

.dashComercial-borda-topo {
    border-top: 1px solid #eeeeee !important;
}

.dashComercial-borda-direita {
    border-right: 1px solid #eeeeee !important;
}

.dashComercial-borda-esquerda {
    border-left: 1px solid #eeeeee !important;
}

.dashComercial-borda-fundo {
    border-bottom: 1px solid #eeeeee !important;
}

.dashComercial-bloco-100 {
    text-align: center;
    background-color: white;
    border-right: 1px solid #eeeeee;
    padding-right: 20px !important;
    padding-left: 0px !important;
    padding-top: 10px !important;
    height: 60px !important;
}

.dashComercial-bloco-50 {
    height: 50px !important;
    background-color: white !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    padding-right: 0px !important;
    border-top: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    border-bottom: none !important;
}

.dashComercial-sem-borda {
    border-top: none !important;
    border-left: none !important;
}

.dashComercial-bloco-valor-100 {
    text-align: center;
    background-color: white;
    border-right: none;
    padding-top: 15px !important;
    height: 60px !important
}

.dashComercial-p {
    margin-bottom: 5px !important;
}

.dashComercial-span-moeda {
    font-size: 10px;
    color: darkgray;
    padding-right: 5px;
}

.dashComercial-span-valor {
    font-size: 22px
}

.dashComercial-span-valor-slim {
    font-size: 13px
}

.dashComercial-span-centavos {
    font-size: 11px;
    color: darkgray;
}

.dashComercial-titulo {
    width: 100%;
    background-color: #ECE9EF !important;
    text-align: center;
    border-right: 1px solid white !important;
}

    .dashComercial-titulo label {
        color: #8768A8 !important;
        padding: 7px 5px 1px 8px !important;
    }

.dashComercial-font-titulo {
    font-size: 12px !important;
}

.dashComercial-font-subtitulo {
    font-size: 10px !important;
}

.dashComercial-quantidade-item {
    text-align: center;
    background-color: white;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    height: 50px !important;
}

.dashComercial-span-quantidade {
    font-size: 25px;
}

.dashComercial-bloco-seta {
    padding-top: 0px !important;
    padding-left: 15px !important;
    padding-right: 0px !important;
    border: none !important;
}

.dashComercial-seta {
    font-size: 22px !important
}

.dashComercial-verde {
    color: #5CB85C !important;
}

.dashComercial-vermelho {
    color: #D9534F !important;
}

.dashComercial-cinza {
    color: #F3F6F9 !important;
}

.dashComercial-branco {
    color: white !important;
}

.dashComercial-bloco-valor-item {
    text-align: center;
    padding-top: 2px !important;
    font-size: 15px !important;
}

.dashComercial-valor-item {
    margin-top: 1px !important;
    font-size: 10px !important;
    color: #a1a2a3;
}

.dashComercial-bloco-lucro-base {
    padding-top: 10px !important;
    padding-right: 2px !important;
    font-size: 9px !important;
    color: #d9d9d9;
}

.dashComercial-percentual {
    font-size: 11px !important;
    color: gray;
}

.dashboard-bloco-topo {
    margin-top: -9px !important;
}

.divNoDataFoundCRM {
    width: 100%;
    text-align: center;
    margin-top: 50px;
    padding-bottom: 20px;
    pointer-events: none;
    opacity: .8;
}

    .divNoDataFoundCRM i {
        font-size: 50px;
        color: #e6e6e6;
    }

    .divNoDataFoundCRM label {
        color: #cccccc;
        padding-top: 20px;
        font-size: 11px;
    }

/* Fim Dashboard Comercial */

.divNoDataFound {
    width: 100%;
    text-align: center;
    padding-top: 150px;
    padding-bottom: 70px;
}

    .divNoDataFound i {
        font-size: 100px;
        color: #e6e6e6;
    }

    .divNoDataFound label {
        color: #cccccc;
        padding-top: 40px;
    }

    .divNoDataFound span {
        color: #cccccc;
    }

.divNoDataFoundMini {
    width: 100%;
    text-align: center;
    padding-top: 0px;
}
    .divNoDataFoundMini i {
        font-size: 35px;
        color: #e6e6e6;
    }
    .divNoDataFoundMini label {
        color: #cccccc;
        padding-top: 10px;
        font-size:11px;
    }

.divNoDataFoundMedium {
    width: 100%;
    text-align: center;
    padding-top: 80px;
    padding-bottom: 40px;
}

.divNoDataFoundSlim {
    width: 100%;
    text-align: center;
    padding-top: 70px;
    padding-bottom: 40px;
}

    .divNoDataFoundSlim i {
        font-size: 60px;
        color: #e6e6e6;
    }

    .divNoDataFoundSlim label {
        color: #cccccc;
        padding-top: 20px;
    }

.divNoDataFoundMedium {
    width: 100%;
    text-align: center;
    padding-top: 80px;
    padding-bottom: 40px;
}

    .divNoDataFoundMedium i {
        font-size: 70px;
        color: #e6e6e6;
    }

    .divNoDataFoundMedium label {
        color: #cccccc;
        padding-top: 20px;
    }

.divMenuControl {
    z-index: 30 !important;
    background-color: #F9F8FA !important;
    padding: 5px 0px 10px 5px!important;
}

.tdSeparadorMenuControl {
    padding-left: 3px;
}

.tdSeparadorMenuControl-md {
    padding-left: 5px;
}

.tdSeparadorMenuControl-ml {
    padding-left: 10px;
}

.tdSeparadorMenuControl-lg {
    padding-left: 15px;
}

.tdTituloMenuControl {
    width: 100%;
    text-align: right;
    padding-right: 20px !important;
    color: var(--xFlowBG) !important;
}

.btnMenuControl {
    text-decoration: none;
    padding: 11px 20px 12px 12px!important;
    white-space: nowrap;
    border-radius: 4px 4px;
    color: #8768A8;
    background-color: #FDFBFF !important;
    border: 1px solid #f2eff6 !important;
    width: 37px !important;
    height: 37px !important;
}

    .btnMenuControl:hover {
        background-color: #8768A8 !important;
        color: white !important;
        text-decoration: none;
    }

.gridControl {
    background-color: White;
    border: 1px solid transparent !important;
    width: 100%;
    table-layout: fixed;
}

    .gridControl .Shorter {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.gridPagerControl {
    line-height: 30px;
    width: 100%;
    height: 30px !important;
    color: #8768A8 !important;
    font-weight: normal;
    font-size: 13px;
    background-repeat: repeat-x;
    background-color: #F9F8FA;
    border-left: 0px solid transparent;
    border-top: 2px solid white !important;
    padding-left: 0px !important;
}

    .gridPagerControl td {
        border-left: 0px !important;
        padding: 3px 3px 3px 3px !important;
    }

    .gridPagerControl span {
        padding: 7px;
        text-decoration: none;
        white-space: nowrap;
        background: #8768A8;
        color: white;
        border-radius: 2px 2px;
    }

    .gridPagerControl a,
    .gridPagerControl a:visited {
        text-decoration: none;
        padding: 7px;
        white-space: nowrap;
        color: #8768A8;
        border-radius: 2px 2px;
        background-color: #f5f2f7;
    }

        .gridPagerControl a:hover,
        .gridPagerControl a:active {
            padding: 7px;
            text-decoration: none;
            white-space: nowrap;
            background: #D9D2DF;
            color: #8768A8;
            border-radius: 2px 2px;
        }

.gridRowControl {
    color: #666666;
    background-color: #FDFBFF;
    font-size: 12px;
    border-left: 3px solid #FDFBFF !important;
}

    .gridRowControl td {
        border-bottom: 2px solid white !important;
        padding-top: 7px;
        padding-bottom: 5px;
        padding-left: 10px;
    }

    .gridRowControl a {
        color: #666666;
    }

    .gridRowControl:hover {
        background-color: #f2eff6;
    }

.gridRowMedium td{
    padding-top:0px!important;
    padding-bottom:0px!important;
}

.gridHeaderControl {
    padding-left: 10px !important;
    border-top: none !important;
    border-bottom: 2px solid white !important;
    height: 40px !important;
    color: var(--xFlowBG) !important;
    font-weight: normal !important;
    font-size: 13px;
    background-color: #F9F8FA;
}

    .gridHeaderControl th {
        border: none !important;
        font-weight: normal !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

.gridRowControlSelected {
    color: #666666;
    background-color: white;
    font-size: 12px;
    border-left: 3px solid #8768A8 !important;
    border-bottom: 2px solid white !important;
}

    .gridRowControlSelected td {
        border-bottom: 2px solid white !important;
        padding-top: 7px;
        padding-bottom: 5px;
        padding-left: 10px;
    }

    .gridRowControlSelected a {
        color: #666666;
    }

    .gridRowControlSelected:hover {
        background-color: #f2eff6;
        border-bottom: 2px solid white !important;
    }

.campoID {
    text-align: center;
}

.tdControl {
    vertical-align: top;
    background-color: white;
    padding: 10px;
}

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

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

.labelQuantidade {
    font-size: 11px;
    color: darkgray;
    font-style: italic!important;
    padding-left: 5px;
    margin-bottom: 0px !important;
}

.modalBodyXFlow {
    margin-top: -15px !important;
    margin-bottom: -15px !important;
}

.blinkBorder {
    border: 2px #D9534F solid;
    animation: blink 1s;
    animation-iteration-count: infinite;
}

@keyframes blink {
    50% {
        border-color: #fff;
    }
}

.menuAplicacao {
    border-left: 3px solid transparent !important;
    border-right: 2px solid transparent !important;
}

.menuAplicacaoSelecao {
    border-left: 3px solid var(--xFlowBG) !important;
    border-right: 2px solid white !important;
    background-color: white !important;
}

.xFlowPesquisaGeral {
    font-size: 12px !important;
    color: var(--xFlowBG) !important;
}

.padBotaoGrid {
    padding: 0px 0px 0px 0px !important;
    margin: 0px 0px 0px 0px !important;
}
    .padBotaoGrid td {
        padding: 1px 1px 0px 1px !important;
        width: 35px !important;
    }

.padding2px {
    padding: 2px 2px 2px 2px !important;
}

    .padding2px td {
        padding: 2px 2px 2px 2px !important;
    }

.padding5px {
    padding: 5px 5px 5px 5px !important;
}
    .padding5px td {
        padding: 5px 5px 5px 5px !important;
    }

.padding1px {
    padding: 1px 1px 1px 1px !important;
}

    .padding1px td {
        padding: 1px 1px 1px 1px !important;
    }

.paddingTopGrid {
    margin-top: 5px !important;
    border-right: none !important;
}

.paddingX {
    padding: 3px 3px 2px 3px !important;
}
    .paddingX td {
        padding: 4px 3px 0px 3px !important;
    }
    .paddingX label {
        padding-top: 4px !important;
    }

.btnXFlowVerde {
    text-decoration: none;
    padding: 9px 13px 9px 13px !important;
    white-space: nowrap;
    color: white;
    background-color: #5CB85C !important;
    border-radius: 3px 3px;
    cursor: pointer !important;
    border: none !important;
    line-height: normal !important;
    max-height: 34px !important;
}

    .btnXFlowVerde:hover {
        background-color: darkgreen !important;
        color: white !important;
        text-decoration: none;
    }

.btnXFlowVermelho {
    text-decoration: none;
    padding: 9px 13px 9px 13px !important;
    white-space: nowrap;
    color: white;
    background-color: #D9534F !important;
    border-radius: 3px 3px;
    cursor: pointer !important;
    border: none !important;
    line-height: normal !important;
    max-height: 34px !important;
}

    .btnXFlowVermelho:hover {
        background-color: darkred !important;
        color: white !important;
        text-decoration: none;
    }

.btnXFlowPrimeirosPassos {
    text-decoration: none;
    padding: 9px 13px 9px 13px !important;
    white-space: nowrap;
    color: #8768A8;
    background-color: #eaeaea !important;
    border-radius: 3px 3px;
    cursor: pointer !important;
    border: none !important;
    line-height: normal !important;
    max-height: 34px !important;
    text-align: center;
}

    .btnXFlowPrimeirosPassos:hover {
        background-color: #8768A8 !important;
        color: white !important;
        text-decoration: none;
    }

.btnXFlowPrimeirosPassosDisabled {
    text-decoration: none;
    padding: 9px 13px 9px 13px !important;
    white-space: nowrap;
    color: lightgray;
    background-color: white !important;
    border-radius: 3px 3px;
    cursor: pointer !important;
    border: none !important;
    line-height: normal !important;
    max-height: 34px !important;
    text-align: center;
}

    .btnXFlowPrimeirosPassosDisabled:hover {
        cursor: not-allowed !important;
        color: lightgray;
        text-decoration: none;
    }

.divMenuPrimeiroAcesso {
    padding: 10px 10px 10px 10px !important;
    position: fixed !important;
    left: 210px;
    right: 0px !important;
    z-index: 999 !important;
    top: 70px !important;
    background-color: white;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
}

.textoPad {
    padding: 7px 10px 7px 10px;
    border: #eeeeee 1px solid;
    border-radius: 5px 5px;
}

    .textoPad a {
        padding: 7px 10px 7px 0px !important;
        color: #A9A9A9 !important;
        border: none !important;
    }

.iconeConfig {
    position: absolute !important;
    left: 5px !important;
    cursor: pointer !important;
    color: lightgray !important;
    font-size: 15px !important;
}

    .iconeConfig:hover {
        color: var(--xFlowBG) !important;
        text-decoration: none !important;
    }

.iconeFechar {
    position: absolute !important;
    left: 92% !important;
    cursor: pointer !important;
    color: lightgray !important;
    font-size: 18px !important;
}

    .iconeFechar:hover {
        color: var(--xFlowBG) !important;
        text-decoration: none !important;
    }

.itemMenuAtalho {
    text-align:left!important;
    border: 1px solid #f2f2f2 !important;
    border-radius: 4px 4px 4px 4px !important;
    text-align: left !important;
    padding: 8px 8px 8px 8px !important;
    font-size: 12px !important;
    height: 34px !important;
    width: 300px !important;
    color: var(--xFlowBG) !important;
    /*box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px!important;*/
    background-color: white;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap;
}

    .itemMenuAtalho :hover {
        color: var(--xFlowBG) !important;
        text-decoration: none !important;
    }

    .itemMenuAtalho a {
        color: var(--xFlowBG) !important;
        text-decoration: none !important;
    }

        .itemMenuAtalho a :hover {
            color: var(--xFlowBG) !important;
            text-decoration: none !important;
        }

.itemMenuAtalhoX {
    color: var(--xFlowBG) !important;
    background-color: white;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .itemMenuAtalhoX :hover {
        color: var(--xFlowBG) !important;
        text-decoration: none !important;
        background-color: #f2f2f2 !important;
        border-radius: 4px 4px 4px 4px !important;
        cursor: pointer;
    }

    .itemMenuAtalhoX a {
        color: var(--xFlowBG) !important;
        text-decoration: none !important;
    }

        .itemMenuAtalhoX a :hover {
            color: var(--xFlowBG) !important;
            text-decoration: none !important;
            background-color: #f2f2f2 !important;
            border-radius: 4px 4px 4px 4px !important;
            cursor: pointer;
        }

/* CRM */
.funnel_outer {
    width: 450px;
    float: left;
    position: relative;
    padding: 0 5%;
}

    .funnel_outer * {
        box-sizing: border-box;
    }

    .funnel_outer ul {
        margin: 0;
        padding: 0;
    }

        .funnel_outer ul li {
            float: left;
            position: relative;
            margin: 2px 0;
            height: 50px;
            clear: both;
            text-align: center;
            width: 100%;
            list-style: none;
        }

    .funnel_outer li span {
        border-top-width: 50px;
        border-top-style: solid;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        height: 0;
        display: inline-block;
        vertical-align: middle;
    }

    .funnel_outer li :hover {
        opacity: 0.8 !important;
    }

    .funnel_outer li a {
        color: white !important;
    }

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

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

.funnel_step_1 span {
    width: 100%;
    border-top-color: #336699;
}

.funnel_step_2 span {
    width: calc(100% - 50px);
    border-top-color: #006666
}

.funnel_step_3 span {
    width: calc(100% - 100px);
    border-top-color: #339966
}

.funnel_step_4 span {
    width: calc(100% - 150px);
    border-top-color: darkorange
}

.funnel_step_5 span {
    width: calc(100% - 200px);
    border-top-color: #cc9900
}

.funnel_step_6 span {
    width: calc(100% - 250px);
    border-top-color: #cc3300
}

.funnel_outer ul li:last-child span {
    border-left: 0;
    border-right: 0;
    border-top-width: 40px;
}

    .funnel_outer ul li:last-child span p {
        margin-top: -27px;
        color: #fff;
        text-align: center;
        font-size: 12px;
    }

.funnel_outer ul li.not_last span {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top-width: 50px;
}

.funnel_outer ul li span p {
    margin-top: -30px;
    color: #fff;
    text-align: center;
    font-size: 12px;
}

.lblFunnel {
    font-style: italic;
    color: white;
}

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

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

.noPadRight {
    padding-right: 0px !important;
}

    .noPadRight td {
        padding-right: 0px !important;
    }

.padSlim {
    padding: 2px 2px 2px 2px !important;
}

    .padSlim td {
        padding: 2px 2px 2px 2px !important;
    }

.noPad {
    padding: 0px 0px 0px 0px !important;
}
    .noPad td {
        padding: 0px 0px 0px 0px !important;
    }
    .noPad th {
        padding: 0px 0px 0px 0px !important;
    }

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

    .noPadTop td {
        padding-top: 0px !important;
    }

.noPadBottom {
    padding-bottom: 0px !important;
}

    .noPadBottom td {
        padding-bottom: 0px !important;
    }

.dataOK {
    background-color: #CCE6FF;
    color: #1F3D7A;
    padding: 3px 4px 3px 4px !important;
    border-radius: 3px 3px;
    font-size: 10px !important;
}

.dataDiaAtual {
    background-color: #ffe6cc;
    color: #804200;
    padding: 3px 4px 3px 4px !important;
    border-radius: 3px 3px;
    font-size: 10px !important;
}

.dataAtraso {
    background-color: #D9534F;
    color: white;
    padding: 3px 4px 3px 4px !important;
    border-radius: 3px 3px;
    font-size: 10px !important;
}

.calendarioTitulo {
    background-color: #F9F8FA !important;
    color: #8768A8 !important;
    height: 40px !important
}

.calendarioCabecalhoDiaSemana {
    text-align: center !important;
    color: #8768A8 !important;
    height: 35px !important
}

.calendarioDiaSemana {
    color: #8768A8 !important;
    height: 30px !important;
    font-size: 11px !important
}

    .calendarioDiaSemana a {
        color: #666666 !important;
    }

    .calendarioDiaSemana :hover {
        background-color: #e6deed !important;
        text-decoration: none;
        padding: 8px 8px 8px 8px !important;
        border-radius: 4px 4px !important
    }

.calendarioDiaSelecionado {
    background-color: transparent !important;
    text-decoration: none !important;
    border: none !important;
    font-size: 11px !important;
}

    .calendarioDiaSelecionado a {
        background-color: #ccbddb !important;
        text-decoration: none;
        padding: 8px 8px 8px 8px !important;
        border-radius: 4px 4px !important;
    }

    .calendarioDiaSelecionado :hover {
        background-color: #e6deed !important;
        text-decoration: none;
    }

.calendarioSeta {
    color: #8768A8 !important;
    padding: 5px 5px 5px 5px !important;
}

    .calendarioSeta a {
        color: #8768A8 !important;
        padding: 8px 10px 8px 10px !important;
    }

    .calendarioSeta :hover {
        padding: 8px 10px 8px 10px !important;
        background-color: #e6deed !important;
        text-decoration: none;
        border-radius: 4px 4px !important
    }

.calendarioHoje {
    background-color: transparent !important;
    text-decoration: none !important;
    border: none !important;
    font-size: 11px !important;
}

    .calendarioHoje a {
        color: white !important;
        background-color: #8768A8 !important;
        text-decoration: none;
        padding: 8px 8px 8px 8px !important;
        border-radius: 4px 4px !important;
    }

    .calendarioHoje :hover {
        background-color: #e6deed !important;
        text-decoration: none;
        padding: 8px 8px 8px 8px !important;
        border-radius: 4px 4px !important
    }

.VerdePadrao {
    color: #5CB85C;
}

.VermelhoPadrao {
    color: #D9534F!important;
}
    .VermelhoPadrao a {
        color: #D9534F !important;
    }

.linkSimples {
    color: #666666;
    text-decoration: none !important;
}

    .linkSimples:hover {
        color: var(--xFlowBG) !important;
        text-decoration: underline !important;
    }

.btnXFlowMail {
    text-decoration: none;
    padding: 9px 11px 9px 11px !important;
    white-space: nowrap;
    color: #8768A8;
    background-color: #e6deed !important;
    border-radius: 3px 3px;
    cursor: pointer !important;
    border: none !important;
    line-height: normal !important;
    max-height: 34px !important;
}

    .btnXFlowMail:hover {
        background-color: #8768A8 !important;
        color: white !important;
        text-decoration: none;
    }

    .btnXFlowMail.fa:hover {
        background-color: #8768A8 !important;
        color: white !important;
        text-decoration: none;
    }

.btnXFlowHeader {
    text-decoration: none;
    padding: 7px 10px 7px 10px !important;
    white-space: nowrap;
    color: #8768A8;
    background-color: white !important;
    border-radius: 3px 3px;
    cursor: pointer !important;
    border: none !important;
    line-height: normal !important;
    max-height: 34px !important;
}

    .btnXFlowHeader:hover {
        background-color: #8768A8 !important;
        color: white !important;
        text-decoration: none;
    }

.tree {
    padding-top: 0px !important;
    margin-top: -12px !important;
}

.treeNode {
    text-decoration: none !important;
    color: var(--xFlowBG);
    padding: 3px 3px 2px 3px !important;
    font-size: 12px !important;
}

    .treeNode:hover {
        text-decoration: none !important;
        color: #8768A8;
        background-color: #f2eff6 !important;
        border-radius: 3px 3px;
    }

    .treeNode td {
        padding-right: 50px !important
    }

.leafNode {
    text-decoration: none !important;
    color: var(--xFlowBG);
    padding: 3px 3px 2px 3px !important;
    font-size: 12px !important;
}

    .leafNode:hover {
        text-decoration: none !important;
        color: #8768A8;
        background-color: #f2eff6 !important;
        border-radius: 3px 3px;
    }

.selectNode {
    background-color: var(--xFlowBG);
    color: white;
    border-radius: 3px 3px;
    padding: 3px 3px 2px 3px !important;
    font-size: 12px !important;
}

    .selectNode:hover {
        text-decoration: none !important;
        color: #8768A8;
        background-color: #f2eff6 !important;
        border-radius: 3px 3px;
    }


.borderBottom {
    border-bottom: 1px solid #f2eff6
}

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

.mailBold {
    font-weight: bold;
}

.mailRow {
    padding-bottom: 0px !important;
    margin-bottom: -5px !important;
}

    .mailRow td {
        padding-top: 5px !important;
        padding-bottom: 3px !important;
    }

.linkSlim {
    padding-left: 5px !important;
    color: darkgray !important;
    font-size: 11px !important;
    font-style: italic !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

    .linkSlim:hover {
        text-decoration: none !important;
        color: var(--xFlowBG) !important;
    }

.separadorMenu {
    margin: 0px !important;
    border-bottom: none !important;
    border-top: 1px solid #f2f0f4 !important;
}

.chk {
    padding-top: 8px !important;
}

.chkrbl {
    padding-top: 8px !important;
}

    .chkrbl label {
        padding-left: 5px !important;
        padding-right: 12px !important;
    }

.chkMini {
    padding: 4px 4px 4px 4px !important;
    width: 25px !important;
    height: 26px !important;
}

.pesquisa {
    width: 170px !important;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
    color: white !important;
    border: 0px solid white;
    border-bottom-right-radius: 2px !important;
    border-top-right-radius: 2px !important;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    background-color: #825FA5 !important;
    height: 45px !important;
}
    .pesquisa:focus {
        /*width: 100% !important;*/
        outline: none!important;
    }

[data-tooltip]:before {
    top: 50%;
    margin-top: -11px;
    border-radius: 3px;
    background: #585858;
    color: #fff;
    content: attr(data-tooltip);
    font-size: 12px;
    text-decoration: none;
    visibility: hidden;
    opacity: 0;
    padding: 6px 9px;
    margin-right: 12px;
    position: absolute;
    transform: scale(0);
    right: 100%;
    white-space: nowrap;
    transform-origin: top right;
    transition: all .3s cubic-bezier(.25, .8, .25, 1);
    font-family: arial,sans-serif !important;
}

[data-tooltip]:hover:before {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
    transform-origin: right center 0;
}

.iconeInfoRed {
    color: #D9534F;
    cursor: help;
}

.tooltipxFlow {
    position: relative;
}

    .tooltipxFlow .tooltiptextxFlow {
        visibility: hidden;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 5px;
        padding: 5px 8px 5px 8px;
        position: absolute;
        z-index: 1;
        top: -5px;
        left: 105%;
        font-size:11px!important;
    }

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

    .tooltipxFlow:hover .tooltiptextxFlow {
        visibility: visible;
    }

.balaoVerde {
    background-color: #5CB85C;
    color: white!important;
    padding: 3px 5px 3px 5px !important;
    border-radius: 3px 3px;
}
    .balaoVerde span {
        color: white!important;
    }
    .balaoVerde a {
        color: white !important;
    }
    .balaoVerde a:disabled {
        color: white !important;
    }

.balaoVerdeClaro {
    background-color: #dcefdc;
    color: #367c36;
    padding: 4px 7px 3px 7px !important;
    border-radius: 3px 3px;
}
    .balaoVerdeClaro span {
        color: #367c36 !important;
    }

.balaoAzul {
    background-color: #CCE6FF;
    color: #1F3D7A;
    padding: 4px 7px 3px 7px !important;
    border-radius: 3px 3px;
}
    .balaoAzul span {
        color: #1F3D7A!important;
    }

    .balaoAzul a {
        color: #1F3D7A !important;
    }

.balaoAzulEscuro {
    background-color: #0d6efd;
    color: white;
    padding: 4px 7px 3px 7px !important;
    border-radius: 3px 3px;
}

    .balaoAzulEscuro span {
        color: white !important;
    }

    .balaoAzulEscuro a {
        color: white !important;
    }

.balaoAmarelo {
    background-color: #ffffcc;
    color: #666600;
    padding: 4px 7px 3px 7px !important;
    border-radius: 3px 3px;
}

.balaoAzulMini {
    background-color: #CCE6FF;
    color: #1F3D7A;
    padding: 2px 3px 2px 3px !important;
    border-radius: 2px 2px;
}

    .balaoAzulMini span {
        color: #1F3D7A !important;
    }

    .balaoAzulMini a {
        color: #1F3D7A !important;
    }

.balaoLaranja {
    background-color: #ffe6cc;
    color: #804200;
    padding: 3px 4px 3px 4px !important;
    border-radius: 3px 3px;
}
    .balaoLaranja span {
        color: #804200!important;
    }

.balaoLaranjaBranco {
    background-color: darkorange;
    color: white;
    padding: 3px 4px 3px 4px !important;
    border-radius: 3px 3px;
}

    .balaoLaranja span {
        color: white !important;
    }

.balaoVermelho {
    padding: 3px 7px 3px 7px !important;
    border-radius: 3px !important;
    color: #a94442!important;
    background-color: #f2dede!important;
}

.balaoVermelhoBranco {
    padding: 4px 6px 3px 6px !important;
    border-radius: 3px !important;
    color: white !important;
    background-color: #D9534F !important;
}

.balaoxFlow {
    padding: 4px 7px 4px 7px !important;
    border-radius: 3px !important;
    color: #8768A8 !important;
    background-color: #f2eff6 !important;
}

.balaoAtencao {
    background-color: darkorange;
    color: white;
    padding: 4px 8px 3px 8px !important;
    border-radius: 3px 3px;
}

    .balaoAtencao span {
        color: white !important;
    }

.btnXFlowApp {
    align-items: center;
    appearance: none;
    background-color: #FCFCFD;
    border-width: 0;
    box-shadow: rgba(45, 35, 66, 0.4) 0 1px 2px,rgba(45, 35, 66, 0.2) 0 1px 2px -3px,#D6D6E7 0 -3px 0 inset;
    box-sizing: border-box;
    color: #36395A;
    cursor: pointer;
    display: inline-flex;
    height: 120px;
    width: 100%;
    justify-content: center;
    line-height: 1;
    list-style: none;
    overflow: hidden;
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
    text-align: left;
    text-decoration: none;
    transition: box-shadow .15s,transform .15s;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
    will-change: box-shadow,transform;
    font-size: 13px;
    display: inline-block;
    text-align: center;
    padding-top: 30px;
    border-radius: 4px;
}

    .btnXFlowApp label {
        font-size: 9px !important;
        font-style: italic !important;
        color: darkgrey !important;
        padding-top: 10px;
        padding-bottom: 10px;
        cursor:pointer!important;
    }

    .btnXFlowApp:focus {
        box-shadow: #D6D6E7 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
    }

    .btnXFlowApp:hover {
        box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
        transform: translateY(-2px);
        text-decoration: none !important;
        color: #6E4F8E !important;
    }

        .btnXFlowApp:hover i {
            color: #6E4F8E;
        }

    .btnXFlowApp:active {
        box-shadow: #D6D6E7 0 3px 7px inset;
        transform: translateY(2px);
    }

.btnXFlowAppSelecao {
    align-items: center;
    appearance: none;
    background-color: #f2f0f4;
    border-width: 0;
    box-shadow: rgba(45, 35, 66, 0.4) 0 1px 2px,rgba(45, 35, 66, 0.2) 0 1px 2px -3px,#D6D6E7 0 -3px 0 inset;
    box-sizing: border-box;
    color: #36395A;
    cursor: pointer;
    display: inline-flex;
    height: 120px;
    width: 100%;
    justify-content: center;
    line-height: 1;
    list-style: none;
    overflow: hidden;
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
    text-align: left;
    text-decoration: none;
    transition: box-shadow .15s,transform .15s;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
    will-change: box-shadow,transform;
    font-size: 13px;
    display: inline-block;
    text-align: center;
    padding-top: 30px;
    border-radius: 4px;
}

    .btnXFlowAppSelecao label {
        font-size: 9px !important;
        font-style: italic !important;
        color: darkgrey !important;
        padding-top: 10px;
        padding-bottom: 10px;
        cursor: pointer !important;
    }

    .btnXFlowAppSelecao:focus {
        box-shadow: #D6D6E7 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
    }

    .btnXFlowAppSelecao:hover {
        box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #D6D6E7 0 -3px 0 inset;
        transform: translateY(-2px);
        text-decoration: none !important;
        color: #6E4F8E !important;
    }

        .btnXFlowAppSelecao:hover i {
            color: #6E4F8E;
        }

    .btnXFlowAppSelecao:active {
        box-shadow: #D6D6E7 0 3px 7px inset;
        transform: translateY(2px);
    }

.paddingButton {
    padding-bottom: 20px;
    padding-right: 20px;
    text-align: center;
}

.appIcon {
    font-size: 20px !important;
    color: #ccbddb;
    padding-bottom:15px!important;
}

.marginTop {
    margin-top: 20px !important;
}

.bordaTextbox {
    border: 1px solid #f2f2f2 !important;
    border-radius: 4px 4px !important
}

.multi {
    height:35px!important
}
    .multi ul {
        padding-left: 0px !important;
    }

.xFlowAlerta {
    color: white !important;
    padding: 4px 5px 2px 6px !important;
    border-radius: 3px 3px !important;
    display: inline-block;
    text-align: center !important;
    animation: blinker 2s linear infinite;
    background-color: #D9534F!important;
}
    .xFlowAlerta span {
        color: white !important;
    }
    .xFlowAlerta label {
        color: white !important;
    }
    .xFlowAlerta td {
        color: white !important;
    }

.xFlowAviso {
    color: white !important;
    padding: 4px 5px 2px 6px !important;
    border-radius: 3px 3px !important;
    display: inline-block;
    text-align: center !important;
    background-color: #e09706 !important;
}

    .xFlowAviso span {
        color: white !important;
    }

    .xFlowAviso label {
        color: white !important;
    }

    .xFlowAviso td {
        color: white !important;
    }

.padLeft15 {
    padding-left: 15px !important;
}

.btnXFlowWhite {
    text-decoration: none;
    padding: 8px 10px 8px 10px !important;
    white-space: nowrap;
    border-radius: 3px 3px;
    cursor: pointer !important;
    border: none !important;
    line-height: normal !important;
    max-height: 34px !important;
    color: #8768A8;
    background-color: #f2eff6 !important;
    border: 1px solid #8768a8;
}

    .btnXFlowWhite label {
        color: #8768A8 !important;
        background-color: #f2f0f4 !important;
    }

    .btnXFlowWhite i {
        color: #8768A8 !important;
    }

    .btnXFlowWhite:hover {
        background-color: #8768A8 !important;
        color: white !important;
        text-decoration: none;
    }

        .btnXFlowWhite:hover label {
            background-color: #8768A8 !important;
            color: white !important;
            text-decoration: none;
        }

        .btnXFlowWhite:hover i {
            color: white !important;
        }

.btnXFlowWhiteSelected {
    text-decoration: none;
    padding: 8px 10px 8px 10px !important;
    white-space: nowrap;
    border-radius: 3px 3px;
    cursor: pointer !important;
    border: none !important;
    line-height: normal !important;
    max-height: 34px !important;
    color: white;
    background-color: #8b6dab !important;
    border: 1px solid #8768a8;
}

    .btnXFlowWhiteSelected label {
        color: white !important;
        background-color: #8b6dab !important;
    }

    .btnXFlowWhiteSelected i {
        color: #8768a8 !important;
    }

    .btnXFlowWhiteSelected:hover {
        background-color: white !important;
        color: #8768a8 !important;
        text-decoration: none;
    }

        .btnXFlowWhiteSelected:hover label {
            background-color: white !important;
            color: #8768a8 !important;
            text-decoration: none;
        }

        .btnXFlowWhiteSelected:hover i {
            color: #8768a8 !important;
        }

.btn-file-anexo {
    position: relative;
    overflow: hidden;
    margin-bottom: -8.5px;
    cursor: pointer
}

    .btn-file-anexo input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }

.divGridCabecalho {
    padding: 10px 10px 8px 14px;
    font-size: 12px;
    color: #8768A8 !important;
    background-color: #ECE9EF !important;
}

.page-portal {
    margin-left: -35px !important;
}

.textoVerde {
    color: #5CB85C !important;
    background-color: #edf7ed !important;
}
    .textoVerde span {
        color: #5CB85C !important;
    }
    .textoVerde label {
        color: #5CB85C !important;
    }
    .textoVerde td {
        color: #5CB85C !important;
    }
    .textoVerde a {
        color: #5CB85C !important;
    }

.headerPortalTecnico {
    border-radius: 3px 3px;
    padding: 6px 10px 6px 10px;
    font-weight: bold;
    background-color: #f2f0f4;
    color: #8768A8 !important;
}

.bodyPortalTecnico {
    padding: 5px 5px 5px 5px !important;
    background-color: white !important;
    border: 1px solid #D6D6E7;
    border-radius: 4px;
    margin-bottom: 15px !important;
}

.botaoVermelho {
    padding: 10px 10px 10px 10px !important;
    border-radius: 3px !important;
    color: white !important;
    background-color: #D9534F !important;
}
    .botaoVermelho label {
        color: white !important;
        background-color: #F9F8FA !important;
    }

    .botaoVermelho i {
        color: white !important;
    }

    .botaoVermelho:hover {
        background-color: #8768A8 !important;
        color: white !important;
        text-decoration: none;
    }

        .botaoVermelho:hover label {
            background-color: #8768A8 !important;
            color: white !important;
            text-decoration: none;
        }

        .botaoVermelho:hover i {
            color: white !important;
        }

.botaoAzul {
    background-color: #CCE6FF;
    color: #1F3D7A;
    padding: 4px 7px 3px 7px !important;
    border-radius: 3px 3px;
}

    .botaoAzul span {
        color: #1F3D7A !important;
    }

    .botaoAzul a {
        color: #1F3D7A !important;
    }
    .botaoAzul:hover {
        background-color: #8768A8 !important;
        color: white !important;
        text-decoration: none;
    }

    .botaoAzul:hover label {
        background-color: #8768A8 !important;
        color: white !important;
        text-decoration: none;
    }

    .botaoAzul:hover i {
        color: white !important;
    }

.badgePlusxFlowClean {
    background-color: transparent !important;
    color: #8768A8 !important;
    min-width: 10px;
    font-size: 15px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding-left: 6px;
    margin-top: -3px !important;
}

    .badgePlusxFlowClean:hover {
        color: #A38BBC !important;
        text-decoration: none;
    }

.lineThrough {
    text-decoration: line-through!important;
    color:lightgray!important;
}







.flex-wrapper {
    display: flex;
    flex-flow: row nowrap;
}

.single-chart {
    width: 300%;
    justify-content: space-around;
}

.circular-chart {
    display: block;
    margin: 10px auto;
}

.circle-bg {
    fill: none;
    stroke: #eee;
    stroke-width: 3.8;
}

.circle {
    fill: none;
    stroke-width: 2.8;
    stroke-linecap: round;
    animation: progress 1s ease-out forwards;
}

@keyframes progress {
    0% {
        stroke-dasharray: 0 100;
    }
}

.circular-chart.orange .circle {
    stroke: #ff9f00;
}

.circular-chart.green .circle {
    stroke: #4CC790;
}

.circular-chart.blue .circle {
    stroke: #3c9ee5;
}

.percentage {
    fill: #666;
    font-family: sans-serif;
    font-size: 0.5em;
    text-anchor: middle;
}

.paddBottom4 td {
    padding-bottom: 2px !important;
}

.comboClean {
    border: none !important;
    background-color: transparent !important;
    padding: 8px 5px 8px 0px !important;
    cursor: pointer;
    margin-right: -10px !important;
    overflow: hidden;
}
    .comboClean label {
        color: #8768A8 !important;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .comboClean option {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.divPreviewRelatorio {
    background-color: white !important;
    margin-top: -5px !important;
    width: 100%;
    overflow: auto;
    border: none !important;
    border-bottom-right-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border-top-left-radius: 5px !important;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 4%), 0 2px 3px 0 rgb(0 0 0 / 4%) !important;
}

.tabelaFina {
    padding: 0px 0px 0px 0px !important;
    width: 100%;
}
    .tabelaFina tr td {
        padding: 0px 0px 0px 0px !important;
    }

.balaoIndisponivel {
    padding: 4px 6px 3px 6px !important;
    border-radius: 3px !important;
    color: lightgray !important;
    background-color: #F9F8FA !important;
    border: 1px solid #f2eff6 !important;
}

.divCardIcone {
    color: white;
    float: left;
    padding-left: 15px !important;
    padding-top: 15px !important;
    width: 100px !important;
    background-color: white !important;
    text-align: center;
    border-bottom-left-radius: 5px !important;
    border-top-left-radius: 5px !important
}

.divCardIconeDentro {
    width: 60px;
    height: 60px;
    border-radius: 5px;
    padding-top: 22px;
}

.cardIcone {
    font-size: 22px;
}

.corRoxa {
    background-color: #8768A8
}

.corAzul {
    background-color: #6691e7
}

.corAmarela {
    background-color: #e2a71d
}

.corVermelha {
    background-color: #D9534F;
}

.corVerde {
    background-color: #5CB85C;
}

.corLaranja {
    background-color: darkorange;
}

.corCinza {
    background-color: gray;
    color:#e2e1e1!important;
}

.divCardTexto {
    border-bottom-right-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border-top-left-radius: 5px !important;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 4%), 0 2px 3px 0 rgb(0 0 0 / 4%);
    padding-top: 15px !important;
    background-color: white !important;
    width: 100% !important;
    text-align: left;
    height: 90px;
}

.divCardTextoQuantidade {
    margin-bottom: -3px !important;
    font-size: 30px;
    color: #666666;
}

.labelCardDescricao {
    font-size: 12px;
    color: darkgray !important;
}

.bordaArredondadaComSombra {
    border: none !important;
    border-bottom-right-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border-top-left-radius: 5px !important;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 4%), 0 2px 3px 0 rgb(0 0 0 / 4%) !important;
}

.bordaArredondada {
    border: none !important;
    border-bottom-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border-top-left-radius: 5px !important;
    box-shadow: none !important;
}

.bordaArredondada-top {
    border: none !important;
    border-top-right-radius: 5px !important;
    border-top-left-radius: 5px !important;
    box-shadow: none !important;
}

.bordaArredondada-top-td {
    border: none !important;
    border-top-right-radius: 5px !important;
    border-top-left-radius: 5px !important;
    box-shadow: none !important;
}
    .bordaArredondada-top-td td {
        border: none !important;
        border-top-right-radius: 5px !important;
        border-top-left-radius: 5px !important;
        box-shadow: none !important;
    }
    .bordaArredondada-top-td th {
        border: none !important;
        border-top-right-radius: 5px !important;
        border-top-left-radius: 5px !important;
        box-shadow: none !important;
    }

.bordaArredondada-top-td-left {
    border: none !important;
     border-top-left-radius: 5px !important;
    box-shadow: none !important;
}
    .bordaArredondada-top-td-left td {
        border: none !important;
        border-top-left-radius: 5px !important;
        box-shadow: none !important;
    }
    .bordaArredondada-top-td-left th {
        border: none !important;
        border-top-left-radius: 5px !important;
        box-shadow: none !important;
    }

.bordaArredondada-top-td-right {
    border: none !important;
    border-top-right-radius: 5px !important;
    box-shadow: none !important;
}
    .bordaArredondada-top-td-right td {
        border: none !important;
        border-top-right-radius: 5px !important;
        box-shadow: none !important;
    }
    .bordaArredondada-top-td-right th {
        border: none !important;
        border-top-right-radius: 5px !important;
        box-shadow: none !important;
    }

.bordaArredondada-bottom {
    border: none !important;
    border-bottom-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    box-shadow: none !important;
}

.bordaArredondada-bottom-td {
    border: none !important;
    border-bottom-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    box-shadow: none !important;
}
    .bordaArredondada-bottom-td td {
        border: none !important;
        border-bottom-right-radius: 5px !important;
        border-bottom-left-radius: 5px !important;
        box-shadow: none !important;
    }