/*
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-column-header {
    text-align: center;
}

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

.x-grid-cell {
    vertical-align: middle;
}

.x-keyboard-mode .x-grid-item-focused .x-grid-cell-inner:before{
    border: 2px solid #00A6A6;
}

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

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

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

.x-grid-item-over{
    background-color: #f6e1c6;
    /*outline: 2px solid #eaeff4;
    outline-offset:-2px*/
}

/*.x-grid-item-selected{
    background-color: transparent;
    outline: 2px solid #ffefbb;
    outline-offset:-2px
}*/

.x-window-header {
    border-color: transparent;
    background: #076a72;
    padding: 4px;
}

.x-window-header-title-default {
    color: white;
}

.x-window-default {
    border-color: transparent;
    color: red;
}

.x-panel-default-outer-border-trbl{
    border-color:#aeafaf !important;
    border-width:1px !important
}

.x-panel-default {
    border-color: transparent;
}

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

.x-panel-header-default {
    border-color: transparent;
    background: #dcddde;
    margin-bottom: 10px;
    border-radius: 5px;
}

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

.x-panel-header-title-default {
    color: black;
    font-weight: bold;
    line-height: normal;
}

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

.x-tab-default {
    background: #076a72;
}

.x-tab.x-tab-over {
    background: #036873;
}

.x-tab-inner-default {
    color: white;
}

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

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

.x-keyboard-mode .x-tab-focus.x-tab-active.x-tab-default {
    background-color: #dcddde;
}

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

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

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

.x-keyboard-mode .x-tab-focus.x-tab-active.x-tab-default{
    background-color: #dcddde;
}

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

.x-progress-default .x-progress-bar-default {
    background: #076a72;
}

.x-button-default-small {
    background: black;
}

.x-btn-default-small {
    border-color: transparent;
    background: #076a72;
}

.x-keyboard-mode .x-btn-focus.x-btn-default-small {
    border-color: transparent;
    background: #076a72;
}

.x-btn-default-small.x-btn-over {
    border-color: transparent;
    background: #036873;
}

.x-btn.x-btn-pressed.x-btn-default-small{
    border-color: transparent;
    background: #012326;
}

.x-btn-inner-default-small {
    color: white;
}

.x-btn-icon-el-default-small {
    color: white;
}

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

.x-toolbar-footer {
    background: transparent;
}

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

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

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

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

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

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

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

.x-form-trigger-wrap-default.x-form-trigger-wrap-focus{
    border-color: #00A6A6;
}

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

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

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

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

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

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

.x-grid-row-summary .x-grid-cell{background-color: #dcddde !important;}