.root{

    -intelbras-cor-fundo: #FFFFFF; /* BRANCO  -intelbras-cor-principal-instalador : #50788A;*/
    -intelbras-fundo-formulario : #F9F9F9;
    -intelbras-cor-texto: #8B979F;
    -intelbras-cor-titulo: #3E5055;

    -intelbras-cor-principal:#00A335;
    -intelbras-cor-principal-hover: #87C984;
    -intelbras-cor-principal-pressed: #00863F;

    -intelbras-cor-botao-primario: -intelbras-cor-principal;
    -intelbras-cor-botao-primario-hover: -intelbras-cor-principal-pressed;

    -intelbras-cor-botao-secundario: -intelbras-cor-fundo;

    -intelbras-cor-botao-secundario-borda: #8B979f;
    -intelbras-cor-botao-secundario-hover: #EBEEEE;

    -intelbras-cor-texto-botao-primario : #FFFFFF;
    -intelbras-cor-texto-botao-secundario : #3E5055;

    -intelbras-cor-textfield-focus: #F2F4F4;

    -intelbras-cor-borda: #D6DFE1;

    -intelbras-cor-borda-componentes: #323439;
    -intelbras-cor-fundo-componentes: #ffffff;

    margin: auto;
    padding: 0;
    border : 0;
    border-width : 0;
    /*min-width: 1024px;*/
    /*min-width: 1024px;*/

}

.intelbras-root {
    margin: auto;
    border : 0;
    border-width : 0;
    overflow-x: hidden; /* Disable horizontal scroll */
}

.intelbras-fundo-menu-instalador {
    background-color: -intelbras-cor-principal; /*Azul escuro*/
}

.intelbras-fundo-menu-usuario {
    background-color: -intelbras-cor-principal; /*Verde Intelbras*/
}

.intelbras-fundo-principal {
    /*background-color: -intelbras-cor-fundo; Branco*/
    background-color: -intelbras-fundo-formulario;
}

.intelbras-fundo-formulario {
    /*background-color: -intelbras-cor-fundo; Cinza*/
    background-color: -intelbras-fundo-formulario;  /*Cinza */
}
.intelbras-fundo-card {
    background-color: -intelbras-cor-fundo; /*Branco*/
}

.intelbras-menu-lateral {
    padding: 0 ;
    border: 0;
    border-width: 0;
    background-insets: 0;
    background-color: #152227;
    margin: 0;
    width: 240px;
    height: 100%; /* Full-height: remove this if you want "auto" height */
    /*width: 250px;  Set the width of the sidebar */

    position: fixed; /* Fixed Sidebar (stay in place on scroll) */
    z-index: 1; /* Stay on top */
    top: 0; /* Stay at the top */
    left: 0;
    /*background-color: #111;  Black */
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 20px;
}


.intelbras-menu-lateral a {
    /*padding: 4px 8px 4px 10px;*/
    padding: 0px 5px 5px 5px;
    text-decoration: none;
    font-size: 14px;
    color: #FFFFFF;
    display: block;
}

.intelbras-logo {
    alignment: center;
    padding: 10px;
}

.menu-lista {
    list-style-type: none; /* Remove bullets */
    padding: 0; /* Remove padding */
    margin: 0; /* Remove margins */

}



/* Active/current link */
.intelbras-menu-lateral a.active {
    background-color: #4CAF50;
    color: white;
}

/* Links on mouse-over */
.intelbras-menu-lateral a:hover:not(.active) {
    background-color: #00A335;
    color: white;
}

/* Page content. The value of the margin-left property should match the value of the sidebar's width property */
div.content {
    margin-left: 240px;
    padding: 1px 16px;
    /*height: 1000px;*/
}


.img-responsive {
    max-width: 100%;
    height: auto;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    /*    width: 50%;*/
}

/*
.intelbras-menu-lateral .titled-pane {
    border-width: 0 0 0 0;
    border-color : transparent;
}


.intelbras-menu-lateral .titled-pane > .title {
    padding: 0 5 5 5;
    cursor: hand;
    min-height: 2.0em;
    pref-height: 2.0em;
    text-origin: top;
}

.intelbras-menu-lateral .titled-pane > .content {
    border-width: 0 0 0 5; 
    background-color: #323439;
    border-color: transparent;
    border-color: linear-gradient(from 0% 0% to 100% 100%, -intelbras-cor-principal, #003610);
}

.intelbras-menu-lateral .accordion .titled-pane .button {
    cursor: hand;
    min-height: 1.6em;
    pref-height: 1.6em;
    border-width : 0 0 0.2 0;
    border-color : -intelbras-cor-borda;
}

.intelbras-menu-lateral .accordion .titled-pane .button .label {
    padding: 0 0 0 5;
}

.intelbras-menu-lateral .accordion .titled-pane:hover {
    background-color: -intelbras-cor-principal;
    border-color:-intelbras-cor-principal;
}

.intelbras-menu-lateral .accordion .titled-pane:hover > .title {
    background-color: -intelbras-cor-principal;
    border-color:-intelbras-cor-principal;
}

.intelbras-menu-lateral .accordion .titled-pane:expanded > .title {
    background-color: -intelbras-cor-principal;
    border-color:-intelbras-cor-principal;
}


.intelbras-menu-lateral .accordion .titled-pane:expanded .button:hover {
    background-color: #152227;
}


.intelbras-menu-lateral .accordion .titled-pane:expanded > .content {
    background-color: -intelbras-cor-principal;
    border-color: linear-gradient(from 0% 0% to 100% 100%, -intelbras-cor-principal, #003610);
}

.intelbras-selecionado-menu {
    background-color:-intelbras-cor-principal;
}

.intelbras-selecionado-menu-item {
    background-color:#152227;
}

.intelbras-selecionado-menu-item .label {
    background-color:#152227;
    text-fill: -intelbras-cor-principal !important;
    fill: -intelbras-cor-principal !important;
    text-inner-color: -intelbras-cor-principal !important;
    text-color: -intelbras-cor-principal !important;
}*/


.grid {
    /*    background-color: -intelbras-fundo-principal ;*/
    background-color: transparent;
    border-color: transparent;
    /*background-insets: 0, 1 1 0 0 ;*/
    /*padding: 1 ;*/
}

.grid-pane {
    /*    background-color: -intelbras-fundo-principal ;*/
    background-color: transparent;
    border-color: transparent;
    /*background-insets: 0, 1 1 0 0 ;*/
    /*padding: 1 ;*/
}

.text-field {
    pref-height: 30px;
    pref-width: 140px;
    line-height: 24px;
    border-insets: 0; 
    background-radius: 0;
    border-radius : 0;
    /*background-color: text-box-border, control-inner-background;*/
    background-color: -intelbras-cor-fundo;
    /*border-color: -intelbras-cor-borda;*/
    border-color: -intelbras-cor-borda-componentes;
}

.text-field:focused {
    border-insets: 0; 
    background-radius: 0;
    border-radius : 0;
    border-shadow : 0;
    /*border-color: none;*/
    background-color : -intelbras-cor-textfield-focus;
    border-color: -intelbras-cor-borda-componentes;
    color: -intelbras-cor-texto;
    text-color: -intelbras-cor-texto;
}

.scroll-pane {
    border : 0;
    border-width : 0;
    border-color : transparent;
    background-color: transparent;
    background-insets: 0;
    padding: 0;
}
.combo-box {
    pref-height: 30px;
    /*pref-width: 140px;*/
    line-height: 24px;

    border-insets: 0; 
    background-radius: 0;
    border-radius : 0;
    background-color : -intelbras-cor-fundo;
    /*border-color: -intelbras-cor-borda;*/
    border-color: -intelbras-cor-borda-componentes;
}
.combo-box-base {
    border-insets: 0; 
    background-radius: 0;
    border-radius : 0;
    background-color : -intelbras-cor-fundo;
    /*border-color: -intelbras-cor-borda;*/
    border-color: -intelbras-cor-borda-componentes;
}

.combo-box-popup .list-view .list-cell:hover {
    background-color : -intelbras-cor-principal;
}

.combo-box .list-view .list-cell:selected {
    background-color : -intelbras-cor-principal;
}

/*Retirando a cor cinza do combobox desativado*/

.combo-box:disabled, .combo-box:disabled > * {
    opacity: 1.0 ;
}

/*retirando a seta para selecionar no combobox desativado*/
.combo-box:disabled .arrow, .combo-box:disabled .arrow-button{
    background-color: transparent;
}

.combo-box > .list-cell{
    background-color: transparent;
    /*background-insets: transparent ;*/
}

.combo-box .text-field {
    border-insets: 0; 
    background-radius: 0;
    border-radius : 0;
    background-color : transparent;
    border-color: transparent;
    border-color: transparent; 
}

.combo-box .arrow-button {
    background-color: transparent;
}

/*.combo-box .arrow {
    background-color: transparent;
}*/

/*.combo-box .text-field {
    prompt-text-fill: transparent;
}
.combo-box .text-field:focused {
    prompt-text-fill: transparent;
}*/


.tooltip {
    border-color: #323439;
    background-radius: 0;
    border-radius : 0;
    background-color:  #323439;
    text-fill: #FFFFFF;
    wrap-text: true;
}


.intelbras-validacao-erro {
    background-color:#FFF0F0 !important;
    border-color: #D72735 !important;
}

.intelbras-tooltip-erro {
    background-color:#FFF0F0 !important;
    border-color: #D72735 !important;
}

.intelbras-erro {
    background-color:#D72735 !important;
    border-color: #D72735 !important;
}

.intelbras-erro-aba {
    background-color: transparent;
    border-color: transparent;
    margin: auto;
    padding: 0 0 5 0;
    border-width : 0;
    border : 0;
    border-width : 0 0 5 0;
    background-color:#FFF0F0 !important;
    border-color: #D72735 !important;
}
.intelbras-icone-erro {
    background-color: #D72735;
    background-radius: 50px;
    border-radius: 50px;
    border-width: 1px;
    border-color: #D72735;
}

.intelbras-icone-sucesso {
    background-color: -intelbras-cor-dialog-confirmacao;
    background-radius: 50px;
    border-radius: 50px;
    border-width: 1px;
    border-color: -intelbras-cor-dialog-confirmacao;
}

.intelbras-icone-default {
    background-color: transparent;
    background-radius: 50px;
    border-radius: 50px;
    border-width: 1px;
    border-color: transparent;
}

.progress-bar {
    border-insets: 0; 
    background-radius: 0;
    border-radius : 0;
    background-color : transparent;
    border-color: #d2d3d5;



}

.progress-bar .track {
    background-color : transparent;
}

.progress-bar .bar { 
    background-color: -intelbras-cor-principal;
    accent: -intelbras-cor-principal;
    /*background-insets: 10;*/
    /*background-size: 1600px 50px;*/
    padding: 0.95em;
    background-color: linear-gradient(
        from 0px .75em to .75em 0px,
        repeat,
        accent 0%,
        accent 49%,
        derive(accent, 30%) 50%,
        derive(accent, 30%) 99%
        );
}
.table {
    background-color: -intelbras-fundo-principal;
}

.fx-tableview {
    /*background-color: -intelbras-fundo-principal;*/
    background-color: #000000;
}


.intelbras-botao-aba {
    background-color: transparent;
    border-color: transparent;
    margin: auto;
    padding: 0 0 5 0;
    border : 0;
    border-width : 0;
    /*font-size: 16px;*/
    /*text-fill: #00A94C;*/
}

.intelbras-botao-aba:hover {
    text-fill: -intelbras-cor-principal;
    border-width : 0 0 5 0;
    border-color :-intelbras-cor-principal;
}

.intelbras-botao-aba-selecionado {
    text-fill: -intelbras-cor-principal;
    border-width : 0 0 5 0;
    border-color : -intelbras-cor-principal;
}

.intelbras-modal-overlay {
    background-color: rgba(43, 46, 56, 0.9)
}

.check-box .box {
    border-insets: 0; 
    background-radius: 0;
    border-radius : 0;
    background-color : -intelbras-cor-fundo;
    /*border-color: -intelbras-cor-borda;*/
    border-color: -intelbras-cor-borda-componentes;
}

.check-box:selected .mark {
    background-color: -intelbras-cor-fundo;
}

.check-box:selected .box {
    border-color: -intelbras-cor-principal;
    background-color: -intelbras-cor-principal;
}

.radio-button .radio {
    border-width: 1px;
    border-color: -intelbras-cor-principal;
    background-color: -intelbras-cor-fundo;
    border-radius: 15px;
    padding: 4px;

    /*    border-insets: 0; 
        background-radius: 100;
        border-radius : 100;
        background-color : -intelbras-cor-fundo-componentes;
            border-color: #d2d3d5;*/
    /*border-color: -intelbras-cor-borda-componentes;*/
}
.radio-button .radio:selected {
    background-color: -intelbras-cor-fundo;

}
.radio-button -radio:armed {
    background-color: -intelbras-cor-fundo;

}
.radio-button -radio:determinate {
    background-color: -intelbras-cor-fundo;

}
.radio-button -radio:indeterminate {
    background-color: -intelbras-cor-fundo;

}
.radio-button .dot {
    background-radius: 15px;
    padding: 8px;
    mark-highlight-color: -intelbras-cor-principal;
    mark-color: -intelbras-cor-principal;

}

.scroll-pane {
    background-color: transparent;
}

.scroll-bar:horizontal, .scroll-bar:vertical{
    background-color: -intelbras-cor-fundo;
}

.increment-button, .decrement-button {
    background-color: -intelbras-cor-fundo;
    border-color: -intelbras-cor-fundo;
    background-color:transparent;
    background-radius: 0em;
    padding:0 10 0 0;
}

.scroll-bar .increment-arrow,
.scroll-bar .decrement-arrow
{
    shape: " "; 
    padding:0;
}

.scroll-bar:horizontal .track,
.scroll-bar:vertical .track{
    background-color: -intelbras-cor-fundo;
    border-color: -intelbras-cor-fundo;
    background-radius: 0em;
}

.scroll-bar:horizontal .thumb,
.scroll-bar:vertical .thumb {
    background-color: #8899a2;
    background-radius: 5em;
}

.scroll-bar:horizontal .thumb:hover,
.scroll-bar:vertical .thumb:hover {
    background-color: #657781;
    background-radius: 5em;
}

.scroll-bar:horizontal .track,
.scroll-bar:vertical .track{
    background-color :transparent;
    border-color :transparent;
    background-radius : 0.0em;
    border-radius :2.0em;
}



.date-picker {
    pref-height: 30px;
    pref-width: 140px;
    line-height: 24px;

    border-insets: 0; 
    background-radius: 0;
    border-radius : 0;
    background-color : -intelbras-cor-fundo;
    border-color: -intelbras-cor-borda-componentes;
    /*    text-fill: -intelbras-cor-texto;*/
}

.date-picker .text-field {
    control-inner-background: -intelbras-cor-fundo;
    border-color: transparent;
    /*opacity: 1;*/
    /*border-color: -intelbras-cor-borda-componentes;*/
    /*    color: -intelbras-cor-texto;
        text-color: -intelbras-cor-texto;
        text-fill: -intelbras-cor-texto;*/
}
/*
.date-picker .text-field:disabled {
        opacity: 1;
        control-inner-background: -intelbras-cor-fundo;
        border-color: -intelbras-cor-borda-componentes;
        border-color: transparent;
    color: -intelbras-cor-texto;
    text-color: -intelbras-cor-texto;
    text-fill: -intelbras-cor-texto;
}*/

.date-picker > .arrow-button {
    /*    background-image: url("/icons/calendar.png");  Url of the icon 
        background-size: 60% 60%;  Can be `cover` or `100% 100%` ect. 
        background-repeat: no-repeat;*/
    /*    border-color: -intelbras-cor-borda-componentes;*/
    border-color: transparent;
}


.date-picker:focused {
    background-color : -intelbras-cor-textfield-focus;
    border-insets: 0; 
    background-radius: 0;
    border-radius : 0;
    border-shadow : 0;
    border-color: -intelbras-cor-borda-componentes;
    color: -intelbras-cor-texto;
    text-color: -intelbras-cor-texto;
    text-fill: -intelbras-cor-texto;
}

.intelbras-botao-tecla {

    background-radius: 40px;
    min-width: 40px; 
    min-height: 40px; 
    max-width: 40px;
    max-height: 40px;

    background-color: #00A94C;
    /*border-color: #00A94C;*/
    text-fill: #FFFFFF;
}

.intelbras-botao-tecla:hover {
    background-color: #00863f;
    /*    border-color: #00863f;*/
    text-fill: #FFFFFF;
}



.progress-indicator {        
    background-color: transparent;
    progress-color: -intelbras-cor-principal;
    padding : 0;
    margin : 0;
    border: 0;
    box-border: transparent;
    background-insets: 0;
    background-radius: 0;
    border-width: 0;
    insets: 0;
    min-width: 70px; 
    min-height: 70px; 
    max-width: 70px;
    max-height: 70px;
    alignment: center;
    text-alignment: center;
}

.progress-indicator .percentage {
    padding: 0;
    fill: null;
}

.intelbras-modal-padrao {
    padding: 0;
    border: 0;
    border-width: 0;
    insets: 0;
    spacing: 0;
    background-radius: 3;
    border-radius : 3;
}


.intelbras-modal-fechar {
    width: 40px;
    height: 40px;
    padding: 5;
    border: 0;
    alignment: BASELINE_RIGHT;
    halignment: right;
    font-weight: bold;
}

.intelbras-modal-fechar-titulo {
    /*    width: 40px;
        height: 40px;
        padding: 5;*/
    color: -intelbras-cor-texto-botao-secundario;
    font-color : -intelbras-cor-texto-botao-secundario;
    font-weight: bold;
    font-size: 16px;
    cursor : default !important; 
}

.intelbras-modal-fechar > .label {
    alignment: BASELINE_RIGHT;
    halignment: right;
    cursor : hand;
    color: -intelbras-cor-texto-botao-secundario;
    font-color : -intelbras-cor-texto-botao-secundario;
    font-weight: bold;
    font-size: 16px;
}

.intelbras-modal-splash {
    padding: 0 10 0 10;
    background-color: -intelbras-cor-principal;
    /*    alignment: CENTER;
        text-alignment: center;*/
    text-color : -intelbras-cor-texto-botao-secundario;
    wrap-text: true;
    font-size: 16px;
    /*text-fill: -intelbras-cor-texto;*/
}

.intelbras-modal-splash .progress-indicator {        
    background-color: transparent;
    progress-color: -intelbras-cor-texto-botao-primario;
    /*padding : 30 0 0 0;*/
    /*margin : 20;*/
    border: 0;
    box-border: transparent;
    background-insets: 0;
    background-radius: 0;
    border-width: 0;
    /*insets: 20;*/
    /*    min-width: 70px; 
        min-height: 70px; 
        max-width: 70px;
        max-height: 70px;*/
    alignment: center;
    text-alignment: center;
}

.toggle-switch .thumb {
    background-color: linear-gradient(to bottom, derive(-intelbras-cor-texto, -20%), derive(-intelbras-cor-texto, -30%)),
        -intelbras-cor-texto,
        -intelbras-cor-texto;
}

.toggle-switch .thumb-area{
    background-color: linear-gradient(to bottom, derive(#c3ced0, -20%), derive(#c3ced0, -30%)), #c3ced0;
}

.toggle-switch:selected .thumb {
    background-color: linear-gradient(to bottom, derive(-intelbras-cor-fundo, -20%), derive(-intelbras-cor-fundo, -30%)),
        -intelbras-cor-fundo,
        -intelbras-cor-fundo;
}

.toggle-switch:selected .thumb-area{
    background-color: linear-gradient(to bottom, derive(-intelbras-cor-principal, -20%), derive(-intelbras-cor-principal, -30%)),
        linear-gradient(to bottom, derive(-intelbras-cor-principal, 30%), -intelbras-cor-principal);
    /*background-insets: 0, 1;*/
}


.table-row-cell:empty {
    background-color: white;
}

.table-row-cell:empty .table-cell {
    border-width: 0px;
}

.list-cell:empty {
    background-color: white;
}


.bordered-titled-title {
    /*background-color: none;*/
    /*translate-y: -16;*/
    translate-x:  8;
    translate-y: -10;
    background-color: background;
}

.bordered-titled-border {
    content-display: top;
    /*border-insets: 20 15 15 15;*/
    /*background-color: none;*/
    border-insets: 2 0 0 0;
    border-color: black;
    border-width: 1;
}

.bordered-titled-content {
    /*padding: 26 10 10 10;*/
    padding: 5;
}