@charset "UTF-8";

/*Valores Globais*/

.dx-editor-underlined.dx-texteditor-with-floating-label .dx-texteditor-input, 
.dx-editor-underlined.dx-texteditor-with-floating-label.dx-lookup .dx-lookup-field, 
.dx-editor-underlined.dx-texteditor-with-label .dx-texteditor-input, 
.dx-editor-underlined.dx-texteditor-with-label.dx-lookup .dx-lookup-field

{
    padding-top: 14px;
    padding-bottom: 4px;
}

.dx-dropdowneditor-button .dx-button-content .dx-loadindicator {
    width: 1.5em;
    height: 1.5em;
}


/*Header*/
.main-toolbar-style {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content:center;
    align-items:center;
    height: 4vh;
    padding: 10px !important;
    background-color: var(--primary-color) !important;
    border: none !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}


.dx-buttongroup-wrapper .dx-widget .dx-collection{
    color: white;
}

.dx-icon .dx-icon-spindown .dx-icon-right::before{
    color:white;
}


/*Botão de Menu*/
.dx-icon.dx-icon-menu {
    color: var(--header-button-menu);
    font-size: 25px;
}


.dx-icon.dx-icon-hidepanel{
    color: var(--header-button-menu);
    font-size: 27px;
    
}

.dx-icon.dx-icon-hidepanel:hover{ 
    color: var(--searchtoolbar-button-color);    
        
}

.dx-icon.dx-icon-showpanel{
    color: var(--header-button-menu);
    font-size: 27px;
}

.dx-icon.dx-icon-showpanel:hover{    
    color: var(--searchtoolbar-button-color);     
}

.main-toolbar-style .dx-button-mode-contained {
    background-color: white;
    border: none;    
}


.main-toolbar-dropdownbutton-licenciado-style:hover{
    background-color:rgba(254, 254, 254, 0.129);
    border-radius: 3px;
}
.main-toolbar-dropdownbutton-projeto-style:hover{
    background-color:rgba(254, 254, 254, 0.129);
    border-radius: 3px;
}

.main-toolbar-dropdownbutton-ciclope-preferencia-style:hover{
    background-color:rgba(254, 254, 254, 0.129);
    border-radius: 3px;
    }

.main-toolbar-dropdownbutton-ciclope-padrao-style:hover{
    background-color:rgba(254, 254, 254, 0.129);
    border-radius: 3px;
    }

.main-toolbar-dropdownbutton-ciclope-usuario-style:hover{
    background-color:rgba(254, 254, 254, 0.129);
    border-radius: 3px;
    }
    

.main-toolbar-button-hermes-email-style:hover{
    background-color:rgba(254, 254, 254, 0.129);
    border-radius: 3px;
}

.main-toolbar-dropdownbutton-hermes-usuario-style:hover{
    background-color:rgba(254, 254, 254, 0.129);
    border-radius: 3px;
}

.main-toolbar-dropdownbutton-hermes-preferencia-style:hover{
    background-color:rgba(254, 254, 254, 0.129);
    border-radius: 3px;
}

.main-toolbar-dropdownbutton-midas-preferences-style:hover{
    background-color:rgba(254, 254, 254, 0.129);
    border-radius: 3px;
}

.main-toolbar-dropdownbutton-midas-usuario-style:hover{
    background-color:rgba(254, 254, 254, 0.129);
    border-radius: 3px;
}

.main-toolbar-dropdownbutton-prometheus-preference-style:hover{
    background-color:rgba(254, 254, 254, 0.129);
    border-radius: 3px;
}

.main-toolbar-dropdownbutton-prometheus-usuario-style:hover{
    background-color:rgba(254, 254, 254, 0.129);
    border-radius: 3px;
}


/*Botão de Menu Pop*/
.popup-detail-button-menu-style .dx-button-content .dx-icon.dx-icon-menu {
    color: var(--popup-button-menu) !important;
}

.dx-icon.dx-icon-save::before{
    color: white
}

/*Sidebar*/
.sidebar-style {
    background-color: var(--secondary-color) !important;
    color: white;
}
.sidebar-style.dx-treeview-item.dx-item-content img {
    padding: 0px;    
    box-sizing: content-box;    
    color: white !important;
}

.sidebar-style .dx-treeview-item.dx-state-hover, .sidebar-style .dx-treeview-node.dx-state-focused {
    color: #ffffff !important;
    border-left: none !important;
    border-top: none !important;
    border-bottom: none !important;
}

.sidebar-style .dx-treeview-item.dx-state-hover .dx-item-content img, .sidebar-style .dx-treeview-node.dx-state-focused .dx-item-content img {
    border-right: 1px solid  !important;
}

.sidebar-style .dx-treeview-toggle-item-visibility::before {
    color: #ffffff !important;
    font-size: 15px;
}

.dx-texteditor-input-container{    
    background-color:#ffffff00;
    border-radius: 0px;    
}


.dx-icon.dx-icon-search::before{
    color: rgb(169, 169, 169);

}
.dx-placeholder{
    color: rgb(169, 169, 169);
}

.dx-icon.dx-icon-email::before{
    color: rgb(255, 255, 255);
}

/*Estilização do text input search sidebar*/
    .dx-treeview-search.dx-show-invalid-badge.dx-textbox.dx-texteditor.dx-editor-underlined.dx-searchbox.dx-show-clear-button.dx-widget
        .dx-texteditor-container
            .dx-texteditor-input-container
                .dx-texteditor-input
{
    color:white;
}

.dx-treeview-node-container.dx-treeview-node-container-opened
    .dx-treeview-node.dx-treeview-item-without-checkbox.dx-treeview-node-is-leaf
        .dx-item.dx-treeview-item
            .dx-item-content.dx-treeview-item-content
                .dx-item-url{
    color: white;
}

/*---------------------------
Customização do SearchToolBar
---------------------------*/
.search-toolbar-style {
    background-color: var(--secondary-color);
    color:#ffffff;
    padding-right: 8px;
    padding-left: 8px;
    
}

.search-toolbar-title-text-style {
    font-size: 20px !important;
    line-height: 1.3334 !important;
}

/*.dx-widget.dx-button.dx-button-mode-contained.dx-button-normal.dx-button-has-icon.search-toolbar-button-insert-style {
    background-color: var(--searchtoolbar-button-color) !important;
    border: 2px solid white;
    align-items: center;
}*/

.dx-icon.dx-icon-plus::before {
    font-size: 24px;
    border-radius: 100%;    
    background-color:aqua;
    text-shadow:  5px 5px 12px rgba(25, 0, 255, 0.89);      
       
}

.dx-icon.dx-icon-plus:hover:before {
    background: rgb(1, 215, 215);   
       
}

.dx-icon.dx-icon-plus:active:before {
    transform: translateY(1px);   
       
}


.floating-action-button {
    position: fixed;
    bottom: 70px;
    right: 30px;
    z-index: 100;
    background-color: var(--primary-color);
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 4px 8px 0 rgba(107, 107, 107, 0.459);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.floating-action-button:hover {
    background-color: var(--secondary-color);
}

.floating-action-button:active {
    transform: translateY(2px);
}


.floating-action-button-top {
    position: fixed;
    right: 30px;
    z-index: 100;
    background-color: var(--primary-color);
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 4px 8px 0 rgba(107, 107, 107, 0.459);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.floating-action-button-top :hover {
    background-color: var(--secondary-color);
}

.floating-action-button-top:active {
    transform: translateY(2px);
}

.floating-action-button-bottom {
    position: fixed;
    right: 30px;
    z-index: 100;
    background-color: var(--primary-color);
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 4px 8px 0 rgba(107, 107, 107, 0.459);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.floating-action-button-bottom:hover {
    background-color: var(--secondary-color);
}

.floating-action-button-bottom:active {
    transform: translateY(2px);
}
/* Centralizar verticalmente na tela e aumentar a distância entre os botões */
#scrollToTopButton {
    top: calc(50% - 75px); /* Centraliza e ajusta a posição para cima */
}

#scrollToBottomButton {
    top: calc(50% + 75px); /* Centraliza e ajusta a posição para baixo */
}



.dx-icon-add{
    font-size: 20px;
}

.dx-widget.dx-button.dx-button-mode-text.dx-button-normal.dx-button-has-text.dx-button-has-icon.dx-datagrid-toolbar-button.dx-edit-button.dx-datagrid-addrow-button
    .dx-icon.dx-icon-edit-button-addrow::before
{
    font-size: 22px;
    border-radius: 100%;       
    background-color:aqua;
    text-shadow:  5px 5px 12px rgba(25, 0, 255, 0.89);
    width: 22px; 
    height: 22px;
        
}

.dx-widget.dx-button.dx-button-mode-text.dx-button-normal.dx-button-has-text.dx-button-has-icon.dx-datagrid-toolbar-button.dx-edit-button.dx-datagrid-addrow-button
    .dx-icon.dx-icon-edit-button-addrow:hover::before
{
    background: rgb(1, 215, 215);
        
}

.dx-widget.dx-button.dx-button-mode-text.dx-button-normal.dx-button-has-text.dx-button-has-icon.dx-datagrid-toolbar-button.dx-edit-button.dx-datagrid-addrow-button
    .dx-icon.dx-icon-edit-button-addrow:active::before
{
    transform: translateY(1px);
        
}

.preferences-button{    
    border: 0.5px solid #ffffff;
    border-radius: 100%;
    background: #ffffff00;
    height: 27px;
}
.preferences-button:hover{
    
    background: rgb(113, 113, 113);
}
.preferences-button:active{
    transform: translateY(1px);
}

.dx-icon.dx-icon-find{
    color: #ffffff;
    font-size: 100px;
}


.buttonAddplus:hover{
    
    background: rgba(113, 113, 113, 0.482);
}

/*----------------------
Customização do DataGrid
----------------------*/
.DataGridSearch {
    width: 100vw;
    height: 100%;
}

.dx-pager {
    overflow: hidden;
    width: 100%;
    line-height: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    padding: 4px 2px;
}

.DataGridEdit{
    height: 100%;
}

.dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable {
    height:0vh;
}

.dx-datagrid-header-panel {
    background-color: var(--tertiary-color);
    
}

.dx-datagrid-header-panel .dx-toolbar{
    margin: 0;
    
}

.dx-datagrid-header-panel .dx-toolbar.dx-widget.dx-visibility-change-handler.dx-collection .dx-toolbar-items-container {
    background-color: var(--tertiary-color);    
    border-top: solid rgba(233, 17, 17, 0);
    border-top-width: thin;
    border-top-style: ridge;
    /*height: 5vh;*/
}

.dx-datagrid-header-panel .dx-toolbar.dx-widget.dx-visibility-change-handler.dx-collection .dx-toolbar-items-container .dx-toolbar-before {
    padding-left: 6px !important;
    
}

.dx-datagrid-header-panel .dx-toolbar.dx-widget.dx-visibility-change-handler.dx-collection .dx-toolbar-items-container .dx-toolbar-after {
    padding-right: 6px !important;
    
}

.dx-datagrid-headers {  
    background-color: var(--datagrit-panel-message-color);
}

.dx-datagrid-table.dx-datagrid-table-fixed.dx-pointer-events-none .dx-row.dx-column-lines.dx-header-row .dx-command-expand.dx-datagrid-group-space.dx-cell-focus-disabled {
    color: rgb(0, 0, 0);
   
}

.dx-command-adaptive.dx-cell-focus-disabled {
    color: rgb(1, 1, 1);
    background-color: var(--datagrit-panel-message-color);
}

.dx-command-edit.dx-cell-focus-disabled.dx-datagrid-drag-action{
    color: rgb(0, 0, 0);
   
}

.dx-item-content.dx-toolbar-item-content {
    font-size:12px !important;
}

.dx-datagrid .dx-header-filter-empty:before {
    color: rgb(0, 0, 0);
}

.dx-datagrid .dx-header-filter {
    color: chartreuse;
}
.dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter, .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text, .dx-datagrid-filter-panel .dx-icon-filter {
    outline: 2;
    color: var(--primary-color);
}



/*------------------------------
Customização do SearchParameters
------------------------------*/
.SearchParametersFormStyle {
    padding-top: 0px;
    width: 10%;
    height: 8vh;
    background-color: var(--tertiary-color);
}

.dx-button-mode-contained.dx-button-default {
    background-color: var(--primary-color);
    color: #ffffff;
    border-radius: 3px;
    transition: all 0.3s;
    max-width: 100%;
}

.dx-button-mode-contained.dx-button-default:active{
    transform: scale(0.9);
}


.form.SearchParametersFormStyle {
    padding-top: 8px;
    padding-left: 6px;
    width: 100%;
} 

.col-md-2.SearchParametersColumnsButton {
    padding-top: 9px;
    padding-right: 20px;
}
.container--fluid {
    width: 100%;
}
.dx-datagrid-group-panel .dx-group-panel-message {
    color: rgb(180, 180, 180);
}

.dx-treeview-search{
    height: 4.4%;
}

#treeViewCICLOPEMain .dx-scrollable.dx-visibility-change-handler.dx-scrollable-vertical.dx-scrollable-simulated
{
    height: 95.4%;
}

.dx-texteditor-input{
    color: rgb(26, 26, 26);
}


/*-------------------
Customização do Gantt
-------------------*/

.dx-gantt{
    height: 100%;
}

/*Container dos conteudos apresentados na tela*/
.drawer {
    display:flex;
    height: 100%;
}

.drawer-content-style {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 96vh;
}

.dx-drawer-wrapper{
    position:unset;
    overflow:auto;
    height: 96vh;
}

/*------------------------------
Customização do LocateParameters
------------------------------*/
.LocateParametersFormStyle {
    padding-top: 0px;
    width: 100%;
    height: 5.5vh;
    background-color: var(--tertiary-color);
}

.form.LocateParametersFormStyle {
    padding-top: 2px;
    padding-left: 6px;
    width: 100%;
} 

.col-md-2.LocateParametersColumnsButton {
    padding-top: 6px;
    padding-right: 20px;
}

/*------------------------
Ajuste do Popup de Detalhe
------------------------*/

.dx-popup-title.dx-toolbar {
    background-color: var(--primary-color) !important;
    color: white !important;
    height: 42px !important;
}
.dx-item-content.dx-toolbar-item-content {
    font-size: 15px !important;
}

.dx-overlay-content.dx-popup-normal.dx-resizable{
    border-radius: 8px;
}

.dx-overlay-content.dx-popup-normal.dx-resizable
    .dx-toolbar.dx-widget.dx-visibility-change-handler.dx-collection.dx-popup-title
        .dx-toolbar-items-container
            .dx-toolbar-after
                .dx-item.dx-toolbar-item.dx-toolbar-button
                    .dx-item-content.dx-toolbar-item-content
                        .dx-widget.dx-button.dx-button-mode-text.dx-button-default.dx-button-has-icon
                            .dx-button-content
                                .dx-icon.dx-icon-close::before{
    color: white;
}


.dx-overlay-content.dx-popup-normal.dx-resizable
    .dx-toolbar.dx-widget.dx-visibility-change-handler.dx-collection.dx-popup-title
        .dx-toolbar-items-container
            .dx-toolbar-after
                .dx-item.dx-toolbar-item.dx-toolbar-button
                    .dx-item-content.dx-toolbar-item-content
                        .dx-widget.dx-button.dx-button-mode-text.dx-button-default.dx-button-has-icon
                            .dx-button-content
                                .dx-icon.dx-icon-trash
{
    color:rgb(255, 255, 255);
}

.dx-widget.DataGridSearch.dx-visibility-change-handler
    .dx-datagrid.dx-gridbase-container
        .dx-datagrid-header-panel
            .dx-toolbar.dx-widget.dx-visibility-change-handler.dx-collection
                .dx-toolbar-items-container
                    .dx-toolbar-after
                        .dx-item.dx-toolbar-item.dx-toolbar-button.dx-toolbar-item-auto-hide
                            .dx-item-content.dx-toolbar-item-content
                                .dx-widget.dx-datagrid-export-button.dx-dropdownbutton.dx-dropdownbutton-has-arrow
                                    .dx-buttongroup.dx-widget
                                        .dx-buttongroup-wrapper.dx-widget.dx-collection
                                            .dx-widget.dx-button.dx-button-mode-text.dx-button-normal.dx-button-has-icon.dx-item.dx-buttongroup-item.dx-item-content.dx-buttongroup-item-content.dx-buttongroup-first-item.dx-buttongroup-last-item.dx-shape-standard.dx-dropdownbutton-action.dx-buttongroup-item-has-width
                                                .dx-button-content
                                                    .dx-icon.dx-icon-spindown.dx-icon-right::before
{
    color:rgb(0, 0, 0);
}


.dx-widget.dx-button.dx-button-mode-text.dx-button-default.dx-button-has-text.dx-button-has-icon.dx-dialog-button{
    transition: all 0.3s;
}

.dx-widget.dx-button.dx-button-mode-text.dx-button-default.dx-button-has-text.dx-button-has-icon.dx-dialog-button:active {
    transform: scale(0.9);
}


/*-------------------
Responsividade Mobile
/*-----------------*/
@media only screen and (max-width:768px) {
    /*Container dos conteudos apresentados na tela*/
    .drawer {
        display: flex;
        justify-content: flex-end;
        height: 100%;
    }

    .drawer-content-style {
        display: flex;
        justify-content: space-between;
        height: 94vh;
    }
    /*Estilização do SearchParameters*/
    .SearchParametersFormStyle {
        display:grid;
        height: 20%;
    }

    /*Template dos itens do SearchParameters*/
    .container--- {
        justify-content: center;
        justify-items: center;
        align-content: center;
        align-items: center;
    }

    .container--- .row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        justify-content: center;
        justify-items: center;
        align-content: center;
        align-items: center;
       
    }

    .container--fluid .row {
        justify-content: center;
        align-items: center;
    }
    /*Estilização do botão do SearchParameters */
    .SearchParametersColumnsButton{
        width:50vw;
    }

    /*Estilização do DataGrid*/
    .DataGridSearch {
        height: 100%;
    }
}

.dx-field-item-optional .dx-label>span::after, .dx-field-item-optional-mark, .dx-field-item-required .dx-label>span::after, .dx-field-item-required-mark {
    color: orange;
}


/*.dx-field-item-label {
	margin: 0;
	padding: 0;
}

/*.dx-field-item-content.dx-field-item-content-location-bottom
    .dx-show-invalid-badge.dx-textbox.dx-texteditor.dx-editor-underlined.dx-state-readonly.dx-widget.dx-validator.dx-visibility-change-handler
        .dx-texteditor-container
            .dx-texteditor-input-container
                .dx-texteditor-input {
                    padding: 0px;
            

}*/

/*Estilização do Accordion dos Alertas */

.dx-accordion-item-title-caption {
    font-size: 14px;
}


.alerta-button{
    scale: 1.1;
}

.alerta-button:hover{
    background: rgba(113, 113, 113, 0.482);
}

.alerta-button-animation { 
    overflow: visible;
    animation: alerta-button 2s infinite ease-in-out;
 }

@keyframes alerta-button-animation {
    0% { opacity: 0.2; }
    25% { opacity: 0.6; }
    50% { opacity: 1; }
    75% { opacity: 0.6; }
    100% { opacity: 0.2; }
}

.legendaAlerta{
    margin-left: 350px;
    justify-content: center;

}

.dx-htmleditor.dx-htmleditor-underlined.dx-state-disabled, 
    .dx-htmleditor.dx-htmleditor-underlined.dx-state-readonly, 
        .dx-htmleditor.dx-htmleditor-underlined.dx-state-readonly.dx-state-hover {
    border-bottom-style: dotted;
    border-bottom-width: 0px;
}


/*Estilização do Search Button */

.search-button{
    scale: 1.1;
}
#Buttonpesquisar i{
    color: white !important;
}
#buttonCICLOPEUsuario i{
    color: white !important;
}

#buttonCICLOPEPreferencia i, #toolbarPlanilha i{
    color: white !important;
}

.search-button:hover { 
    background: rgba(139, 139, 139, 0.299);
    border-radius: 100%;
}

.dx-toast-content {
    display: inline-flex; /* Garante alinhamento flex */
    align-items: center;  /* Centraliza o conteúdo verticalmente */
    padding: 10px;  /* Ajusta o espaçamento interno */
    white-space: nowrap; /* Impede quebra de linha para ajustar a largura */
}

#loadPanelEditSave .dx-overlay-content {
    z-index: 2000; /* Ajuste conforme necessário */
}

#popupDetalhesAlerta .dx-texteditor.dx-editor-underlined::after
{
    border : none !important;
}

#popupDetalhesAlerta .dx-texteditor.dx-editor-underlined::before
{
    border : none !important;
}

/* Classe para ícones pretos nos itens do DropDownButton */
.dropdown-item-black-icon .dx-icon,
.dropdown-item-black-icon .dx-icon::before {
    color: #000 !important;
}

.dropdown-item-black-icon {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    position: relative;
}

/* Regras específicas para o btnSaveDetail - ícones e setinha em branco */
#btnSaveDetail .dx-icon,
#btnSaveDetail .dx-icon::before,
#btnSaveDetail .dx-icon-save,
#btnSaveDetail .dx-icon-save::before,
#btnSaveDetail .dx-icon-spindown,
#btnSaveDetail .dx-icon-spindown::before,
#btnSaveDetail .dx-dropdownbutton-toggle .dx-icon,
#btnSaveDetail .dx-dropdownbutton-toggle .dx-icon::before,
#btnSaveDetail .dx-dropdownbutton-toggle .dx-icon-spindown,
#btnSaveDetail .dx-dropdownbutton-toggle .dx-icon-spindown::before,
#btnSaveDetail .dx-dropdownbutton-action .dx-icon,
#btnSaveDetail .dx-dropdownbutton-action .dx-icon::before,
#btnSaveDetail .dx-dropdownbutton-action .dx-icon-save,
#btnSaveDetail .dx-dropdownbutton-action .dx-icon-save::before {
    color: white !important;
}

/* Regras específicas para o buttonSelecionaLicenciado - ícones e setinha em branco */
#buttonSelecionaLicenciado .dx-icon,
#buttonSelecionaLicenciado .dx-icon::before,
#buttonSelecionaLicenciado .dx-icon-save,
#buttonSelecionaLicenciado .dx-icon-save::before,
#buttonSelecionaLicenciado .dx-icon-spindown,
#buttonSelecionaLicenciado .dx-icon-spindown::before,
#buttonSelecionaLicenciado .dx-dropdownbutton-toggle .dx-icon,
#buttonSelecionaLicenciado .dx-dropdownbutton-toggle .dx-icon::before,
#buttonSelecionaLicenciado .dx-dropdownbutton-toggle .dx-icon-spindown,
#buttonSelecionaLicenciado .dx-dropdownbutton-toggle .dx-icon-spindown::before,
#buttonSelecionaLicenciado .dx-dropdownbutton-action .dx-icon,
#buttonSelecionaLicenciado .dx-dropdownbutton-action .dx-icon::before,
#buttonSelecionaLicenciado .dx-dropdownbutton-action .dx-icon-save,
#buttonSelecionaLicenciado .dx-dropdownbutton-action .dx-icon-save::before {
    color: white !important;
}

/* Regras específicas para o buttonActionsProjetoAtivo - ícones e setinha em branco */
#buttonActionsProjetoAtivo .dx-icon,
#buttonActionsProjetoAtivo .dx-icon::before,
#buttonActionsProjetoAtivo .dx-icon-save,
#buttonActionsProjetoAtivo .dx-icon-save::before,
#buttonActionsProjetoAtivo .dx-icon-spindown,
#buttonActionsProjetoAtivo .dx-icon-spindown::before,
#buttonActionsProjetoAtivo .dx-dropdownbutton-toggle .dx-icon,
#buttonActionsProjetoAtivo .dx-dropdownbutton-toggle .dx-icon::before,
#buttonActionsProjetoAtivo .dx-dropdownbutton-toggle .dx-icon-spindown,
#buttonActionsProjetoAtivo .dx-dropdownbutton-toggle .dx-icon-spindown::before,
#buttonActionsProjetoAtivo .dx-dropdownbutton-action .dx-icon,
#buttonActionsProjetoAtivo .dx-dropdownbutton-action .dx-icon::before,
#buttonActionsProjetoAtivo .dx-dropdownbutton-action .dx-icon-save,
#buttonActionsProjetoAtivo .dx-dropdownbutton-action .dx-icon-save::before {
    color: white !important;
}

/* Regras específicas para o buttonCICLOPEPadrao - ícones e setinha em branco */
#buttonCICLOPEPadrao .dx-icon,
#buttonCICLOPEPadrao .dx-icon::before,
#buttonCICLOPEPadrao .dx-icon-save,
#buttonCICLOPEPadrao .dx-icon-save::before,
#buttonCICLOPEPadrao .dx-icon-spindown,
#buttonCICLOPEPadrao .dx-icon-spindown::before,
#buttonCICLOPEPadrao .dx-dropdownbutton-toggle .dx-icon,
#buttonCICLOPEPadrao .dx-dropdownbutton-toggle .dx-icon::before,
#buttonCICLOPEPadrao .dx-dropdownbutton-toggle .dx-icon-spindown,
#buttonCICLOPEPadrao .dx-dropdownbutton-toggle .dx-icon-spindown::before,
#buttonCICLOPEPadrao .dx-dropdownbutton-action .dx-icon,
#buttonCICLOPEPadrao .dx-dropdownbutton-action .dx-icon::before,
#buttonCICLOPEPadrao .dx-dropdownbutton-action .dx-icon-save,
#buttonCICLOPEPadrao .dx-dropdownbutton-action .dx-icon-save::before {
    color: white !important;
}

/* Regras específicas para o buttonFunctions - ícones e setinha em branco */
#buttonFunctions .dx-icon,
#buttonFunctions .dx-icon::before,
#buttonFunctions .dx-icon-save,
#buttonFunctions .dx-icon-save::before,
#buttonFunctions .dx-icon-spindown,
#buttonFunctions .dx-icon-spindown::before,
#buttonFunctions .dx-dropdownbutton-toggle .dx-icon,
#buttonFunctions .dx-dropdownbutton-toggle .dx-icon::before,
#buttonFunctions .dx-dropdownbutton-toggle .dx-icon-spindown,
#buttonFunctions .dx-dropdownbutton-toggle .dx-icon-spindown::before,
#buttonFunctions .dx-dropdownbutton-action .dx-icon,
#buttonFunctions .dx-dropdownbutton-action .dx-icon::before,
#buttonFunctions .dx-dropdownbutton-action .dx-icon-save,
#buttonFunctions .dx-dropdownbutton-action .dx-icon-save::before {
    color: white !important;
}