/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 21/10/2017, 20:29:14
    Author     : Dalton Agila
*/

.x-grid-row-summary .x-grid-cell-inner {
    font-weight: bold;
}

.x-grid-cell-inner-action-col {
    white-space: normal;
}

.x-action-col-icon {
    margin: 3px;
}

.x-column-header {
    text-align: center;
}

.x-grid-cell-row-numberer {
    background: transparent;
}

.x-grid-cell {
    font-size: 12px;
    vertical-align: middle;
}

.x-column-header-text {
    font-size: 12px;
    font-weight: bold;
    line-height: normal;
    white-space: normal;
}

.x-window-header {
    border-color: white;
    background: #008f92;
    padding: 4px;
}

.x-window-header-title-default {
    color: white;
    /* font-weight: bold; */
    line-height: normal;
}

.x-window-default {
    border-color: white;
    color: #008f92;
}

.x-panel-default {
    /*border-color: #008f92;*/
}

.x-panel-default-framed {
    border-color: #008f92;
}

.x-panel-header {
    border-color: #008f92;
    background: #008f92;
    padding: 4px;
}

.x-panel-header-default-horizontal.x-header-noborder {
    padding: 5px;
}

.x-panel-header-default-horizontal.x-header-noborder, .x-panel-header-default-vertical.x-header-noborder {
    padding: 4px;
}

.x-panel-header-title-default {
    font-size: 12px;
    color: white;
    font-weight: bold;
    line-height: normal;
}

.x-panel-default-framed.x-masked {
    border-color: #c9dd30;
}

.x-panel-header-default .x-tool-tool-el {
    background-color: transparent;
}

.x-form-item-label-inner {
    font-size: 12px;
}

.x-form-item-label-default.x-form-item-label-top > .x-form-item-label-inner {
    padding-top: 0px;
}

.x-form-empty-field-default {
    font-size: 12px;
}

.x-form-text-default{
    padding: 2px 5px;
}

.x-fieldset-default{
    padding: 5px;
}

.x-fieldset-header-default{
    padding: 0px;
}

.x-fieldset-header-default > .x-fieldset-header-text {
    font-weight: bold;
}

.x-tab-default {
    padding: 4px;
    background: #008f92;
}

.x-tab.x-tab-over {
    background: #179cd3;
}

.x-tab-inner-default {
    font-size: 12px;
    color: white;
}

.x-tab.x-tab-active.x-tab-default {
    background: #c9dd30;
}

.x-tab.x-tab-active.x-tab-default .x-tab-inner-default{
    color: black;
}

.x-tab-bar-body-default {
    background: white;
}

.x-tab.x-tab-active.x-tab-default .x-tab-icon-el {
    color: black;
}

.x-keyboard-mode .x-tab-focus.x-tab-default {
    background-color: #008f92;
    outline: none;
}

.x-keyboard-mode .x-tab-focus.x-tab-over.x-tab-default{
    background-image: none;
    background-color: #179cd3
}

.x-keyboard-mode .x-tab.x-tab-active.x-tab-default {
    background: #c9dd30;
}

.x-progress-default {
    background: #f6e1c6;
}

.x-progress-default .x-progress-bar-default {
    background: #008f92;
}

.x-button-default-small {
    padding: 4px;
    background: #008f92;
}

.x-btn-default-small {
    border-color: transparent;
    background: #008f92;
}

.x-btn-default-toolbar-small {
    padding: 4px;
}

.x-keyboard-mode .x-btn-focus.x-btn-default-small {
    border-color: #008f92;
    background: #008f92;
}

.x-btn-default-small.x-btn-over {
    border-color: #008f92;
    background: #179cd3;
}

.x-btn.x-btn-pressed.x-btn-default-small{
    border-color: #008f92;
    background: #008f92;
}

/*.x-btn-inner-default-small {
    color: black;
}

.x-btn-icon-el-default-small {
    color: black;
}*/

.x-btn.x-btn-disabled.x-btn-default-small {
    background: gray;
}

.x-toolbar-footer {
    background-color: white;
}

.x-menu-item-default.x-menu-item-focus,.x-menu-item-default.x-menu-item-active {
    background: #179cd3;
}

.x-window-header-default .x-tool-img{
    background: transparent;
}

.x-grid-item-over {
    background: #f6e1c6;
}

.x-boundlist-item {
    line-height: normal;
    padding: 10px;
}

.x-boundlist-selected {
    background: #ffefbb;
    color: black;
}

.x-boundlist-item-over {
    background: #f6e1c6;
    color: black;
}

.x-btn-wrap-default-medium.x-btn-arrow-right{
    background: #008f92;
}

.x-box-scroller-tab-bar-default{
    opacity: 5;
    background-color: #c9dd30;
}

.x-box-scroller-tab-bar-default.x-box-scroller-hover {
    opacity: 5;
    background-color: #179cd3;
}

.x-form-trigger-wrap-default.x-form-trigger-wrap-focus{
    border-color: blue;
}

.x-toast-light .x-window-header{background-color:#008f92}

.x-datepicker-selected div.x-datepicker-date{background-color:#c9dd30;}

div.x-datepicker-date:hover{background-color:#179cd3;}

.x-monthpicker-selected div.x-monthpicker-date{background-color:#c9dd30;}

div.x-monthpicker-date:hover{background-color:#179cd3;}

a.x-monthpicker-item-inner:hover{background-color:#c9dd30}

.x-monthpicker-item a.x-monthpicker-selected{background-color:#179cd3;}

/* PARA VALIDAR SI LOS ICONOS DE LA ULTIMA VERSION NO DAN PROBLEMAS CON LOS ICONOS POR DEFECTO DE EXTJS */
/* .x-tool-close{font:16px/1 'FontAwesome6Free';background:none !important}
.x-tool-close:before{content:'\f00d'} */

/* PARA CUANDO UNA WINDOW SE MAXIMIZE SE QUITE EL RESIZABLE YA QUE CUELGA EL SISTEMA SI ALGUIEN TRATA DE AJUSTAR EL TAMAÑO ESTANDO MAXIMIZADO */
.no-resize .x-resizable-handle {
    display: none !important;
}