.fr-wrapper > div > a {
    display: none !important;
}

.click {
    cursor: pointer;
}

    .click:hover {
        border: 1px solid rgba(0, 102, 164, 0.35);
        border-radius: 3px;
    }

.navegacao-active {
    background: #2D89EF;
}

    .navegacao-active:before {
        border-bottom: aliceblue;
        display: block;
        content: "";
        position: absolute !important;
        right: 0%;
        top: 7px;
        border: 8px solid transparent;
        border-width: 16px 10px;
        border-right-color: #2d6ca2;
    }

.ul-sub-navegacao {
    list-style: none;
}

.ul-sub-navegacao-depp:hover {
    background: #2a6496 !important;
}


.a-sub-navegacao {
    padding: 8px !important;
    color: white;
}

    .a-sub-navegacao:hover {
        background: #2a6496 !important;
        color: white;
        text-decoration: none;
    }

.padding1 {
    padding: 1px;
}

.margin1 {
    margin: 1px;
}

.margin2 {
    margin: 2px;
}

.caption-alinhado-direita {
    text-align: right;
    padding-right: 4px !important;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
}

.button-caption-trunc {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.object-editor-row {
    background: rgba(137, 137, 137, 0.11);
    border: 1px solid rgba(211, 211, 211, 0.59);
    border-top: none;
}

    .object-editor-row > div > input[type='checkbox'] {
        border: none;
        padding: 0;
        margin: 0;
        height: 100%;
    }

    .object-editor-row > div > input[type='text'] {
        border: none;
        padding: 5px;
        width: 100%;
        height: 100%;
        text-align: right
    }

    .object-editor-row > div {
        overflow: hidden;
    }

    .object-editor-row:first-child {
        border: 1px solid rgba(211, 211, 211, 0.59);
    }

    .object-editor-row > div:first-child {
        border-right: 1px solid rgba(211, 211, 211, 0.59);
    }

.controle-modelo-consulta {
}

/* datepicker */
.ui-datepicker .ui-datepicker-header {
    background: #133653;
    border: 0px;
}

.datepicker-container {
    position: absolute;
    z-index: 99999999;
    border: 1px solid rgba(142, 142, 142, 0.31);
    border-radius: 10px;
    background: #191919;
    width: 300px;
}

    .datepicker-container .ui-state-default {
        border: 1px solid rgba(26, 118, 203, 0.66);
        color: white;
        background: #15457f;
    }

        .datepicker-container .ui-state-default:hover {
            background: #3085ec;
            border: 1px solid rgba(44, 193, 255, 0.66);
        }

    .datepicker-container .ui-state-active {
        border: 1px solid #bbe0ff;
        background: #24b9e1;
        font-weight: bold;
        color: #103961;
    }

    .datepicker-container > .ui-widget-content {
        border: 0px;
        border-radius: 0;
        background: transparent;
        color: white;
    }

    .datepicker-container * .color-caption {
        color: white;
    }

.date-timer-input-group {
    display: flex;
    padding-left: 2px;
}

::-webkit-calendar-picker-indicator {
    filter: invert(1);
}

.ui-datepicker-width {
    width: 100% !important;
}

.caption-responsivo {
    display: block;
}

/*form class*/
.form-child-space > .row {
    margin-top: 3px !important;
}

/*Flex layout */
.flex-justify-center {
    -webkit-justify-content: center !important;
    justify-content: center !important;
    -ms-flex-pack: center !important;
    -moz-box-align: center;
    -webkit-box-align: center;
    box-align: center;
    text-align: center;
}

.flex-justify-end {
    -webkit-justify-content: flex-end !important;
    justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    -moz-box-align: center;
    -webkit-box-align: center;
    box-align: center;
    text-align: right;
}

.flex-center {
    -webkit-align-items: center;
    -webkit-flex-item-align: center !important;
    align-items: center;
}

.flex-row {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.flex-column {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flexbox;
    display: flex;
    display: -ms-flexbox;
}

.flex-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flexbox !important;
    display: -ms-flexbox;
    display: flex !important;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
/*Flex layout */

li {
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.color-caption {
    color: white;
}

.painel-lateral {
    position: absolute;
    left: 0px;
    top: 40px;
    z-index: 500;
    background: linear-gradient(rgba(12, 51, 78, 0.92), #113656, rgba(10, 46, 71, 0.82));
    color: white;
    height: calc(100% - 50px);
    overflow: auto;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.54), 0 0px 0 0 #070707 inset;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.54), 0 0px 0 0 #070707 inset;
}

    .painel-lateral > .btn-close {
        position: absolute;
        right: 10px;
        top: 2px;
        font-size: 24px;
        color: rgba(255, 255, 255, 0.75);
    }

    .painel-lateral * .color-caption {
        color: white;
    }

.painel-lateral-header {
    height: 40px;
}

.painel-lateral-titulo {
    font-size: 30px;
}

.painel-lateral * .btn-default {
    background: #225376;
    color: white;
    border: 1px solid #1a385d;
    text-shadow: inherit;
}

.textbox * .btn {
    background: rgba(7, 39, 72, 0.76);
    color: rgba(255, 255, 255, 0.89);
    border: 1px solid rgba(104, 104, 104, 0.39);
    text-shadow: inherit;
    padding: 6px 10px;
}


.date-picker {
    white-space: nowrap;
    padding: 0px 3px;
}

.btn-picker {
    width: 30px;
    height: 34px;
    display: inline-block;
    padding: 4px;
    background: rgba(0, 0, 0, 0.43);
    border: 1px solid rgba(152, 152, 152, 0.7);
}

    .btn-picker > span {
        width: 100%;
        height: 100%;
        display: inline-block;
    }

.date-picker * .btn {
    border-radius: 0px 3px 3px 0px;
    background: rgba(7, 39, 72, 0.76);
    color: rgba(255, 255, 255, 0.89);
    border: 1px solid rgba(104, 104, 104, 0.39);
    text-shadow: inherit;
    padding: 6px 10px;
    vertical-align: top;
}

.date-picker * .date-picker-input-date {
    width: 90px;
}

.date-picker-input-date {
    padding: 6px 2px;
}

.date-picker-periodo {
    padding: 0px;
    margin: 0px;
}


.date-picker-info {
}

    .date-picker-info * {
        height: auto !important;
        width: auto !important;
        line-height: normal !important;
        color: inherit !important;
    }

        .date-picker-info * .caption-alinhado-direita {
            text-align: left !important;
        }

        .date-picker-info * .control-label {
            font-size: inherit !important;
            font-weight: inherit !important;
        }

        .date-picker-info * input {
            background: transparent !important;
            border: 0px !important;
            box-shadow: none !important;
            width: 80px !important;
            padding: 0px;
        }

        .date-picker-info * .btn-default {
            padding: 1px 2px !important;
            background: transparent !important;
            box-shadow: none !important;
            border: 0px !important;
        }

.list-button {
    width: 100%;
    padding-left: 2px;
    padding-top: 2px;
}

.list-button-item {
    text-shadow: none;
    overflow: hidden;
}

.btn-selecionado {
    background-color: rgb(27, 200, 89);
    border: 1px solid rgb(94, 244, 106);
    color: white;
}

.combobox-info {
    height: auto !important;
}

    .combobox-info * {
        height: auto !important;
        width: auto !important;
        line-height: normal !important;
        color: inherit !important;
    }

        .combobox-info * .control-label {
            font-size: inherit !important;
            font-weight: inherit !important;
        }

        .combobox-info * .combobox-display {
            background: transparent !important;
            border: 0px !important;
            padding: 0px;
            text-shadow: none !important;
            box-shadow: none !important;
            min-width: 30px;
            min-height: 15px;
        }

            .combobox-info * .combobox-display > i {
                display: none !important;
            }

        .combobox-info * .caption-alinhado-direita {
            width: auto !important;
        }



.slideshow-miniaturas-painel-lateral {
    background: #21639d;
    color: white;
    border-radius: 3px;
    height: 50px;
    width: 200px;
    overflow: hidden;
    border: 1px solid rgb(39, 127, 202);
    margin-bottom: 8px;
    cursor: pointer;
}

.card-slides {
    height: 100%;
    width: 100%;
}

.cardslider {
    background: linear-gradient(#112840, #1A545A, #063054);
    height: 100%;
}

.cs-desc-title {
    cursor: pointer;
}

.cs-media {
    left: 40%;
    width: 60%;
}

.gallery-images-container {
    background: linear-gradient(#112840, #1A545A, #063054);
}

.gallery-images-item {
    color: white;
    width: 64px;
    height: 64px;
    float: left;
    margin: 10px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.fullSize {
    width: 100%;
    height: 100%;
}

.nMargin {
    margin: 0 !important;
}

.layoutRootContent {
    margin: 0;
    padding: 0;
}


.btn-default > .color-caption {
    color: black;
}

.navbar-nav {
    display: inline-flex;
    white-space: nowrap;
    padding-left: 4px;
}

    .navbar-nav > .btn, .navbar-nav > * > .btn {
        padding: 2px 3px;
        border: 1px solid rgba(255, 255, 255, 0.14);
        margin-left: 2px;
        border-radius: 4px !important;
    }

    .navbar-nav .btn-default {
        border: 1px solid rgba(255, 255, 255, 0.2);
        text-shadow: none;
        color: white;
        background: rgba(0, 0, 0, 0.4);
    }

    .navbar-nav .textbox {
        padding: 2px 0px;
        margin-left: 2px;
    }



    .navbar-nav > * > .dropbutton {
        line-height: 31px;
    }

    .navbar-nav .dropbutton-display {
        color: white;
    }


    .navbar-nav .textbox-selecao-btn-procurar {
        padding: 7px 5px !important;
        margin-left: 0px !important;
    }

    .navbar-nav .textbox-selecao-btn-abrir-cadastro {
        padding: 6px 8px !important;
        margin-left: 0px !important;
    }


.toolbar-horizontal {
    width: 100%;
}

    .toolbar-horizontal * .combobox-display {
        border-radius: 4px;
        margin-left: 0px !important;
    }

    .toolbar-horizontal * .combobox {
        margin-top: 2px;
        margin-left: 2px;
    }

    .toolbar-horizontal * .textbox {
        margin-top: 2px;
        margin-left: 3px;
    }

    .toolbar-horizontal * .check-box-control {
        margin-top: 3px;
    }

    .toolbar-horizontal > li > * > .btn {
        margin-left: -1px;
    }

    .toolbar-horizontal > li > * > .btn-group {
        margin-left: -1px;
    }

    .toolbar-horizontal * .date-picker {
        margin-top: 2px;
    }

    .toolbar-horizontal * .caption-responsivo {
        display: inline-block;
        padding-right: 2px;
    }


.btn-textbox {
    padding: 0px 1px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.combobox {
    display: inline-block;
}

    .combobox > span {
        white-space: normal;
    }

    .combobox .glyphicon {
        top: 0;
    }

/*#conteudo{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;    
    font-size:12px;
}*/

/*SubOpcoes*/

.BtnShellC {
    background-color: rgba(113, 151, 201, 0.62) !important;
}

.MenuPath {
    background-color: #1c6a95;
    color: buttonhighlight;
    display: inline-block;
    /*font-family: "Proxima Nova Regular","Helvetica Neue",Arial,Helvetica,sans-serif;*/
    font-style: normal;
    font-weight: 400;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 20px;
}

.MenuPathText {
    padding-left: 5px
}

.SubOpcoesHolder {
    border-top: 1px solid lightgrey;
    -webkit-box-shadow: 2px 2px 1px lightgrey;
    -moz-box-shadow: 2px 2px 1px lightgrey;
    box-shadow: 2px 2px 1px lightgrey;
}

/*Classe generica*/

.FotosThumb {
    display: inline-block;
    border: 1px solid lightgrey;
    padding: 5px;
    margin: 5px;
}

.titleLegend {
    color: white;
    font-weight: bold;
    margin: 0;
    padding: 0;
    background-color: rgba(56, 146, 211, 0.73);
    font-size: 14px;
    letter-spacing: 1px;
}

.wordWrap {
    -ms-word-wrap: break-word;
    -ms-word-wrap: hyphenate;
    word-wrap: break-word;
    word-wrap: hyphenate;
    -ms-word-break: break-all;
    word-break: break-all;
}

.ContainerPesquisaBanner {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: url(../images/icons/dropBtn.gif) no-repeat 16px 10px transparent;
    display: block;
    -moz-box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 0 #FFFFFF inset;
    -webkit-box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 0 #FFFFFF inset;
    box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 0 #FFFFFF inset;
    -moz-user-select: none;
    /*background-color: #F5F5F5;*/
    /*background-image: -moz-linear-gradient(center top , #FAFAFA, #EDEDED);*/
    /*background-repeat: repeat-x;*/
    border-left: 1px solid #999999;
    /*border-radius: 3px 3px 3px 3px;*/
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 #FFFFFF inset;
    border: 1px solid lightgrey;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
}

.BtnFechar {
    width: 16px;
    height: 16px;
    background: url(../images/icons/remove.png);
    display: inline-block;
}

.btn-button > div > span {
    font-size: 14px;
}

.textbox {
    /*display: inline-block;*/
    position: relative;
}

    .textbox > .btn {
        padding: 0px;
    }

.textbox-inline {
    display: inline-block;
}

.textbox-btn-pesquisa {
    position: absolute;
    right: 6px;
    color: rgba(129, 129, 129, 0.7);
    font-size: 17px;
    top: 5px;
    padding: 0px !important;
    margin: 0px;
    z-index: 100;
    background-color: transparent !important;
    border: 0px !important;
}

.textbox-btn-number-picker {
    margin: 0px;
    font-size: 18px;
    width: 25px;
    line-height: 24px;
    vertical-align: top;
    outline: none;
    cursor: pointer;
    padding: 4px !important;
}

.textbox-btn-menos {
    border-radius: 5px 0 0 5px;
    float: left;
}

.textbox-btn-mais {
    border-radius: 0 5px 5px 0;
    float: right;
}

.panel {
    margin: 0px;
    background-color: transparent;
}

.panel-body {
    padding: 8px;
}

.panel-heading {
    font-size: 14px;
    position: relative;
    padding: 8px 12px;
}

.panel-header-btn-down {
    position: absolute;
    top: 10px;
    right: 13px;
}

.panel-compacto {
    margin: 2px !important;
}

.panel-form {
    padding: 8px;
}

.color-white {
    color: white;
}

.textarea-box {
    border: 1px solid rgba(134, 134, 134, 0.42);
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    height: 100%;
}

.textarea-caption {
    color: rgba(255, 255, 255, 0.88);
    background-color: rgba(0, 0, 0, 0.4);
    font-size: 14px;
    padding-left: 12px;
    padding-right: 4px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.textarea-btn-group-editor {
    position: relative;
    float: right;
    padding: 0px 6px;
    top: -2px;
}

    .textarea-btn-group-editor > .btn {
        padding: 0px 6px;
        background: rgba(52, 52, 52, 0.74);
        color: rgba(228, 228, 228, 0.78);
        text-shadow: inherit;
        border-color: rgba(86, 86, 86, 0.57);
    }

        .textarea-btn-group-editor > .btn > img {
            height: 16px;
        }

.GearWhite {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/icons/gearWhite.png);
    margin: 0;
    padding: 0;
    position: absolute;
    top: 4px;
}

.chart {
    position: relative;
}

.chart-legenda {
    text-align: left;
}

.chart-legenda-vertical {
    text-align: center;
    background: rgba(0, 0, 0, 0.18);
    padding-top: 3px;
}

.chart-legenda-lateral {
    background: rgba(0, 0, 0, 0.18);
    padding: 7px;
    padding-bottom: 0px;
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: auto;
}

.chart-lengenda-titulo {
    text-align: center;
    width: 100%;
    background: red;
}

.chart-legenda-item {
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
    white-space: nowrap;
    text-align: left;
    padding: 0px 3px;
}

.chart-legenda-boxcor {
    display: inline-block;
    height: 14px;
    width: 18px;
    border-radius: 2px;
}

.chart-legenda-caption {
    display: inline-block;
    padding-left: 3px;
    vertical-align: top;
}


.LogoSitema {
    display: table-cell;
    height: 30px;
    letter-spacing: 1px;
    margin-left: 11px;
    cursor: pointer;
    line-height: 30px;
}

.hover-item {
    border: 1px solid transparent;
}

    .hover-item:hover {
        background-color: rgba(0, 124, 198, 0.13);
        border: 1px solid rgba(0, 102, 164, 0.35);
        -moz-box-sizing: padding-box;
        -webkit-box-sizing: padding-box;
        box-sizing: padding-box;
        border-radius: 3px;
    }

.titulo-pessoa {
    font-size: 30px;
    font-weight: bold;
    margin-top: 35px;
    padding-left: 50px;
    display: inline-block;
    width: 100%;
}

.subtitulo-pessoa {
    color: #666;
    display: inline-block;
    font-size: 20px;
    padding-left: 50px;
    width: 100%;
}


.OpcaoMenuTitulo {
    font-weight: 600;
    margin: 0 5px;
    padding: 0;
    max-width: 200px;
}

.OpcaoMenuDescricao {
    color: #565656;
    font-size: 95%;
    margin: 0 5px;
    padding: 0;
    max-width: 200px;
}

.LinkGenerico {
    color: #565656;
    font-size: 10px;
    text-decoration: none;
}

    .LinkGenerico:hover {
        text-decoration: underline;
    }

.Strong {
    font-size: 12px;
    font-weight: bold;
}

/*Classe generica*/

.OpcaoMenuImgHolder {
    display: inline-block;
}

.OpcaoHolder {
    vertical-align: top;
    text-align: left;
    position: relative;
    cursor: pointer;
}


.OpcaoMenuInfoHolder {
    display: inline-block;
    min-height: 70px;
    min-width: 100px;
    /*max-width:200px;*/
    vertical-align: top;
}

.SubOpcoes {
    margin: 11px;
    padding: 0;
    list-style: none;
    display: inline-block;
}

.SubOpcoesLi {
    /*margin-left:50%*/
}

    .SubOpcoesLi :hover {
        background: #e4e9f1;
    }


.subopcoes:active {
    border: 1px solid #d3d3d3;
    -webkit-transition: all 2s linear;
    -moz-transition: all 2s linear;
    -o-transition: all 2s linear;
    transition: all 2s linear;
}

h1, h2, h3 {
    /*font-family: "Segoe UI Web Light", "Segoe UI Light", "Segoe UI Web Regular", "Segoe UI", "Helvetica Neue", Arial;*/
    font-size: 150%;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}



/*SubOpcoes*/

/*DataGrid*/
/*new DataGrid*/

.DataGridCell {
    float: left;
    padding-left: 6px;
    padding-right: 5px;
    overflow: hidden;
}

.DataGridRowlOdd {
    background-color: #dbe9f9;
    overflow: hidden;
    border-top: 1px solid silver;
}

.DataGridCell div a img {
    margin-left: 0px;
    padding-bottom: 5px
}

.DataGridCell div a:hover {
    background: none;
}

.DataGridRowlEven {
    border-top: 1px solid silver;
}

.DataGridRow {
    overflow: hidden;
    font-size: 14px;
    font-family: Arial,"Times New Roman",Georgia,Serif;
}

.DataGridRowHoverState:hover {
    background: url(../images/UI/gridHoverState.png) scroll left top transparent;
}

.DataGridHeaderColumn {
    clear: both;
    overflow: hidden;
    background: url(../images/UI/headerGrid.png) scroll left top transparent;
    height: 22px;
    color: white;
    overflow: hidden;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    margin: 0px 0px 0px 0px;
}

.DataGridHeaderColumnCell {
    float: left;
    overflow: hidden;
    padding-left: 5px;
    padding-right: 5px;
    opacity: 1;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

    .DataGridHeaderColumnCell:hover {
        background: url(../images/UI/headerGrid.png) 0 -35px;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

.TopMenu {
    border-bottom: 1px solid #DAECF4;
    margin-bottom: 5px;
}

/*DataGrid*/

/*Banner Superior Padrao*/
.UIBannerSuperior {
    /*background:url(../images/UI/background_banner_sup.jpg)  scroll left top transparent ;*/
    background-color: rgb(38, 53, 119);
    /*height:82px;*/
    width: 100%;
    margin: 0px;
    padding: 0px;
    soverflow: hidden;
}


.UIBannerSuperiorLogo {
    color: white;
    font-size: 18px;
    margin-left: 15px;
    margin-top: 5px;
    positions: absolute;
}

.UIBannerSuperiorMenu {
    text-align: center;
    width: 100%;
    height: 48px;
    white-space: nowrap;
}


    .UIBannerSuperiorMenu WebButton a {
        color: white;
        text-decoration: none;
        display: inline-block;
        list-style: none outside none;
        overflow: hidden;
        border: solid 1px rgba(0, 124, 198, 0.13);
        -moz-transition: border-color 0.2s ease 0s;
        text-align: center;
    }

    .UIBannerSuperiorMenu a.OfficeBlueButton span {
        font-size: 13px;
        margin: 0px 10px 0px 0px;
        width: 100%;
    }

.none a.OfficeBlueButton {
    border: none;
    background: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .none a.OfficeBlueButton:hover {
        border: none;
        background: none;
        margin: 0;
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .none a.OfficeBlueButton:visited {
        border: none;
        background: none;
        margin: 0;
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .none a.OfficeBlueButton:focus {
        border: none;
        background: none;
        margin: 0;
        padding: 0;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .none a.OfficeBlueButton:active {
        border: none;
        background: none;
        margin: 0;
        padding: 0;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }



.UIGoogleBlueButton a.OfficeBlueButton {
    border: 1px solid #3079ed;
    width: 100px;
    color: #fff;
    -webkit-text-shadow: 0 1px rgba(0,0,0,0.1);
    text-shadow: 0 1px rgba(0,0,0,0.1);
    background: #4B8DF8;
    background: -webkit-linear-gradient(top, #4C8FFD, #4787ED);
    background: -moz-linear-gradient(top, #4C8FFD, #4787ED);
    background: -ms-linear-gradient(top, #4C8FFD, #4787ED);
    background: -o-linear-gradient(top, #4C8FFD, #4787ED);
    -webkit-transition: border .20s;
    -moz-transition: border .20s;
    -o-transition: border .20s;
    transition: border .20s;
}

    .UIGoogleBlueButton a.OfficeBlueButton:hover {
        border: 1px solid #2f5bb7;
        color: #fff;
        width: 100px;
        -webkit-text-shadow: 0 1px rgba(0,0,0,0.3);
        text-shadow: 0 1px rgba(0,0,0,0.3);
        background: #3F83F1;
        background: -webkit-linear-gradient(top, #4D90FE, #357AE8);
        background: -moz-linear-gradient(top, #4D90FE, #357AE8);
        background: -ms-linear-gradient(top, #4D90FE, #357AE8);
        background: -o-linear-gradient(top, #4D90FE, #357AE8);
    }

.UIGoogleGreenButton a.OfficeBlueButton {
    border: 1px solid #29691D !important;
    width: 100px;
    color: #fff;
    -webkit-text-shadow: 0 1px rgba(0,0,0,0.1);
    text-shadow: 0 1px rgba(0,0,0,0.1);
    background: #3A8E00;
    background: -webkit-linear-gradient(top, #3C9300, #398A00);
    background: -moz-linear-gradient(top, #3C9300, #398A00);
    background: -ms-linear-gradient(top, #3C9300, #398A00);
    background: -o-linear-gradient(top, #3C9300, #398A00);
    -webkit-transition: border .20s;
    -moz-transition: border .20s;
    -o-transition: border .20s;
    transition: border .20s;
}

    .UIGoogleGreenButton a.OfficeBlueButton:hover {
        width: 100px;
        color: #fff;
        -webkit-text-shadow: 0 1px rgba(0,0,0,0.1);
        text-shadow: 0 1px rgba(0,0,0,0.1);
        border: 1px solid #2D6200 !important;
        background: #3F83F1;
        background: -webkit-linear-gradient(top, #3C9300, #368200);
        background: -moz-linear-gradient(top, #3C9300, #368200);
        background: -ms-linear-gradient(top, #3C9300, #368200);
        background: -o-linear-gradient(top, #3C9300, #368200);
    }

.UIGoogleRedButton a.OfficeBlueButton {
    border: 1px solid #D14836 !important;
    width: 100px;
    color: #fff;
    -webkit-text-shadow: 0 1px rgba(0,0,0,0.1);
    text-shadow: 0 1px rgba(0,0,0,0.1);
    background: #D64937;
    background: -webkit-linear-gradient(top, #DC4A38, #D14836);
    background: -moz-linear-gradient(top, #DC4A38, #D14836);
    background: -ms-linear-gradient(top, #DC4A38, #D14836);
    background: -o-linear-gradient(top, #DC4A38, #D14836);
    -webkit-transition: border .20s;
    -moz-transition: border .20s;
    -o-transition: border .20s;
    transition: border .20s;
}

    .UIGoogleRedButton a.OfficeBlueButton:hover {
        border: 1px solid #B0281A !important;
        color: #fff;
        width: 100px;
        -webkit-text-shadow: 0 1px rgba(0,0,0,0.3);
        text-shadow: 0 1px rgba(0,0,0,0.3);
        background: #D14130;
        background: -webkit-linear-gradient(top, #DC4A38, #C53727);
        background: -moz-linear-gradient(top, #DC4A38, #C53727);
        background: -ms-linear-gradient(top, #DC4A38, #C53727);
        background: -o-linear-gradient(top, #DC4A38, #C53727);
    }



.UIGoogleGrayButton a.OfficeBlueButton {
    display: inline-block;
    text-align: center;
    color: #444;
    width: 80px;
    font-size: 11px;
    font-weight: bold;
    border: 1px solid #dcdcdc;
    background-color: #f5f5f5;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));
    background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
    background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
    background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
    background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
    background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
}

    .UIGoogleGrayButton a.OfficeBlueButton:hover {
        border: 1px solid #c6c6c6;
        color: #333;
        width: 80px;
        background-color: #e1e1e1;
        background-image: -webkit-gradient(linear,left top,left bottom,from(#e1e1e1),to(#e6e6e6));
        background-image: -webkit-linear-gradient(top,#e1e1e1,#e6e6e6);
        background-image: -moz-linear-gradient(top,#e1e1e1,#e6e6e6);
        background-image: -ms-linear-gradient(top,#e1e1e1,#e6e6e6);
        background-image: -o-linear-gradient(top,#e1e1e1,#e6e6e6);
        background-image: linear-gradient(top,#e1e1e1,#e6e6e6);
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
        -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
        box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    }


.UIBannerSuperiorMenu .WebButton a:hover {
    color: black;
    font-size: 13px;
}

.UIBannerSuperiorMenu .WebButton a:hover {
    color: black;
}

.UIBannerSuperiorMenu a span {
    background: none repeat scroll 0% 0% transparent;
    float: none;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    line-height: 12px;
    display: block;
}

/*Banner Superior Padrao*/

.grade-tamanho-header {
    font-size: 14px;
    display: inline-block;
    text-align: center;
    border: 1px solid rgb(189, 187, 187);
    font-weight: bold;
}

.grade-tamanho-quantidade {
    font-size: 14px;
    display: inline-block;
    text-align: center;
    border: 1px solid rgb(189, 187, 187);
    font-weight: bold;
    white-space: nowrap;
}

    .grade-tamanho-quantidade > * {
        padding: 1px !important;
    }

.grade-tamanho-spinners {
    white-space: normal;
    display: inline-block;
    width: 16px;
}

.checkboxInput {
    width: 14px;
    height: 14px;
    border: none;
    cursor: pointer;
    background: url(../images/icons/checkbox.png) no-repeat;
}

.flex-datagrid-cell * .control-input {
    background: white;
    color: black;
}

.flex-datagrid-cell > .btn {
    padding: 0px 4px;
    border: 0px;
}


.checkboxInputChecked {
    cursor: pointer;
    background: url(../images/icons/checkbox.png) repeat scroll center left;
}

.checkboxInputDisable {
    background: url(../images/icons/checkbox.png) repeat scroll bottom left;
}

.checkboxInputImage {
    background-image: url('../images/icons/checkmark.png');
    background-position: -3px -5px;
    background-repeat: no-repeat;
}

.check-box-control {
    margin: 0px;
    line-height: 25px;
    padding: 1px 12px !important;
}

.flex-datagrid-cell > * > .check-box-control {
    padding: 0px !important;
}

.check-box-caption {
    padding-left: 4px;
}

.combobox-checkbox {
    padding: 0px 1px !important;
}

    .combobox-checkbox > .check-box-caption {
        display: flex;
        font-weight: normal;
        cursor: pointer;
    }

.combobox-checkbox-todos {
    position: absolute;
    z-index: 5583;
    left: 0px;
    padding: 2px 7px !important;
}

/*.check-box-control input[type="checkbox"] {
    margin: 0px;
}*/
.slick-track > div {
    overflow: hidden !important;
}

.checkboxInputContainer {
    float: left
}
/*Login Sistema */
.LoginSistema {
    display: block;
    background: url("../images/UI/bgLogin.png") repeat scroll top left transparent;
    width: 500px;
    height: 250px;
    border: 2px solid rgb(191, 219, 255);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin: 205px auto
}

.LoginSistemaLabel {
    text-align: center;
    color: #808080;
    font-size: 16px;
    font-family: Arial
}

/*Login Sistema */
.WebTextBox {
    display: inline-block;
    margin: 0;
    white-space: nowrap;
}

.WebLabelTextBox {
    display: inline-block;
    text-align: right;
    line-height: 10px;
}

.WebTextBoxInput {
    display: inline-block;
    border: solid 1px rgb(161, 187, 228);
    -webkit-border-radius: 4px;
    /*border-radius: 4px;*/
    /*padding-right: 3px;*/
    /*padding-left: 3px;*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.WebTextBoxInputInvalido {
    display: inline-block;
    border: solid 1px #dd0610;
    border-radius: 4px;
    padding-right: 2px;
    padding-left: 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.WebInputArrow {
    background: url(../images/UI/arrowRed.png);
    width: 6px;
    height: 6px;
    position: absolute;
    right: 0;
    top: -2px;
    z-index: 999999;
}

.WebInputTootipRed {
    position: absolute;
    display: inline-block;
    z-index: 9999999999;
    background: #dd0610;
    color: white;
}

.WebInputContainerTextBox {
    position: relative;
}

.WebTextBoxInputObrigatorio {
    border: solid 1px #dd0610;
}

.WebLabelInnerTextBox {
    float: right;
    padding-right: 3px;
    white-space: nowrap;
}

.textbox-selecao {
}

.textbox-selecao-btn-group-chave {
    border-right: 0px;
    padding: 0px;
    border: 0px;
}

.textbox-selecao-input-chave {
    padding: 3px;
    margin: 0px;
    width: 130px;
    border-bottom-left-radius: 4px !important;
    border-top-left-radius: 4px !important;
}

.textbox-selecao-display {
    text-align: left;
    border-radius: 0px !important;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
}

.textbox-selecao-btn-procurar {
    margin-top: -1px;
    background: rgba(0, 0, 0, 0.17);
    border: 0px !important;
    padding: 7px 5px;
    box-shadow: inherit;
    text-shadow: inherit;
    color: rgba(255, 255, 255, 0.8);
}

.textbox-selecao-btn-abrir-cadastro {
    padding: 6px 8px;
    color: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.28);
    background: rgba(0, 0, 0, 0.2);
    border-left: 0px;
    text-shadow: inherit;
}

.textbox-selecao-btndrop {
    padding: 6px 8px;
}

.control-file-input {
    cursor: pointer !important;
}

.comboxWrapper {
    /*border: solid 1px rgb(161, 187, 228);
     background: url(../images/UI/comboboxBG.png) repeat scroll top left transparent;
         display: inline-block;
        */
    /*border-radius: 4px;
    -webkit-border-radius: 4px;*/
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.comboxWrapperDisable {
    background: url(../images/UI/comboboxBGDisableLight.png) repeat scroll top left transparent;
    display: inline-block;
    border: solid 1px #a9a9a5;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.combobox-pagination .light-theme a, .light-theme span {
    margin: 0 !important;
}

.simple-pagination li:hover {
    background-color: rgba(25,25,25, 0.2) !important;
}

.simple-pagination ul {
    margin: 3px 0 !important;
}

.light-theme span {
    height: 21px;
    line-height: 21px;
    padding: 0 5px;
    border-radius: 1px;
    border: 1px solid transparent;
}

    .light-theme span:hover {
        box-shadow: none;
        outline: none;
        border-color: #999;
    }

.comboxWrapperObrigatorio {
    background: url(../images/UI/comboboxBG.png) repeat scroll top left transparent;
    display: inline-block;
    border: solid 1px rgb(242, 23, 23);
    /*border-radius: 4px;*/
    -webkit-border-radius: 4px;
    overflow: hidden;
}

.ComboBoxLi:hover {
    background-color: rgb(218, 236, 244);
}

.ComboBoxLoader {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("../images/icons/loadCombox.svg");
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
}

.ButtonDropBtn {
    background: url("../images/UI/arrow.png") no-repeat scroll 0 6px transparent;
}

.ButtonDropBtnDisable {
    background: url("../images/UI/arrowDisable.png") no-repeat scroll 0 6px transparent;
}

.control-input {
    color: white;
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(0, 0, 0, 0.6);
}

.control-caption {
    font-size: 12px;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.8);
}

.WebComboBoxDisplay {
    border: none;
    display: inline-block;
    padding-right: 2px;
    padding-left: 2px;
}

.containerComboxDrop {
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.92), rgba(208, 209, 210, 0.92));
    list-style: none outside none;
    display: block;
    margin: 0;
    padding: 0;
    overflow: auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .containerComboxDrop span {
        /* margin-left: 2%;
    margin-top: 0.5%;
      */
    }

.input-group > .textbox {
    padding: 0px !important;
    height: 34px;
}

.ComboxItem {
    cursor: pointer;
    display: block;
    color: #444444;
    min-height: 22px;
    min-width: 150px;
    padding: 4px;
    position: relative;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-word-wrap: hyphenate;
    word-wrap: hyphenate;
    -ms-word-break: break-all;
    word-break: break-all;
    border: 1px solid transparent;
    font-size: 14px;
}


    .ComboxItem:hover > .combobox-btn-abrir-cadastro {
        display: block;
    }

.dropbutton-group-input {
    padding: 6px 8px !important;
}

.combobox-btn-abrir-cadastro {
    position: absolute;
    font-size: 16px;
    right: 4px;
    top: 2px;
    display: none;
}

.dropdown-menu {
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.97), rgba(208, 209, 210, 0.97));
    border: 1px solid rgba(0,0,0,0.2);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.55);
    border-radius: 6px;
    font-size: 14px;
    z-index: 999999999;
}

    .dropdown-menu li {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid transparent;
        color: black;
    }


        .dropdown-menu li:hover {
            background-color: rgb(31, 114, 223);
            -moz-box-sizing: padding-box;
            -webkit-box-sizing: padding-box;
            box-sizing: padding-box;
            border-radius: 3px;
            color: white;
        }

        .dropdown-menu li .control-caption:hover {
            color: white;
        }

    .dropdown-menu * .spinner {
        right: 65px;
        z-index: 4;
        height: 16px;
        width: 16px;
        top: 12px;
    }

    .dropdown-menu * .control-input {
        color: black;
        background: rgba(255, 255, 255, 0.8);
    }

.WebTextBoxDisplay {
    border: none;
    display: inline-block;
    background: rgb(218, 236, 244);
    border: solid 1px rgb(161, 187, 228);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    padding-right: 3px;
    padding-left: 3px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.WebTextBoxDisplayDisable {
    border: none;
    display: inline-block;
    background: #ebebe4;
    border: solid 1px rgb(161, 187, 228);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    padding-right: 3px;
    padding-left: 3px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.WebComboBoxFoot {
    background: url("../images/UI/bgLogin.png") repeat scroll top left transparent;
    border: solid 1px rgb(161, 187, 228);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    padding-right: 3px;
    padding-left: 3px;
    height: 25px;
    position: relative;
}

.WebComboBoxFootInput {
    border: solid 1px rgb(161, 187, 228);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    float: left;
    margin-top: 3px;
}

.WebTextBoxSelecaoBtArrow {
    display: inline-block;
    height: 16px;
    width: 16px;
    margin: 1px;
    background: url("../images/UI/arrow.png") no-repeat 5px 5px transparent;
}

.WebComboBoxBusy {
    background: url("../images/ToolBar/busybar.gif") transparent;
    width: 30px;
    height: 5px;
    margin-top: -4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.GridComboBoxEnum {
    position: absolute;
    border: solid 1px rgb(161, 187, 228);
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.loaderBtnComp {
    background: url("../images/UI/Componentsloader.gif") transparent;
}


.MensagensHeaderInfo {
    border: solid 1px rgb(161, 187, 228);
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.MensagensHeaderInfoLista {
    height: 21px;
    margin-left: -45px;
}

.MensagensHeaderInfoItem {
    list-style: none;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
}

    .MensagensHeaderInfoItem span {
        display: block;
    }

.BusyBarToolBar {
    background: url("../images/ToolBar/toolbar_hidebusy.png") transparent;
    display: block;
    opacity: 0.8;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.BusyBarToolBarProcess {
    background: url("../images/ToolBar/busybar.gif") transparent;
}


.calendar-container {
}

.calendar-titulo-mes {
    font-size: 15px;
    font-weight: bold;
    padding: 3px;
}

.calendar-container-mes {
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    padding: 10px;
}

.calendar-table-mes {
    border: 1px solid black;
    text-align: center;
    width: 100%;
    height: 100%;
}

.calendar-table-mes-header {
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    color: white;
    height: 30px;
    background: rgb(26, 76, 133);
}

.calendar-table-mes-td {
    border: 1px solid #E4E1E1;
    width: 14.28%;
    cursor: pointer;
    vertical-align: top;
}

.calendar-table-mes-dia {
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    color: rgba(255, 255, 255, 0.6);
    padding-top: 4px;
    padding-left: 8px;
}

.calendar-table-mes-evento {
    font-size: 12px;
    vertical-align: central;
    background: #C3E1EF;
    cursor: pointer;
    border-radius: 3px;
    margin: 2px;
    text-align: left;
    line-height: 20px;
    color: black;
}

    .calendar-table-mes-evento:hover {
        background: #f7e270;
    }



.WebCalendarioDia {
    border: solid 1px rgb(161, 187, 228);
}

.WebCalendarioDiaHora {
    background: rgb(218, 236, 244);
    display: block;
    width: 50px
}

.RegCell {
    color: white;
    background: url("../images/UI/backreg.png") 0px 0px transparent;
    /*border-right:1px solid silver*/
}

.ScrollUpBt {
    display: inline-block;
    height: 17px;
    width: 16px;
    margisn: 1px;
    background: url("../images/UI/btUpScroll.png") no-repeat 0px 0px transparent;
}

.ScrollDownBt {
    display: inline-block;
    height: 17px;
    width: 16px;
    margisn: 1px;
    position: relative;
    top: -5px;
    background: url("../images/UI/btDownScroll.png") no-repeat 0px 0px transparent;
}

.ScrollBar {
    background: url("../images/UI/backScroll.png") 0px 0px transparent;
}


/*DropButton*/
.DropButtonDisable {
    color: lightgray;
    cursor: pointer;
    /*padding: 3px 3px 3px 8px;  float: left;*/
    display: block;
    max-width: 250px;
    min-width: 150px;
    /*padding: 6px 7px;*/
    position: relative;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .DropButtonDisable:hover {
        color: lightgray;
        background-color: none
    }


.DropButtonBtn {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: url(../images/icons/dropBtn.gif) no-repeat 10px 10px transparent;
    display: block;
    -moz-user-select: none;
    /*background-color: #F5F5F5;*/
    /*background-image: -moz-linear-gradient(center top , #FAFAFA, #EDEDED);*/
    /*background-repeat: repeat-x;*/
    border-left: 1px solid #999999;
    /*border-radius: 3px 3px 3px 3px;*/
    color: #333333;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 11px;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    margin: 0 2px 0 0;
    padding: 0 2px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    transition: all 0.05s linear 0s;
}

.DropButtonSep {
    display: block;
    width: 2px;
    height: 6px;
    border: solid 1px rgb(191, 219, 253);
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.DropButton {
    /*position: relative;
    display: inline-block;
    background: url(../images/UI/backDropDown.png) 0px 0px transparent;
    cursor:pointer;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;*/
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #F5F5F5;
    background-image: -moz-linear-gradient(center top, #FAFAFA, #EDEDED);
    background-repeat: repeat-x;
    border: 1px solid #999999;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 #FFFFFF inset;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 #FFFFFF inset;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 #FFFFFF inset;
    color: #333333;
    cursor: pointer;
    display: table-cell;
    float: left;
    font-size: 11px;
    font-weight: bold;
    /*margin: 0 7px 0 0;
    padding: 0 7px;*/
    text-align: center;
    text-decoration: none;
    -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    -moz-transition: all 0.05s linear 0s;
    -o-transition: all 0.05s linear 0s;
    -webkit-transition: all 0.05s linear 0s;
    transition: all 0.05s linear 0s;
    position: relative;
    white-space: nowrap;
    overflow: hidden !important;
}

.DropButtonBanner {
    background-color: transparent;
    background-image: none;
    border: medium none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: white;
}


.DropButtonContainer {
    color: black;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.97), rgba(208, 209, 210, 0.97));
    border-style: solid;
    border: 1px solid rgba(0,0,0,0.2);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.55);
    border-radius: 6px;
    font-size: 13px;
    font-weight: bold;
    overflow-x: hidden;
    overflow-y: auto;
    list-style: none;
    display: block;
    margin: 0px;
    padding: 2px;
    position: absolute;
    z-index: 5555555;
}


.ContainerDropItem {
    /*background: rgba(235,235,235,0.66);*/
    display: list-item;
    position: relative;
    list-style: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden;
    -moz-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    border: 1px solid transparent;
    font-weight: normal;
    font-size: 14px;
}

    .ContainerDropItem:hover {
        background-color: rgb(31, 114, 223);
        -moz-box-sizing: padding-box;
        -webkit-box-sizing: padding-box;
        box-sizing: padding-box;
        border-radius: 3px;
        color: white;
    }


/*editor html*/
.editor-html {
    color: black;
}

.editor-html-toolbar-btn {
}

    .editor-html-toolbar-btn > img {
        max-height: 16px;
        max-width: 16px;
    }

/* mencoes.js*/
.mencoes-popup-container {
    background: rgba(250,250,255, 0.85);
    color: #222;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.3);
    padding: 2px 0px;
    min-width: 125px;
    font-size: 15px;
}

    .mencoes-popup-container ul {
        list-style: none;
        padding: 0;
    }

        .mencoes-popup-container ul li {
            padding: 0 3px;
            border-bottom: 1px solid rgba(0,0,0,0.1);
            margin-bottom: 2px;
        }

            .mencoes-popup-container ul li:hover {
                color: rgb(31, 114, 223);
                cursor: pointer;
            }

.mencoes-link-mencoes {
}

    .mencoes-link-mencoes:hover {
        color: #4D90FE;
    }


.MenuIniciarBox {
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.92), rgba(208, 209, 210, 0.92));
    border: 1px solid rgba(0,0,0,0.2);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.55);
    border-radius: 6px;
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    display: inline-block;
    max-height: 500px;
    max-width: 200px;
    min-height: 22px;
    min-width: 300px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 555555555;
    overflow: auto;
    -moz-transition: all linear .2s;
    -o-transition: all linear .2s;
    -webkit-transition: all linear .2s;
    transition: all linear .2s;
    color: black;
}

.MenuIniciarArrow {
    display: inline-block;
    background: url(../../images/icons/menuArrow.png);
    width: 16px;
    height: 16px;
}

.MenuIniciarClose {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../images/UI/CloseBT24.png);
}


.DropButton ul { /*rever -> remover*/
    /*  background: url(../images/UI/backDropDown.png) 0px 0px transparent;
    list-style:none;
    display:block;
    margin: 0px;
    padding: 0px;
    overflow:hidden;
    border: 1px solid #d3d3d3;
    border-top-left-radius:2px;
    border-top-right-radius:2px;
    border-bottom-left-radius:2px;
    border-bottom-right-radius:2px;*/
    background: none repeat scroll 0 0 #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-color: #BBBBBB;
    border-radius: 4px 4px 4px 4px;
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: auto;
    list-style: none;
    display: block;
    margin: 0;
    padding: 5px;
    position: absolute;
    z-index: 13000;
}


/*.containerBtnDrop {
    overflow: hidden;
}*/

.DropButtonItem {
    cursor: pointer;
    display: block;
    color: #444444;
    overflow: hidden
}

.DropButtonArrow {
    left: 5px;
    border-style: dashed dashed solid;
    border-color: transparent;
    border-bottom-color: #BBBBBB;
    border-width: 0 10px 10px;
    cursor: default;
    display: -moz-inline-box;
    display: inline-block;
    font-size: 0;
    height: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 1000;
}


.DropButtonItemLi {
    cursor: pointer;
    display: flex;
    color: rgba(190, 224, 243, 0.7);
    min-height: 22px;
    min-width: 100%;
    padding: 0px;
    position: relative;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-word-wrap: hyphenate;
    word-wrap: hyphenate;
    -ms-word-break: break-all;
    word-break: break-all;
    border: 1px solid transparent;
    font-size: 14px;
}

.DropButtonItemHover:hover .ContainerDropSeparadorLinha {
    background-color: transparent;
    border: none;
    -moz-box-sizing: padding-box;
    -webkit-box-sizing: padding-box;
    box-sizing: padding-box;
    border-radius: 3px;
}


.DropButtonItemHover:active {
    color: rgba(82, 168, 236, 0.8);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.DropButtonItemLi * .control-caption {
    display: block;
    font-weight: inherit;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 18px;
    color: black;
}

.DropButtonItemLi > .check-box-control {
    padding: 1px 3px !important;
}

.DropButtonItemLi * input[type=checkbox] {
    margin: 0px;
    cursor: pointer;
}

.DropButtonItem a.OfficeBlueButton {
    margin: 0px;
    padding: 0px;
}

.DropButtonBanner .DropButtonBtn {
    border-left: 1px solid #236A96;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    margin: 0;
    background: url("../images/icons/dropBtnWhite.png") no-repeat scroll 10px 10px transparent;
}

.DropButtonBanner .DropButtonItem {
    color: white;
    -webkit-text-shadow: none;
    text-shadow: none;
}

.btn-dropbutton-toggle {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.dropbutton-small {
    height: 30px;
}

    .dropbutton-small > span {
        margin-top: 10px;
    }

.input-search {
    width: 100%;
}

.input-search-img {
    position: relative;
    right: 6px;
    font-size: 18px;
    top: -26px;
    display: block;
    float: right;
}

/*TextBoxPesquisa*/
.TextBoxPequisaIcon {
    background: url(../images/icons/SearchIcon.png) no-repeat;
}


/*TextBoxPesquisa*/
/*TextBoxSpinner btns no para inputs do tipo numeric*/
.TextBoxSpinner {
    display: inline-block;
    display: flexbox;
    min-height: 12px;
    width: 12px !important;
    float: right;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.16);
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: -moz-linear-gradient(top, rgba(204,218,229,0.05) 0%, rgba(61,75,76,0.12) 39%, rgba(61,75,76,0.13) 42%, rgba(61,75,76,0.27) 60%, rgba(61,75,76,0.26) 62%, rgba(204,218,229,0.05) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,218,229,0.05)), color-stop(39%,rgba(61,75,76,0.12)), color-stop(42%,rgba(61,75,76,0.13)), color-stop(60%,rgba(61,75,76,0.27)), color-stop(62%,rgba(61,75,76,0.26)), color-stop(100%,rgba(204,218,229,0.05))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(204,218,229,0.05) 0%,rgba(61,75,76,0.12) 39%,rgba(61,75,76,0.13) 42%,rgba(61,75,76,0.27) 60%,rgba(61,75,76,0.26) 62%,rgba(204,218,229,0.05) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(204,218,229,0.05) 0%,rgba(61,75,76,0.12) 39%,rgba(61,75,76,0.13) 42%,rgba(61,75,76,0.27) 60%,rgba(61,75,76,0.26) 62%,rgba(204,218,229,0.05) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(204,218,229,0.05) 0%,rgba(61,75,76,0.12) 39%,rgba(61,75,76,0.13) 42%,rgba(61,75,76,0.27) 60%,rgba(61,75,76,0.26) 62%,rgba(204,218,229,0.05) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(204,218,229,0.05) 0%,rgba(61,75,76,0.12) 39%,rgba(61,75,76,0.13) 42%,rgba(61,75,76,0.27) 60%,rgba(61,75,76,0.26) 62%,rgba(204,218,229,0.05) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dccdae5', endColorstr='#0dccdae5',GradientType=0 ); /* IE6-9 */
}

.TextBoxSpinnerBtUP {
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    left: -1px;
    top: 1px;
    background-image: url(../images/UI/spinnerup.png);
    -moz-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
}

    .TextBoxSpinnerBtUP:hover {
        background-color: rgba(85, 85, 85, 0.16);
    }

.TextBoxSpinnerBtDown {
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    bottom: 1px;
    left: -1px;
    background-image: url(../images/UI/spinnerdown.png);
    -moz-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;
    -webkit-transition: all ease-in .2s;
    transition: all ease-in .2s;
}


    .TextBoxSpinnerBtDown:hover {
        background-color: rgba(85, 85, 85, 0.16);
    }

/*TextBoxSpinner*/
/*TreeView*/
.TreeViewHolder {
    list-style: none;
    position: relative;
    text-align: left !important;
    padding: 2px;
    padding-left: 18px;
}

    .TreeViewHolder > li {
        cursor: pointer;
        position: relative;
        overflow: hidden;
    }

.treeview-item-arrow {
    display: inline-block;
    width: 20px;
    height: 16px;
    position: relative;
}

    .treeview-item-arrow > i {
        font-size: 17px;
        top: 4px;
    }

.treeview-item-label {
    position: absolute;
    margin-top: 3px;
    margin-left: 3px;
}

/*TreeView*/
/*
Css Para Tela de Mensagens 
*/
.ListaMensagems {
    /*    border-right: 2px solid rgb(70, 53, 124);
    border-width: 2px;
    border-style: solid;
    border-color: rgb(70, 53, 124);*/
    background-color: rgb(255, 255, 255);
}

    .ListaMensagems th {
        clear: both;
        overflow: hidden;
        background: url(../images/UI/headerGrid.png) scroll left top transparent;
        height: 22px;
        color: white;
        border-top: 1px solid white;
        border-bottom: 1px solid white;
        margin: 0px 0px 0px 0px
    }

    .ListaMensagems td {
        clear: both;
        overflow: hidden;
        background-color: #dbe9f9;
        height: 22px;
        color: black;
        height: 40px;
        border-top: 1px solid white;
        border-bottom: 1px solid white;
        margin: 0px 0px 0px 0px;
        padding-left: 5px;
    }

.MensagemContainer {
    /*background-color: rgb(225, 235, 242);*/
    margin-bottom: 6px;
}

.MensagensAutor {
    overflow: hidden;
    background-color: rgb(225, 235, 242);
    min-height: 80px;
    width: 200px;
    border-bottom-left-radius: 4px;
    float: left;
    margin-right: 25px;
}

.MensagensInfoListUL {
    list-style: none;
    border-right: 1px solid white;
}

.MensagemBody {
    background-color: rgb(225, 235, 242);
    min-height: 80px;
    border-bottom-right-radius: 4px;
}

.MensagemHeader {
    background: url("../images/UI/headerGrid.png") repeat scroll left top transparent;
    min-height: 20px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: white;
    /*font-family: Verdana,Helvetica,Trebuchet MS,Arial,sans-serif;*/
    padding-left: 5px;
    padding-right: 5px;
}

.MensagemTitulo {
    color: rgb(16, 82, 137);
    font-size: 1.7em;
    margin-top: 0px;
    min-height: 15px;
    min-width: 15px;
    display: inline
}

.MensagemUlOptions {
    float: right;
}

    .MensagemUlOptions li {
        display: inline-block;
    }

.DataGridCanvasRows {
    overflow: hidden;
}

.formulario > .row {
    padding: 1px 0px;
    display: block;
}

.formulario > *.row {
    padding: 2px 0px 2px 3px;
    display: block;
}


.formulario *.row {
    padding: 2px 0px 2px 3px;
    display: block;
}


.rowForm {
    padding: 1px 0px;
}

/*DockPanel e DockHost css*/
.DockPanel {
}




/*DockPanel e DockHost css*/
/*Login css */
.centerLoginParent {
    text-align: center;
}

.centerLogin {
    margin-left: auto;
    margin-right: auto;
}

.floatElement {
    float: left;
}

.submitLogin {
    background-color: #2672EC;
    color: white;
    height: 36px;
    min-width: 160px;
    border: 0px;
}


.FailLoginStatus {
    color: red;
    font-size: 14px;
    line-height: 178%;
    margin-top: 18px;
    margin-bottom: 12px;
    white-space: normal;
}

div.placeholder {
    color: #999;
    background-color: transparent;
    margin-top: 6px;
    margin-left: 9px;
    white-space: nowrap;
}

.TextSizeSmall {
    text-align: left;
}

    .TextSizeSmall a {
        text-align: left;
        text-decoration: none;
    }
/*Login css */

/*TaskBar*/
.TaskBarItem {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-position: center center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid rgba(3, 3, 3, 0.26);
}

/*TaskBar*/

/*css Tollbar /*

/*css ToolbarVertical*/

.OfficeBlueToolBarVertical {
    background: url(../images/UI/bgVerticalRight.png) repeat scroll 1px 1px rgb(191, 219, 255);
    display: block;
    float: none;
    padding: 0px 12px 5px 6px;
    list-style: none;
    height: auto;
    border-color: #4D90FE;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-transition: border-color .20s;
    -moz-transition: border-color .20s;
    -o-transition: border-color .20s;
    transition: border-color .20s;
    smargin-top: -15.5px;
    overflow: hidden;
}

    .OfficeBlueToolBarVertical ul li a.OfficeBlueButton {
        color: rgb(21, 66, 139);
        height: 40px;
        width: 40px;
        display: inline-block;
        list-style: none outside none;
        padding: 2px;
        overflow: hidden;
        margin: 1px 0px 1px 1px;
        border: 1px solid rgb(191, 219, 253);
        border-radius: 4px;
        transition: border-color 0.2s ease 0s;
        text-align: center;
        text-decoration: none;
    }

    .OfficeBlueToolBarVertical ul li a.ButtonDisable {
        color: rgb(21, 66, 139);
        height: 40px;
        width: 40px;
        display: inline-block;
        list-style: none outside none;
        padding: 2px;
        overflow: hidden;
        margin: 1px 0px 1px 1px;
        border: 1px solid rgb(191, 219, 253);
        border-radius: 4px;
        -moz-transition: border-color 0.2s ease 0s;
        -o-transition: border-color 0.2s ease 0s;
        -webkit-transition: border-color 0.2s ease 0s;
        transition: border-color 0.2s ease 0s;
        text-align: center;
        text-decoration: none;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }


ul.OfficeBlueToolBarVertical {
    list-style: none outside none;
    margin-top: -10px;
}

.WebColorPicker {
    width: 40px;
    height: 22px;
    line-height: 22px;
    display: inline-block;
}

.color-picker-palete {
    display: inline-block;
    position: absolute;
    right: 10px;
}

.color-picker-palete-cor {
    display: block;
    width: 22px;
    height: 15px;
    margin: 1px;
    border-radius: 1px;
}

color-picker-palete-cor-primaria {
    border: 1px solid gray;
}


.ajaxLoader {
    display: block;
    width: 32px;
    height: 32px;
    margin-left: auto;
    margin-right: auto;
    background: url('../images/UI/ajaxLoader.gif');
}

.ui-accordion .ui-accordion-content {
    padding: 0px;
}

.iconNone {
    background: url('../images/icons/up.gif');
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

.iconUp {
    background: url('../images/icons/up.gif');
}

.iconDown {
    background: url('../images/icons/down.gif');
}


.placeHolderInput::-webkit-input-placeholder {
    color: #d3d3d3;
}

.placeHolderInput:-moz-placeholder {
    color: #d3d3d3;
}

.placeHolderInput:-ms-input-placeholder {
    color: #d3d3d3;
}


.notSelect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.top {
    vertical-align: top;
}

    .top td {
        vertical-align: top;
    }

.middle {
    vertical-align: middle;
}

    .middle td {
        vertical-align: middle;
    }

/*#region UIALL */
div.dropdown {
    float: left;
    position: relative;
}

    div.dropdown span.toggle {
        width: 19px;
        height: 16px;
        margin-left: 7px;
        margin-top: 1px;
        margin-right: 2px;
        padding-left: 8px;
        float: right;
        background: url('../images/toggle.png') top right no-repeat;
        border-left: 1px solid #D9D9D9;
        -webkit-transition: border-color .20s;
        -moz-transition: border .20s;
        -o-transition: border-color .20s;
        transition: border-color .20s;
    }

        div.dropdown span.toggle.active {
            background: url('../images/toggle.png') bottom right no-repeat;
        }

    div.dropdown button:hover span.toggle,
    a.Googgle button:hover span.toggle {
        border-color: #C0C0C0;
    }

div.dropdown-slider {
    display: none;
    overflow: hidden;
    margin: 0 7px 5px 7px;
    position: absolute;
    top: 34px;
    right: 0;
    background: #F2F2F2;
    border-right: solid 1px #D9D9D9;
    border-bottom: solid 1px #D9D9D9;
    border-left: solid 1px #D9D9D9;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    -webkit-transition: border-color .20s;
    -moz-transition: border .20s;
    -o-transition: border-color .20s;
    transition: border-color .20s;
}

.left div.dropdown-slider {
    margin: 0 1px 5px 7px;
}

.middle div.dropdown-slider {
    margin: 0 1px 5px 1px;
}

.right div.dropdown-slider {
    margin: 0 7px 5px 1px;
}

div.dropdown-slider .ddm {
    display: block;
    background: #F2F2F2;
    color: #585858;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    font: bold 11px Helvetica, Arial, sans-serif;
    line-height: 18px;
    height: 18px;
    margin: 0;
    padding: 5px 6px 4px 6px;
    width: 100%;
    float: left;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #D9D9D9;
}

    div.dropdown-slider .ddm:hover {
        background: #F4F4F4;
        border-bottom-color: #C0C0C0;
    }

    div.dropdown-slider .ddm:active {
        border-bottom-color: #4D90FE;
        color: #4D90FE;
        -moz-box-shadow: inset 0 0 10px #D4D4D4;
        -webkit-box-shadow: inset 0 0 10px #D4D4D4;
        box-shadow: inset 0 0 10px #D4D4D4;
    }

    div.dropdown-slider .ddm:last-child {
        border-bottom: none;
    }

.ui-slider-handle {
    /*width:20px;height:10px;margin:0 auto;background-color:darkgray;display:block;position:absolute*/
    background: url("../images/UI/scrollBt.png") transparent;
}

.slider-wrap {
    position: relative;
    right: 0;
    top: 0;
    background: none;
    width: 20px;
    border-left: 1px solid gray;
}

.ui-slider-range {
    position: absolute;
    width: 100%;
    background: none
}



/*#endregion */



/*region officeBlue*/


/*button*/

.cleanBtns {
    border: none;
    background: transparent;
}

.container-indicadores-designer {
    display: inline-block;
    min-width: 100%;
    min-height: 50px;
}

.designer-titulo-secao {
    font-weight: bold;
    font-size: 14px;
    padding: 2px 4px;
    background: #246;
    color: white;
}

.bi-lista-propriedades {
}

.bi-lista-propriedades-card {
    background: rgba(0,0,0,0.3);
    border-color: rgba(255,255,255,0.4);
    padding: 2px;
    margin: 6px 4px;
    display: flow-root;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 2px;
}

.bi-lista-propriedades-destaques {
    display: block;
    text-align: left;
    position: relative;
}

.bi-lista-propriedades-prop-destaque {
    display: inline-block;
    padding: 1px 3px;
}

.bi-lista-propriedades-prop-destaque-caption {
    font-size: 12px;
    position: absolute;
    top: -5px;
}

.bi-lista-propriedades-prop-destaque-display {
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    padding-top: 6px;
    min-width: 100px;
}

.bi-lista-propriedades-prop {
    font-size: 13px;
    padding: 1px 3px !important;
}

.bi-lista-propriedades-prop-container-caption {
    display: block;
    padding: 3px;
}

.bi-lista-propriedades-prop-caption {
    font-weight: bold;
    padding: 2px;
}

.bi-lista-propriedades-prop-container-display {
    background: rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    border: 1px solid rgba(144, 144, 144, 0.32);
    display: block;
    padding: 2px 4px;
}

.bi-lista-propriedades-prop-display {
    text-align: center;
    padding: 2px;
}

.bi-analise-dropbutton {
    border: none;
    background: transparent;
    padding: 0 2px;
    position: absolute;
    right: 3px;
    top: 1px;
    z-index: 1001;
}

.OfficeBlueButton {
    cursor: pointer;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}


.CleanButtons {
    overflow: hidden;
}


    .CleanButtons a.OfficeBlueButton {
        border: none;
        /*border-radius: 3px 3px 3px 3px;*/
        color: #15428B;
        display: inline-block;
        list-style: none outside none;
        margin: 1px 0 20px 1px;
        overflow: hidden;
        /*padding: 1px;*/
        text-align: center;
        text-decoration: none;
        -moz-transition: border-color 0.2s ease 0s;
        -o-transition: border-color 0.2s ease 0s;
        -webkit-transition: border-color 0.2s ease 0s;
        transition: border-color 0.2s ease 0s;
    }

        .CleanButtons a.OfficeBlueButton:hover {
            background: transparent;
            border: none;
        }


a.OfficeBlueButton {
    color: #000000;
    display: inline-block;
    list-style: none;
    margin: 1px;
    border: solid 1px rgb(191, 219, 253);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: border-color .20s;
    -moz-transition: border-color .20s;
    -o-transition: border-color .20s;
    transition: border-color .20s;
    text-align: center;
    text-decoration: none;
}


    a.OfficeBlueButton:active {
        border-color: #4D90FE;
        color: #4D90FE;
        -moz-box-shadow: inset 0 0 10px #D4D4D4;
        -webkit-box-shadow: inset 0 0 10px #D4D4D4;
        box-shadow: inset 0 0 10px #D4D4D4;
    }



    a.OfficeBlueButton a {
        text-decoration: none;
    }

.ButtonDisable {
    opacity: 0.5 !important;
    border: solid 1px rgb(191, 219, 253) !important;
    text-align: center !important;
    -webkit-transition: border-color .20s !important;
    -moz-transition: border-color .20s !important;
    -o-transition: border-color .20s !important;
    transition: border-color .20s !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}


/*
a.OfficeBlueButton  img{
   margin-lesft:3px;
}
*/

a.OfficeBlueButton:hover {
    background: transparent url('../images/UI/button_over.png') repeat-x scroll left -10px;
    /*2display:block-inline;*/
    border: solid 1px rgb(205, 184, 134);
    color: black;
}


a.ButtonDisable:hover {
    background: transparent;
    border: solid 1px rgb(191, 219, 253);
}


a.OfficeBlueButton span {
    background: transparent none;
    float: none;
    margin: 0;
    padding: 0;
    font-size: 11px;
    line-height: 12px;
    display: block;
}




/*19/11/2012*/

.CleanButtons a.ButtonDisable {
    border: none;
    border-radius: 4px;
    color: #15428B;
    display: inline-block;
    list-style: none outside none;
    margin: 1px;
    overflow: hidden;
    padding: 1px;
    text-align: center;
    text-decoration: none;
    -moz-transition: border-color 0.2s ease 0s;
    -o-transition: border-color 0.2s ease 0s;
    -webkit-transition: border-color 0.2s ease 0s;
    transition: border-color 0.2s ease 0s;
}


.MediaPlayerBtnLeftRight {
    display: block;
    padding: 25px;
    -moz-transition: background-color linear .2s;
    -o-transition: background-color linear .2s;
    -webkit-transition: background-color linear .2s;
    transition: background-color linear .2s;
}


    .MediaPlayerBtnLeftRight:hover {
        background-color: rgba(81, 81, 81, 0.43);
    }
/*
.a.ButtonDisable {
    color: #000000;
    list-style: none;
    margin: 1px;
    border: solid 1px rgb(191, 219, 253);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: border-color .20s;
    -moz-transition: border-color .20s;
    -o-transition: border-color .20s;
    transition: border-color .20s;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
}*/


a.ButtonDisable span {
    font-size: 12px;
    height: 20px
}

a.ButtonDisable a {
    text-decoration: none;
}

a.ButtonDisable span {
    background: transparent none;
    float: none;
    margin: 0;
    padding: 0;
    font-size: 11px;
    line-height: 12px;
}

/*button*/
/*ComboBox css */
.OfficeBlueComboBoxQuery {
    display: inline-block;
    height: 15px;
    width: 19px;
    position: relative;
    top: 5px;
    background: url("../images/UI/spriteAll.png") repeat scroll -31px 94px transparent;
}

/*ComboBox css */

.combobox-display {
    border-radius: 4px;
    display: flex;
    text-align: left;
    padding-left: 5px;
    border: 1px solid rgba(109, 108, 108, 0.61);
    font-size: 14px;
    white-space: nowrap;
    padding-right: 10px;
    cursor: pointer;
}

    .combobox-display > span {
        width: calc(100% - 13px);
        overflow: hidden;
    }

.combobox-input-seach {
}

.combobox-input-icon-seach {
    font-size: 18px;
    position: absolute;
    right: 38px;
    top: 9px;
    z-index: 3;
}


/*Designer WebOlap*/
.ulHolder {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .ulHolder > li {
        padding: 5px;
        cursor: pointer;
    }

/*Designer WebOlap*/

.panel-default {
    border-color: rgba(139, 139, 139, 0.34);
}

    .panel-default > .panel-heading {
        background: rgba(45, 45, 45, 0.29);
        color: rgba(255, 255, 255, 0.67);
        font-size: 16px;
        border-color: rgba(29, 29, 29, 0.58);
    }

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: rgba(37, 37, 37, 0.77);
}

.toolbar {
    display: flex;
    position: relative;
    padding: 1px 3px;
    z-index: 2;
}

.navbar-top * input {
    background: rgba(0, 30, 60, 0.48) !important;
    color: white !important;
    border: 1px solid rgba(46, 46, 46, 0.35) !important;
}

.textbox-pesquisa-dark * input {
    background: #0f2c4a !important;
    color: white !important;
    border: 1px solid #2d3d60 !important;
}

.combobox-display-dark {
    background: #0f2c4a !important;
    color: white !important;
    border: 1px solid #2d3d60 !important;
    text-shadow: none !important;
}

/*Toobar */
/*div.OfficeBlueToolBar ul li ul li {
    background: url("../images/UI/panel_right.gif") no-repeat scroll right top transparent;
    float: left;
    margin-top: 0px;
}

    div.OfficeBlueToolBar ul li ul li span {
        background: transparent url(../images/UI/panel_left.gif) no-repeat scroll left top;
    }

div.OfficeBlueToolBar ul li {
    list-style: none;
    float: left;
    display: block;
    margin-bottom: 0px;
    height: 40px;
}


.OfficeBlueUl {
    margin-left: -43px;
    list-style: none;
}

div.OfficeBlueToolBar {
    background: url("../images/UI/bg.png") repeat-x scroll center top rgb(219, 229, 254);
    display: block;
    float: none;
    padding2: 0px 12px 5px 6px;
    list-style: none;
    height: 45px;
    border-color: #4D90FE;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-transition: border-color .20s;
    -moz-transition: border-color .20s;
    -o-transition: border-color .20s;
    transition: border-color .20s;
    overflow: hidden;
}*/

/*ToolBar*/
/*Ribbon*/
span.OfficeBlueRibbon {
    background: url("../images/UI/bg.png") repeat-x scroll center bottom rgb(191, 219, 255);
    display: block;
    float: none;
    padding: 0px 12px 5px 6px;
    list-style: none outside none;
    height: 85px;
    width: auto;
    border: solid 1px rgb(191, 219, 253);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-transition: border-color .20s;
    -moz-transition: border-color .20s;
    -o-transition: border-color .20s;
    transition: border-color .20s;
}

li.OfficeBlueRibbonGroup span {
    display: block;
}

span.OfficeBlueRibbon ul {
    list-style: none;
    margin-left: -45px;
    margin-top: -1px;
}

    span.OfficeBlueRibbon ul li label {
        position: relative;
        vertical-align: bottom;
    }

    span.OfficeBlueRibbon ul li.OfficeBlueRibbonGroup {
        text-align: center;
        float: left;
        padding-right: 10px;
        padding-left: 10px;
        background: url("../images/UI/panel_right.gif") no-repeat scroll right top transparent;
        border-left: 1px solid #c7d8ed;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-transition: border-color .20s;
        -moz-transition: border-color .20s;
        -o-transition: border-color .20s;
        transition: border-color .20s;
    }

a.OfficeBlueRibbonItem {
    width: 50px;
    height: 49px;
    display: inline-block;
    padding-top: 13px;
}

    a.OfficeBlueRibbonItem a {
        margin-bottom: 8px;
        background: transparent;
        border: none;
    }

        a.OfficeBlueRibbonItem a:hover {
            background: transparent url(../images/UI/button_over.png) no-repeat scroll left top;
        }

span.OfficeBlueRibbonlist {
    width: 21px;
    height: 60px;
    clear: both;
    dispaly: inline-block;
    float: right;
    margin-left: 8px;
    margin-top: 10px;
    /*border:1px solid #c7d8ed;
  border-top-left-radius:3px;
  border-top-right-radius:3px;
  border-bottom-left-radius:3px;
  border-bottom-right-radius:3px;
  -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    
    -webkit-transition: border-color .20s;
    -moz-transition: border-color .20s;
    -o-transition: border-color .20s;
    transition: border-color .20s;
*/
}

    span.OfficeBlueRibbonlist ul {
        padding: 0 0 0 0;
        margin: 0 0 0 0
    }

    span.OfficeBlueRibbonlist li {
        width: 20px;
        height: 11px;
        display: inline-block;
        float: none;
        position: relative;
        left: -1px;
        overflow: hiddden;
    }

.OfficeBlueRibbonListItem a {
    width: 20px;
    height: 18px;
    background: transparent;
    border: none;
    margin-bottom: 0px;
}

    .OfficeBlueRibbonListItem a:hover {
        background: transparent url(../images/UI/button2_over.png) no-repeat scroll left top;
        display: block-inline;
    }

    .OfficeBlueRibbonListItem a img {
        margin-left: 2px
    }


/*Ribon*/
/*TabControl*/
.tabcontrol {
    background: rgba(0, 0, 0, 0.5);
    list-style: none outside none;
    margin: 0;
    padding: 0 10px 0;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 24px;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s;
    border-bottom: 1px solid rgba(255, 255, 255, 0.38);
    display: inline-flex;
}

.tabcontrol-tabitem {
    cursor: pointer;
    margin: 0px 2px;
    padding: 3px 12px 0px 12px;
    float: left;
    display: inline-block;
    border-radius: 4px 4px 0px 0px;
    border-right: 1px solid rgba(255, 255, 255, 0.18);
    height: 100%;
    display: table;
}

.tabcontrol-tabitem-selected {
    background: rgba(255, 255, 255, 0.22);
    font-weight: bold;
    border: 1px solid rgba(255, 255, 255, 0.17);
    border-top: 4px solid rgba(23, 190, 217, 0.82);
    border-bottom: 0px;
    padding-top: 2px;
}


.tabcontrol-tabitem-header {
    cursor: pointer;
    color: rgba(220, 234, 255, 0.8);
    text-decoration: none;
}

.tabcontrol-botoes-voltar-avancar {
    float: right;
    right: 2px;
    top: 0px;
    position: absolute;
    z-index: 99;
}

    .tabcontrol-botoes-voltar-avancar > a {
        height: 20px;
        width: 20px;
        border-radius: 11px;
        color: rgba(201, 240, 255, 0.69);
        background: rgba(0, 0, 0, 0.5);
        margin-left: 3px;
        font-size: 14px;
        padding: 3px;
        border: 0px;
    }

        .tabcontrol-botoes-voltar-avancar > a > i {
            top: 0px;
        }

.tooltip-item {
    display: block;
    padding: 2px;
}


.OfficeBlueTabControlTabBorderTop {
    background: url("../images/UI/bg.png") repeat-x scroll center top rgb(191, 219, 255);
    border: solid 1px rgb(191, 219, 255);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-transition: border-color .20s;
    -moz-transition: border-color .20s;
    -o-transition: border-color .20s;
    transition: border-color .20s;
    height: 4px;
}


.TabNameBtnVoltar {
    background: white;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    background-image: url(../images/icons/backk.png);
    background-position: 2px 2px;
    cursor: pointer;
}

.TabNameBtnAvancar {
    background: white;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    background-image: url(../images/icons/fow.png);
    background-position: 2px 2px;
    cursor: pointer;
}


/*
DockPanel  css usado tbm para janelas 

*/
.OfficeBlueContainerDockPanel {
    background-color: #CED9E7;
    border: 5px solid;
    border-color: #CED9E7;
    width: 300px;
    height: 300px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-transition: border-color .20s;
    -moz-transition: border-color .20s;
    -o-transition: border-color .20s;
    transition: border-color .20s;
    wfloat: left;
    -moz-box-sizing: border-box;
}

.OfficeBlueHeaderDockPanel {
    background-color: #CED9E7;
    height: 18px
}

.OfficeBlueContentDockPanel {
    background-color: white;
    height: 93%;
    overflow: hidden;
    border-color: rgb(153, 187, 232);
    border-width: 1px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-transition: border-color .20s;
    -moz-transition: border-color .20s;
    -o-transition: border-color .20s;
    transition: border-color .20s;
    wfloat: left;
    -moz-box-sizing: border-box;
}

.HostDockPanel ul {
    list-style: none;
    display: inline-block;
    float: left;
    margin: 0px;
    padding: 0px;
}

    .HostDockPanel ul li {
        sborder: 1px solid rgb(153, 187, 232);
    }

.hostdock-responsivo {
    height: auto !important;
    padding: 5px;
    display: inline-block;
    margin-top: 45px;
}

    .hostdock-responsivo > span {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        margin: 1px 3px;
    }

/*28/06/13*/
.WebTreeRoot {
    list-style: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

    .WebTreeRoot span {
        display: run-in;
        padding: 2px;
        margin-left: 2px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 3px;
        border: 1px solid #617583;
        -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 0 6px 0 rgba(140, 140, 140, 0.6) inset;
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 0 6px 0 rgba(140, 140, 140, 0.6) inset;
        -moz-transition: background-color 1000ms linear;
        -o-transition: background-color 1000ms linear;
        -webkit-transition: background-color 1000ms linear;
        transition: background-color 1000ms linear;
    }


.WebTreeRootNodeF {
    list-style: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0 0 0 2px;
}

    .WebTreeRootNodeF span {
        display: run-in;
        padding: 2px;
        margin-left: 2px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 3px;
        border: 1px solid rgba(197, 209, 218, 0);
        -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 0 6px 0 rgba(140, 140, 140, 0) inset;
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 0 6px 0 rgba(140, 140, 140, 0) inset;
        -moz-transition: background-color 1000ms linear;
        -o-transition: background-color 1000ms linear;
        -webkit-transition: background-color 1000ms linear;
        transition: background-color 1000ms linear;
    }


.WebTreeRootNodeS {
    list-style: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0 0 0 2px;
}


    .WebTreeRootNodeS span {
        display: run-in;
        padding: 2px;
        margin-left: 2px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 3px;
        border: 1px solid rgba(197, 209, 218, 0);
        -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 0 6px 0 rgba(140, 140, 140, 0) inset;
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 0 6px 0 rgba(140, 140, 140, 0) inset;
        -moz-transition: background-color 1000ms linear;
        -o-transition: background-color 1000ms linear;
        -webkit-transition: background-color 1000ms linear;
        transition: background-color 1000ms linear;
    }



.WebCatalogoThumb {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0 0 0 2px;
}

    .WebCatalogoThumb li {
        display: inline-block;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 3px;
        border: 1px solid rgba(41, 43, 44, 0);
        -webkit-box-shadow: 0 1px 1px 0 transparent, 0 0 6px 0 rgba(60, 56, 56, 0.03);
        box-shadow: 0 1px 1px 0 transparent, 0 0 6px 0 rgba(60, 56, 56, 0.03);
        height: 250px;
        width: 300px;
    }


.WebCatalogoThumbLiRow {
    text-align: center;
    width: 100%;
    height: 155px;
}


.WebCatalogoThumbLiCell {
    vertical-align: middle;
}


/*28/06/13*/

/*.ui-state-highlight { height: 1.5em; line-height: 1.2em; }*/
/*#endregion */

.tituloLogin {
    /*font-family: "Segoe UI Web Light","Segoe UI Light","Segoe UI Web Regular","Segoe UI","Helvetica Neue",Arial;*/
    font-size: 16pt;
    text-align: left;
    position: absolute;
    display: block;
    width: 350px;
}

.WebGrid {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -moz-flex-direction: column;
    display: flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-flex;
    display: run-in;
    flex-direction: column;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.WebGridRow[data-state='hidden'] {
    display: none !important;
}

.WebGridRow {
    display: list-item;
    -webkit-flex: 1 auto auto;
    -ms-flex: 1 auto auto;
    flex: 1 auto auto;
    /*  -webkit-transition: width 0.2s ease-out;
    -moz-transition: width 0.2s ease-out;
    -o-transition: width 0.2s ease-out;
    transition: width 0.2s ease-out;*/
    list-style: none outside none;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/**/
/*.WebGridColumnIn {
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -moz-animation-name: slidein;
    -o-animation-name: slidein;
    -webkit-animation-name: slidein;
    animation-name: slidein;
}*/



/*.WebGridColumnOut {
    -moz-animation-duration: 3s;
    -o-animation-duration: 3s;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -moz-animation-name: slideout;
    -o-animation-name: slideout;
    -webkit-animation-name: slideout;
    animation-name: slideout;
}*/


.WebGridCell {
    display: table-cell;
    display: -webkit-inline-flex;
    display: inline-flexbox;
    display: inline-flex;
    float: left;
    position: relative;
}

    .WebGridCell.WebGridCell-ie {
        display: table-cell;
    }

.WebGridRowTitle {
    background: url("images/ui-bg_glass_85_dfeffc_1x400.png") repeat-x scroll 50% 50% #DFEFFC;
    display: inline-block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    width: 100%;
    border: 1px solid #C5DBEC;
    color: #2E6E9E;
    font-weight: bold;
}

.WebGridRowTitleText {
    display: inline-block;
    font-size: 1em;
    padding-left: 2.2em;
    color: #2E6E9E;
}






/*WebIndicador*/
.WebIndicador {
    display: inline-flex;
    soverflow: auto;
    width: 100%;
    height: 20px;
    sline-height: 20px;
    position: relative;
    overflow: hidden;
    /* white-space: nowrap; */
}

.row-indicador {
    cursor: pointer;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: rgba(255, 255, 255, 0.2);
    color: white;
}

    .row-indicador :hover {
        background: rgba(0, 0, 0, 0.2);
    }

.WebListaIndicadorPanel {
    list-style: none;
    margin: 0;
    padding: 0;
    /*border: 1px solid lightblue;*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.gradient-blue {
    background: -webkit-linear-gradient(top, rgb(63, 115, 174), rgb(39, 99, 155));
    background: -moz-linear-gradient(top, rgb(63, 115, 174), rgb(39, 99, 155));
    background: -ms-linear-gradient(top, rgb(63, 115, 174), rgb(39, 99, 155));
    background: -o-linear-gradient(top, rgb(63, 115, 174), rgb(39, 99, 155));
}

.lista-indicadores-grupo-titulo {
    background: #1B4A77;
    display: inherit;
    padding: 3px;
    color: white;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}

.dropbutton {
    padding: 0px;
}

.dropbutton-caption {
    padding-right: 10px;
}

.DropButtonBtnGear {
    color: white;
    margin-top: 3px;
    margin-left: 7px;
}

.DropButtonBtnGear16 {
    color: white;
    margin-top: 0;
    background-image: none;
    margin-left: 0;
    right: 75px;
    float: right;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}




    .DropButtonBtnGear16 .DropButtonBtn {
        margin-top: -2px;
    }

.MetroDropButton {
    color: white;
    margin-top: 0;
    background-image: none;
    margin-left: 0;
    right: 0;
    top: 2px;
    float: right;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0 0 0 0 !important;
    border: none;
}

    .MetroDropButton .DropButtonBtn {
        width: 0 !important;
    }

.DropItemTeamplate {
    padding: 5px;
    border: 1px solid transparent;
}


.DropButtonBtnGear .DropButtonBtn {
    background: url(../images/icons/dropBtn.gif) no-repeat 12px 15px transparent;
}

.GearToolbar {
    display: inline-block;
    width: 32px;
    height: 30px;
    background-image: url(../images/ToolBar/gears.png);
    float: left;
    opacity: 0.6;
}

.MetroDropArrow {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(../images/UI/ArrowDown.png);
    float: left;
    opacity: 0.6;
}

.WindowDropBtn > * {
    background: transparent;
    border: none;
}

.GearToolbar16 {
    display: inline-block;
    width: 16px;
    height: 16px;
    /*background-image:url(../images/ToolBar/gears16.png);*/
    background-image: url(../images/ToolBar/gearBlack1.png);
    float: left;
    position: absolute;
    top: 0px;
    left: 4px;
    opacity: 0.6;
}


    .GearToolbar16.GearDialog {
        left: auto;
        right: 86px;
        top: 1px;
    }

.ContainerDropSeparadorLinha {
    background-color: transparent;
    border: none;
    -moz-box-sizing: padding-box;
    -webkit-box-sizing: padding-box;
    box-sizing: padding-box;
    border-radius: 3px;
}


    .ContainerDropSeparadorLinha:hover {
        background-color: transparent;
        border: none;
        -moz-box-sizing: padding-box;
        -webkit-box-sizing: padding-box;
        box-sizing: padding-box;
        border-radius: 3px;
    }

.datagridolap-cell-tooltip-info {
    position: absolute;
    top: -2px;
    right: -3px;
    width: 5px;
    height: 5px;
    display: block;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #f00;
    -ms-transform: rotate(225deg); /* IE 9 */
    -webkit-transform: rotate(225deg); /* Chrome, Safari, Opera */
    transform: rotate(225deg);
}


.ContainerDropSeparadorHorizontal {
    display: inline-block;
    width: 100%;
    height: 2px;
    border-top: 1px solid lightgray;
}

.WebIndicadorIconMen {
    display: inline-block;
    height: 16px;
    width: 16px;
    background: url(../images/olap/mensuravel.png);
    position: relative;
    top: 3px;
    margin-right: 8px;
}

.WebIndicadorIconHier {
    display: inline-block;
    height: 16px;
    width: 16px;
    background: url(../images/olap/hierarquia.png);
    position: relative;
    top: 3px;
    margin-right: 8px;
}

.WebDragDrop {
    z-index: 9999999999;
    width: 150px;
    height: 27px;
    float: left;
    border: 2px solid white;
    color: #d9d9d9;
    margin: 5px;
    padding: 10px;
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.WebHoverState {
    background-color: rgba(188, 234, 250, 0.62);
    opacity: 0.8;
    border: 3px solid rgba(63, 131, 241, 0.85) !important;
    border-style: dashed !important;
}

/*.WebHoverState::after{
    content:" ";
    font-weight:bold;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border:3px solid rgba(63, 131, 241, 0.85);
    border-style:dashed;
}*/

.WebAnaliseHeader {
    border-bottom: 1px solid #ccdfed;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.WebBGToolBar {
    background: url("../images/UI/bg.png") repeat-x scroll center top rgb(219, 229, 254);
}

.OlapLayoutPanelLeft {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid lightgrey;
    border-left: 1px solid lightgrey;
    height: 100%;
}

.OlapLayoutPanelRight {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid lightgrey;
    border-left: 1px solid lightgrey;
    border-right: 1px solid lightgrey;
    height: 100%;
}

.btnEScrollX {
    background: url(../images/UI/rightArrow.png);
    width: 32px;
    height: 32px;
    position: absolute;
    top: 8px;
    left: -2px;
    cursor: pointer;
    display: none;
}

.btnDScrollX {
    background: url(../images/UI/leftArrow.png);
    width: 32px;
    height: 32px;
    position: absolute;
    top: 8px;
    right: -2px;
    cursor: pointer;
    display: none;
}

.btnMaxDialog {
    width: 26px;
    height: 18px;
    display: inline-block;
    position: absolute;
    right: 4.4em;
    background: url(../images/UI/btn-max.png);
    cursor: pointer;
    padding: 1px;
    font-size: 12px;
}

.btnRestDialog {
    width: 24px;
    height: 18px;
    display: inline-block;
    position: absolute;
    right: 4.4em;
    background: url(../images/UI/btn-reg.png);
    cursor: pointer;
    padding: 1px;
    font-size: 12px;
}

.btnMinDialog {
    width: 25px;
    height: 18px;
    display: inline-block;
    position: absolute;
    right: 6.7em;
    background: url(../images/UI/btn-min.png);
    cursor: pointer;
    padding: 1px;
    font-size: 12px;
}

.btnMaxDialog:hover {
    background: url("../images/UI/btn-max.png") repeat scroll 0 20px transparent;
}

.btnRestDialog:hover {
    background: url("../images/UI/btn-reg.png") repeat scroll 0 20px transparent;
}

.btnMinDialog:hover {
    background: url("../images/UI/btn-min.png") repeat scroll 0 20px transparent;
}

/*DataGrid V.2*/

.DataGridHolder {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.datagrid-column-btn {
    padding: 1px;
    background: transparent !important;
    border: 0px;
}

    .datagrid-column-btn > img {
        width: 20px;
        height: 20px;
    }

.TaskInfo {
    min-height: 22px;
    line-height: 20px;
    padding-left: 10px;
}

.TaskInfoDesc {
    margin-left: 6px;
}

/*classe para cuidar de bordas  CSS3 */

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

.invert {
    -webkit-filter: invert(1);
    filter: invert(1);
}

/*.rowForm{
    position:relative;
}*/

.imgCheck {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url(../images/icons/checked.png);
}

.imgNonCheck {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url(../images/icons/ximage.png);
}
/*Erro class*/
.ErrorCont {
    margin-right: 1px;
    color: rgba(230, 116, 116, 0.77);
    background: white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 18px;
    padding-right: 6px;
    display: inline-block;
    font-weight: bold;
    text-align: right;
    cursor: pointer;
    vertical-align: top;
    margin-top: 5px;
    margin-right: 8px;
}


.ErroList {
    display: list-item;
    border-bottom: 1px solid lightgray;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 5px;
    cursor: pointer;
}

.ErroLabelInfo {
    font-size: 12px;
    font-weight: bold;
    color: gray;
}


.WebTextBoxSelecaoBtProcurar {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 2px;
    margin-right: 2px;
    position: relative;
}

    .WebTextBoxSelecaoBtProcurar img {
        position: relative;
        top: 3px;
    }

.WebTextBoxSelecaoBtCad {
    display: inline-block;
    position: absolute;
    right: -1px
}

    .WebTextBoxSelecaoBtCad img {
        position: relative;
        top: 4px
    }

.WebTextBoxSelecaoInvalidoDisplay {
    border: solid 1px #dd0610;
    display: inline-block;
    background: rgb(218, 236, 244);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}



.WebTextBoxSelecaoBtDatePicker {
    display: inline-block;
    height: 16px;
    width: 16px;
    margin: 1px;
    position: relative;
    top: 5px;
    background: url("../images/icons/datepicker.png") transparent;
}

.WebTextBoxSelecaoBtTimePicker {
    display: inline-block;
    height: 16px;
    width: 16px;
    margin: 1px;
    position: relative;
    top: 5px;
    background: url("../images/icons/clock.png") transparent;
}

.WebComboBox {
    list-style: none;
    white-space: nowrap;
}


.WebComboBoxLupaBtn {
    display: run-in;
    width: 16px;
    height: 16px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(../images/icons/procurar.png);
    position: absolute;
    top: 3px;
    right: 3px;
    cursor: pointer;
}

.odometro {
    text-align: center;
    /*margin: 10px;*/
}

.odometro-letra {
    background: #000000;
    border: 1px solid #000;
    border-radius: 6px;
    color: #cfcfcf;
    display: inline-block;
    height: 70px;
    line-height: 70px;
    margin: 0 1px;
    position: relative;
    text-align: center;
    width: 60px;
    min-width: 25px;
    font-size: 50px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.45);
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

.semaforo {
    background: black;
    width: 80px;
    border-radius: 9px;
    border: 1px solid #7c7979;
    text-align: center;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.45);
    padding: 10px;
    margin: 10px;
}

.semaforo-sinal {
    border-radius: 40px;
    height: 50px;
    width: 50px;
    background: red;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.45);
    margin: 4px;
}

.semaforo-sinal-active {
    border: 1px solid #e8e7e7;
}

.DragHelperElement {
    /*todo*/
}

.ArrowPointer {
    display: inline-block;
    position: absolute;
    z-index: 999999999999999;
    height: 32px;
    width: 16px;
    background: url('../images/icons/ArrowPointer1.png') no-repeat;
    background-position: 0px 0px;
    -webkit-transition: background-position 1s ease;
    -moz-transition: background-position 1s ease;
    -o-transition: background-position 1s ease;
    transition: background-position 1s ease;
    -moz-animation: ArrowPointerA;
    -o-animation: ArrowPointerA;
    -webkit-animation: ArrowPointerA;
    animation: ArrowPointerA;
    -moz-animation-duration: 0.6s;
    -o-animation-duration: 0.6s;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -moz-animation-direction: alternate;
    -o-animation-direction: alternate;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

/*Erro class*/

*[data-title]:hover:after {
    content: attr(data-title);
    padding: 4px 8px;
    color: #333;
    position: absolute;
    left: 0;
    top: 2%;
    white-space: nowrap;
    z-index: 25000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 4px #222;
    -webkit-box-shadow: 0px 0px 4px #222;
    box-shadow: 0px 0px 4px #222;
    background-image: -moz-linear-gradient(top, #eeeeee, white);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, white));
    background-image: -webkit-linear-gradient(top, #eeeeee, white);
    background-image: -moz-linear-gradient(top, #eeeeee, white);
    background-image: -ms-linear-gradient(top, #eeeeee, white);
    background-image: -o-linear-gradient(top, #eeeeee, white);
}



.timerImg {
    background-image: url(../images/ToolBar/Clock.png);
    display: inline-block;
    width: 24px;
    height: 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.timerDisplay {
    display: inline-block;
    margin-left: 21px;
    line-height: 12px;
    color: rgba(253, 253, 253, 0.65);
    font-size: 24px;
    margin-bottom: 5px;
}

.timerHolder {
    position: absolute;
    bottom: 0px;
    display: inline-block;
    vertical-align: middle;
    line-height: 16px;
    background: rgb(30, 29, 29);
    padding: 8px;
    border: 1px solid grey;
    -moz-opacity: 0.6;
    opacity: 0.6;
    right: 0;
    width: 83px;
    height: 27px;
}

.simpleAnimationBegin {
    opacity: 0;
}

.simpleAnimation {
    position: relative;
    -webkit-transition: opacity 0.6s, left 1s;
    -moz-transition: opacity 0.6s, left 1s;
    -ms-transition: opacity 0.6s, left 1s;
    -o-transition: opacity 0.6s, left 1s;
    transition: opacity 0.6s, left 1s;
    opacity: 100;
}

/*
    WebBtnFechar
    
 */

.label-lg {
    padding: 6px;
    font-size: 12px;
}

.td-center {
    text-align: center;
}

.post-it-note {
    background: #eae672;
    font-weight: bold;
}

.WebBtnFechar {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../images/icons/retirar.png);
    z-index: 1000;
    right: 0;
}

.slideshow {
    vertical-align: baseline;
    margin: 0;
    z-index: 999;
    display: block;
    top: 10%;
    bottom: 10%;
    left: 10%;
    right: 10%;
    position: absolute;
    text-align: center;
}


.slideshow-content {
    position: absolute;
    height: 100%;
    float: left;
}

.slideshow-container {
    display: inline-block;
    position: relative;
    float: left;
    height: 100%;
}

.slideshow-btn-slit {
    position: absolute;
    z-index: 20000;
    top: 265px;
    padding: 1px;
    background: rgba(162, 162, 162, 0.15);
    margin: 0px;
    width: 12px;
    color: #2f89ca;
    left: 0px;
    border-radius: 0px 6px 6px 0px;
    border: 1px solid rgba(109, 109, 109, 0.14);
}

    .slideshow-btn-slit > i {
        margin-left: -3px;
    }

.slideshow-title {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    line-height: 35px;
    text-align: left;
    padding-left: 15px;
    box-sizing: border-box;
    background: rgba(0,0,0,0.7);
    position: absolute;
    width: 100%;
    left: 0;
    transition: all .4s ease-out;
}

.slideshow-image-container {
    height: 100%;
    width: 100%;
    line-height: 1px;
    text-align: center;
    display: inline-block;
}

.slideshow-view-container {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    line-height: 0;
    text-align: left;
    background: white;
    z-index: 999;
    border: 4px solid #ddd;
    border-radius: 10px;
    line-height: initial;
}

.slideshow-content-effect {
    transition: all .5s ease;
}

.slideshow-content img, slide-show-image {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    vertical-align: middle;
    -webkit-user-select: none; /* SAFARI, CHROME */
    -khtml-user-select: none; /* KONQUEROR */
    -moz-user-select: none; /* FIREFOX */
    -ms-user-select: none; /* IE */
    user-select: none; /* CSS3 */
}

.slideshow-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5000;
    width: 100%;
    height: 100%;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    background: rgba(0,0,0,0.8);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.apresentacao-img-container-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.slideshow-wrapper-btns {
    position: absolute;
    top: 2%;
    right: 4%;
    display: block;
    z-index: 1001;
}

.apresentacao-imgs-holder-btns {
    height: 45px;
    text-align: right;
    width: 100%;
    padding: 6px 8px;
}

.slideshow-close {
    width: 32px;
    height: 32px;
    display: inline-block;
    background: url(../../images/UI/slide-show/closeMetro.png);
    cursor: pointer;
    opacity: .8;
    margin-left: 10px;
}

.slideshow-open-menu {
    width: 32px;
    height: 32px;
    display: inline-block;
    cursor: pointer;
    opacity: .8;
    background: url(../../images/UI/slide-show/menu_pontos.png);
    background-repeat: no-repeat;
    background-size: 90%;
    background-position: center;
    border-radius: 50%;
    border: 2px solid;
}

.slideshow-menu-lateral {
    position: absolute;
    right: 0;
    z-index: 6000;
    background: rgb(38, 69, 116);
    padding: 8px;
    display: none;
    width: 220px;
    top: 8%;
    height: 92%;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
}

.slideshow-titulo-img {
    margin: 8px 0;
    font-size: 18px;
    text-align: center;
    color: #ddd;
}

.slideshow-botoes-menu {
    margin: 4px 0;
}

.btn-icone-absolute {
    font-size: 18px;
    float: left;
    padding: 2px 4px;
}

.slideshow-container-info-img {
    background: rgba(0,0,0, 0.1);
    padding: 8px;
    border-radius: 4px;
    border: 1px solid rgba(255,255,255, 0.15);
}

.slideshow-rorate-right {
    width: 32px;
    height: 32px;
    display: inline-block;
    background: url(../../images/UI/slide-show/rotate_right.png);
    cursor: pointer;
    opacity: .8;
}

.slideshow-rorate-left {
    width: 32px;
    height: 32px;
    display: inline-block;
    background: url(../../images/UI/slide-show/menu_pontos.png);
    cursor: pointer;
    opacity: .8;
    margin-left: 10px;
}

.slideshow-close:hover {
    opacity: 1;
}

.slideshow-right-arrow {
    width: 48px;
    height: 48px;
    /*background: url(../../prisma/images/UI/slide-show/chevron-right.png);*/
    position: absolute;
    display: block;
    cursor: pointer;
    top: 45%;
    right: 2%;
    z-index: 1001;
    opacity: 0.35;
}

    .slideshow-right-arrow:hover {
        opacity: 1;
    }

.slideshow-left-arrow {
    width: 48px;
    display: block;
    height: 48px;
    /*background: url(../../prisma/images/UI/slide-show/chevron-left.png);*/
    position: absolute;
    cursor: pointer;
    top: 45%;
    left: 2%;
    z-index: 1001;
    opacity: 0.35;
}

    .slideshow-left-arrow:hover {
        opacity: 1;
    }

.slideshow-presentantion-holder {
    width: 105px;
    display: inline-block;
    position: absolute;
    height: 30px;
}

.slideshow-play {
    background: url(../images/UI/slide-show/play.png) no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    position: relative;
    padding-right: 15px;
    cursor: pointer;
    z-index: 1001;
}

.slideshow-pause {
    background: url(../images/UI/slide-show/pause.png) no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    position: relative;
    padding-right: 15px;
    cursor: pointer;
    z-index: 1001;
}

/*.slideshow-pause:hover {        
        background: url(../images/icons/pauseHover.png) no-repeat;
    }*/

.slideshow-stop {
    background: url(../images/UI/slide-show/stop.png) no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    z-index: 1001;
}

/*.slideshow-stop:hover {        
        background: url(../images/icons/stopHover.png) no-repeat;
    }*/

.slideshow-miniaturas-container {
    width: 100%;
    height: 64px;
    display: inline-flex;
    position: absolute;
    text-align: center;
    z-index: 999;
    overflow-x: auto;
    overflow-y: hidden;
    align-items: center;
    justify-content: center;
}

.slideshow-miniaturas {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 56px;
    height: 56px;
    padding: 4px;
    border: 1px solid white;
    box-sizing: border-box;
    border-radius: 10px;
    cursor: pointer;
    margin: 1px;
    opacity: .5;
}

    .slideshow-miniaturas > img {
        width: 100%;
        height: auto;
    }

    .slideshow-miniaturas:hover {
        opacity: .7 !important;
    }

.lightbox-open {
    visibility: visible;
    opacity: 1;
}

.PresentationJSUL {
    position: absolute;
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: nowrap;
    -webkit-transition: left .5s linear;
    -moz-transition: left .5s linear;
    -o-transition: left .5s linear;
    transition: left .5s linear;
}

    .PresentationJSUL li {
        display: inline-block;
    }

/*WebBtnFechar*/

/*!
 * jmpress.js v0.4.5
 * http://jmpressjs.github.com/jmpress.js
 *
 * A jQuery plugin to build a website on the infinite canvas.
 *
 * Copyright 2013 Kyle Robinson Young @shama & Tobias Koppers @sokra
 * Licensed MIT
 * http://www.opensource.org/licenses/mit-license.php
 *
 * Based on the foundation laid by Bartek Szopka @bartaz
 */
.will-appear {
    opacity: 0;
}

.do-appear {
    opacity: 1;
}

.will-drive-right, .will-drive-left {
    position: relative;
    -webkit-transition: opacity 0.6s, left 1s;
    -moz-transition: opacity 0.6s, left 1s;
    -ms-transition: opacity 0.6s, left 1s;
    -o-transition: opacity 0.6s, left 1s;
    transition: opacity 0.6s, left 1s;
    opacity: 0;
}

.will-drive-right {
    left: -300px;
}

.will-drive-left {
    left: 300px;
}

.will-drive-down, .will-drive-up {
    position: relative;
    -webkit-transition: opacity 0.6s, top 1s;
    -moz-transition: opacity 0.6s, top 1s;
    -ms-transition: opacity 0.6s, top 1s;
    -o-transition: opacity 0.6s, top 1s;
    transition: opacity 0.6s, top 1s;
    opacity: 0;
}

.will-drive-down {
    top: -300px;
}

.will-drive-up {
    top: 300px;
}

.do-drive-up, .do-drive-down {
    opacity: 1;
    top: 0px;
}

.do-drive-right, .do-drive-left {
    opacity: 1;
    left: 0px;
}

.will-expand {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    opacity: 0;
    -webkit-transform: translate3d(0,0,1px) scale(0.7,1);
    -moz-transform: translate3d(0,0,1px) scale(0.7,1);
    -ms-transform: translate3d(0,0,1px) scale(0.7,1);
    -o-transform: translate3d(0,0,1px) scale(0.7,1);
    transform: translate3d(0,0,1px) scale(0.7,1);
}

.do-expand {
    opacity: 1;
    -webkit-transform: translate3d(0,0,1px) scale(1,1);
    -moz-transform: translate3d(0,0,1px) scale(1,1);
    -ms-transform: translate3d(0,0,1px) scale(1,1);
    -o-transform: translate3d(0,0,1px) scale(1,1);
    transform: translate3d(0,0,1px) scale(1,1);
}

.has-expand {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.will-fade {
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
    opacity: 0;
}

.will-fade-slow {
    -webkit-transition: opacity 2s;
    -moz-transition: opacity 2s;
    -ms-transition: opacity 2s;
    -o-transition: opacity 2s;
    transition: opacity 2s;
    opacity: 0;
}

.will-fade-fast {
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
    opacity: 0;
}

.do-fade, .do-fade-slow, .do-fade-fast {
    opacity: 1;
}


.will-warp-right, .will-warp-left {
    position: relative;
    -webkit-transition: opacity 0.2s, left 0.5s ease-in-out;
    -moz-transition: opacity 0.2s, left 0.5s ease-in-out;
    -ms-transition: opacity 0.2s, left 0.5s ease-in-out;
    -o-transition: opacity 0.2s, left 0.5s ease-in-out;
    transition: opacity 0.2s, left 0.5s ease-in-out;
    opacity: 0;
}

.will-warp-right {
    left: -600px;
}

.will-warp-left {
    left: 600px;
}

.will-warp-down, .will-warp-up {
    position: relative;
    -webkit-transition: opacity 0.2s, top 0.5s ease-in-out;
    -moz-transition: opacity 0.2s, top 0.5s ease-in-out;
    -ms-transition: opacity 0.2s, top 0.5s ease-in-out;
    -o-transition: opacity 0.2s, top 0.5s ease-in-out;
    transition: opacity 0.2s, top 0.5s ease-in-out;
    opacity: 0;
}

.will-warp-down {
    top: -600px;
}

.will-warp-up {
    top: 600px;
}

.do-warp-up, .do-warp-down {
    opacity: 1;
    top: 0px;
}

.do-warp-right, .do-warp-left {
    opacity: 1;
    left: 0px;
}

.will-zoom {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    opacity: 0;
    -webkit-transform: translate3d(0,0,1px) scale(10,10);
    -moz-transform: translate3d(0,0,1px) scale(10,10);
    -ms-transform: translate3d(0,0,1px) scale(10,10);
    -o-transform: translate3d(0,0,1px) scale(10,10);
    transform: translate3d(0,0,1px) scale(10,10);
}

.do-zoom {
    opacity: 1;
    -webkit-transform: translate3d(0,0,1px) scale(1,1);
    -moz-transform: translate3d(0,0,1px) scale(1,1);
    -ms-transform: translate3d(0,0,1px) scale(1,1);
    -o-transform: translate3d(0,0,1px) scale(1,1);
    transform: translate3d(0,0,1px) scale(1,1);
}

.has-zoom {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.step {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

/** ANIMATION **/
.will-fade {
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
    opacity: 0;
}

.fade, .not-supported .will-fade {
    opacity: 1;
}



.aPosition {
    -moz-transition: all ease-in .1s;
    -o-transition: all ease-in .1s;
    -webkit-transition: all ease-in .1s;
    transition: all ease-in .1s;
}

.hoverEndLeft {
    border-left: 3px dashed rgba(63, 131, 241, 0.85);
    position: relative;
    float: left;
}

.hoverEndRight {
    border-right: 5px dashed #ddd;
    position: relative;
    float: left;
}

.hoverEndBottom {
    border-bottom: 5px dashed #ddd;
    position: relative;
    float: left;
}

.hoverEndTop {
    border-top: 5px dashed #ddd;
    position: relative;
    float: left;
}

.thumb {
    height: 50px;
    border: 1px solid #000;
    margin: 10px 5px 0 0;
}

/*Radio Button */
.radioInput {
    width: 14px;
    height: 14px;
    border: none;
    cursor: pointer;
    background: url(../images/icons/radioButton.png) no-repeat;
}

.radioInputChecked {
    cursor: pointer;
    background: url(../images/icons/radioButton.png) repeat scroll bottom left;
}

.radioInputDisable {
    background: url(../images/icons/checkbox.png) repeat scroll bottom left;
}

/*Radio Button */



.list-cards {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.list-cards-grupo {
    display: flex;
    width: 100%;
    padding-left: 5px;
    border-radius: 4px;
}

.list-cards-grupo-titulo {
    display: inline-block;
    font-size: 13px;
    padding-right: 5px;
    line-height: 30px;
}

.list-cards-grupo-display {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    white-space: nowrap;
}

.list-card {
    border: 2px solid rgba(121, 121, 121, 0.51);
    color: white;
    width: 200px;
    display: inline-block;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    text-align: center;
    margin: 4px;
    vertical-align: top;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
}

    .list-card:hover {
        border-color: #66afe9;
        box-shadow: 0 6px 22px rgba(15, 136, 239, 0.58), 0 10px 10px rgba(92, 178, 252, 0.21);
    }

.list-card-img {
    width: auto;
    height: auto;
    max-height: 120px;
    max-width: 190px;
    text-align: center;
}

.list-card-cell {
    padding: 1px;
}

.list-card-controle {
    font-size: 13px;
    padding: 2px 4px;
    border-radius: 4px;
    margin: 2px;
}

.list-card-controle-titulo {
    display: block;
    padding-right: 3px;
}

.list-card-controle-display {
    display: block;
}


/*BI*/


.bi-catalogo {
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}


.bi-catalogo-grupo {
    display: flex;
    width: 100%;
    padding-left: 5px;
    border-radius: 4px;
}

.bi-catalogo-grupo-titulo {
    display: inline-block;
    font-size: 13px;
    padding-right: 5px;
    line-height: 30px;
}

.bi-catalogo-grupo-display {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    white-space: nowrap;
}

.bi-catalogo-item {
    background: white;
    border: 2px solid rgba(121, 121, 121, 0.51);
    color: black;
    width: 200px;
    height: 160px;
    display: inline-block;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    text-align: center;
    margin: 10px;
    vertical-align: top;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
}

    .bi-catalogo-item:hover {
        border-color: #66afe9;
        box-shadow: 0 6px 22px rgba(15, 136, 239, 0.58), 0 10px 10px rgba(92, 178, 252, 0.21);
    }

.bi-catalogo-item-img {
    width: auto;
    height: auto;
    max-height: 120px;
    max-width: 190px;
    text-align: center;
}

.bi-catalogo-item-superior {
    display: block;
}

.bi-catalogo-item-inferior {
    display: block;
}

.bi-catalogo-item-indicador {
    font-size: 13px;
    padding: 2px 4px !important;
}

.bi-catalogo-item-titulo {
    display: block;
    padding-right: 3px;
}

.bi-catalogo-item-display {
    display: block;
    font-weight: bold;
}



.bi-cards {
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

.bi-cards-grupo {
    display: flex;
    width: 100%;
    padding-left: 5px;
    border-radius: 4px;
}

.bi-cards-grupo-titulo {
    display: inline-block;
    font-size: 13px;
    padding-right: 5px;
    line-height: 30px;
}

.bi-cards-grupo-display {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    white-space: nowrap;
}

.bi-card {
    border: 2px solid rgba(121, 121, 121, 0.51);
    color: black;
    width: 200px;
    height: 160px;
    display: inline-block;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    text-align: center;
    margin: 4px;
    vertical-align: top;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
}

    .bi-card:hover {
        border-color: #66afe9;
        box-shadow: 0 6px 22px rgba(15, 136, 239, 0.58), 0 10px 10px rgba(92, 178, 252, 0.21);
    }

.bi-card-img {
    width: auto;
    height: auto;
    max-height: 120px;
    max-width: 190px;
    text-align: center;
}

.bi-card-cell {
    padding: 1px;
}

.bi-card-indicador {
    font-size: 13px;
    padding: 2px 4px;
    border-radius: 4px;
    margin: 2px;
}

.bi-card-indicador-titulo {
    display: block;
    padding-right: 3px;
}

.bi-card-indicador-display {
    display: block;
}

.select-edit {
    font-size: 14px;
}

.select-edit-container-display {
    border: 1px solid #cccccc;
    border-radius: 4px;
    padding: 2px !important;
    display: flex;
    flex-wrap: wrap;
}

.autocomplete-suggestions {
    min-width: 300px;
}

.autocomplete-suggestion {
    font-size: 13px;
}

.select-edit-container-input {
    min-width: 300px;
    display: inline-flex;
    overflow: hidden;
    /*vertical-align: middle;
    white-space: nowrap;*/
    height: 30px;
    position: relative;
    line-height: 30px;
    /*border: 1px solid; /*apenas teste - remover*/
    flex: 1;
    align-self: center;
}

.select-edit-input {
    border: 0px;
    background: transparent;
    outline: 0;
    width: 100%;
    padding-left: 2px;
    line-height: 30px;
    box-sizing: border-box;
    height: 30px;
}

.select-edit-list-display {
    display: inline-flex;
    align-self: center;
    flex-wrap: wrap;
}

.select-edit-display-item {
    border: 1px solid #4fa5e2;
    border-radius: 4px;
    background-color: #cef4ff;
    color: darkblue;
    position: relative;
    width: auto;
    display: inline-block;
    padding: 2px 1px;
    padding-right: 20px;
    margin-right: 3px;
    margin-left: 1px;
}

    .select-edit-display-item > i {
        position: absolute;
        right: 3px;
        top: 6px;
        font-size: 11px;
        color: #71a6cc;
        padding: 0px;
    }

.listbox {
    width: 100%;
}

.listbox-container {
    width: 100%;
}

.listbox-item {
    display: flex;
    border: 1px solid transparent;
}

    .listbox-item > * > .ck-input {
        margin: 1px 0px;
    }

    .listbox-item > * > label {
        font-weight: normal;
        margin-top: -2px;
    }

    .listbox-item:hover {
        background-color: rgba(56, 139, 224, 0.3);
        border: 1px solid #58a2ef;
    }

.list-panel {
}

.list-panel-container {
    display: inline-block;
    margin: 6px;
}

.list-panel-content {
    border-radius: 8px;
    padding: 3px;
    cursor: pointer;
    align-items: center !important;
    -ms-flex-align: center !important;
    -webkit-flex-align: center !important;
    -webkit-align-items: center;
    display: table-cell;
    vertical-align: middle;
}

.list-panel-titulo {
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    padding: 4px;
}

.list-panel-display {
    font-size: 13px;
    text-align: center;
}

.list-panel-display-complemento {
    font-size: 11px;
    text-align: center;
    margin: 5px;
    background-color: rgba(0,0,0,0.12);
    border-radius: 10px;
}

.control-indicador-content {
}

.control-gauge-display {
    font-size: 14px;
    text-align: center;
    margin: 5px;
    font-weight: bold;
}

.control-gauge-titulo-superior {
    font-size: 13px;
    text-align: center;
    margin: 5px;
    background-color: rgba(0,0,0,0.12);
    border-radius: 4px;
    font-weight: bold;
    position: relative;
    top: 3px;
}

.control-gauge-titulo-inferior {
    font-size: 12px;
    text-align: center;
    margin: 5px;
    background-color: rgba(0,0,0,0.12);
    border-radius: 6px;
}

.gauge {
    vertical-align: middle;
}

.control-kpi {
    padding: 4px;
}

.control-kpi-card {
    position: relative;
}

.control-kpi-categoria {
    display: block;
    text-align: center;
    font-size: 24px;
    padding-top: 4px;
}

.control-kpi-titulo {
    display: block;
    text-align: center;
    font-size: 24px;
    padding-top: 4px;
}

.control-kpi-display {
    display: block;
    text-align: center;
    font-size: 28px;
    padding-top: 6px;
}

.control-kpi-subtitulo {
    position: absolute;
    display: block;
    text-align: center;
    bottom: 4px;
    right: 10px;
}


/*BI*/
.view-analise {
    /*position: absolute !important;*/
    display: inline-block;
}

.analise-container-filtros {
    border-bottom: 1px solid rgba(100, 100, 100, 0.4);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    overflow: auto;
    position: relative;
}

    .analise-container-filtros::-webkit-scrollbar {
        height: 7px;
        width: 7px;
    }

    .analise-container-filtros::-webkit-scrollbar-track {
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

    .analise-container-filtros::-webkit-scrollbar-thumb {
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background: rgba(45, 108, 162, 0.7);
    }

        .analise-container-filtros::-webkit-scrollbar-thumb:window-inactive {
            background: rgba(45, 108, 162, 0.7);
        }

.analise-container-conteudo {
    overflow: auto;
    float: left;
    width: 100%;
    position: relative;
    text-align: center;
}

.panel-bi-filtros {
    background: linear-gradient(#05426d, #0b3e61, #083765);
    color: white;
    white-space: nowrap;
    min-height: 100%;
    min-width: 100%;
}

.panel-bi-filtros-container {
    padding: 2px;
}

.panel-bi-filtros-btn-close {
    position: absolute;
    right: 8px;
    top: 0px;
    height: 24px;
    width: 24px;
    display: flex;
    color: white;
}

    .panel-bi-filtros-btn-close:hover {
        color: orange;
    }

.panel-bi-filtros-title {
    font-weight: bold;
    padding: 5px;
    text-align: center;
    font-size: 16px;
    background: rgba(0, 0, 0, 0.37);
}

.filtro-doc {
    padding: 2px;
}

.panel-filtro-doc > .panel-heading {
    padding: 4px;
}

.filtro-doc-dropbutton {
    position: absolute;
    right: 5px;
    padding: 1px 3px;
}

    .filtro-doc-dropbutton > .btn {
        padding: 0px 3px !important;
        color: #0d77c3;
    }

        .filtro-doc-dropbutton > .btn > i {
            margin-top: 2px;
            margin-right: 3px;
        }

.filtro-doc-title > .toolbar-spin {
    position: absolute;
    height: auto;
    width: 20px;
    margin-top: -4px;
    right: 42px;
}


/*Column DataGrid*/
.columnDownload {
    background: url(../images/icons/dropBtn.png);
    display: inline-block;
    height: 16px;
    width: 16px;
}

.bi-marcador-drop-indicador {
    position: fixed;
    top: -200%;
    min-width: 8px;
    border: 2px dashed #4D90FE;
    background: rgba(77, 144, 254, 0.2);
    z-index: 1000;
}
/*Column DataGrid*/


/*MenuiIniciar */
.MenuIniciar {
    display: inline-block;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    -moz-transition: all linear .2s;
    -o-transition: all linear .2s;
    -webkit-transition: all linear .2s;
    transition: all linear .2s;
}


.MenuIciarIcon {
    float: left;
}

.MenuIniciarContainer {
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.96);
    /*border:1px solid rgba(0, 0, 0, 0.21);*/
    z-index: 5000;
    border-bottom-right-radius: 5px;
    -webkit-box-shadow: 0 1px 5px 1px rgba(51, 51, 51, 0.09), 1px 1px 1px 0px rgba(0, 0, 0, 0.62);
    box-shadow: 0 1px 5px 1px rgba(51, 51, 51, 0.09), 1px 1px 1px 0px rgba(0, 0, 0, 0.62);
}

.MenuIniciarFooter {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid rgba(43, 43, 43, 0.46);
    border-radius: -1px;
    background-color: rgba(38, 53, 119, 0.89);
    color: white;
    padding: 4px;
}

.MenuIniciarHint {
    display: inline-block;
    width: 9px;
    height: 22px;
    background: url(../images/UI/arrowDisable.png) no-repeat -1px 10px;
}

.MenuIniciarCol {
    float: left;
    display: inline-block;
    height: 100% !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
}


.MenuIniciarItem {
    display: list-item;
    position: relative;
    list-style: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden;
    background: -webkit-linear-gradient(top, rgb(70, 106, 172), rgb(39, 99, 155));
    background: -moz-linear-gradient(top, rgb(70, 106, 172), rgb(39, 99, 155));
    background: -ms-linear-gradient(top, rgb(70, 106, 172), rgb(39, 99, 155));
    background: -o-linear-gradient(top, rgb(70, 106, 172), rgb(39, 99, 155));
    color: rgb(238, 235, 235);
}

    .MenuIniciarItem:hover {
        background: transparent url('../images/UI/button_over.png') repeat-x scroll left -10px;
        color: black;
    }

    .MenuIniciarItem:active {
        background-color: rgba(0, 0, 0, 0.88);
    }

.MenuItemSep {
    display: list-item;
    position: relative;
    list-style: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    cursor: pointer;
    -moz-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
}

.MenuIniciarItemCir {
    display: inline-block;
    width: 7px;
    height: 8px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid rgba(129, 129, 129, 0.31);
    border-bottom-right-radius: 61px;
    border-top-right-radius: 61px;
    margin-right: 2px;
    -webkit-box-shadow: 0 1px 5px 1px rgba(51, 51, 51, 0.01), 1px 1px 1px 0px rgba(0, 0, 0, 0.3) inset;
    box-shadow: 0 1px 5px 1px rgba(51, 51, 51, 0.01), 1px 1px 1px 0px rgba(0, 0, 0, 0.3) inset;
}

.MenuIniciarHome {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../images/UI/Home24.png);
    margin-right: 6px;
}

.MenuIniciarMenu {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../images/UI/Menu24.png);
    margin-right: 6px;
}
/*MenuIciciar*/


/*OpcaoItem*/
.OpcaoItemImg {
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    border-right: 1px solid rgba(163, 163, 163, 0.41);
}

.label-info-dif-datas {
    border-radius: 4px;
    padding: 4px;
    color: white;
    margin: 0px 2px;
    font-size: 12px;
}

/*OpcaoItem*/
/*MenuTabList*/
.AbienteMenuItem {
    display: inline-block;
    min-width: 100px;
    background-color: rgba(0, 0, 0, 0.45);
    height: 22px;
    cursor: pointer;
    color: white;
    border-radius: 4px 4px 0 0;
    white-space: nowrap;
    border-top: 1px solid rgba(44, 44, 44, 0.40);
    border-bottom: none;
    border-left: 1px solid rgba(44, 44, 44, 0.40);
    border-right: 1px solid rgba(44, 44, 44, 0.40);
    position: absolute;
    text-align: center;
    padding: 2px;
    bottom: 0;
    overflow: hidden;
    z-index: 2500;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: rgba(0, 0, 0, 0.075) inset, 0px 0px 4px rgba(82, 168, 236, 0.6);
    box-shadow: rgba(0, 0, 0, 0.075) inset, 0px 0px 4px rgba(82, 168, 236, 0.6);
    /*-moz-animation-name: AbienteMenuItemUp;
    -o-animation-name: AbienteMenuItemUp;
    -webkit-animation-name: AbienteMenuItemUp;
    animation-name: AbienteMenuItemUp;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -moz-animation-duration: .3s;
    -o-animation-duration: .3s;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;*/
}

.MenuTabListUlAba {
    background-color: #4f81bd;
    border-radius: 0 4px 4px 0;
    position: relative;
    display: none;
    border-top: 1px solid #385d8a;
    border-bottom: 1px solid #385d8a;
    border-right: 1px solid #385d8a;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.MenuTabListUlAbaVisivel {
    display: inline-block;
    -moz-animation: MenuTabListUlAbaOpen;
    -o-animation: MenuTabListUlAbaOpen;
    -webkit-animation: MenuTabListUlAbaOpen;
    animation: MenuTabListUlAbaOpen;
    -moz-animation-duration: 0.8s;
    -o-animation-duration: 0.8s;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}


.MenuTabListUlAbaCirculo {
    background-color: #fff;
    border-radius: 100px;
    display: inline-block;
    width: 8px;
    height: 8px;
    position: absolute;
}

.MenuTabListUl {
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #dce6f2;
    border: 2px solid #385d8a;
}

.MenuTabListLICaption {
    font-size: 16px;
    display: table-cell;
    vertical-align: middle;
}

.MenuTabListLILIArrow {
    display: table-cell;
    vertical-align: middle;
    width: 29px;
    max-height: 42px;
    background: url(../images/UI/ArrowMenuTabLiWhite.png) no-repeat -2px;
}

.MenuTabListLI {
    cursor: pointer;
    margin: 5px 0 0 0;
    padding: 0;
    height: 80px;
    color: white;
    text-align: center;
    background-color: #4f81bd;
    -moz-animation: MenuTabListLIShow;
    -o-animation: MenuTabListLIShow;
    -webkit-animation: MenuTabListLIShow;
    animation: MenuTabListLIShow;
    -moz-animation-duration: 0.2s;
    -o-animation-duration: 0.2s;
    -webkit-animation-duration: 1s;
    animation-duration: 0.2s;
    -moz-animation-delay: 0s;
    -o-animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -moz-transition: background-color linear 0.2s;
    -o-transition: background-color linear 0.2s;
    -webkit-transition: background-color linear 0.2s;
    transition: background-color linear 0.2s;
}

.MenuTabListLISelect {
    background-color: #fff;
    color: rgb(0, 0, 0);
}

    .MenuTabListLISelect .MenuTabListLILIArrow {
        background: url(../images/UI/ArrowMenuTabLi.png) no-repeat -2px;
    }


.MenuTabListLI:hover {
    background-color: #fff;
    color: rgb(0, 0, 0);
}


.MenuTabListLIConf {
    background-color: transparent;
    margin: 5px 11px 19px 0;
    padding: 0;
    text-align: right;
    height: 10px;
}

    .MenuTabListLIConf .DropButtonBtnGear16 {
        right: -19px;
    }

.MenuTabListLI:hover .MenuTabListLILIArrow {
    background: url(../images/UI/ArrowMenuTabLi.png) no-repeat -2px;
}
/*MenuTabList*/

/*WebDocklet*/
.WebDocklet {
    display: inline-block;
    min-height: 90px;
    min-width: 100px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #68aaf8;
    border: 1px solid #385d8a;
    color: white;
    margin: 2px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.48) inset;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 0 0 rgba(255, 255, 255, 0.48) inset;
}

.WebDockletPerspective {
    -webkit-perspective: 500;
    -moz-perspective: 500;
    -ms-perspective: 500;
    perspective: 500;
}

/*SimpleWindow*/
.SimpleWindow {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
    border-radius: 3px;
    border: 1px solid rgba(255, 0, 0, 0);
    overflow: hidden;
}

.SimpleWindowShadow {
    -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.54), 0 4px 0 0 #070707 inset;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.54), 0 4px 0 0 #070707 inset;
}

.SimpleWindowClean {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}


.SimpleWindowLineTB {
    display: inline-block;
    float: left;
    width: 100%;
    position: absolute;
}

.SimpleWindowLineLR {
    display: inline-block;
    float: left;
    position: absolute;
}

.SimpleWindowContent {
    overflow: auto;
    float: left;
}

.SimpleWindowClose {
    position: relative;
    top: 2px;
    right: 2px;
    display: inline-block;
    width: 24px;
    height: 24px;
    float: right;
    cursor: pointer;
    background-image: url("../images/UI/CloseBT24.png");
}

.SimpleWindowMaximize {
    position: relative;
    top: 2px;
    right: 6px;
    display: inline-block;
    width: 24px;
    height: 24px;
    float: right;
    cursor: pointer;
    background-image: url("../images/UI/maximize24.png");
}

.SimpleWindowTileBar {
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    background-color: #3892d3;
    color: white;
}

.SimpleWindowRow {
    margin: 0 !important;
    padding: 0 !important;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: visible;
}

/*SimpleWindow*/

.redmark {
    position: absolute;
    right: 0;
    top: 0;
}

    .redmark:before {
        border-bottom: aliceblue;
        display: block;
        content: "";
        position: absolute !important;
        right: 0;
        top: 0;
        border: 8px solid transparent;
        border-width: 0 8px 8px 8px;
        border-right-color: red;
    }

/*Metro fonts*/

.MetroFontLight {
    font-family: 'Segoe UI',Arial,'Courier New';
    font-weight: 200;
    font-size: 11pt;
    font-style: oblique;
    display: inline-block;
    color: rgba(255, 255, 255, 1);
    font-weight: 300;
    letter-spacing: 0.01em;
}

.MetroFontSemilight {
    font-family: 'Segoe UI',Arial,'Courier New';
    font-weight: 300;
    font-size: 9pt;
}

.MetroFontBold {
    font-family: "Segoe UI Semibold","Segoe UI","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
    font-weight: 600;
    font-size: 20pt;
    letter-spacing: 0.01em;
    font-family: 'Segoe UI';
    -ms-font-feature-settings: 'kern' 1, 'dlig' 1, 'ss20' 1, 'lig' 1;
    -moz-font-feature-settings: 'kern' 1, 'dlig' 1, 'ss20' 1, 'lig' 1;
    font-feature-settings: 'kern' 1, 'dlig' 1, 'ss20' 1, 'lig' 1;
}


/*Metro Menu*/
.MenuMetroAba {
    border-radius: 0 4px 4px 0;
    position: relative;
    display: none;
    border-top: 1px solid #385d8a;
    border-bottom: 1px solid #385d8a;
    border-right: 1px solid #385d8a;
    cursor: col-resize;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(104, 170, 248, 0.31);
    opacity: 0.9;
}

.MetroMenuLayerHolder {
    display: inline-block;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    padding: 9px;
    width: 270px;
}

.MetroMenuLayerBack {
    position: absolute;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #232323;
    opacity: 0.9;
    width: 270px;
}

.MetroMenuLayerContent {
    position: absolute;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.MetroMenuLayerBackInit {
    left: -270px;
}

.MetroMenuLayerBackSlideIn {
    -moz-animation-name: slideMenuMetroIn;
    -o-animation-name: slideMenuMetroIn;
    -webkit-animation-name: slideMenuMetroIn;
    animation-name: slideMenuMetroIn;
    -moz-animation-duration: .4s;
    -o-animation-duration: .4s;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -moz-animation-timing-function: cubic-bezier();
    -o-animation-timing-function: cubic-bezier();
    -webkit-animation-timing-function: cubic-bezier();
    animation-timing-function: cubic-bezier();
}

.MetroMenuLayerBackSlideOut {
    -moz-animation-name: slideMenuMetroOut;
    -o-animation-name: slideMenuMetroOut;
    -webkit-animation-name: slideMenuMetroOut;
    animation-name: slideMenuMetroOut;
    -moz-animation-duration: .4s;
    -o-animation-duration: .4s;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -moz-animation-timing-function: cubic-bezier();
    -o-animation-timing-function: cubic-bezier();
    -webkit-animation-timing-function: cubic-bezier();
    animation-timing-function: cubic-bezier();
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.OpcaoMetroItem {
    position: absolute;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 3px solid transparent;
    overflow: hidden;
    display: inline-block;
    border: 4px solid transparent;
    cursor: pointer;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}

    /*.OpcaoMetroItem:hover {
        border: 3px solid rgba(0, 0, 0, 0.13);
        background-color: #f47a00 !important;
    }*/

    .OpcaoMetroItem:hover {
        border-color: #66afe9;
        box-shadow: 0 6px 22px rgba(15, 136, 239, 0.58), 0 10px 10px rgba(92, 178, 252, 0.21);
        font-weight: bold;
    }


.DropButtonBtnMetro16 {
    color: white;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0;
    margin-left: 0;
    right: 44px;
    float: right;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    top: -1px;
}

.MetroSettingDrop16 {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(../images/icons/settingsMetro.png);
    float: left;
    position: absolute;
    top: 0px;
    left: 0;
    opacity: 0.6;
}

.toggle-control {
}

    .toggle-control .toggle-label {
        float: right;
    }

    .toggle-control .toggle {
        border: 1px solid #dfdfdf;
        border-radius: 20px;
        cursor: pointer;
        display: inline-block;
        height: 30px;
        position: relative;
        vertical-align: middle;
        width: 50px;
        transition: border 0.4s, box-shadow 0.4s, background-color 1.2s;
        float: right;
    }

    .toggle-control small {
        background: #fff;
        border-radius: 100%;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
        height: 27px;
        position: relative;
        top: 0;
        width: 27px;
        transition: left 0.2s;
    }


.toolbar-holder {
    display: inline-block;
    white-space: nowrap;
}

.blocoHover {
    z-index: 0;
    border: 2px solid orange !important;
}

.blocoHoverProcesso {
    z-index: 0;
    transform: rotate(5deg);
}

.bloco-class {
    border: 1px solid #1e8151;
    display: inline-block;
    position: absolute;
    border-radius: 10px;
    cursor: move;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.MenuLateralBtnAmbientes:hover {
    -moz-animation-name: hoverMenuBtn;
    -o-animation-name: hoverMenuBtn;
    -webkit-animation-name: hoverMenuBtn;
    animation-name: hoverMenuBtn;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.jqx-widget-content {
    background-color: transparent;
    border-color: transparent;
}


.listview-container {
    width: 100%;
    height: 95%;
    overflow: auto;
    padding: 10px;
    font-size: 14px;
    border-bottom: 5px solid #ddd;
}

.listview-header-cell {
    font-weight: bold;
    color: white;
    font-size: 13px;
    cursor: pointer;
}

.listview-row-container {
    height: auto;
    padding: 5px 5px 0 10px;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.26);
    background: rgba(0, 0, 0, 0.3);
    cursor: pointer;
    transition: .3s ease all;
    position: relative;
}

.listview-row-container-alternativo {
    background: rgba(255, 255, 255, 0.03);
}

.listview-row-container:last-child {
    border-bottom: 1px solid #ABABAB;
}

.listview-row-container:hover {
    box-shadow: -1px 1px 7px #9ccee9;
}

.listview-row-label-destaque {
    font-weight: bold;
}

.listview-cell-marcador {
    padding-right: 4px;
    color: #3681df;
}


.listview-holder-pesquisa {
    width: 85%;
    background: rgba(255, 255, 255, 0.60);
    border: 1px solid rgba(255, 255, 255, 0.70);
    border-radius: 4px;
    padding: 4px;
    height: 35px;
    display: inline-block;
}

.listview-input-pesquisa {
    background: transparent;
    border: none;
    outline: none;
    width: calc(100% - 40px);
    height: 100%;
    color: #222;
}

    .listview-input-pesquisa:active, .listview-input-pesquisa:hover {
        border: none;
        outline: none;
    }


.formulario {
}

.formulario-secoes {
    padding: 3px;
    position: relative;
    background: rgba(0, 0, 0, 0.2);
    margin: 6px;
    border-radius: 3px;
    display: flow-root;
}

.formulario-container {
    padding: 2px !important;
}

.formulario-secao-container {
}

.formulario-secao {
    border: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 8px;
    border-radius: 4px;
    padding: 0px;
    margin: 2px;
}


.formulario-secao-icone-seta {
    position: absolute;
    font-size: 14px;
    top: 10px;
    right: 8px;
}


.formulario-secao-conteudo {
    padding: 3px;
    display: flow-root;
}

    .formulario-secao-conteudo > .control {
        padding: 3px;
    }


.formulario-secao-titulo {
    color: rgba(255, 255, 255, 0.72);
    font-size: 22px;
    background: rgba(154, 154, 154, 0.16);
    padding-left: 10px;
    border-radius: 6px 6px 0px 0px;
    cursor: pointer;
    display: flex;
    position: relative;
}

.formulario-titulo {
    font-size: 28px;
    color: white;
    margin: 10px 0;
    text-align: center;
}


.formulario-toolbar-botoes {
    max-height: 35px;
    display: flex;
    align-items: center;
}

.formulario-container-botoes-inferiores {
    margin-top: 5px;
    max-height: 45px;
    height: 45px;
    align-items: center;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important;
}

.mapa-perspectiva {
    /*position: absolute !important;*/
    border: 1px solid #ddd;
    z-index: 0;
    cursor: move;
}

    .mapa-perspectiva div.vert {
        resize: vertical;
        max-height: 400px;
        min-height: 100px;
        border: 5px solid #ff0;
    }

.mapa-perspectiva-placeholder {
    border: dashed #9c852b;
    border-width: 1px 1px 0px 1px;
    height: 100px;
}

.dropButtonAtendimento {
    display: inline-block;
}

    .dropButtonAtendimento span {
        background: url(../images/UI/ArrowDownDark.png);
        width: 20px !important;
        height: 24px !important;
        border-left: none;
    }

.dock-panel-holder {
    /*cursor: move;*/
}

.btn-mini {
    padding: 0px 2px;
    font-size: 12px;
    margin: 0px 3px;
    line-height: 15px;
    height: 18px;
}

.btn-mini-info {
    padding: 0px 2px;
    font-size: 12px;
    margin: 0px 3px;
    line-height: 15px;
    height: 18px;
    background: #366bbb;
    color: #fff !important;
}


.btn-filter {
    padding: 3.5px 10px !important;
}

.center-align-elem {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    text-align: center;
}


/*DIAGRAMA*/

.imagem-indicador-content {
    margin: 2px 0 0 2px;
    display: inline-block;
    cursor: pointer;
}

.imagem-indicador {
    float: right;
    padding: 0 2px 2px 0;
}

.circulo-indicador-content {
    width: 76%;
    display: inline-block;
    float: right;
    margin: 2px 2px 0 0;
    cursor: pointer;
}

.texto-indicador-content {
    display: inline-block;
    margin: 0 0 2px 15px;
    font-size: 13px;
}


/* FILES EXPLORER */
.files-explorer {
    width: 100%;
}

.files-explorer-container-conteudo {
    padding: 10px;
}

.files-explorer-container-miniaturas {
    display: inline-block;
}

.btn-miniatura {
    display: inline-block;
    width: 200px;
    height: 150px;
    margin: 2px;
    position: relative;
}

    .btn-miniatura > img {
        max-width: 100%;
        max-height: calc(100% - 24px);
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .btn-miniatura:hover > img {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    .btn-miniatura > label {
        bottom: -14px;
        font-weight: inherit;
        text-align: center;
        width: 100%;
        left: 0px;
        font-size: 12px;
        color: #a7d7ff;
        word-wrap: break-word;
        white-space: normal;
        line-height: 12px;
        display: block;
        position: relative;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .btn-miniatura > .poster {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        background-color: transparent;
        border: 1px solid #bccaf2;
        border-radius: 4px;
    }

    .btn-miniatura:hover > .poster {
        background-color: rgba(86, 204, 255, 0.2);
        border: 1px solid #2897f6;
    }

.files-explorer-container-diretorios {
    background: linear-gradient(#182D5A, #235D71, #0A1133);
    color: white;
    border-radius: 6px;
    padding: 6px;
}

.container-item-lista {
    display: inline-block;
    width: 100%;
    height: 22px;
}

.container-item-miniatura > span {
    display: block;
    text-align: center;
}

.container-item-lista > img {
    width: 20px;
    height: 20px;
}

@media screen and (max-height: 600px) {
    /*aplica css para quando altura for menor que 600*/
    .MetroMenuLayerHolder {
        overflow: auto;
        width: 290px;
    }

    .MetroMenuLayerBack {
        width: 290px;
    }

    .MediaPlayerBtnLeftRight {
        padding: 9px 25px 9px 25px;
    }

    .MetroMenuLayerBackInit {
        left: -290px;
    }

    @-webkit-keyframes slideMenuMetroOut {
        from {
            left: 0;
        }

        to {
            left: -290px;
        }
    }

    @-moz-keyframes slideMenuMetroOut {
        from {
            left: 0;
        }

        to {
            left: -290px;
        }
    }

    @keyframes slideMenuMetroOut {

        from {
            left: 0;
        }

        to {
            left: -290px;
        }
    }

    @-o-keyframes slideMenuMetroOut {
        from {
            left: 0;
        }

        to {
            left: -290px;
        }
    }
}

@-moz-keyframes slidein {
    from {
        opacity: 0;
    }

    to {
        opacity: 100;
    }
}

@-webkit-keyframes slidein {
    from {
        opacity: 0;
    }

    to {
        opacity: 100;
    }
}

@keyframes slidein {
    from {
        opacity: 0;
    }

    to {
        opacity: 100;
    }
}

@-moz-keyframes slideout {
    from {
        opacity: 100;
    }

    to {
        opacity: 0;
    }
}

@-webkit-keyframes slideout {
    from {
        opacity: 100;
    }

    to {
        opacity: 0;
    }
}

@keyframes slideout {
    from {
        opacity: 100;
    }

    to {
        opacity: 0;
    }
}

@-webkit-keyframes ArrowPointerA {
    from {
        background-position: 0px 0px;
    }

    to {
        background-position: 0px 16px;
    }
}

@keyframes ArrowPointerA {
    from {
        background-position: 0px 0px;
    }

    to {
        background-position: 0px 16px;
    }
}

@-o-keyframes MenuTabListLIShow {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

@-moz-keyframes MenuTabListLIShow {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

@-webkit-keyframes MenuTabListLIShow {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

@keyframes MenuTabListLIShow {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

@-webkit-keyframes MenuTabListUlAbaOpen {
    from {
        left: -20px;
    }

    to {
        left: 2px;
    }
}

@-o-keyframes MenuTabListUlAbaOpen {
    from {
        left: -20px;
    }

    to {
        left: 2px;
    }
}

@-moz-keyframes MenuTabListUlAbaOpen {
    from {
        left: -20px;
    }

    to {
        left: 2px;
    }
}

@keyframes MenuTabListUlAbaOpen {
    from {
        left: -20px;
    }

    to {
        left: 2px;
    }
}

@-o-keyframes hoverMenuBtn {
    0% {
        border: 1px solid rgba(0, 0, 0, 0.11);
        opacity: 100;
    }

    2% {
        opacity: 0;
    }

    50% {
        border: 1px solid rgba(0, 0, 0, 0.24);
        opacity: 50;
    }

    100% {
        border: 1px solid rgba(0, 0, 0, 0.11);
        opacity: 100;
    }
}

@-moz-keyframes hoverMenuBtn {
    0% {
        border: 1px solid rgba(0, 0, 0, 0.11);
        opacity: 100;
    }

    2% {
        opacity: 0;
    }

    50% {
        border: 1px solid rgba(0, 0, 0, 0.24);
        opacity: 50;
    }

    100% {
        border: 1px solid rgba(0, 0, 0, 0.11);
        opacity: 100;
    }
}

@-webkit-keyframes hoverMenuBtn {
    0% {
        border: 1px solid rgba(0, 0, 0, 0.11);
        opacity: 100;
    }

    2% {
        opacity: 0;
    }

    50% {
        border: 1px solid rgba(0, 0, 0, 0.24);
        opacity: 50;
    }

    100% {
        border: 1px solid rgba(0, 0, 0, 0.11);
        opacity: 100;
    }
}

@keyframes hoverMenuBtn {
    0% {
        border: 1px solid rgba(0, 0, 0, 0.11);
        opacity: 100;
    }

    2% {
        opacity: 0;
    }

    50% {
        border: 1px solid rgba(0, 0, 0, 0.24);
        opacity: 50;
    }

    100% {
        border: 1px solid rgba(0, 0, 0, 0.11);
        opacity: 100;
    }
}

@-webkit-keyframes slideMenuMetroIn {
    from {
        left: -270px;
    }

    to {
        left: 0;
    }
}

@-moz-keyframes slideMenuMetroIn {
    from {
        left: -270px;
    }

    to {
        left: 0;
    }
}

@-o-keyframes slideMenuMetroIn {
    from {
        left: -270px;
    }

    to {
        left: 0;
    }
}

@keyframes slideMenuMetroIn {
    from {
        left: -270px;
    }

    to {
        left: 0;
    }
}

@-webkit-keyframes slideMenuMetroOut {
    from {
        left: 0;
    }

    to {
        left: -270px;
    }
}

@-moz-keyframes slideMenuMetroOut {
    from {
        left: 0;
    }

    to {
        left: -270px;
    }
}

@-o-keyframes slideMenuMetroOut {
    from {
        left: 0;
    }

    to {
        left: -270px;
    }
}

@keyframes slideMenuMetroOut {
    from {
        left: 0;
    }

    to {
        left: -270px;
    }
}

@-webkit-keyframes AbienteMenuItemUp {
    from {
        bottom: -124px;
    }

    to {
        bottom: 0;
    }
}

@-moz-keyframes AbienteMenuItemUp {
    from {
        bottom: -124px;
    }

    to {
        bottom: 0;
    }
}

@-o-keyframes AbienteMenuItemUp {
    from {
        bottom: -124px
    }

    to {
        bottom: 0;
    }
}

@keyframes AbienteMenuItemUp {
    from {
        bottom: -124px;
    }

    to {
        bottom: 0;
    }
}


@-webkit-keyframes OpcaoMenuIN {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes OpcaoMenuIN {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@-o-keyframes OpcaoMenuIN {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes OpcaoMenuIN {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

/* -------------------------------- 
TIME LINE
-------------------------------- */

.cd-container {
    /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
    background-color: #e9f0f5;
    color: #7f8c97;
}

    .cd-container::after {
        /* clearfix */
        content: '';
        display: table;
        clear: both;
    }

.timeline {
    position: relative;
    padding: 2em 0;
    margin-top: 2em;
    margin-bottom: 2em;
}

    .timeline::before {
        /* this is the vertical line */
        content: '';
        position: absolute;
        top: 0;
        left: 18px;
        height: 100%;
        width: 4px;
        background: #d7e4ed;
    }


.timeline-block {
    position: relative;
    margin: 2em 0;
}

    .timeline-block:after {
        content: "";
        display: table;
        clear: both;
    }

    .timeline-block:first-child {
        margin-top: 0;
    }

    .timeline-block:last-child {
        margin-bottom: 0;
    }


.timeline-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}

    .timeline-img img {
        display: block;
        width: 24px;
        height: 24px;
        position: relative;
        left: 50%;
        top: 50%;
        margin-left: -12px;
        margin-top: -12px;
    }

    .timeline-img.cd-picture {
        background: #75ce66;
    }

    .timeline-img.cd-movie {
        background: #c03b44;
    }

    .timeline-img.cd-location {
        background: #f0ca45;
    }


@-webkit-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -moz-transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -moz-transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

.timeline-content {
    position: relative;
    margin-left: 60px;
    background: white;
    border-radius: 0.25em;
    padding: 1em;
    box-shadow: 0 3px 0 #d7e4ed;
}

    .timeline-content:after {
        content: "";
        display: table;
        clear: both;
    }

    .timeline-content h2 {
        color: #303e49;
    }

    .timeline-content p, .timeline-content .cd-read-more, .timeline-content .cd-date {
        font-size: 13px;
        font-size: 0.8125rem;
    }

    .timeline-content .cd-read-more, .timeline-content .cd-date {
        display: inline-block;
    }

    .timeline-content p {
        margin: 1em 0;
        line-height: 1.6;
    }

    .timeline-content .cd-read-more {
        float: right;
        padding: .8em 1em;
        background: #acb7c0;
        color: white;
        border-radius: 0.25em;
    }

.no-touch .timeline-content .cd-read-more:hover {
    background-color: #bac4cb;
}

.timeline-content .cd-date {
    float: left;
    padding: .8em 0;
    opacity: .7;
}

.timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid white;
}

@media only screen and (min-width: 768px) {
    .timeline-content h2 {
        font-size: 20px;
        font-size: 1.25rem;
    }

    .timeline-content p {
        font-size: 16px;
        font-size: 1rem;
    }

    .timeline-content .cd-read-more, .timeline-content .cd-date {
        font-size: 14px;
        font-size: 0.875rem;
    }
}



@-webkit-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(20px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        -moz-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
        transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -moz-transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(-20px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

/* Efeitos Progress Bar*/
.efeito-bolhas {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAABACAYAAAD7/UK9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjdFQ0M2MzdDQThBMTFFMUE3NzJFNzY4M0ZDMTA3MTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjdFQ0M2MzhDQThBMTFFMUE3NzJFNzY4M0ZDMTA3MTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyN0VDQzYzNUNBOEExMUUxQTc3MkU3NjgzRkMxMDcxMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyN0VDQzYzNkNBOEExMUUxQTc3MkU3NjgzRkMxMDcxMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoTG0pMAABr+SURBVHjavJ1nj1zX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") 0 0;
    -webkit-animation: sparkle 1500ms linear infinite;
    -moz-animation: sparkle 1500ms linear infinite;
    -o-animation: sparkle 1500ms linear infinite;
    animation: sparkle 1500ms linear infinite;
    opacity: 0.35;
    box-shadow: 0px 0px 12px 0px rgba(255, 255, 255, 1), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.55), inset 1px 0px 0px 0px rgba(255, 255, 255, 0.45), inset -1px 0px 0px 0px rgba(255, 255, 255, 0.75)
}

.barra-processo-element {
    width: 100%;
    height: 100%;
    display: inline-flex;
    justify-content: center;
    justify-self: center;
    align-items: center;
    align-self: center;
    flex-direction: column
}

.container-externo-barra {
    position: relative;
    border-radius: 8px;
    display: flex;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.35);
}

.barra-progresso {
    position: absolute;
    border-radius: 4px;
}

.label-display-barraProcesso {
    width: 100%;
    width: fit-content;
    min-width: 35px;
    height: 30px;
    padding: 8px 4px;
    background: rgba(0,0,0,0.75);
    color: #fff;
    position: absolute;
    border-radius: 6px;
    text-align: center;
    z-index: 10;
    display: none;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.75);
}

.barraProcesso-display-interno {
    text-align: center;
    position: absolute;
    z-index: 10;
    left: 0;
    /*right: 0;*/
    font-weight: bold;
    width: 100%;
    min-height: 45px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}

/* Efeito Bolhas */
@-webkit-keyframes sparkle {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 0 -64px;
    }
}

@-moz-keyframes sparkle {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 0 -64px;
    }
}

@-o-keyframes sparkle {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 0 -64px;
    }
}

@keyframes sparkle {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 0 -64px;
    }
}


.barra-progresso-tonel {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    height: 0px;
    border-radius: 45px/25px;
    background-color: rgba(160, 160, 160, 0.5);
}

    .barra-progresso-tonel:after {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 45px;
        border-radius: 45px/25px;
        background-color: rgba(160, 160, 160, 0.4);
        content: '';
    }

.tonel-parte-superior {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 45px;
    border-radius: 45px/25px;
}

.liquido-tonel {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0px;
    height: 0;
    padding-top: 45px;
    border-radius: 45px/25px;
    transition: 0.3s linear;
}

    .liquido-tonel:after {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 45px;
        border-radius: 45px/35px;
        content: '';
    }

.liquido-tonel-parte-superior {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 45px;
    border-radius: 45px/25px;
}

/* Componente FluxoGrama */
.bloco-jsplumb {
    border: 1px solid black;
    min-height: 35px;
    min-width: 60px;
    display: flex;
    cursor: pointer;
    text-align: center;
    z-index: 11 !important;
    position: absolute;
    border-radius: 8px;
}

.jtk-endpoint-connected svg circle {
    fill: black;
}

.jtk-endpoint, .jtk-endpoint-connected {
    z-index: 2;
}

.linha-conexao-fluxograma path {
}

.linha-conexao-fluxograma:hover path {
    stroke: #4D90FE;
}

.ancora-conexoes {
    z-index: 2;
}

    .ancora-conexoes:hover {
        cursor: pointer;
    }

    .ancora-conexoes svg circle {
        stroke: #4D90FE /*(70,85,130,0.9)*/;
        fill: rgba(0,0,0,0.7);
        r: 8;
    }

    .ancora-conexoes:hover svg circle {
        stroke: #000;
        fill: #4D90FE;
    }

.container-painel-fluxograma {
    position: relative;
    min-height: 100px;
    border-radius: 3px;
}

/*Componente PopupContainer.js*/
.popup-container {
    position: absolute;
    z-index: 999999;
    overflow: hidden;
    box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.85);
    border-radius: 6px;
    border: 1px solid rgba(62, 62, 62, 0.37);
    margin: auto;
    color: #3c3c3c;
}

.container-menu-flutuante {
    padding: 4px;
    /*height: 100%;*/
    height: auto;
    min-height: 100%;
}

.container-menu-holder-input {
    background: rgba(255,255,255, 0.85);
    border-radius: 4px;
    margin: 0 4px 4px 4px;
    padding: 4px;
    border: 1px solid rgba(0,0,0, 0.15);
}

    .container-menu-holder-input input {
        outline: none;
        border: none;
        background: transparent;
        width: 90%;
        color: #222;
    }

    .container-menu-holder-input i {
        width: 10%;
        color: #222;
    }

/*Componente Dropdown.js*/
.linha-option-dropdown {
    width: 98%;
    margin: 1px auto;
}

    .linha-option-dropdown:hover {
        background: #4D90FE;
        filter: brightness(110%);
    }

.ace_content {
    min-height: 100%;
    height: calc(100% + 8px) !important; /*add 8px referente a padding interno*/
}

/* Timeline */
.componente-timeline-2dweb {
    border: 1px solid rgba(120,120,120, 0.2);
    border-radius: 2px;
    height: fit-content;
}

.timeline-coluna-principal {
    display: flex;
    flex-direction: column;
    overflow-y: hidden;
    overflow-x: auto;
}

.timeline-coluna-lateral {
    display: flex;
    flex-direction: column;
    /*background: #eaeaea;*/
}

.timeline-coluna-botoes-visualizacao {
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 35px;
}

.timeline-btn-visualizacao {
    min-width: 75px;
    height: 25px;
    margin: 4px;
    padding: 2px 8px;
}

.timeline-btn-visualizacao-zoom {
    min-width: 30px;
    height: 25px;
    margin: 2px;
    padding: 2px 8px;
}

.linha-timeline-eventos {
    display: flex;
    flex-direction: row;
    position: relative;
}

.timeline-linha-grupo {
    border-bottom: 1px solid rgba(160,160,160, 0.2);
    border-right: 1px solid rgba(100,100,100, 0.75);
    display: inline-flex;
    align-items: center;
    width: 320px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 100;
}

.timeline-lateral-coluna-vazia {
    height: 20px;
    display: inline-flex;
    width: 320px;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 100;
    border-right: 1px solid rgba(100,100,100, 0.75);
}

.timeline-lateral-coluna-vazia-dia {
    height: 32px !important;
}

.timeline-bloco-unico {
    border-right: 1px solid rgba(0,0,0, 0.085);
    border-bottom: 1px solid rgba(0,0,0, 0.05);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.timeline-bloco-unico-fds {
    background: rgba(90, 90, 60, 0.2) !important;
}

.timeline-coluna-hoje {
    background-color: rgba(0, 100, 140, 0.18);
}

.timeline-evento-bloco-inline, .timeline-evento-bloco-gantt {
    z-index: 99;
    border-radius: 2px;
    text-align: center;
    font-size: 11px;
    background: rgba(50, 120, 140, 0.65)
}

.timeline-evento-bloco-gantt {
    border-radius: 6px;
    position: absolute;
}

.timeline-texto-evento {
    display: flex;
    align-items: center;
    justify-content: center;
}

.timeline-header {
    width: fit-content;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.timeline-linha-header {
    height: 20px;
    width: 100%;
    display: inline-flex;
}

.timeline-linha-header-dia {
    height: 32px !important;
}

.timeline-header-coluna-ano {
    display: inline-flex;
    font-size: 12px;
    height: 20px;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    justify-content: center;
    border-left: 1px solid rgba(100,100,100, 0.75);
}

.timeline-header-coluna-mes {
    display: inline-flex;
    font-size: 12px;
    height: 20px;
    align-items: center;
    font-size: 15px;
    font-weight: bold;
    justify-content: center;
    border-left: 1px solid rgba(100,100,100, 0.75);
    border-top: 1px solid rgba(100,100,100, 0.35);
}

.timeline-header-coluna-dia {
    display: inline-flex;
    flex-direction: column;
    font-size: 12px;
    height: 32px;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid rgba(100,100,100, 0.75);
}

.timeline-primeiro-dia-mes {
    border-left: 1px solid rgba(100,100,100, 0.75);
}

.container-timeline {
    width: fit-content;
    overflow-x: hidden;
    background: #fff;
}

.timeline-dark {
    background: #253c4c !important;
    color: white !important;
}

.timeline-clean {
    background: #eaeaea !important;
    color: #222 !important;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px !important
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px !important
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px !important
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px !important
}

/* Mapa de Calor */
.componente-mapacalor-2dweb {
    border: 1px solid rgba(42,63,84, 0.65);
    border-radius: 4px;
    height: -webkit-fill-available !important;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.mapacalor-caption {
    color: #fff;
    background: rgb(42, 63, 84);
    text-align: center;
    padding-top: 2px;
    height: 30px;
    font-size: 18px;
}

.mapacalor-holder {
    padding: 1px 4px;
}

.container-mapacalor {
    width: 85%;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: inline-block;
    padding-top: 4px;
    padding-bottom: 4px;
}

.mapacalor-coluna-vazia {
    min-width: 175px;
    z-index: 100;
}

.mapacalor-header {
    width: 85%;
    overflow: hidden;
    display: flex;
    flex-direction: row;
}

.container-mapacalor {
    overflow: auto;
}

.mapacalor-coluna-titulo {
    height: 90px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mapacalor-linha-titulo {
    display: inline-flex;
    align-items: center;
    min-width: 175px;
    max-width: 175px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 100;
    padding-left: 6px;
    justify-content: center;
}

.mapacalor-titulo-rotate {
    transform: rotate(-90deg);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 8px;
}

.mapacalor-linha {
    display: flex;
    flex-direction: row;
    position: relative;
    width: fit-content;
    width: -webkit-fit-content;
}

.mapacalor-holder-gradiente {
    width: 15%;
    display: inline-flex;
    justify-content: center;
    padding: 0 0 0 20px;
    position: relative;
}

.mapacalor-bloco {
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mapacalor-barra-gradiente {
    width: 35px;
    height: 100%;
    border-radius: 6px;
    border: 1px solid #667;
    box-shadow: 1px 1px 1px rgba(0,0,0, 0.75);
}

.mapacalor-container-labels-gradiente {
    position: relative;
    display: inline-flex;
    min-width: 28px;
}

.mapacalor-barra-gradiente-label {
    position: absolute;
    font-size: 11px;
    left: 10px;
}

/* tooltip graficos FusionChart */
.fc__tooltip {
    background-color: #111 !important;
    color: #fff !important;
    border-color: #333 !important;
    border-radius: 4px !important;
}

/* Slide Interativo */
.componente-slideInterativo-2dweb {
    overflow: hidden;
    height: 100%;
    width: 100%;
}

.slides-slide-mestre {
    width: 100%;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
}

.slides-mestre-span-titulo {
    margin: 20px 30px;
    display: flex;
    padding: 20px 6px;
    font-weight: bold;
}

.slides-mestre-span-observacao {
    margin: 15px 30px;
    padding: 6px;
    padding-left: 20px;
    font-size: 16px;
}

.slides-slide-circular-conteudo {
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: .5s;
    flex-direction: column;
    border-width: 2px !important;
    background-position: center;
    background-repeat: no-repeat;
}

.slides-slide-circular-atalho {
    border-radius: 50%;
    box-shadow: 1px 1px 2px #444;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: .5s;
    flex-direction: column;
    background-position: center;
    background-repeat: no-repeat;
}

    .slides-slide-circular-atalho:hover {
        box-shadow: none;
    }

.holder-slides {
    display: flex;
    justify-content: center;
    align-items: center;
}

.slides-btn-voltar {
    position: absolute;
    left: 25px;
    top: 25px;
    width: 56px;
    color: #fff;
    display: none;
}

.slide-icone-atalho {
    max-height: 56px;
    max-width: 56px;
}

.slide-icone-conteudo {
    max-height: 128px;
    max-width: 128px;
}

/* Piramide Etaria */
.piramide-etaria-2dweb {
    width: 100%;
    max-height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    overflow-y: hidden;
    padding: 6px;
}

.piramide-etaria-lados {
    padding: 2px 4px;
    border: 1px solid rgba(50,50,50, 0.4);
    border-radius: 4px;
    height: 100%;
}

.piramide-etaria-lado-esq {
    transform: rotateY(180deg);
}

.piramide-etaria-largura-lados {
    width: calc(48% - 65px);
}

.piramide-etaria-titulos {
    display: inline-flex;
    justify-content: center;
    font-weight: bold;
}

.piramide-etaria-coluna-central {
    width: 120px;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 6px;
}

.piramide-etaria-linha {
    display: flex;
    align-items: center;
}

.piramide-etaria-valor-preenchido {
    display: inline-flex;
}

    .piramide-etaria-valor-preenchido:hover {
        opacity: 0.6;
    }

.piramide-etaria-holder-escala {
    width: calc(48% - 65px);
    min-height: 30px;
    display: flex;
    flex-direction: row;
    padding-left: 4px;
    text-align: center;
    position: relative;
}

.piramide-etaria-valor-label {
    display: inline-flex;
    font-size: 11px;
    align-items: center;
    margin-left: 8px;
    margin-right: 4px;
}

.listbox-bi-row {
    position: relative;
    float: left;
    overflow: auto;
}

/* handle de resize/handle personalizados */
.controle-resize-handle-n {
    width: 25% !important;
    top: -4px !important;
    left: 38% !important;
    border-radius: 12px;
}

.controle-resize-handle-e {
    right: -4px !important;
    top: 38% !important;
    height: 25% !important;
    border-radius: 12px;
}

.controle-resize-handle-s {
    width: 25% !important;
    bottom: -4px !important;
    left: 38% !important;
    border-radius: 12px;
}

.controle-resize-handle-w {
    left: -4px !important;
    top: 38% !important;
    height: 25% !important;
    border-radius: 12px;
}

.controle-resize-handle-se {
    width: 12px !important;
    height: 12px !important;
    right: -6px !important;
    bottom: -6px !important;
    border-radius: 50%;
}

.controle-resize-handle-sw {
    width: 12px !important;
    height: 12px !important;
    left: -6px !important;
    bottom: -6px !important;
    border-radius: 50%;
}

.controle-resize-handle-ne {
    width: 12px !important;
    height: 12px !important;
    right: -6px !important;
    top: -6px !important;
    border-radius: 50%;
}

.controle-resize-handle-nw {
    width: 12px !important;
    height: 12px !important;
    left: -6px !important;
    top: -6px !important;
    border-radius: 50%;
}

.controle-resize-cores {
    background: rgb(250,250,250) !important;
    border: 1px solid rgba(0,0,0, 0.2) !important;
}

.ui-rotatable-handle {
    height: 16px;
    width: 16px;
    font-size: 16px;
    left: 45%;
    top: -20px;
    position: absolute;
    z-index: 100;
    cursor: grab;
}

.canvas-container {
    border: 1px solid rgba(0,0,0, 0.08);
    border-radius: 2px;
}

.input-pesquisa-vm-consulta {
    opacity: 0.75;
}

.inline-block {
    display: inline-block;
}

.force-inline {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 0;
}

.gauge-holder-display {
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    display: flex;
    z-index: 1001;
    flex-direction: column;
}

    .gauge-holder-display div {
        display: flex;
        flex-direction: column;
        position: absolute;
        width: 100%;
    }

.gauge-inner-holder {
    min-height: unset !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Gauge Linear*/

.gauge-linear-element {
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 5px;
}

.progressGauge-boxbar {
    position: relative;
    display: flex;
    align-items: center;
}

.progressGauge-progressbar {
    width: 100%;
    margin: 0px;
    position: absolute;
    background-color: #EEEEEE;
    box-shadow: inset 0px 1px 1px rgba(0,0,0,.1);
    display: flex;
    align-items: center;
}

.progressGauge-progress {
    position: absolute;
    height: 8px;
    background-color: #3498db;
}

.progressGauge-displaybox {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0px 6px;
}

.progressGauge-displaylabel {
    display: inline-flex;
    z-index: 10;
}

.progressGauge-displaytitle {
    display: inline-flex;
    z-index: 10;
}

/*load template estilo facebook*/
.box-template-loader {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 4px;
}

.template-loader-row {
    display: flex;
    flex-wrap: wrap;
    width: 98%;
    margin: 2px auto;
}

.template-loader-square {
    display: inline-flex;
    width: 30%;
    max-width: 120px;
    height: 80px;
    margin: 0 8px;
}

.template-loader-lines {
    flex: 1;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

    .template-loader-lines span {
        width: 100%;
        margin: 4px;
        height: 18px;
    }

.template-loader-block {
    display: block;
    width: 95%;
    margin: 3px auto;
    min-width: 120px;
    min-height: 120px;
    max-width: 200px;
    max-height: 200px;
}

.template-loader-frame {
    display: flex;
    flex-direction: column;
    width: 95%;
    margin: 0 auto
}

.template-loader-circle {
    display: flex;
    border-radius: 50%;
    margin: auto;
    width: 96px;
    height: 96px;
}

.box-template-loader span {
    animation: waveGlow 1s infinite linear forwards;
    -webkit-animation: waveGlow 1s infinite linear forwards;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 100px;
}

@keyframes waveGlow {
    0% {
        background-position: -500px 0
    }

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