/* Cambiar el fondo del menú a azul */
.x-treelist-nav {
    background-color: #314E88 !important;
}

/* Cambiar el color de las letras a amarillo */
.x-treelist-nav .x-treelist-item-text {
    color: #CDCDCD !important;
}

/* Cambiar el color de los íconos a amarillo (opcional) */
.x-treelist-nav .x-treelist-item-icon {
    color: #CDCDCD important;
}

/* Cambiar el color de los ítems seleccionados */
.x-treelist-nav .x-treelist-item-selected {
    background-color: #314E88 !important; /* Fondo del ítem seleccionado */
    color: #CDCDCD important; /* Texto del ítem seleccionado */
}

.x-treelist-nav .x-treelist-item-tool {
    background-color: #314E88 !important; /* Fondo del ítem seleccionado */
    color: #CDCDCD !important; /* Texto del ítem seleccionado */
}

.btn-aceptar {
  background-color: #314E88; /* Azul oscuro */
  color: #CDCDCD !important;   /* Letras blancas */
}

.x-treelist-nav.x-treelist-floater { width: 300px !Important; }

/*
    Exemplo de Efeito Edits - Border-radius, Border-color e Background-color - Desktop
    Silvio Santos 
    uniguidesign@gmail.com
*/

.selected-control {
    outline: 2px solid red !important;
}

.myEdit {
    text-transform: uppercase;
}

.x-menu-item-text{ 
  font-size: 10pt !important;
  text-align: center !important;
  padding: 6px !important;
}
.x-form-trigger-wrap-default input {
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
}

.x-form-trigger-wrap-default {
    _padding: 0;
    border-radius: 8px !important;
    background-color: #EEE !important;
    border: 1px solid #777 !important;
    background-image: none !important;
    _box-shadow: 0 10px 10px -5px #777;
}


/* UniMemo */

textarea {
    border-radius: 8px !important;
    background-color: #EEE !important;

}

textarea:focus {
    background-color: #d6f0f8 !important;
}


/* Ao receber o foco */

.x-form-trigger-wrap-focus,
.x-form-trigger-wrap-default:focus {
    border: 1px solid #032c52 !important;
    background-color: #d6f0f8 !important;
}

/* Abaixo: Arredonda as bordas do container e ajusta a posição vertical (top) e a cor do ícone do combobox, datetimepicker, etc */

.x-form-trigger,
.x-form-trigger-default {
    border-radius: 8px;
    background-color: transparent !important;
}

.x-form-trigger::before,
.x-form-trigger-default::before {
    position: relative;
    top: 1px;
    color: #333;
}