/*
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:#ffde00;
}

.x-gridcolumn {
    text-align: center;
}

.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:#2196f3;--base-highlight-color:#ffde00;
    --base-light-color:#bbdefb;--base-dark-color:blue;--base-pressed-color:#ffde00;
    --base-focused-color:#42a5f5;--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;};