/*
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 : 30/06/2018, 10:37:09
    Author     : Dalton Agila
*/

#ext-viewport:after {
  font-family: "Times New Roman";
  text-shadow: 1px 1px gray;
  font-size: 2em;
  content: "";
  position: absolute;
  bottom: 0.5em;
  right: 0.5em;
  opacity: 1;
  pointer-events: none;
  color: #f39236;
}

.x-gridcolumn .x-text-el {
  font-weight: bold;
  white-space: normal;
}

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

.x-tab.x-active .x-inner-el{background-color:#ffde00;}

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

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


.x-tab.x-active.x-focused{color:black;}

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


.x-tab.x-disabled .x-inner-el {background-color: gainsboro;}

.x-tab.x-disabled .x-close-icon-el {color:white;}


.x-tab.x-hovered{color:black;}

.x-tab.x-hovered .x-inner-el{background-color: gainsboro;}

.x-tab.x-hovered .x-icon-el{color:black}

.x-tab.x-hovered .x-close-icon-el{color: black;}

.x-big .x-treecell-body-el,.x-big .x-treecell-tool-dock > .x-body-el{padding:14px 0}:root{
    --dark-mode:false;--base-color:#f39236;--base-highlight-color:#ffde00;
    --base-light-color:#bbdefb;--base-dark-color:blue;--base-pressed-color:#ffde00;
    --base-focused-color:#f39236;--base-invisible-color:rgba(33, 150, 243, 0);
    --base-foreground-color:#fff;--accent-color:#ff9800;--accent-light-color:#38c1c9;
    --accent-dark-color:#f57c00;--accent-pressed-color:#ffb74d;
    --accent-invisible-color:rgba(255, 152, 0, 0);--accent-foreground-color:#222;
    --confirm-color:#7cb342;--confirm-pressed-color:#a2cc75;--alert-color:#c62828;
    --alert-pressed-color:#de5c5c;--color:#111;--reverse-color:#fff;--highlight-color:rgba(17, 17, 17, 0.54);
    --disabled-color:rgba(17, 17, 17, 0.38);--reverse-disabled-color:rgba(255, 255, 255, 0.38);
    --divider-color:#e2e2e2;--selected-background-color:#e0e0e0;--hovered-background-color:#eee;
    --header-background-color:#f5f5f5;--faded-color:#e1e1e1;--background-color:#fafafa;
    --alt-background-color:#f5f5f5;--reverse-background-color:#303030;--reverse-alt-background-color:#3a3a3a;
    --overlay-color:rgba(0, 0, 0, 0.03);--content-padding:16px;--listitem-selected-background-color:#e0e0e0
}

/* TAB BAR */

.x-tab {color: black;}

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

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

.x-tab .x-inner-el {background-color: white;};

.x-field > .x-label-el {
  color: rgba(17, 17, 17, 0.54);
  color: var(--highlight-color);
  padding: 0px;
  font: 400 12px/16px Roboto, sans-serif;
  width: 100px;
}

.x-button .x-text-el {
  text-transform: none;
}

.cell-wrap .x-gridcell-body-el,
.cell-wrap .x-roweditorcell {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: normal;
}

.icono-blanco:before {
  color: white;
}