PHP Classes

File: web/bundles/extjs/resources/css/azzurra-medium/azzurra-ui-black.css

Recommend this page to a friend!
  Classes of william amed   Raptor 2   web/bundles/extjs/resources/css/azzurra-medium/azzurra-ui-black.css   Download  
File: web/bundles/extjs/resources/css/azzurra-medium/azzurra-ui-black.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Raptor 2
Framework that takes routes from annotations
Author: By
Last change:
Date: 8 years ago
Size: 119,943 bytes
 

Contents

Class file image Download 
.x-panel-header-text-container-default {
  font-weight: normal;
  line-height: 23px;
  padding-left: 2px;
  color: #404040; }

.x-panel-header-default .x-panel-header-glyph {
  line-height: 16px;
  text-align: center;
  font-size: 22px;
  color: #4a4a4a; }

.x-panel-header-default-vertical .x-panel-header-text-container {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  transform-origin: 0 0 0; }

.x-ie8 .x-panel-header-default-vertical .x-panel-header-text-container, .x-ie7 .x-panel-header-default-vertical .x-panel-header-text-container, .x-ie9 .x-panel-header-default-vertical .x-panel-header-text-container {
  display: none; }

.x-panel-header-text-container-default-framed {
  font-weight: normal;
  line-height: 23px;
  padding-left: 2px;
  color: #404040; }

.x-panel-header-default-framed .x-panel-header-glyph {
  line-height: 16px;
  text-align: center;
  font-size: 22px;
  color: #4a4a4a; }

.x-panel-header-default-framed-vertical .x-panel-header-text-container {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  transform-origin: 0 0 0; }

.x-ie8 .x-panel-header-default-framed-vertical .x-panel-header-text-container, .x-ie7 .x-panel-header-default-framed-vertical .x-panel-header-text-container, .x-ie9 .x-panel-header-default-framed-vertical .x-panel-header-text-container {
  display: none; }

.x-ie7 [class$="-mc"], .x-ie8 [class$="-mc"] {
  margin-top: -1px !important;
  margin-left: -1px !important; }

/*
==============================================================
===================== start ui-button ========================
*/
.x-btn-black-button-small {
  border-color: #424242; }

body.x-nbr .x-btn-black-button-small-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-black-button-small {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: #474747; }

.x-btn-black-button-small .x-btn-inner {
  font-size: 13px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: white;
  background-repeat: no-repeat;
  padding: 0 4px; }

.x-btn-black-button-small-icon button,
.x-btn-black-button-small-icon a,
.x-btn-black-button-small-icon .x-btn-inner,
.x-btn-black-button-small-noicon button,
.x-btn-black-button-small-noicon a,
.x-btn-black-button-small-noicon .x-btn-inner {
  height: 16px;
  line-height: 16px; }

.x-btn-black-button-small-icon button,
.x-btn-black-button-small-icon a {
  padding: 0; }
.x-btn-black-button-small-icon .x-btn-inner {
  width: 16px;
  padding: 0; }
.x-btn-black-button-small-icon .x-btn-icon {
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-black-button-small-icon-text-left button,
.x-btn-black-button-small-icon-text-left a {
  height: 16px; }
.x-btn-black-button-small-icon-text-left .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-left: 20px; }
.x-btn-black-button-small-icon-text-left .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-black-button-small-icon-text-left .x-btn-icon, .x-quirks .x-btn-black-button-small-icon-text-left .x-btn-icon {
    height: 16px; }

.x-btn-black-button-small-icon-text-right button,
.x-btn-black-button-small-icon-text-right a {
  height: 16px; }
.x-btn-black-button-small-icon-text-right .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-right: 20px !important; }
.x-btn-black-button-small-icon-text-right .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-small-icon-text-right .x-btn-icon, .x-quirks .x-btn-black-button-small-icon-text-right .x-btn-icon {
    height: 16px; }

.x-btn-black-button-small-icon-text-top .x-btn-inner {
  padding-top: 20px; }
.x-btn-black-button-small-icon-text-top .x-btn-icon {
  width: auto;
  height: 16px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-black-button-small-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-small-icon-text-top .x-btn-icon {
    width: 16px; }

.x-btn-black-button-small-icon-text-bottom .x-btn-inner {
  padding-bottom: 20px; }
.x-btn-black-button-small-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 16px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-small-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-small-icon-text-bottom .x-btn-icon {
    width: 16px; }

.x-btn-black-button-small-over {
  border-color: #494949;
  background-image: none;
  background-color: #4e4e4e; }

.x-btn-black-button-small-focus {
  border-color: #494949;
  background-image: none;
  background-color: #4e4e4e; }

.x-btn-black-button-small-menu-active,
.x-btn-black-button-small-pressed {
  border-color: #353535;
  background-image: none;
  background-color: #3a3a3a; }

.x-btn-black-button-small-disabled {
  border-color: #676767;
  background-image: none;
  background-color: #676767; }

.x-btn-black-button-medium {
  border-color: #424242; }

body.x-nbr .x-btn-black-button-medium-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-black-button-medium {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: #474747; }

.x-btn-black-button-medium .x-btn-inner {
  font-size: 14px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: white;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-black-button-medium-icon button,
.x-btn-black-button-medium-icon a,
.x-btn-black-button-medium-icon .x-btn-inner,
.x-btn-black-button-medium-noicon button,
.x-btn-black-button-medium-noicon a,
.x-btn-black-button-medium-noicon .x-btn-inner {
  height: 24px;
  line-height: 24px; }

.x-btn-black-button-medium-icon button,
.x-btn-black-button-medium-icon a {
  padding: 0; }
.x-btn-black-button-medium-icon .x-btn-inner {
  width: 24px;
  padding: 0; }
.x-btn-black-button-medium-icon .x-btn-icon {
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-black-button-medium-icon-text-left button,
.x-btn-black-button-medium-icon-text-left a {
  height: 24px; }
.x-btn-black-button-medium-icon-text-left .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-left: 28px; }
.x-btn-black-button-medium-icon-text-left .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-black-button-medium-icon-text-left .x-btn-icon, .x-quirks .x-btn-black-button-medium-icon-text-left .x-btn-icon {
    height: 24px; }

.x-btn-black-button-medium-icon-text-right button,
.x-btn-black-button-medium-icon-text-right a {
  height: 24px; }
.x-btn-black-button-medium-icon-text-right .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-right: 28px !important; }
.x-btn-black-button-medium-icon-text-right .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-medium-icon-text-right .x-btn-icon, .x-quirks .x-btn-black-button-medium-icon-text-right .x-btn-icon {
    height: 24px; }

.x-btn-black-button-medium-icon-text-top .x-btn-inner {
  padding-top: 28px; }
.x-btn-black-button-medium-icon-text-top .x-btn-icon {
  width: auto;
  height: 24px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-black-button-medium-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-medium-icon-text-top .x-btn-icon {
    width: 24px; }

.x-btn-black-button-medium-icon-text-bottom .x-btn-inner {
  padding-bottom: 28px; }
.x-btn-black-button-medium-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 24px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-medium-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-medium-icon-text-bottom .x-btn-icon {
    width: 24px; }

.x-btn-black-button-medium-over {
  border-color: #494949;
  background-image: none;
  background-color: #4e4e4e; }

.x-btn-black-button-medium-focus {
  border-color: #494949;
  background-image: none;
  background-color: #4e4e4e; }

.x-btn-black-button-medium-menu-active,
.x-btn-black-button-medium-pressed {
  border-color: #353535;
  background-image: none;
  background-color: #3a3a3a; }

.x-btn-black-button-medium-disabled {
  border-color: #676767;
  background-image: none;
  background-color: #676767; }

.x-btn-black-button-large {
  border-color: #424242; }

body.x-nbr .x-btn-black-button-large-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-black-button-large {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: #474747; }

.x-btn-black-button-large .x-btn-inner {
  font-size: 14px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: white;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-black-button-large-icon button,
.x-btn-black-button-large-icon a,
.x-btn-black-button-large-icon .x-btn-inner,
.x-btn-black-button-large-noicon button,
.x-btn-black-button-large-noicon a,
.x-btn-black-button-large-noicon .x-btn-inner {
  height: 32px;
  line-height: 32px; }

.x-btn-black-button-large-icon button,
.x-btn-black-button-large-icon a {
  padding: 0; }
.x-btn-black-button-large-icon .x-btn-inner {
  width: 32px;
  padding: 0; }
.x-btn-black-button-large-icon .x-btn-icon {
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-black-button-large-icon-text-left button,
.x-btn-black-button-large-icon-text-left a {
  height: 32px; }
.x-btn-black-button-large-icon-text-left .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-left: 36px; }
.x-btn-black-button-large-icon-text-left .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-black-button-large-icon-text-left .x-btn-icon, .x-quirks .x-btn-black-button-large-icon-text-left .x-btn-icon {
    height: 32px; }

.x-btn-black-button-large-icon-text-right button,
.x-btn-black-button-large-icon-text-right a {
  height: 32px; }
.x-btn-black-button-large-icon-text-right .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-right: 36px !important; }
.x-btn-black-button-large-icon-text-right .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-large-icon-text-right .x-btn-icon, .x-quirks .x-btn-black-button-large-icon-text-right .x-btn-icon {
    height: 32px; }

.x-btn-black-button-large-icon-text-top .x-btn-inner {
  padding-top: 36px; }
.x-btn-black-button-large-icon-text-top .x-btn-icon {
  width: auto;
  height: 32px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-black-button-large-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-large-icon-text-top .x-btn-icon {
    width: 32px; }

.x-btn-black-button-large-icon-text-bottom .x-btn-inner {
  padding-bottom: 36px; }
.x-btn-black-button-large-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 32px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-large-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-large-icon-text-bottom .x-btn-icon {
    width: 32px; }

.x-btn-black-button-large-over {
  border-color: #494949;
  background-image: none;
  background-color: #4e4e4e; }

.x-btn-black-button-large-focus {
  border-color: #494949;
  background-image: none;
  background-color: #4e4e4e; }

.x-btn-black-button-large-menu-active,
.x-btn-black-button-large-pressed {
  border-color: #353535;
  background-image: none;
  background-color: #3a3a3a; }

.x-btn-black-button-large-disabled {
  border-color: #676767;
  background-image: none;
  background-color: #676767; }

.x-btn-black-button-small .x-btn-icon-el {
  width: 16px;
  height: 16px; }
.x-btn-black-button-small .x-btn-glyph {
  line-height: 16px;
  color: white;
  font-size: 20px; }
.x-btn-black-button-small.x-btn-over .x-btn-glyph {
  color: white; }
.x-btn-black-button-small.x-btn-pressed .x-btn-glyph, .x-btn-black-button-small.x-btn-menu-active .x-btn-glyph {
  color: white; }

.x-btn-black-button-medium .x-btn-icon-el {
  width: 24px;
  height: 24px; }
.x-btn-black-button-medium .x-btn-glyph {
  line-height: 24px;
  color: white;
  font-size: 28px; }
.x-btn-black-button-medium.x-btn-over .x-btn-glyph {
  color: white; }
.x-btn-black-button-medium.x-btn-pressed .x-btn-glyph, .x-btn-black-button-medium.x-btn-menu-active .x-btn-glyph {
  color: white; }

.x-btn-black-button-large .x-btn-icon-el {
  width: 32px;
  height: 32px; }
.x-btn-black-button-large .x-btn-glyph {
  line-height: 32px;
  color: white;
  font-size: 36px; }
.x-btn-black-button-large.x-btn-over .x-btn-glyph {
  color: white; }
.x-btn-black-button-large.x-btn-pressed .x-btn-glyph, .x-btn-black-button-large.x-btn-menu-active .x-btn-glyph {
  color: white; }

.x-btn-black-button-small-icon-text-left .x-btn-icon-el {
  width: 16px; }
.x-btn-black-button-small-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-black-button-medium-icon-text-left .x-btn-icon-el {
  width: 24px; }
.x-btn-black-button-medium-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-black-button-large-icon-text-left .x-btn-icon-el {
  width: 32px; }
.x-btn-black-button-large-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-black-button-small-icon-text-right {
  /*marko*/ }
  .x-btn-black-button-small-icon-text-right .x-btn-icon-el {
    width: 16px; }
  .x-btn-black-button-small-icon-text-right .x-btn-icon-el {
    left: auto; }

.x-btn-black-button-medium-icon-text-right .x-btn-icon-el {
  width: 24px; }
.x-btn-black-button-medium-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-black-button-large-icon-text-right .x-btn-icon-el {
  width: 32px; }
.x-btn-black-button-large-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-black-button-small-icon-text-top .x-btn-icon-el {
  height: 16px;
  bottom: auto; }

.x-btn-black-button-medium-icon-text-top .x-btn-icon-el {
  height: 24px;
  bottom: auto; }

.x-btn-black-button-large-icon-text-top .x-btn-icon-el {
  height: 32px;
  bottom: auto; }

.x-btn-black-button-small-icon-text-bottom .x-btn-icon-el {
  height: 16px;
  top: auto; }

.x-btn-black-button-medium-icon-text-bottom .x-btn-icon-el {
  height: 24px;
  top: auto; }

.x-btn-black-button-large-icon-text-bottom .x-btn-icon-el {
  height: 32px;
  top: auto; }

/*
====================== end ui-button==========================
==============================================================
*/
/*
=================== start ui-toolbar-button===================
==============================================================
*/
.x-btn-black-button-toolbar-small {
  border-color: transparent; }

body.x-nbr .x-btn-black-button-toolbar-small-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-black-button-toolbar-small {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-black-button-toolbar-small .x-btn-inner {
  font-size: 13px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: #333333;
  background-repeat: no-repeat;
  padding: 0 4px; }

.x-btn-black-button-toolbar-small-icon button,
.x-btn-black-button-toolbar-small-icon a,
.x-btn-black-button-toolbar-small-icon .x-btn-inner,
.x-btn-black-button-toolbar-small-noicon button,
.x-btn-black-button-toolbar-small-noicon a,
.x-btn-black-button-toolbar-small-noicon .x-btn-inner {
  height: 16px;
  line-height: 16px; }

.x-btn-black-button-toolbar-small-icon button,
.x-btn-black-button-toolbar-small-icon a {
  padding: 0; }
.x-btn-black-button-toolbar-small-icon .x-btn-inner {
  width: 16px;
  padding: 0; }
.x-btn-black-button-toolbar-small-icon .x-btn-icon {
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-black-button-toolbar-small-icon-text-left button,
.x-btn-black-button-toolbar-small-icon-text-left a {
  height: 16px; }
.x-btn-black-button-toolbar-small-icon-text-left .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-left: 20px; }
.x-btn-black-button-toolbar-small-icon-text-left .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-black-button-toolbar-small-icon-text-left .x-btn-icon, .x-quirks .x-btn-black-button-toolbar-small-icon-text-left .x-btn-icon {
    height: 16px; }

.x-btn-black-button-toolbar-small-icon-text-right button,
.x-btn-black-button-toolbar-small-icon-text-right a {
  height: 16px; }
.x-btn-black-button-toolbar-small-icon-text-right .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-right: 20px !important; }
.x-btn-black-button-toolbar-small-icon-text-right .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-toolbar-small-icon-text-right .x-btn-icon, .x-quirks .x-btn-black-button-toolbar-small-icon-text-right .x-btn-icon {
    height: 16px; }

.x-btn-black-button-toolbar-small-icon-text-top .x-btn-inner {
  padding-top: 20px; }
.x-btn-black-button-toolbar-small-icon-text-top .x-btn-icon {
  width: auto;
  height: 16px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-black-button-toolbar-small-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-toolbar-small-icon-text-top .x-btn-icon {
    width: 16px; }

.x-btn-black-button-toolbar-small-icon-text-bottom .x-btn-inner {
  padding-bottom: 20px; }
.x-btn-black-button-toolbar-small-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 16px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-toolbar-small-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-toolbar-small-icon-text-bottom .x-btn-icon {
    width: 16px; }

.x-btn-black-button-toolbar-small-over {
  border-color: #434343;
  background-image: none;
  background-color: #505050; }
  .x-btn-black-button-toolbar-small-over .x-btn-inner {
    color: #f8f9f9; }

.x-btn-black-button-toolbar-small-focus {
  border-color: #434343;
  background-image: none;
  background-color: #505050; }
  .x-btn-black-button-toolbar-small-focus .x-btn-inner {
    color: #f8f9f9; }

.x-btn-black-button-toolbar-small-menu-active,
.x-btn-black-button-toolbar-small-pressed {
  border-color: #4a4a4a;
  background-image: none;
  background-color: #4a4a4a; }
  .x-btn-black-button-toolbar-small-menu-active .x-btn-inner,
  .x-btn-black-button-toolbar-small-pressed .x-btn-inner {
    color: #f8f9f9; }

.x-btn-black-button-toolbar-small-disabled {
  background-image: none;
  background-color: transparent; }
  .x-btn-black-button-toolbar-small-disabled .x-btn-inner {
    color: #333333 !important; }

.x-ie .x-btn-black-button-toolbar-small-disabled .x-btn-inner {
  color: #595959 !important; }

.x-ie6 .x-btn-black-button-toolbar-small-disabled .x-btn-inner {
  color: #8c8c8c !important; }

.x-btn-black-button-toolbar-medium {
  border-color: transparent; }

body.x-nbr .x-btn-black-button-toolbar-medium-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-black-button-toolbar-medium {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-black-button-toolbar-medium .x-btn-inner {
  font-size: 14px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: #333333;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-black-button-toolbar-medium-icon button,
.x-btn-black-button-toolbar-medium-icon a,
.x-btn-black-button-toolbar-medium-icon .x-btn-inner,
.x-btn-black-button-toolbar-medium-noicon button,
.x-btn-black-button-toolbar-medium-noicon a,
.x-btn-black-button-toolbar-medium-noicon .x-btn-inner {
  height: 24px;
  line-height: 24px; }

.x-btn-black-button-toolbar-medium-icon button,
.x-btn-black-button-toolbar-medium-icon a {
  padding: 0; }
.x-btn-black-button-toolbar-medium-icon .x-btn-inner {
  width: 24px;
  padding: 0; }
.x-btn-black-button-toolbar-medium-icon .x-btn-icon {
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-black-button-toolbar-medium-icon-text-left button,
.x-btn-black-button-toolbar-medium-icon-text-left a {
  height: 24px; }
.x-btn-black-button-toolbar-medium-icon-text-left .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-left: 28px; }
.x-btn-black-button-toolbar-medium-icon-text-left .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-black-button-toolbar-medium-icon-text-left .x-btn-icon, .x-quirks .x-btn-black-button-toolbar-medium-icon-text-left .x-btn-icon {
    height: 24px; }

.x-btn-black-button-toolbar-medium-icon-text-right button,
.x-btn-black-button-toolbar-medium-icon-text-right a {
  height: 24px; }
.x-btn-black-button-toolbar-medium-icon-text-right .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-right: 28px !important; }
.x-btn-black-button-toolbar-medium-icon-text-right .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-toolbar-medium-icon-text-right .x-btn-icon, .x-quirks .x-btn-black-button-toolbar-medium-icon-text-right .x-btn-icon {
    height: 24px; }

.x-btn-black-button-toolbar-medium-icon-text-top .x-btn-inner {
  padding-top: 28px; }
.x-btn-black-button-toolbar-medium-icon-text-top .x-btn-icon {
  width: auto;
  height: 24px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-black-button-toolbar-medium-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-toolbar-medium-icon-text-top .x-btn-icon {
    width: 24px; }

.x-btn-black-button-toolbar-medium-icon-text-bottom .x-btn-inner {
  padding-bottom: 28px; }
.x-btn-black-button-toolbar-medium-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 24px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-toolbar-medium-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-toolbar-medium-icon-text-bottom .x-btn-icon {
    width: 24px; }

.x-btn-black-button-toolbar-medium-over {
  border-color: #434343;
  background-image: none;
  background-color: #505050; }
  .x-btn-black-button-toolbar-medium-over .x-btn-inner {
    color: #f8f9f9; }

.x-btn-black-button-toolbar-medium-focus {
  border-color: #434343;
  background-image: none;
  background-color: #505050; }
  .x-btn-black-button-toolbar-medium-focus .x-btn-inner {
    color: #f8f9f9; }

.x-btn-black-button-toolbar-medium-menu-active,
.x-btn-black-button-toolbar-medium-pressed {
  border-color: #4a4a4a;
  background-image: none;
  background-color: #4a4a4a; }
  .x-btn-black-button-toolbar-medium-menu-active .x-btn-inner,
  .x-btn-black-button-toolbar-medium-pressed .x-btn-inner {
    color: #f8f9f9; }

.x-btn-black-button-toolbar-medium-disabled {
  background-image: none;
  background-color: transparent; }
  .x-btn-black-button-toolbar-medium-disabled .x-btn-inner {
    color: #333333 !important; }

.x-ie .x-btn-black-button-toolbar-medium-disabled .x-btn-inner {
  color: #595959 !important; }

.x-ie6 .x-btn-black-button-toolbar-medium-disabled .x-btn-inner {
  color: #8c8c8c !important; }

.x-btn-black-button-toolbar-large {
  border-color: transparent; }

body.x-nbr .x-btn-black-button-toolbar-large-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-black-button-toolbar-large {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-black-button-toolbar-large .x-btn-inner {
  font-size: 14px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: #333333;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-black-button-toolbar-large-icon button,
.x-btn-black-button-toolbar-large-icon a,
.x-btn-black-button-toolbar-large-icon .x-btn-inner,
.x-btn-black-button-toolbar-large-noicon button,
.x-btn-black-button-toolbar-large-noicon a,
.x-btn-black-button-toolbar-large-noicon .x-btn-inner {
  height: 32px;
  line-height: 32px; }

.x-btn-black-button-toolbar-large-icon button,
.x-btn-black-button-toolbar-large-icon a {
  padding: 0; }
.x-btn-black-button-toolbar-large-icon .x-btn-inner {
  width: 32px;
  padding: 0; }
.x-btn-black-button-toolbar-large-icon .x-btn-icon {
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-black-button-toolbar-large-icon-text-left button,
.x-btn-black-button-toolbar-large-icon-text-left a {
  height: 32px; }
.x-btn-black-button-toolbar-large-icon-text-left .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-left: 36px; }
.x-btn-black-button-toolbar-large-icon-text-left .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-black-button-toolbar-large-icon-text-left .x-btn-icon, .x-quirks .x-btn-black-button-toolbar-large-icon-text-left .x-btn-icon {
    height: 32px; }

.x-btn-black-button-toolbar-large-icon-text-right button,
.x-btn-black-button-toolbar-large-icon-text-right a {
  height: 32px; }
.x-btn-black-button-toolbar-large-icon-text-right .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-right: 36px !important; }
.x-btn-black-button-toolbar-large-icon-text-right .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-toolbar-large-icon-text-right .x-btn-icon, .x-quirks .x-btn-black-button-toolbar-large-icon-text-right .x-btn-icon {
    height: 32px; }

.x-btn-black-button-toolbar-large-icon-text-top .x-btn-inner {
  padding-top: 36px; }
.x-btn-black-button-toolbar-large-icon-text-top .x-btn-icon {
  width: auto;
  height: 32px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-black-button-toolbar-large-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-toolbar-large-icon-text-top .x-btn-icon {
    width: 32px; }

.x-btn-black-button-toolbar-large-icon-text-bottom .x-btn-inner {
  padding-bottom: 36px; }
.x-btn-black-button-toolbar-large-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 32px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-toolbar-large-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-toolbar-large-icon-text-bottom .x-btn-icon {
    width: 32px; }

.x-btn-black-button-toolbar-large-over {
  border-color: #434343;
  background-image: none;
  background-color: #505050; }
  .x-btn-black-button-toolbar-large-over .x-btn-inner {
    color: #f8f9f9; }

.x-btn-black-button-toolbar-large-focus {
  border-color: #434343;
  background-image: none;
  background-color: #505050; }
  .x-btn-black-button-toolbar-large-focus .x-btn-inner {
    color: #f8f9f9; }

.x-btn-black-button-toolbar-large-menu-active,
.x-btn-black-button-toolbar-large-pressed {
  border-color: #4a4a4a;
  background-image: none;
  background-color: #4a4a4a; }
  .x-btn-black-button-toolbar-large-menu-active .x-btn-inner,
  .x-btn-black-button-toolbar-large-pressed .x-btn-inner {
    color: #f8f9f9; }

.x-btn-black-button-toolbar-large-disabled {
  background-image: none;
  background-color: transparent; }
  .x-btn-black-button-toolbar-large-disabled .x-btn-inner {
    color: #333333 !important; }

.x-ie .x-btn-black-button-toolbar-large-disabled .x-btn-inner {
  color: #595959 !important; }

.x-ie6 .x-btn-black-button-toolbar-large-disabled .x-btn-inner {
  color: #8c8c8c !important; }

.x-btn-black-button-toolbar-small .x-btn-icon-el {
  width: 16px;
  height: 16px; }
.x-btn-black-button-toolbar-small .x-btn-glyph {
  line-height: 16px;
  color: #666666;
  font-size: 20px; }
.x-btn-black-button-toolbar-small.x-btn-over .x-btn-glyph {
  color: #f8f9f9; }
.x-btn-black-button-toolbar-small.x-btn-pressed .x-btn-glyph, .x-btn-black-button-toolbar-small.x-btn-menu-active .x-btn-glyph {
  color: #f8f9f9; }

.x-btn-black-button-toolbar-medium .x-btn-icon-el {
  width: 24px;
  height: 24px; }
.x-btn-black-button-toolbar-medium .x-btn-glyph {
  line-height: 24px;
  color: #666666;
  font-size: 28px; }
.x-btn-black-button-toolbar-medium.x-btn-over .x-btn-glyph {
  color: #f8f9f9; }
.x-btn-black-button-toolbar-medium.x-btn-pressed .x-btn-glyph, .x-btn-black-button-toolbar-medium.x-btn-menu-active .x-btn-glyph {
  color: #f8f9f9; }

.x-btn-black-button-toolbar-large .x-btn-icon-el {
  width: 32px;
  height: 32px; }
.x-btn-black-button-toolbar-large .x-btn-glyph {
  line-height: 32px;
  color: #666666;
  font-size: 36px; }
.x-btn-black-button-toolbar-large.x-btn-over .x-btn-glyph {
  color: #f8f9f9; }
.x-btn-black-button-toolbar-large.x-btn-pressed .x-btn-glyph, .x-btn-black-button-toolbar-large.x-btn-menu-active .x-btn-glyph {
  color: #f8f9f9; }

.x-btn-black-button-toolbar-small-icon-text-left .x-btn-icon-el {
  width: 16px; }
.x-btn-black-button-toolbar-small-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-black-button-toolbar-medium-icon-text-left .x-btn-icon-el {
  width: 24px; }
.x-btn-black-button-toolbar-medium-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-black-button-toolbar-large-icon-text-left .x-btn-icon-el {
  width: 32px; }
.x-btn-black-button-toolbar-large-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-black-button-toolbar-small-icon-text-right {
  /*marko*/ }
  .x-btn-black-button-toolbar-small-icon-text-right .x-btn-icon-el {
    width: 16px; }
  .x-btn-black-button-toolbar-small-icon-text-right .x-btn-icon-el {
    left: auto; }

.x-btn-black-button-toolbar-medium-icon-text-right .x-btn-icon-el {
  width: 24px; }
.x-btn-black-button-toolbar-medium-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-black-button-toolbar-large-icon-text-right .x-btn-icon-el {
  width: 32px; }
.x-btn-black-button-toolbar-large-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-black-button-toolbar-small-icon-text-top .x-btn-icon-el {
  height: 16px;
  bottom: auto; }

.x-btn-black-button-toolbar-medium-icon-text-top .x-btn-icon-el {
  height: 24px;
  bottom: auto; }

.x-btn-black-button-toolbar-large-icon-text-top .x-btn-icon-el {
  height: 32px;
  bottom: auto; }

.x-btn-black-button-toolbar-small-icon-text-bottom .x-btn-icon-el {
  height: 16px;
  top: auto; }

.x-btn-black-button-toolbar-medium-icon-text-bottom .x-btn-icon-el {
  height: 24px;
  top: auto; }

.x-btn-black-button-toolbar-large-icon-text-bottom .x-btn-icon-el {
  height: 32px;
  top: auto; }

/*
==============================================================
================= start ui-button-active =====================
*/
.x-btn-black-button-active-small {
  border-color: #7e8b98; }

body.x-nbr .x-btn-black-button-active-small-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-black-button-active-small {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: #87939f; }

.x-btn-black-button-active-small .x-btn-inner {
  font-size: 13px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: white;
  background-repeat: no-repeat;
  padding: 0 4px; }

.x-btn-black-button-active-small-icon button,
.x-btn-black-button-active-small-icon a,
.x-btn-black-button-active-small-icon .x-btn-inner,
.x-btn-black-button-active-small-noicon button,
.x-btn-black-button-active-small-noicon a,
.x-btn-black-button-active-small-noicon .x-btn-inner {
  height: 16px;
  line-height: 16px; }

.x-btn-black-button-active-small-icon button,
.x-btn-black-button-active-small-icon a {
  padding: 0; }
.x-btn-black-button-active-small-icon .x-btn-inner {
  width: 16px;
  padding: 0; }
.x-btn-black-button-active-small-icon .x-btn-icon {
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-black-button-active-small-icon-text-left button,
.x-btn-black-button-active-small-icon-text-left a {
  height: 16px; }
.x-btn-black-button-active-small-icon-text-left .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-left: 20px; }
.x-btn-black-button-active-small-icon-text-left .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-black-button-active-small-icon-text-left .x-btn-icon, .x-quirks .x-btn-black-button-active-small-icon-text-left .x-btn-icon {
    height: 16px; }

.x-btn-black-button-active-small-icon-text-right button,
.x-btn-black-button-active-small-icon-text-right a {
  height: 16px; }
.x-btn-black-button-active-small-icon-text-right .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-right: 20px !important; }
.x-btn-black-button-active-small-icon-text-right .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-active-small-icon-text-right .x-btn-icon, .x-quirks .x-btn-black-button-active-small-icon-text-right .x-btn-icon {
    height: 16px; }

.x-btn-black-button-active-small-icon-text-top .x-btn-inner {
  padding-top: 20px; }
.x-btn-black-button-active-small-icon-text-top .x-btn-icon {
  width: auto;
  height: 16px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-black-button-active-small-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-active-small-icon-text-top .x-btn-icon {
    width: 16px; }

.x-btn-black-button-active-small-icon-text-bottom .x-btn-inner {
  padding-bottom: 20px; }
.x-btn-black-button-active-small-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 16px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-active-small-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-active-small-icon-text-bottom .x-btn-icon {
    width: 16px; }

.x-btn-black-button-active-small-over {
  border-color: #8c98a3;
  background-image: none;
  background-color: #959faa; }

.x-btn-black-button-active-small-focus {
  border-color: #8c98a3;
  background-image: none;
  background-color: #87939f; }

.x-btn-black-button-active-small-menu-active,
.x-btn-black-button-active-small-pressed {
  border-color: #6c7986;
  background-image: none;
  background-color: #6c7986; }

.x-btn-black-button-active-small-disabled {
  border-color: #bfc6cc;
  background-image: none;
  background-color: #bfc6cc; }

.x-btn-black-button-active-medium {
  border-color: #7e8b98; }

body.x-nbr .x-btn-black-button-active-medium-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-black-button-active-medium {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: #87939f; }

.x-btn-black-button-active-medium .x-btn-inner {
  font-size: 14px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: white;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-black-button-active-medium-icon button,
.x-btn-black-button-active-medium-icon a,
.x-btn-black-button-active-medium-icon .x-btn-inner,
.x-btn-black-button-active-medium-noicon button,
.x-btn-black-button-active-medium-noicon a,
.x-btn-black-button-active-medium-noicon .x-btn-inner {
  height: 24px;
  line-height: 24px; }

.x-btn-black-button-active-medium-icon button,
.x-btn-black-button-active-medium-icon a {
  padding: 0; }
.x-btn-black-button-active-medium-icon .x-btn-inner {
  width: 24px;
  padding: 0; }
.x-btn-black-button-active-medium-icon .x-btn-icon {
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-black-button-active-medium-icon-text-left button,
.x-btn-black-button-active-medium-icon-text-left a {
  height: 24px; }
.x-btn-black-button-active-medium-icon-text-left .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-left: 28px; }
.x-btn-black-button-active-medium-icon-text-left .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-black-button-active-medium-icon-text-left .x-btn-icon, .x-quirks .x-btn-black-button-active-medium-icon-text-left .x-btn-icon {
    height: 24px; }

.x-btn-black-button-active-medium-icon-text-right button,
.x-btn-black-button-active-medium-icon-text-right a {
  height: 24px; }
.x-btn-black-button-active-medium-icon-text-right .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-right: 28px !important; }
.x-btn-black-button-active-medium-icon-text-right .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-active-medium-icon-text-right .x-btn-icon, .x-quirks .x-btn-black-button-active-medium-icon-text-right .x-btn-icon {
    height: 24px; }

.x-btn-black-button-active-medium-icon-text-top .x-btn-inner {
  padding-top: 28px; }
.x-btn-black-button-active-medium-icon-text-top .x-btn-icon {
  width: auto;
  height: 24px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-black-button-active-medium-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-active-medium-icon-text-top .x-btn-icon {
    width: 24px; }

.x-btn-black-button-active-medium-icon-text-bottom .x-btn-inner {
  padding-bottom: 28px; }
.x-btn-black-button-active-medium-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 24px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-active-medium-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-active-medium-icon-text-bottom .x-btn-icon {
    width: 24px; }

.x-btn-black-button-active-medium-over {
  border-color: #8c98a3;
  background-image: none;
  background-color: #959faa; }

.x-btn-black-button-active-medium-focus {
  border-color: #8c98a3;
  background-image: none;
  background-color: #87939f; }

.x-btn-black-button-active-medium-menu-active,
.x-btn-black-button-active-medium-pressed {
  border-color: #6c7986;
  background-image: none;
  background-color: #6c7986; }

.x-btn-black-button-active-medium-disabled {
  border-color: #bfc6cc;
  background-image: none;
  background-color: #bfc6cc; }

.x-btn-black-button-active-large {
  border-color: #7e8b98; }

body.x-nbr .x-btn-black-button-active-large-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-black-button-active-large {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: #87939f; }

.x-btn-black-button-active-large .x-btn-inner {
  font-size: 14px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: white;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-black-button-active-large-icon button,
.x-btn-black-button-active-large-icon a,
.x-btn-black-button-active-large-icon .x-btn-inner,
.x-btn-black-button-active-large-noicon button,
.x-btn-black-button-active-large-noicon a,
.x-btn-black-button-active-large-noicon .x-btn-inner {
  height: 32px;
  line-height: 32px; }

.x-btn-black-button-active-large-icon button,
.x-btn-black-button-active-large-icon a {
  padding: 0; }
.x-btn-black-button-active-large-icon .x-btn-inner {
  width: 32px;
  padding: 0; }
.x-btn-black-button-active-large-icon .x-btn-icon {
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-black-button-active-large-icon-text-left button,
.x-btn-black-button-active-large-icon-text-left a {
  height: 32px; }
.x-btn-black-button-active-large-icon-text-left .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-left: 36px; }
.x-btn-black-button-active-large-icon-text-left .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-black-button-active-large-icon-text-left .x-btn-icon, .x-quirks .x-btn-black-button-active-large-icon-text-left .x-btn-icon {
    height: 32px; }

.x-btn-black-button-active-large-icon-text-right button,
.x-btn-black-button-active-large-icon-text-right a {
  height: 32px; }
.x-btn-black-button-active-large-icon-text-right .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-right: 36px !important; }
.x-btn-black-button-active-large-icon-text-right .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-active-large-icon-text-right .x-btn-icon, .x-quirks .x-btn-black-button-active-large-icon-text-right .x-btn-icon {
    height: 32px; }

.x-btn-black-button-active-large-icon-text-top .x-btn-inner {
  padding-top: 36px; }
.x-btn-black-button-active-large-icon-text-top .x-btn-icon {
  width: auto;
  height: 32px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-black-button-active-large-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-active-large-icon-text-top .x-btn-icon {
    width: 32px; }

.x-btn-black-button-active-large-icon-text-bottom .x-btn-inner {
  padding-bottom: 36px; }
.x-btn-black-button-active-large-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 32px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-active-large-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-active-large-icon-text-bottom .x-btn-icon {
    width: 32px; }

.x-btn-black-button-active-large-over {
  border-color: #8c98a3;
  background-image: none;
  background-color: #959faa; }

.x-btn-black-button-active-large-focus {
  border-color: #8c98a3;
  background-image: none;
  background-color: #87939f; }

.x-btn-black-button-active-large-menu-active,
.x-btn-black-button-active-large-pressed {
  border-color: #6c7986;
  background-image: none;
  background-color: #6c7986; }

.x-btn-black-button-active-large-disabled {
  border-color: #bfc6cc;
  background-image: none;
  background-color: #bfc6cc; }

.x-btn-black-button-active-small .x-btn-icon-el {
  width: 16px;
  height: 16px; }
.x-btn-black-button-active-small .x-btn-glyph {
  line-height: 16px;
  font-size: 20px; }

.x-btn-black-button-active-medium .x-btn-icon-el {
  width: 24px;
  height: 24px; }
.x-btn-black-button-active-medium .x-btn-glyph {
  line-height: 24px;
  font-size: 28px; }

.x-btn-black-button-active-large .x-btn-icon-el {
  width: 32px;
  height: 32px; }
.x-btn-black-button-active-large .x-btn-glyph {
  line-height: 32px;
  font-size: 36px; }

.x-btn-black-button-active-small-icon-text-left .x-btn-icon-el {
  width: 16px; }
.x-btn-black-button-active-small-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-black-button-active-medium-icon-text-left .x-btn-icon-el {
  width: 24px; }
.x-btn-black-button-active-medium-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-black-button-active-large-icon-text-left .x-btn-icon-el {
  width: 32px; }
.x-btn-black-button-active-large-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-black-button-active-small-icon-text-right {
  /*marko*/ }
  .x-btn-black-button-active-small-icon-text-right .x-btn-icon-el {
    width: 16px; }
  .x-btn-black-button-active-small-icon-text-right .x-btn-icon-el {
    left: auto; }

.x-btn-black-button-active-medium-icon-text-right .x-btn-icon-el {
  width: 24px; }
.x-btn-black-button-active-medium-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-black-button-active-large-icon-text-right .x-btn-icon-el {
  width: 32px; }
.x-btn-black-button-active-large-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-black-button-active-small-icon-text-top .x-btn-icon-el {
  height: 16px;
  bottom: auto; }

.x-btn-black-button-active-medium-icon-text-top .x-btn-icon-el {
  height: 24px;
  bottom: auto; }

.x-btn-black-button-active-large-icon-text-top .x-btn-icon-el {
  height: 32px;
  bottom: auto; }

.x-btn-black-button-active-small-icon-text-bottom .x-btn-icon-el {
  height: 16px;
  top: auto; }

.x-btn-black-button-active-medium-icon-text-bottom .x-btn-icon-el {
  height: 24px;
  top: auto; }

.x-btn-black-button-active-large-icon-text-bottom .x-btn-icon-el {
  height: 32px;
  top: auto; }

.x-window-active .x-btn-black-button-active-small {
  background-color: #474747;
  border-color: #424242; }
.x-window-active .x-btn-black-button-active-small-over,
.x-window-active .x-btn-black-button-active-small-focus {
  background-color: #4e4e4e;
  border-color: #494949; }
.x-window-active .x-btn-black-button-active-small-disabled {
  background-color: #676767;
  border-color: #676767; }
.x-window-active .x-btn-black-button-active-small-pressed {
  background-color: #3a3a3a;
  border-color: #353535; }
.x-window-active .x-btn-black-button-active-medium {
  background-color: #474747;
  border-color: #424242; }
.x-window-active .x-btn-black-button-active-medium-over,
.x-window-active .x-btn-black-button-active-medium-focus {
  background-color: #4e4e4e;
  border-color: #494949; }
.x-window-active .x-btn-black-button-active-medium-disabled {
  background-color: #676767;
  border-color: #676767; }
.x-window-active .x-btn-black-button-active-medium-pressed {
  background-color: #3a3a3a;
  border-color: #353535; }
.x-window-active .x-btn-black-button-active-large {
  background-color: #474747;
  border-color: #424242; }
.x-window-active .x-btn-black-button-active-large-over,
.x-window-active .x-btn-black-button-active-large-focus {
  background-color: #4e4e4e;
  border-color: #494949; }
.x-window-active .x-btn-black-button-active-large-disabled {
  background-color: #676767;
  border-color: #676767; }
.x-window-active .x-btn-black-button-active-large-pressed {
  background-color: #3a3a3a;
  border-color: #353535; }

/*
==================== end ui-button-active ====================
==============================================================
*/
/*
============ start ui-toolbar-button-active ==================
==============================================================
*/
.x-btn-black-button-active-toolbar-small {
  border-color: transparent; }

body.x-nbr .x-btn-black-button-active-toolbar-small-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-black-button-active-toolbar-small {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-black-button-active-toolbar-small .x-btn-inner {
  font-size: 13px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: #333333;
  background-repeat: no-repeat;
  padding: 0 4px; }

.x-btn-black-button-active-toolbar-small-icon button,
.x-btn-black-button-active-toolbar-small-icon a,
.x-btn-black-button-active-toolbar-small-icon .x-btn-inner,
.x-btn-black-button-active-toolbar-small-noicon button,
.x-btn-black-button-active-toolbar-small-noicon a,
.x-btn-black-button-active-toolbar-small-noicon .x-btn-inner {
  height: 16px;
  line-height: 16px; }

.x-btn-black-button-active-toolbar-small-icon button,
.x-btn-black-button-active-toolbar-small-icon a {
  padding: 0; }
.x-btn-black-button-active-toolbar-small-icon .x-btn-inner {
  width: 16px;
  padding: 0; }
.x-btn-black-button-active-toolbar-small-icon .x-btn-icon {
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-black-button-active-toolbar-small-icon-text-left button,
.x-btn-black-button-active-toolbar-small-icon-text-left a {
  height: 16px; }
.x-btn-black-button-active-toolbar-small-icon-text-left .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-left: 20px; }
.x-btn-black-button-active-toolbar-small-icon-text-left .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-black-button-active-toolbar-small-icon-text-left .x-btn-icon, .x-quirks .x-btn-black-button-active-toolbar-small-icon-text-left .x-btn-icon {
    height: 16px; }

.x-btn-black-button-active-toolbar-small-icon-text-right button,
.x-btn-black-button-active-toolbar-small-icon-text-right a {
  height: 16px; }
.x-btn-black-button-active-toolbar-small-icon-text-right .x-btn-inner {
  height: 16px;
  line-height: 16px;
  padding-right: 20px !important; }
.x-btn-black-button-active-toolbar-small-icon-text-right .x-btn-icon {
  width: 16px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-active-toolbar-small-icon-text-right .x-btn-icon, .x-quirks .x-btn-black-button-active-toolbar-small-icon-text-right .x-btn-icon {
    height: 16px; }

.x-btn-black-button-active-toolbar-small-icon-text-top .x-btn-inner {
  padding-top: 20px; }
.x-btn-black-button-active-toolbar-small-icon-text-top .x-btn-icon {
  width: auto;
  height: 16px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-black-button-active-toolbar-small-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-active-toolbar-small-icon-text-top .x-btn-icon {
    width: 16px; }

.x-btn-black-button-active-toolbar-small-icon-text-bottom .x-btn-inner {
  padding-bottom: 20px; }
.x-btn-black-button-active-toolbar-small-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 16px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-active-toolbar-small-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-active-toolbar-small-icon-text-bottom .x-btn-icon {
    width: 16px; }

.x-btn-black-button-active-toolbar-small-over {
  border-color: #a7b0b9;
  background-image: none;
  background-color: #b5bdc4; }
  .x-btn-black-button-active-toolbar-small-over .x-btn-inner {
    color: #f8f9f9; }

.x-btn-black-button-active-toolbar-small-focus {
  border-color: #a7b0b9;
  background-image: none;
  background-color: #b5bdc4; }
  .x-btn-black-button-active-toolbar-small-focus .x-btn-inner {
    color: #f8f9f9; }

.x-btn-black-button-active-toolbar-small-menu-active,
.x-btn-black-button-active-toolbar-small-pressed {
  border-color: #99a3ad;
  background-image: none;
  background-color: #a7b0b9; }
  .x-btn-black-button-active-toolbar-small-menu-active .x-btn-inner,
  .x-btn-black-button-active-toolbar-small-pressed .x-btn-inner {
    color: #f8f9f9; }

.x-btn-black-button-active-toolbar-small-disabled {
  background-image: none;
  background-color: transparent; }
  .x-btn-black-button-active-toolbar-small-disabled .x-btn-inner {
    color: #333333 !important; }

.x-ie .x-btn-black-button-active-toolbar-small-disabled .x-btn-inner {
  color: #595959 !important; }

.x-ie6 .x-btn-black-button-active-toolbar-small-disabled .x-btn-inner {
  color: #8c8c8c !important; }

.x-btn-black-button-active-toolbar-medium {
  border-color: transparent; }

body.x-nbr .x-btn-black-button-active-toolbar-medium-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-black-button-active-toolbar-medium {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-black-button-active-toolbar-medium .x-btn-inner {
  font-size: 14px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: #333333;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-black-button-active-toolbar-medium-icon button,
.x-btn-black-button-active-toolbar-medium-icon a,
.x-btn-black-button-active-toolbar-medium-icon .x-btn-inner,
.x-btn-black-button-active-toolbar-medium-noicon button,
.x-btn-black-button-active-toolbar-medium-noicon a,
.x-btn-black-button-active-toolbar-medium-noicon .x-btn-inner {
  height: 24px;
  line-height: 24px; }

.x-btn-black-button-active-toolbar-medium-icon button,
.x-btn-black-button-active-toolbar-medium-icon a {
  padding: 0; }
.x-btn-black-button-active-toolbar-medium-icon .x-btn-inner {
  width: 24px;
  padding: 0; }
.x-btn-black-button-active-toolbar-medium-icon .x-btn-icon {
  width: 24px;
  height: 24px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-black-button-active-toolbar-medium-icon-text-left button,
.x-btn-black-button-active-toolbar-medium-icon-text-left a {
  height: 24px; }
.x-btn-black-button-active-toolbar-medium-icon-text-left .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-left: 28px; }
.x-btn-black-button-active-toolbar-medium-icon-text-left .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-black-button-active-toolbar-medium-icon-text-left .x-btn-icon, .x-quirks .x-btn-black-button-active-toolbar-medium-icon-text-left .x-btn-icon {
    height: 24px; }

.x-btn-black-button-active-toolbar-medium-icon-text-right button,
.x-btn-black-button-active-toolbar-medium-icon-text-right a {
  height: 24px; }
.x-btn-black-button-active-toolbar-medium-icon-text-right .x-btn-inner {
  height: 24px;
  line-height: 24px;
  padding-right: 28px !important; }
.x-btn-black-button-active-toolbar-medium-icon-text-right .x-btn-icon {
  width: 24px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-active-toolbar-medium-icon-text-right .x-btn-icon, .x-quirks .x-btn-black-button-active-toolbar-medium-icon-text-right .x-btn-icon {
    height: 24px; }

.x-btn-black-button-active-toolbar-medium-icon-text-top .x-btn-inner {
  padding-top: 28px; }
.x-btn-black-button-active-toolbar-medium-icon-text-top .x-btn-icon {
  width: auto;
  height: 24px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-black-button-active-toolbar-medium-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-active-toolbar-medium-icon-text-top .x-btn-icon {
    width: 24px; }

.x-btn-black-button-active-toolbar-medium-icon-text-bottom .x-btn-inner {
  padding-bottom: 28px; }
.x-btn-black-button-active-toolbar-medium-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 24px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-active-toolbar-medium-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-active-toolbar-medium-icon-text-bottom .x-btn-icon {
    width: 24px; }

.x-btn-black-button-active-toolbar-medium-over {
  border-color: #a7b0b9;
  background-image: none;
  background-color: #b5bdc4; }
  .x-btn-black-button-active-toolbar-medium-over .x-btn-inner {
    color: #f8f9f9; }

.x-btn-black-button-active-toolbar-medium-focus {
  border-color: #a7b0b9;
  background-image: none;
  background-color: #b5bdc4; }
  .x-btn-black-button-active-toolbar-medium-focus .x-btn-inner {
    color: #f8f9f9; }

.x-btn-black-button-active-toolbar-medium-menu-active,
.x-btn-black-button-active-toolbar-medium-pressed {
  border-color: #99a3ad;
  background-image: none;
  background-color: #a7b0b9; }
  .x-btn-black-button-active-toolbar-medium-menu-active .x-btn-inner,
  .x-btn-black-button-active-toolbar-medium-pressed .x-btn-inner {
    color: #f8f9f9; }

.x-btn-black-button-active-toolbar-medium-disabled {
  background-image: none;
  background-color: transparent; }
  .x-btn-black-button-active-toolbar-medium-disabled .x-btn-inner {
    color: #333333 !important; }

.x-ie .x-btn-black-button-active-toolbar-medium-disabled .x-btn-inner {
  color: #595959 !important; }

.x-ie6 .x-btn-black-button-active-toolbar-medium-disabled .x-btn-inner {
  color: #8c8c8c !important; }

.x-btn-black-button-active-toolbar-large {
  border-color: transparent; }

body.x-nbr .x-btn-black-button-active-toolbar-large-frameInfo {
  font-family: th-3-3-3-3-1-1-1-1-2-2-2-2; }

.x-btn-black-button-active-toolbar-large {
  padding: 2px 2px 2px 2px;
  border-width: 1px;
  border-style: solid;
  background-color: transparent; }

.x-btn-black-button-active-toolbar-large .x-btn-inner {
  font-size: 14px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  color: #333333;
  background-repeat: no-repeat;
  padding: 0 3px; }

.x-btn-black-button-active-toolbar-large-icon button,
.x-btn-black-button-active-toolbar-large-icon a,
.x-btn-black-button-active-toolbar-large-icon .x-btn-inner,
.x-btn-black-button-active-toolbar-large-noicon button,
.x-btn-black-button-active-toolbar-large-noicon a,
.x-btn-black-button-active-toolbar-large-noicon .x-btn-inner {
  height: 32px;
  line-height: 32px; }

.x-btn-black-button-active-toolbar-large-icon button,
.x-btn-black-button-active-toolbar-large-icon a {
  padding: 0; }
.x-btn-black-button-active-toolbar-large-icon .x-btn-inner {
  width: 32px;
  padding: 0; }
.x-btn-black-button-active-toolbar-large-icon .x-btn-icon {
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.x-btn-black-button-active-toolbar-large-icon-text-left button,
.x-btn-black-button-active-toolbar-large-icon-text-left a {
  height: 32px; }
.x-btn-black-button-active-toolbar-large-icon-text-left .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-left: 36px; }
.x-btn-black-button-active-toolbar-large-icon-text-left .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: auto; }
  .x-ie6 .x-btn-black-button-active-toolbar-large-icon-text-left .x-btn-icon, .x-quirks .x-btn-black-button-active-toolbar-large-icon-text-left .x-btn-icon {
    height: 32px; }

.x-btn-black-button-active-toolbar-large-icon-text-right button,
.x-btn-black-button-active-toolbar-large-icon-text-right a {
  height: 32px; }
.x-btn-black-button-active-toolbar-large-icon-text-right .x-btn-inner {
  height: 32px;
  line-height: 32px;
  padding-right: 36px !important; }
.x-btn-black-button-active-toolbar-large-icon-text-right .x-btn-icon {
  width: 32px;
  height: auto;
  top: 0;
  left: auto;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-active-toolbar-large-icon-text-right .x-btn-icon, .x-quirks .x-btn-black-button-active-toolbar-large-icon-text-right .x-btn-icon {
    height: 32px; }

.x-btn-black-button-active-toolbar-large-icon-text-top .x-btn-inner {
  padding-top: 36px; }
.x-btn-black-button-active-toolbar-large-icon-text-top .x-btn-icon {
  width: auto;
  height: 32px;
  top: 0;
  left: 0;
  bottom: auto;
  right: 0; }
  .x-ie6 .x-btn-black-button-active-toolbar-large-icon-text-top .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-active-toolbar-large-icon-text-top .x-btn-icon {
    width: 32px; }

.x-btn-black-button-active-toolbar-large-icon-text-bottom .x-btn-inner {
  padding-bottom: 36px; }
.x-btn-black-button-active-toolbar-large-icon-text-bottom .x-btn-icon {
  width: auto;
  height: 32px;
  top: auto;
  left: 0;
  bottom: 0;
  right: 0; }
  .x-ie6 .x-btn-black-button-active-toolbar-large-icon-text-bottom .x-btn-icon, .x-quirks .x-ie .x-btn-black-button-active-toolbar-large-icon-text-bottom .x-btn-icon {
    width: 32px; }

.x-btn-black-button-active-toolbar-large-over {
  border-color: #a7b0b9;
  background-image: none;
  background-color: #b5bdc4; }
  .x-btn-black-button-active-toolbar-large-over .x-btn-inner {
    color: #f8f9f9; }

.x-btn-black-button-active-toolbar-large-focus {
  border-color: #a7b0b9;
  background-image: none;
  background-color: #b5bdc4; }
  .x-btn-black-button-active-toolbar-large-focus .x-btn-inner {
    color: #f8f9f9; }

.x-btn-black-button-active-toolbar-large-menu-active,
.x-btn-black-button-active-toolbar-large-pressed {
  border-color: #99a3ad;
  background-image: none;
  background-color: #a7b0b9; }
  .x-btn-black-button-active-toolbar-large-menu-active .x-btn-inner,
  .x-btn-black-button-active-toolbar-large-pressed .x-btn-inner {
    color: #f8f9f9; }

.x-btn-black-button-active-toolbar-large-disabled {
  background-image: none;
  background-color: transparent; }
  .x-btn-black-button-active-toolbar-large-disabled .x-btn-inner {
    color: #333333 !important; }

.x-ie .x-btn-black-button-active-toolbar-large-disabled .x-btn-inner {
  color: #595959 !important; }

.x-ie6 .x-btn-black-button-active-toolbar-large-disabled .x-btn-inner {
  color: #8c8c8c !important; }

.x-btn-black-button-active-toolbar-small .x-btn-icon-el {
  width: 16px;
  height: 16px; }
.x-btn-black-button-active-toolbar-small .x-btn-glyph {
  line-height: 16px;
  font-size: 20px; }

.x-btn-black-button-active-toolbar-medium .x-btn-icon-el {
  width: 24px;
  height: 24px; }
.x-btn-black-button-active-toolbar-medium .x-btn-glyph {
  line-height: 24px;
  font-size: 28px; }

.x-btn-black-button-active-toolbar-large .x-btn-icon-el {
  width: 32px;
  height: 32px; }
.x-btn-black-button-active-toolbar-large .x-btn-glyph {
  line-height: 32px;
  font-size: 36px; }

.x-btn-black-button-active-toolbar-small-icon-text-left .x-btn-icon-el {
  width: 16px; }
.x-btn-black-button-active-toolbar-small-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-black-button-active-toolbar-medium-icon-text-left .x-btn-icon-el {
  width: 24px; }
.x-btn-black-button-active-toolbar-medium-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-black-button-active-toolbar-large-icon-text-left .x-btn-icon-el {
  width: 32px; }
.x-btn-black-button-active-toolbar-large-icon-text-left .x-btn-icon-el {
  right: auto; }

.x-btn-black-button-active-toolbar-small-icon-text-right {
  /*marko*/ }
  .x-btn-black-button-active-toolbar-small-icon-text-right .x-btn-icon-el {
    width: 16px; }
  .x-btn-black-button-active-toolbar-small-icon-text-right .x-btn-icon-el {
    left: auto; }

.x-btn-black-button-active-toolbar-medium-icon-text-right .x-btn-icon-el {
  width: 24px; }
.x-btn-black-button-active-toolbar-medium-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-black-button-active-toolbar-large-icon-text-right .x-btn-icon-el {
  width: 32px; }
.x-btn-black-button-active-toolbar-large-icon-text-right .x-btn-icon-el {
  left: auto; }

.x-btn-black-button-active-toolbar-small-icon-text-top .x-btn-icon-el {
  height: 16px;
  bottom: auto; }

.x-btn-black-button-active-toolbar-medium-icon-text-top .x-btn-icon-el {
  height: 24px;
  bottom: auto; }

.x-btn-black-button-active-toolbar-large-icon-text-top .x-btn-icon-el {
  height: 32px;
  bottom: auto; }

.x-btn-black-button-active-toolbar-small-icon-text-bottom .x-btn-icon-el {
  height: 16px;
  top: auto; }

.x-btn-black-button-active-toolbar-medium-icon-text-bottom .x-btn-icon-el {
  height: 24px;
  top: auto; }

.x-btn-black-button-active-toolbar-large-icon-text-bottom .x-btn-icon-el {
  height: 32px;
  top: auto; }

.x-window-active .x-btn-black-button-active-toolbar-small {
  background-color: transparent;
  border-color: transparent; }
.x-window-active .x-btn-black-button-active-toolbar-small-over,
.x-window-active .x-btn-black-button-active-toolbar-small-focus {
  background-color: #505050;
  border-color: #434343; }
.x-window-active .x-btn-black-button-active-toolbar-small-disabled {
  background-color: transparent;
  border-color: transparent; }
.x-window-active .x-btn-black-button-active-toolbar-small-pressed {
  background-color: #4a4a4a;
  border-color: #4a4a4a; }
.x-window-active .x-btn-black-button-active-toolbar-medium {
  background-color: transparent;
  border-color: transparent; }
.x-window-active .x-btn-black-button-active-toolbar-medium-over,
.x-window-active .x-btn-black-button-active-toolbar-medium-focus {
  background-color: #505050;
  border-color: #434343; }
.x-window-active .x-btn-black-button-active-toolbar-medium-disabled {
  background-color: transparent;
  border-color: transparent; }
.x-window-active .x-btn-black-button-active-toolbar-medium-pressed {
  background-color: #4a4a4a;
  border-color: #4a4a4a; }
.x-window-active .x-btn-black-button-active-toolbar-large {
  background-color: transparent;
  border-color: transparent; }
.x-window-active .x-btn-black-button-active-toolbar-large-over,
.x-window-active .x-btn-black-button-active-toolbar-large-focus {
  background-color: #505050;
  border-color: #434343; }
.x-window-active .x-btn-black-button-active-toolbar-large-disabled {
  background-color: transparent;
  border-color: transparent; }
.x-window-active .x-btn-black-button-active-toolbar-large-pressed {
  background-color: #4a4a4a;
  border-color: #4a4a4a; }

/*
==============================================================
===================== start ui-panel =========================
*/
.x-panel-black-panel {
  border-color: #aeb6be; }

.x-panel-header-black-panel {
  font-size: 14px;
  border-color: #3f3f3f;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #535353; }
  .x-panel-header-black-panel > .x-panel-header-body .x-tool img:hover {
    background-color: #474747; }
  .x-panel-header-black-panel > .x-panel-header-body .x-tool img.x-tool-close {
    background-color: #c54a4a; }
    .x-panel-header-black-panel > .x-panel-header-body .x-tool img.x-tool-close:hover {
      background-color: #c95656; }

.x-panel-header-text-black-panel {
  color: #fafafa;
  font-size: 14px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  line-height: 23px; }

.x-panel-body-black-panel {
  background: #f8f9f9;
  border-color: #aeb6be;
  color: black;
  border-width: 1px;
  border-style: solid; }

.x-panel-collapsed .x-window-header-black-panel,
.x-panel-collapsed .x-panel-header-black-panel {
  border-color: #3f3f3f; }

.x-panel-header-black-panel-vertical {
  border-color: #3f3f3f; }

.x-panel-header-black-panel-left,
.x-panel-header-black-panel-right {
  background-image: none;
  background-color: #535353; }

.x-panel-header-black-panel-right-tc,
.x-panel-header-black-panel-right-mc,
.x-panel-header-black-panel-right-bc {
  background-position: right 0; }

.x-panel-header-black-panel-bottom-tc,
.x-panel-header-black-panel-bottom-mc,
.x-panel-header-black-panel-bottom-bc {
  background-position: 0 bottom; }

.x-panel-header-black-panel + .x-panel-body-black-panel {
  border-top-color: #3f3f3f; }

.x-panel-header-black-panel + .x-toolbar-docked-top {
  border-top-color: #3f3f3f; }

.x-panel-header-black-panel.x-accordion-hd {
  background-color: #535353 !important;
  border-top-color: #535353 !important; }

.x-panel-black-panel.x-grid-with-row-lines .x-panel-body-black-panel .x-grid-row-selected .x-grid-cell,
.x-panel-black-panel.x-grid-with-row-lines .x-panel-body-black-panel .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #8b8b8b !important;
  background-color: #a0a0a0 !important; }

.x-panel-black-panel.x-tree-panel .x-panel-body-black-panel .x-grid-row-selected .x-grid-cell,
.x-panel-black-panel.x-tree-panel .x-panel-body-black-panel .x-grid-row-selected .x-grid-rowwrap-div {
  background-color: #a0a0a0 !important; }

.x-panel-header-text-container-black-panel {
  font-weight: normal;
  line-height: 23px;
  padding-left: 2px;
  color: #fafafa; }

.x-panel-header-black-panel .x-panel-header-glyph {
  line-height: 16px;
  text-align: center;
  font-size: 22px;
  color: #fafafa; }

.x-panel-header-black-panel-vertical .x-panel-header-text-container {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  transform-origin: 0 0 0; }

.x-ie8 .x-panel-header-black-panel-vertical .x-panel-header-text-container, .x-ie7 .x-panel-header-black-panel-vertical .x-panel-header-text-container, .x-ie9 .x-panel-header-black-panel-vertical .x-panel-header-text-container {
  display: none; }

/*
======================= end ui-panel =========================
==============================================================
*/
/*
==============================================================
=================== start ui-panel-framed ====================
*/
.x-panel-black-panel-framed {
  border-color: #535353; }

.x-panel-header-black-panel-framed {
  font-size: 14px;
  border-color: #535353;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #535353; }
  .x-panel-header-black-panel-framed > .x-panel-header-body .x-tool img:hover {
    background-color: #474747; }
  .x-panel-header-black-panel-framed > .x-panel-header-body .x-tool img.x-tool-close {
    background-color: #c54a4a; }
    .x-panel-header-black-panel-framed > .x-panel-header-body .x-tool img.x-tool-close:hover {
      background-color: #c95656; }

.x-panel-header-text-black-panel-framed {
  color: #fafafa;
  font-size: 14px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  line-height: 23px; }

.x-panel-body-black-panel-framed {
  background: #f8f9f9;
  border-color: #aeb6be;
  color: #333333;
  border-width: 0;
  border-style: solid; }

.x-panel-collapsed .x-window-header-black-panel-framed,
.x-panel-collapsed .x-panel-header-black-panel-framed {
  border-color: #535353; }

.x-panel-header-black-panel-framed-vertical {
  border-color: #535353; }

.x-panel-header-black-panel-framed-left,
.x-panel-header-black-panel-framed-right {
  background-image: none;
  background-color: #535353; }

body.x-nbr .x-panel-black-panel-framed-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-4-4-4-4; }

.x-panel-black-panel-framed {
  padding: 4px 4px 4px 4px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #f8f9f9; }

body.x-nbr .x-panel-header-black-panel-framed-top-frameInfo {
  font-family: dh-4-4-0-0-1-2-0-2-3-5-4-5; }

.x-panel-header-black-panel-framed-top {
  padding: 3px 5px 4px 5px;
  border-width: 1px 2px 0 2px;
  border-style: solid;
  background-color: #535353; }

body.x-nbr .x-panel-header-black-panel-framed-right-frameInfo {
  font-family: dh-0-4-4-0-1-2-2-0-5-4-5-4; }

.x-panel-header-black-panel-framed-right {
  padding: 5px 4px 5px 4px;
  border-width: 1px 2px 2px 0;
  border-style: solid;
  background-color: #535353; }

body.x-nbr .x-panel-header-black-panel-framed-bottom-frameInfo {
  font-family: dh-0-0-4-4-0-2-2-2-3-5-4-5; }

.x-panel-header-black-panel-framed-bottom {
  padding: 3px 5px 4px 5px;
  border-width: 0 2px 2px 2px;
  border-style: solid;
  background-color: #535353; }

body.x-nbr .x-panel-header-black-panel-framed-left-frameInfo {
  font-family: dh-4-0-0-4-1-0-2-2-5-4-5-4; }

.x-panel-header-black-panel-framed-left {
  padding: 5px 4px 5px 4px;
  border-width: 1px 0 2px 2px;
  border-style: solid;
  background-color: #535353; }

.x-panel .x-panel-header-black-panel-framed-top {
  border-bottom-width: 1px !important; }

.x-panel .x-panel-header-black-panel-framed-right {
  border-left-width: 1px !important; }

.x-panel .x-panel-header-black-panel-framed-bottom {
  border-top-width: 1px !important; }

.x-panel .x-panel-header-black-panel-framed-left {
  border-right-width: 1px !important; }

body.x-nbr .x-panel-header-black-panel-framed-collapsed-top-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-3-5-4-5; }

.x-panel-header-black-panel-framed-collapsed-top {
  padding: 3px 5px 4px 5px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #535353; }

body.x-nbr .x-panel-header-black-panel-framed-collapsed-right-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-5-4-5-4; }

.x-panel-header-black-panel-framed-collapsed-right {
  padding: 5px 4px 5px 4px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #535353; }

body.x-nbr .x-panel-header-black-panel-framed-collapsed-bottom-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-3-5-4-5; }

.x-panel-header-black-panel-framed-collapsed-bottom {
  padding: 3px 5px 4px 5px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #535353; }

body.x-nbr .x-panel-header-black-panel-framed-collapsed-left-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-5-4-5-4; }

.x-panel-header-black-panel-framed-collapsed-left {
  padding: 5px 4px 5px 4px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #535353; }

.x-panel-header-black-panel-framed-right-tc,
.x-panel-header-black-panel-framed-right-mc,
.x-panel-header-black-panel-framed-right-bc {
  background-position: right 0; }

.x-panel-header-black-panel-framed-bottom-tc,
.x-panel-header-black-panel-framed-bottom-mc,
.x-panel-header-black-panel-framed-bottom-bc {
  background-position: 0 bottom; }

.x-panel-black-panel-framed.x-grid-with-row-lines .x-panel-body-black-panel-framed .x-grid-row-selected .x-grid-cell,
.x-panel-black-panel-framed.x-grid-with-row-lines .x-panel-body-black-panel-framed .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #8b8b8b !important;
  background-color: #a0a0a0 !important; }

.x-panel-black-panel-framed.x-tree-panel .x-panel-body-black-panel-framed .x-grid-row-selected .x-grid-cell,
.x-panel-black-panel-framed.x-tree-panel .x-panel-body-black-panel-framed .x-grid-row-selected .x-grid-rowwrap-div {
  background-color: #a0a0a0 !important; }

.x-panel-header-text-container-black-panel-framed {
  font-weight: normal;
  line-height: 23px;
  padding-left: 2px;
  color: #fafafa; }

.x-panel-header-black-panel-framed .x-panel-header-glyph {
  line-height: 16px;
  text-align: center;
  font-size: 22px;
  color: #fafafa; }

.x-panel-header-black-panel-framed-vertical .x-panel-header-text-container {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  transform-origin: 0 0 0; }

.x-ie8 .x-panel-header-black-panel-framed-vertical .x-panel-header-text-container, .x-ie7 .x-panel-header-black-panel-framed-vertical .x-panel-header-text-container, .x-ie9 .x-panel-header-black-panel-framed-vertical .x-panel-header-text-container {
  display: none; }

/*
==================== end ui-panel-framed =====================
==============================================================
*/
/*	
==============================================================
================= start ui-panel-active ======================
*/
.x-panel-black-panel-active {
  border-color: #aeb6be; }

.x-panel-header-black-panel-active {
  font-size: 14px;
  border-color: #c5cbd0;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #cbd0d5; }
  .x-panel-header-black-panel-active > .x-panel-header-body .x-tool img:hover {
    background-color: #aeb6be; }
  .x-panel-header-black-panel-active > .x-panel-header-body .x-tool img.x-tool-close {
    background-color: #768391; }
    .x-panel-header-black-panel-active > .x-panel-header-body .x-tool img.x-tool-close:hover {
      background-color: #768391; }

.x-panel-header-text-black-panel-active {
  color: #404040;
  font-size: 14px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  line-height: 23px; }

.x-panel-body-black-panel-active {
  background: #f8f9f9;
  border-color: #c5cbd0;
  color: black;
  border-width: 1px;
  border-style: solid; }

.x-panel-collapsed .x-window-header-black-panel-active,
.x-panel-collapsed .x-panel-header-black-panel-active {
  border-color: #c5cbd0; }

.x-panel-header-black-panel-active-vertical {
  border-color: #c5cbd0; }

.x-panel-header-black-panel-active-left,
.x-panel-header-black-panel-active-right {
  background-image: none;
  background-color: #cbd0d5; }

.x-panel-header-black-panel-active-right-tc,
.x-panel-header-black-panel-active-right-mc,
.x-panel-header-black-panel-active-right-bc {
  background-position: right 0; }

.x-panel-header-black-panel-active-bottom-tc,
.x-panel-header-black-panel-active-bottom-mc,
.x-panel-header-black-panel-active-bottom-bc {
  background-position: 0 bottom; }

.x-window-active .x-panel-black-panel-active {
  border-color: #535353; }
.x-window-active .x-panel-header-black-panel-active + .x-panel-body-black-panel-active {
  border-top-color: #3f3f3f; }
.x-window-active .x-panel-header-black-panel-active + .x-toolbar-docked-top {
  border-top-color: #3f3f3f; }
.x-window-active .x-panel-header-black-panel-active.x-accordion-hd {
  background-color: #535353 !important;
  border-top-color: #535353 !important; }
.x-window-active .x-panel-header-text-black-panel-active {
  color: #fafafa; }
.x-window-active .x-panel-header-black-panel-active {
  border-color: #3f3f3f;
  background-color: #535353; }
  .x-window-active .x-panel-header-black-panel-active > .x-panel-header-body .x-tool img:hover {
    background-color: #474747; }
  .x-window-active .x-panel-header-black-panel-active > .x-panel-header-body .x-tool img.x-tool-close {
    background-color: #c54a4a; }
    .x-window-active .x-panel-header-black-panel-active > .x-panel-header-body .x-tool img.x-tool-close:hover {
      background-color: #c95656; }
.x-window-active .x-panel-header-text-black-panel-active {
  color: #fafafa; }
.x-window-active .x-panel-collapsed .x-window-header-black-panel-active,
.x-window-active .x-panel-collapsed .x-panel-black-panel-active {
  border-color: #3f3f3f; }
.x-window-active .x-panel-header-black-panel-active-vertical {
  border-color: #3f3f3f; }
.x-window-active .x-panel-header-black-panel-active-left,
.x-window-active .x-panel-header-black-panel-active-right {
  background-color: #535353;
  color: #fafafa; }
.x-window-active .x-panel-black-panel-active.x-grid-with-row-lines .x-panel-body-black-panel-active .x-grid-table .x-grid-row-selected .x-grid-cell,
.x-window-active .x-panel-black-panel-active.x-grid-with-row-lines .x-panel-body-black-panel-active .x-grid-table .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #8b8b8b !important;
  background-color: #a0a0a0 !important; }
.x-window-active .x-panel-black-panel-active.x-tree-panel .x-panel-body-black-panel-active .x-grid-row-selected .x-grid-cell,
.x-window-active .x-panel-black-panel-active.x-tree-panel .x-panel-body-black-panel-active .x-grid-row-selected .x-grid-rowwrap-div {
  background-color: #a0a0a0 !important; }

.x-panel-header-text-container-black-panel-active {
  font-weight: normal;
  line-height: 23px;
  padding-left: 2px;
  color: #404040; }

.x-window-active .x-panel-header-text-container-black-panel-active {
  color: #fafafa; }

.x-panel-header-black-panel-active .x-panel-header-glyph {
  line-height: 16px;
  text-align: center;
  font-size: 22px;
  color: #4a4a4a; }

.x-window-active .x-panel-header-black-panel-active .x-panel-header-glyph {
  color: #fafafa;
  opacity: 0.8; }

.x-panel-header-black-panel-active-vertical .x-panel-header-text-container {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  transform-origin: 0 0 0; }

.x-ie8 .x-panel-header-black-panel-active-vertical .x-panel-header-text-container, .x-ie7 .x-panel-header-black-panel-active-vertical .x-panel-header-text-container, .x-ie9 .x-panel-header-black-panel-active-vertical .x-panel-header-text-container {
  display: none; }

/*
==================== end ui-panel-active =====================
==============================================================
*/
/*	
==============================================================
=============== start ui-panel-active-framed =================
*/
.x-panel-black-panel-active-framed {
  border-color: #cbd0d5; }

.x-panel-header-black-panel-active-framed {
  font-size: 14px;
  border-color: #aeb6be;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #cbd0d5; }
  .x-panel-header-black-panel-active-framed > .x-panel-header-body .x-tool img:hover {
    background-color: #aeb6be; }
  .x-panel-header-black-panel-active-framed > .x-panel-header-body .x-tool img.x-tool-close {
    background-color: #768391; }
    .x-panel-header-black-panel-active-framed > .x-panel-header-body .x-tool img.x-tool-close:hover {
      background-color: #768391; }

.x-panel-header-text-black-panel-active-framed {
  color: #404040;
  font-size: 14px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  line-height: 23px; }

.x-panel-body-black-panel-active-framed {
  background: #f8f9f9;
  border-color: #aeb6be;
  color: #333333;
  border-width: 0;
  border-style: solid; }

.x-panel-collapsed .x-window-header-black-panel-active-framed,
.x-panel-collapsed .x-panel-header-black-panel-active-framed {
  border-color: #aeb6be; }

.x-panel-header-black-panel-active-framed-vertical {
  border-color: #aeb6be; }

.x-panel-header-black-panel-active-framed-left,
.x-panel-header-black-panel-active-framed-right {
  background-image: none;
  background-color: #cbd0d5; }

body.x-nbr .x-panel-black-panel-active-framed-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-4-4-4-4; }

.x-panel-black-panel-active-framed {
  padding: 4px 4px 4px 4px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #f8f9f9; }

body.x-nbr .x-panel-header-black-panel-active-framed-top-frameInfo {
  font-family: dh-4-4-0-0-1-2-0-2-3-5-4-5; }

.x-panel-header-black-panel-active-framed-top {
  padding: 3px 5px 4px 5px;
  border-width: 1px 2px 0 2px;
  border-style: solid;
  background-color: #cbd0d5; }

body.x-nbr .x-panel-header-black-panel-active-framed-right-frameInfo {
  font-family: dh-0-4-4-0-1-2-2-0-5-4-5-4; }

.x-panel-header-black-panel-active-framed-right {
  padding: 5px 4px 5px 4px;
  border-width: 1px 2px 2px 0;
  border-style: solid;
  background-color: #cbd0d5; }

body.x-nbr .x-panel-header-black-panel-active-framed-bottom-frameInfo {
  font-family: dh-0-0-4-4-0-2-2-2-3-5-4-5; }

.x-panel-header-black-panel-active-framed-bottom {
  padding: 3px 5px 4px 5px;
  border-width: 0 2px 2px 2px;
  border-style: solid;
  background-color: #cbd0d5; }

body.x-nbr .x-panel-header-black-panel-active-framed-left-frameInfo {
  font-family: dh-4-0-0-4-1-0-2-2-5-4-5-4; }

.x-panel-header-black-panel-active-framed-left {
  padding: 5px 4px 5px 4px;
  border-width: 1px 0 2px 2px;
  border-style: solid;
  background-color: #cbd0d5; }

.x-panel .x-panel-header-black-panel-active-framed-top {
  border-bottom-width: 1px !important; }

.x-panel .x-panel-header-black-panel-active-framed-right {
  border-left-width: 1px !important; }

.x-panel .x-panel-header-black-panel-active-framed-bottom {
  border-top-width: 1px !important; }

.x-panel .x-panel-header-black-panel-active-framed-left {
  border-right-width: 1px !important; }

body.x-nbr .x-panel-header-black-panel-active-framed-collapsed-top-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-3-5-4-5; }

.x-panel-header-black-panel-active-framed-collapsed-top {
  padding: 3px 5px 4px 5px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #cbd0d5; }

body.x-nbr .x-panel-header-black-panel-active-framed-collapsed-right-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-5-4-5-4; }

.x-panel-header-black-panel-active-framed-collapsed-right {
  padding: 5px 4px 5px 4px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #cbd0d5; }

body.x-nbr .x-panel-header-black-panel-active-framed-collapsed-bottom-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-3-5-4-5; }

.x-panel-header-black-panel-active-framed-collapsed-bottom {
  padding: 3px 5px 4px 5px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #cbd0d5; }

body.x-nbr .x-panel-header-black-panel-active-framed-collapsed-left-frameInfo {
  font-family: dh-4-4-4-4-1-2-2-2-5-4-5-4; }

.x-panel-header-black-panel-active-framed-collapsed-left {
  padding: 5px 4px 5px 4px;
  border-width: 1px 2px 2px 2px;
  border-style: solid;
  background-color: #cbd0d5; }

.x-panel-header-black-panel-active-framed-right-tc,
.x-panel-header-black-panel-active-framed-right-mc,
.x-panel-header-black-panel-active-framed-right-bc {
  background-position: right 0; }

.x-panel-header-black-panel-active-framed-bottom-tc,
.x-panel-header-black-panel-active-framed-bottom-mc,
.x-panel-header-black-panel-active-framed-bottom-bc {
  background-position: 0 bottom; }

.x-window-active .x-panel-black-panel-active-framed {
  border-color: #535353; }
.x-window-active .x-panel-header-black-panel-active-framed {
  border-color: #535353;
  background-color: #535353; }
  .x-window-active .x-panel-header-black-panel-active-framed > .x-panel-header-body .x-tool img:hover {
    background-color: #474747; }
  .x-window-active .x-panel-header-black-panel-active-framed > .x-panel-header-body .x-tool img.x-tool-close {
    background-color: #c54a4a; }
    .x-window-active .x-panel-header-black-panel-active-framed > .x-panel-header-body .x-tool img.x-tool-close:hover {
      background-color: #c95656; }
.x-window-active .x-panel-header-text-black-panel-active-framed {
  color: #fafafa; }
.x-window-active .x-panel-collapsed .x-window-header-black-panel-active-framed,
.x-window-active .x-panel-collapsed .x-panel-header-black-panel-active-framed {
  border-color: #535353;
  color: #fafafa; }
.x-window-active .x-panel-header-black-panel-active-framed-vertical {
  border-color: #535353; }
.x-window-active .x-panel-header-black-panel-active-framed-left,
.x-window-active .x-panel-header-black-panel-active-framed-right {
  background-color: #535353; }
.x-window-active .x-panel-header-black-panel-active-framed-top {
  background-color: #535353; }
.x-window-active .x-panel-header-black-panel-active-framed-right {
  background-color: #535353; }
.x-window-active .x-panel-header-black-panel-active-framed-bottom {
  background-color: #535353; }
.x-window-active .x-panel-header-black-panel-active-framed-left {
  background-color: #535353; }
.x-window-active .x-panel-header-black-panel-active-framed-collapsed-top {
  background-color: #535353; }
.x-window-active .x-panel-header-black-panel-active-framed-collapsed-right {
  background-color: #535353; }
.x-window-active .x-panel-header-black-panel-active-framed-collapsed-bottom {
  background-color: #535353; }
.x-window-active .x-panel-header-black-panel-active-framed-collapsed-left {
  background-color: #535353; }
.x-window-active .x-panel-black-panel-active-framed.x-grid-with-row-lines .x-panel-body-black-panel-active-framed .x-grid-table .x-grid-row-selected .x-grid-cell,
.x-window-active .x-panel-black-panel-active-framed.x-grid-with-row-lines .x-panel-body-black-panel-active-framed .x-grid-table .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #8b8b8b !important;
  background-color: #a0a0a0 !important; }
.x-window-active .x-panel-black-panel-active-framed.x-tree-panel .x-panel-body-black-panel-active-framed .x-grid-row-selected .x-grid-cell,
.x-window-active .x-panel-black-panel-active-framed.x-tree-panel .x-panel-body-black-panel-active-framed .x-grid-row-selected .x-grid-rowwrap-div {
  background-color: #a0a0a0 !important; }

.x-panel-header-text-container-black-panel-active-framed {
  font-weight: normal;
  line-height: 23px;
  padding-left: 2px;
  color: #404040; }

.x-window-active .x-panel-header-text-container-black-panel-active-framed {
  color: #fafafa; }

.x-panel-header-black-panel-active-framed .x-panel-header-glyph {
  line-height: 16px;
  text-align: center;
  font-size: 22px;
  color: #4a4a4a; }

.x-window-active .x-panel-header-black-panel-active-framed .x-panel-header-glyph {
  color: #fafafa;
  opacity: 0.8; }

.x-panel-header-black-panel-active-framed-vertical .x-panel-header-text-container {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  transform-origin: 0 0 0; }

.x-ie8 .x-panel-header-black-panel-active-framed-vertical .x-panel-header-text-container, .x-ie7 .x-panel-header-black-panel-active-framed-vertical .x-panel-header-text-container, .x-ie9 .x-panel-header-black-panel-active-framed-vertical .x-panel-header-text-container {
  display: none; }

/*
================== end ui-panel-active =======================
==============================================================
*/
/*
==============================================================
================ start ui-progress-active ====================
*/
.x-progress-black-progress {
  border-color: #474747; }
  .x-progress-black-progress .x-progress-bar {
    border-right-color: #474747;
    border-top-color: #474747;
    background-image: none;
    background-color: #474747; }
  .x-progress-black-progress .x-progress-text {
    color: white; }
  .x-progress-black-progress .x-progress-text-back {
    color: #898989; }

/*
==============================================================
================ start ui-progress-active ====================
*/
.x-progress-black-progress-active-active {
  border-color: #a9b1ba; }
  .x-progress-black-progress-active-active .x-progress-bar {
    border-right-color: #a9b1ba;
    border-top-color: #a9b1ba;
    background-image: none;
    background-color: #b7bec5; }
  .x-progress-black-progress-active-active .x-progress-text {
    color: white; }
  .x-progress-black-progress-active-active .x-progress-text-back {
    color: #898989; }

.x-window-active .x-progress-black-progress-active-active {
  border-color: #474747; }
.x-window-active .x-progress-black-progress-active-active .x-progress-bar {
  border-right-color: #474747;
  border-top-color: #474747;
  background-color: #474747; }

/*
==============================================================
================= start ui-window-active =====================
*/
.x-window-active.x-window-black-window-active {
  background-color: #535353;
  border-color: #454545; }

.x-window-active.x-window-black-window-active .x-window-header-black-window-active-top,
.x-window-active.x-window-black-window-active .x-window-header-black-window-active-bottom,
.x-window-active.x-window-black-window-active .x-window-header-black-window-active-left,
.x-window-active.x-window-black-window-active .x-window-header-black-window-active-right {
  background-color: #535353; }

.x-window-active.x-window-black-window-active .x-window-header-text {
  color: #fafafa; }

.x-window-active.x-window-black-window-active .x-window-header .x-tool img:hover {
  background-color: #474747; }

.x-window-active.x-window-black-window-active .x-window-body {
  background-color: #f8f9f9; }

.x-window-active.x-window-black-window-active img.x-tool-close:hover {
  background-color: #c95656 !important; }

.x-window-active.x-window-black-window-active img.x-tool-close {
  background-color: #c54a4a !important; }

.x-window-active.x-window-black-window-active .x-btn-default-small {
  background-color: #474747;
  border-color: #424242; }
.x-window-active.x-window-black-window-active .x-btn-default-small-over,
.x-window-active.x-window-black-window-active .x-btn-default-small-focus {
  background-color: #4e4e4e;
  border-color: #494949; }
.x-window-active.x-window-black-window-active .x-btn-default-small-disabled {
  background-color: #676767;
  border-color: #676767; }
.x-window-active.x-window-black-window-active .x-btn-default-small-pressed {
  background-color: #3a3a3a;
  border-color: #353535; }
.x-window-active.x-window-black-window-active .x-btn-default-medium {
  background-color: #474747;
  border-color: #424242; }
.x-window-active.x-window-black-window-active .x-btn-default-medium-over,
.x-window-active.x-window-black-window-active .x-btn-default-medium-focus {
  background-color: #4e4e4e;
  border-color: #494949; }
.x-window-active.x-window-black-window-active .x-btn-default-medium-disabled {
  background-color: #676767;
  border-color: #676767; }
.x-window-active.x-window-black-window-active .x-btn-default-medium-pressed {
  background-color: #3a3a3a;
  border-color: #353535; }
.x-window-active.x-window-black-window-active .x-btn-default-large {
  background-color: #474747;
  border-color: #424242; }
.x-window-active.x-window-black-window-active .x-btn-default-large-over,
.x-window-active.x-window-black-window-active .x-btn-default-large-focus {
  background-color: #4e4e4e;
  border-color: #494949; }
.x-window-active.x-window-black-window-active .x-btn-default-large-disabled {
  background-color: #676767;
  border-color: #676767; }
.x-window-active.x-window-black-window-active .x-btn-default-large-pressed {
  background-color: #3a3a3a;
  border-color: #353535; }

.x-window-active.x-window-black-window-active .x-tab-bar .x-tab-default {
  border-bottom: 1px solid #474747; }
.x-window-active.x-window-black-window-active .x-tab-bar .x-tab-over {
  background-color: #6d6d6d; }
.x-window-active.x-window-black-window-active .x-tab-bar .x-tab-top-active {
  background-color: #474747;
  border: 1px solid #474747; }
.x-window-active.x-window-black-window-active .x-tab-bar .x-tab-bottom-active {
  background-color: #474747;
  border: 1px solid #474747; }
.x-window-active.x-window-black-window-active .x-tab-bar-bottom .x-tab {
  border-top-color: #474747 !important;
  border-bottom-color: transparent; }
.x-window-active.x-window-black-window-active .x-tab-bar-bottom .x-tab-active {
  border-bottom-color: #474747; }
.x-window-active.x-window-black-window-active .x-tab-bar .x-tab-bar-strip-default-plain {
  background-color: #474747;
  border-color: #474747; }
.x-window-active.x-window-black-window-active .x-tab-bar .x-tab-bar-strip-default {
  background-color: #474747;
  border-color: #474747; }
.x-window-active.x-window-black-window-active .x-tab-bar-top + .x-panel-body {
  border-top-color: #474747; }

.x-window-active.x-window-black-window-active .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
.x-window-active.x-window-black-window-active .x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #8b8b8b !important;
  background-color: #a0a0a0 !important; }

.x-window-black-window-active {
  border-color: #c1c7cd; }

body.x-nbr .x-window-black-window-active-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-4-4-4-4; }

.x-window-black-window-active {
  padding: 4px 4px 4px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #dcdfe3; }

.x-window-body-black-window-active {
  border-color: #aeb6be;
  border-width: 1px;
  background: #f8f9f9;
  color: black; }

.x-window-header-black-window-active {
  font-size: 14px;
  border-color: #c1c7cd;
  zoom: 1; }
  .x-window-header-black-window-active .x-tool .x-tool-close {
    background-color: gray; }
    .x-window-header-black-window-active .x-tool .x-tool-close:hover {
      background-color: gray; }
  .x-window-header-black-window-active .x--tool:hover {
    background-color: #bfc6cc; }

.x-window-header-text-black-window-active {
  color: #4d4d4d;
  font-weight: normal;
  line-height: 25px;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  font-size: 14px; }

body.x-nbr .x-window-header-black-window-active-top-frameInfo {
  font-family: dh-5-5-0-0-1-1-0-1-4-5-0-5; }

.x-window-header-black-window-active-top {
  padding: 4px 5px 0 5px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  background-color: #dcdfe3; }

body.x-nbr .x-window-header-black-window-active-right-frameInfo {
  font-family: dh-0-5-5-0-1-1-1-0-5-4-5-0; }

.x-window-header-black-window-active-right {
  padding: 5px 4px 5px 0;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  background-color: #dcdfe3; }

body.x-nbr .x-window-header-black-window-active-bottom-frameInfo {
  font-family: dh-0-0-5-5-0-1-1-1-0-5-4-5; }

.x-window-header-black-window-active-bottom {
  padding: 0 5px 4px 5px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  background-color: #dcdfe3; }

body.x-nbr .x-window-header-black-window-active-left-frameInfo {
  font-family: dh-5-0-0-5-1-0-1-1-5-0-5-4; }

.x-window-header-black-window-active-left {
  padding: 5px 0px 5px 4px;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  background-color: #dcdfe3; }

body.x-nbr .x-window-header-black-window-active-collapsed-top-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-4-5-4-5; }

.x-window-header-black-window-active-collapsed-top {
  padding: 4px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-color: #dcdfe3; }

body.x-nbr .x-window-header-black-window-active-collapsed-right-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-5-4-5-4; }

.x-window-header-black-window-active-collapsed-right {
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #dcdfe3; }

body.x-nbr .x-window-header-black-window-active-collapsed-bottom-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-4-5-4-5; }

.x-window-header-black-window-active-collapsed-bottom {
  padding: 4px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-color: #dcdfe3; }

body.x-nbr .x-window-header-black-window-active-collapsed-left-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-5-4-5-4; }

.x-window-header-black-window-active-collapsed-left {
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #dcdfe3; }

.x-window-header-text-container-black-window-active {
  font-weight: normal;
  line-height: 25px;
  padding-left: 2px;
  color: #4d4d4d; }

.x-window-active .x-window-header-text-container-black-window-active {
  color: #fafafa;
  /*marko*/ }

.x-window-header-icon-black-window-active.x-window-header-glyph {
  line-height: 16px;
  text-align: center;
  font-size: 22px;
  color: #595959; }

.x-window-active .x-window-header-black-window-active .x-window-header-glyph {
  color: #fafafa; }

/*
==================== end ui-window-active ====================
==============================================================
*/
/*
==============================================================
===================== start ui-window ========================
*/
.x-window-black-window .x-window-header .x-tool img:hover {
  background-color: #474747; }

.x-window-black-window .x-window-body {
  background-color: #f8f9f9; }

.x-window-black-window img.x-tool-close:hover {
  background-color: #c95656 !important; }

.x-window-black-window img.x-tool-close {
  background-color: #c54a4a !important; }

.x-window-black-window .x-btn-default-small {
  background-color: #474747;
  border-color: #424242; }
.x-window-black-window .x-btn-default-small-over,
.x-window-black-window .x-btn-default-small-focus {
  background-color: #4e4e4e;
  border-color: #494949; }
.x-window-black-window .x-btn-default-small-disabled {
  background-color: #676767;
  border-color: #676767; }
.x-window-black-window .x-btn-default-small-pressed {
  background-color: #3a3a3a;
  border-color: #353535; }
.x-window-black-window .x-btn-default-medium {
  background-color: #474747;
  border-color: #424242; }
.x-window-black-window .x-btn-default-medium-over,
.x-window-black-window .x-btn-default-medium-focus {
  background-color: #4e4e4e;
  border-color: #494949; }
.x-window-black-window .x-btn-default-medium-disabled {
  background-color: #676767;
  border-color: #676767; }
.x-window-black-window .x-btn-default-medium-pressed {
  background-color: #3a3a3a;
  border-color: #353535; }
.x-window-black-window .x-btn-default-large {
  background-color: #474747;
  border-color: #424242; }
.x-window-black-window .x-btn-default-large-over,
.x-window-black-window .x-btn-default-large-focus {
  background-color: #4e4e4e;
  border-color: #494949; }
.x-window-black-window .x-btn-default-large-disabled {
  background-color: #676767;
  border-color: #676767; }
.x-window-black-window .x-btn-default-large-pressed {
  background-color: #3a3a3a;
  border-color: #353535; }

.x-window-black-window .x-tab-bar .x-tab-default {
  border-bottom: 1px solid #474747; }
.x-window-black-window .x-tab-bar .x-tab-over {
  background-color: #6d6d6d; }
.x-window-black-window .x-tab-bar .x-tab-top-active {
  background-color: #474747;
  border: 1px solid #474747; }
.x-window-black-window .x-tab-bar .x-tab-bottom-active {
  background-color: #474747;
  border: 1px solid #474747; }
.x-window-black-window .x-tab-bar-bottom .x-tab {
  border-top-color: #474747 !important;
  border-bottom-color: transparent; }
.x-window-black-window .x-tab-bar-bottom .x-tab-active {
  border-bottom-color: #474747; }
.x-window-black-window .x-tab-bar .x-tab-bar-strip-default-plain {
  background-color: #474747;
  border-color: #474747; }
.x-window-black-window .x-tab-bar .x-tab-bar-strip-default {
  background-color: #474747;
  border-color: #474747; }
.x-window-black-window .x-tab-bar-top + .x-panel-body {
  border-top-color: #474747; }

.x-window-black-window .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
.x-window-black-window .x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #8b8b8b !important;
  background-color: #a0a0a0 !important; }

.x-window-black-window {
  border-color: #454545; }

body.x-nbr .x-window-black-window-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-4-4-4-4; }

.x-window-black-window {
  padding: 4px 4px 4px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #535353; }

.x-window-body-black-window {
  border-color: #aeb6be;
  border-width: 1px;
  background: #f8f9f9;
  color: black; }

.x-window-header-black-window {
  font-size: 14px;
  border-color: #454545;
  zoom: 1; }
  .x-window-header-black-window .x-tool .x-tool-close {
    background-color: gray; }
    .x-window-header-black-window .x-tool .x-tool-close:hover {
      background-color: gray; }
  .x-window-header-black-window .x--tool:hover {
    background-color: #3a3a3a; }

.x-window-header-text-black-window {
  color: #fafafa;
  font-weight: normal;
  line-height: 25px;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  font-size: 14px; }

body.x-nbr .x-window-header-black-window-top-frameInfo {
  font-family: dh-5-5-0-0-1-1-0-1-4-5-0-5; }

.x-window-header-black-window-top {
  padding: 4px 5px 0 5px;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  background-color: #535353; }

body.x-nbr .x-window-header-black-window-right-frameInfo {
  font-family: dh-0-5-5-0-1-1-1-0-5-4-5-0; }

.x-window-header-black-window-right {
  padding: 5px 4px 5px 0;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  background-color: #535353; }

body.x-nbr .x-window-header-black-window-bottom-frameInfo {
  font-family: dh-0-0-5-5-0-1-1-1-0-5-4-5; }

.x-window-header-black-window-bottom {
  padding: 0 5px 4px 5px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  background-color: #535353; }

body.x-nbr .x-window-header-black-window-left-frameInfo {
  font-family: dh-5-0-0-5-1-0-1-1-5-0-5-4; }

.x-window-header-black-window-left {
  padding: 5px 0px 5px 4px;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  background-color: #535353; }

body.x-nbr .x-window-header-black-window-collapsed-top-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-4-5-4-5; }

.x-window-header-black-window-collapsed-top {
  padding: 4px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-color: #535353; }

body.x-nbr .x-window-header-black-window-collapsed-right-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-5-4-5-4; }

.x-window-header-black-window-collapsed-right {
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #535353; }

body.x-nbr .x-window-header-black-window-collapsed-bottom-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-4-5-4-5; }

.x-window-header-black-window-collapsed-bottom {
  padding: 4px 5px 4px 5px;
  border-width: 1px;
  border-style: solid;
  background-color: #535353; }

body.x-nbr .x-window-header-black-window-collapsed-left-frameInfo {
  font-family: dh-5-5-5-5-1-1-1-1-5-4-5-4; }

.x-window-header-black-window-collapsed-left {
  padding: 5px 4px 5px 4px;
  border-width: 1px;
  border-style: solid;
  background-color: #535353; }

.x-window-header-text-container-black-window {
  font-weight: normal;
  line-height: 25px;
  padding-left: 2px;
  color: #fafafa; }

.x-window-header-icon-black-window.x-window-header-glyph {
  line-height: 16px;
  text-align: center;
  font-size: 22px;
  color: #fafafa; }

/*
===================== end ui-window ========================
============================================================
*/
/*
==============================================================
===================== start ui-tab ===========================
*/
div.x-panel-black-tab > .x-tab-bar-top .x-tab {
  border-bottom-color: #474747; }
div.x-panel-black-tab > .x-tab-bar-bottom .x-tab {
  border-top-color: #474747 !important; }
div.x-panel-black-tab > .x-tab-bar .x-tab-over {
  background-color: #6d6d6d; }
div.x-panel-black-tab > .x-tab-bar .x-tab-active {
  background-color: #474747;
  border-color: #474747 !important; }
div.x-panel-black-tab > .x-tab-bar .x-tab-bar-strip-default-plain {
  background-color: #474747;
  border-color: #474747; }
div.x-panel-black-tab > .x-tab-bar .x-tab-bar-strip-default {
  background-color: #474747;
  border-color: #474747; }
div.x-panel-black-tab .x-tab-bar-top + .x-panel-body-black-tab {
  border-top-color: #474747 !important; }
div.x-panel-black-tab .x-panel-black-tab {
  border-color: #aeb6be; }
div.x-panel-black-tab .x-panel-header-black-tab {
  font-size: 14px;
  border-color: #aeb6be;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #cbd0d5; }
div.x-panel-black-tab .x-panel-header-text-black-tab {
  color: #404040;
  font-size: 14px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  line-height: 23px; }
div.x-panel-black-tab .x-panel-body-black-tab {
  background: #f8f9f9;
  border-color: #aeb6be;
  color: black;
  border-width: 1px;
  border-style: solid; }
div.x-panel-black-tab .x-panel-collapsed .x-window-header-black-tab,
div.x-panel-black-tab .x-panel-collapsed .x-panel-header-black-tab {
  border-color: #aeb6be; }
div.x-panel-black-tab .x-panel-header-black-tab-vertical {
  border-color: #aeb6be; }
div.x-panel-black-tab .x-panel-header-black-tab-left,
div.x-panel-black-tab .x-panel-header-black-tab-right {
  background-image: none;
  background-color: #cbd0d5; }
div.x-panel-black-tab .x-panel-header-black-tab-right-tc,
div.x-panel-black-tab .x-panel-header-black-tab-right-mc,
div.x-panel-black-tab .x-panel-header-black-tab-right-bc {
  background-position: right 0; }
div.x-panel-black-tab .x-panel-header-black-tab-bottom-tc,
div.x-panel-black-tab .x-panel-header-black-tab-bottom-mc,
div.x-panel-black-tab .x-panel-header-black-tab-bottom-bc {
  background-position: 0 bottom; }

div.x-panel-black-tab .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
div.x-panel-black-tab .x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #8b8b8b !important;
  background-color: #a0a0a0 !important; }

div.x-tabpanel-child .x-panel-black-tab .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
div.x-tabpanel-child .x-panel-black-tab .x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #8b8b8b !important;
  background-color: #a0a0a0 !important; }

div.x-tabpanel-child .x-tabpanel-child .x-panel-black-tab .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
div.x-tabpanel-child .x-tabpanel-child .x-panel-black-tab .x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #8b8b8b !important;
  background-color: #a0a0a0 !important; }

.x-tab-black-tab .x-tab-inner {
  color: #606060; }

.x-tab-black-tab-over {
  background-color: #6d6d6d !important;
  border-bottom-color: #6d6d6d !important; }
  .x-tab-black-tab-over .x-tab-inner {
    color: white; }

.x-panel-black-tab .x-tab-black-tab-active {
  background-color: #474747 !important; }
  .x-panel-black-tab .x-tab-black-tab-active .x-tab-inner {
    color: white; }

.x-tab-black-tab-disabled {
  border-bottom: none !important; }
  .x-tab-black-tab-disabled .x-tab-inner {
    color: #c3b3b3; }

.x-tab-black-tab-top {
  padding-left: 10px;
  padding-right: 13px;
  padding-top: 3px; }

.x-tab-black-tab-bottom {
  padding-left: 10px;
  padding-right: 13px; }
  .x-tab-black-tab-bottom .x-tab-inner {
    padding-top: 3px;
    display: block; }

.x-tab-bar-black-tab-right {
  right: 0px !important;
  left: auto !important;
  z-index: 2; }

.x-tab-black-tab-right {
  padding: 0px 15px 0px 8px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0px 0px 0px;
  -moz-transform-origin: 0px 0px 0px;
  -ms-transform-origin: 0px 0px 0px;
  -o-transform-origin: 0px 0px 0px;
  transform-origin: 0px 0px 0px;
  border-width: 0px !important; }
  .x-tab-black-tab-right:first-child {
    margin-left: 0 !important; }
  .x-tab-black-tab-right .x-tab-inner {
    line-height: 27px; }

.x-tab-black-tab-right-over {
  background-color: #6d6d6d;
  border-bottom: 1px solid red; }

.x-tab-black-tab-right-active {
  background-color: #474747; }

.x-tab-black-tab-right-disabled {
  background-image: none; }

.x-tab-bar-black-tab-left {
  left: 0px !important;
  right: auto !important;
  z-index: 2; }

.x-tab-black-tab-left {
  padding: 0px 15px 0px 8px;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-transform-origin: 100% 0px 0px;
  -moz-transform-origin: 100% 0px 0px;
  -ms-transform-origin: 100% 0px 0px;
  -o-transform-origin: 100% 0px 0px;
  transform-origin: 100% 0px 0px;
  border-width: 0px !important; }
  .x-tab-black-tab-left .x-tab-inner {
    line-height: 27px; }
  .x-tab-black-tab-left:first-child {
    margin-left: 0 !important; }

.x-tab-black-tab-left-over {
  background-color: #6d6d6d; }

.x-tab-black-tab-left-active {
  background-color: #474747; }

.x-tab-black-tab-left-disabled {
  background-image: none; }

.x-tab-bar-strip-black-tab {
  background-color: #474747; }

.x-tab-black-tab .x-tab-inner {
  font-weight: normal; }

.x-tab-bar-plain .x-tab-bar-body {
  border-width: 0; }

/*
======================= end ui-tab ===========================
==============================================================
*/
/*
==============================================================
================= start ui-tab-active ========================
*/
.x-panel-black-tab-active .x-panel-black-tab-active {
  border-color: #aeb6be; }
.x-panel-black-tab-active .x-panel-header-black-tab-active {
  font-size: 14px;
  border-color: #aeb6be;
  border-width: 1px;
  border-style: solid;
  background-image: none;
  background-color: #cbd0d5; }
.x-panel-black-tab-active .x-panel-header-text-black-tab-active {
  color: #404040;
  font-size: 14px;
  font-weight: normal;
  font-family: "Segoe UI", tahoma, arial, verdana, sans-serif;
  line-height: 23px; }
.x-panel-black-tab-active .x-panel-body-black-tab-active {
  background: #f8f9f9;
  border-color: #aeb6be;
  color: black;
  border-width: 1px;
  border-style: solid; }
.x-panel-black-tab-active .x-panel-collapsed .x-window-header-black-tab-active,
.x-panel-black-tab-active .x-panel-collapsed .x-panel-header-black-tab-active {
  border-color: #aeb6be; }
.x-panel-black-tab-active .x-panel-header-black-tab-active-vertical {
  border-color: #aeb6be; }
.x-panel-black-tab-active .x-panel-header-black-tab-active-left,
.x-panel-black-tab-active .x-panel-header-black-tab-active-right {
  background-image: none;
  background-color: #cbd0d5; }
.x-panel-black-tab-active .x-panel-header-black-tab-active-right-tc,
.x-panel-black-tab-active .x-panel-header-black-tab-active-right-mc,
.x-panel-black-tab-active .x-panel-header-black-tab-active-right-bc {
  background-position: right 0; }
.x-panel-black-tab-active .x-panel-header-black-tab-active-bottom-tc,
.x-panel-black-tab-active .x-panel-header-black-tab-active-bottom-mc,
.x-panel-black-tab-active .x-panel-header-black-tab-active-bottom-bc {
  background-position: 0 bottom; }

.x-window-active div.x-panel-black-tab-active > .x-tab-bar-top .x-tab {
  border-bottom-color: #474747; }
.x-window-active div.x-panel-black-tab-active > .x-tab-bar-bottom .x-tab {
  border-top-color: #474747 !important;
  border-bottom-color: transparent !important; }
.x-window-active div.x-panel-black-tab-active > .x-tab-bar .x-tab-over {
  background-color: #606060; }
.x-window-active div.x-panel-black-tab-active > .x-tab-bar-bottom .x-tab-active {
  border-bottom-color: #474747 !important; }
.x-window-active div.x-panel-black-tab-active > .x-tab-bar .x-tab-active {
  background-color: #474747;
  border-color: #474747 !important; }
.x-window-active div.x-panel-black-tab-active > .x-tab-bar .x-tab-bar-strip-default-plain {
  background-color: #474747;
  border-color: #474747; }
.x-window-active div.x-panel-black-tab-active > .x-tab-bar .x-tab-bar-strip-default {
  background-color: #474747;
  border-color: #474747; }
.x-window-active div.x-panel-black-tab-active .x-tab-bar-top + .x-panel-body-black-tab-active {
  border-top-color: #474747 !important; }
.x-window-active div.x-panel-black-tab-active .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
.x-window-active div.x-panel-black-tab-active .x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #8b8b8b !important;
  background-color: #a0a0a0 !important; }
.x-window-active div.x-tabpanel-child .x-panel-black-tab-active .x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
.x-window-active div.x-tabpanel-child .x-panel-black-tab-active .x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #8b8b8b !important;
  background-color: #a0a0a0 !important; }
.x-window-active div.x-tabpanel-child div.x-tabpanel-child .x-tabpanel-child .x-panel-black-tab-active.x-grid-with-row-lines .x-grid-row-selected .x-grid-cell,
.x-window-active div.x-tabpanel-child div.x-tabpanel-child .x-tabpanel-child .x-panel-black-tab-active.x-grid-with-row-lines .x-grid-row-selected .x-grid-rowwrap-div {
  border-color: #8b8b8b !important;
  background-color: #a0a0a0 !important; }

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

.x-tab-black-tab-active-over {
  background-color: #afb9c3 !important;
  border-bottom-color: #afb9c3 !important; }
  .x-tab-black-tab-active-over .x-tab-inner {
    color: white; }

.x-panel-black-tab-active .x-tab-black-tab-active-active {
  background-color: #8393a2 !important; }
  .x-panel-black-tab-active .x-tab-black-tab-active-active .x-tab-inner {
    color: white; }

.x-tab-black-tab-active-disabled {
  border-bottom: none !important; }
  .x-tab-black-tab-active-disabled .x-tab-inner {
    color: #c3b3b3; }

.x-tab-black-tab-active-top {
  padding-left: 10px;
  padding-right: 13px;
  padding-top: 3px; }

.x-tab-black-tab-active-bottom {
  padding-left: 10px;
  padding-right: 13px; }
  .x-tab-black-tab-active-bottom .x-tab-inner {
    padding-top: 3px;
    display: block; }

.x-tab-bar-black-tab-active-right {
  right: 0px !important;
  left: auto !important;
  z-index: 2; }

.x-tab-black-tab-active-right {
  padding: 0px 15px 0px 8px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0px 0px 0px;
  -moz-transform-origin: 0px 0px 0px;
  -ms-transform-origin: 0px 0px 0px;
  -o-transform-origin: 0px 0px 0px;
  transform-origin: 0px 0px 0px;
  border-width: 0px !important; }
  .x-tab-black-tab-active-right:first-child {
    margin-left: 0 !important; }
  .x-tab-black-tab-active-right .x-tab-inner {
    line-height: 27px; }

.x-tab-black-tab-active-right-over {
  background-color: #afb9c3;
  border-bottom: 1px solid red; }

.x-tab-black-tab-active-right-active {
  background-color: #8393a2; }

.x-tab-black-tab-active-right-disabled {
  background-image: none; }

.x-tab-bar-black-tab-active-left {
  left: 0px !important;
  right: auto !important;
  z-index: 2; }

.x-tab-black-tab-active-left {
  padding: 0px 15px 0px 8px;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-transform-origin: 100% 0px 0px;
  -moz-transform-origin: 100% 0px 0px;
  -ms-transform-origin: 100% 0px 0px;
  -o-transform-origin: 100% 0px 0px;
  transform-origin: 100% 0px 0px;
  border-width: 0px !important; }
  .x-tab-black-tab-active-left .x-tab-inner {
    line-height: 27px; }
  .x-tab-black-tab-active-left:first-child {
    margin-left: 0 !important; }

.x-tab-black-tab-active-left-over {
  background-color: #afb9c3; }

.x-tab-black-tab-active-left-active {
  background-color: #8393a2; }

.x-tab-black-tab-active-left-disabled {
  background-image: none; }

.x-tab-bar-strip-black-tab-active {
  background-color: #8393a2; }

.x-tab-black-tab-active .x-tab-inner {
  font-weight: normal; }

.x-tab-bar-plain .x-tab-bar-body {
  border-width: 0; }

.x-window-active .x-tab-black-tab-active-over {
  background-color: #6d6d6d !important;
  border-bottom-color: #6d6d6d !important; }
.x-window-active .x-panel-black-tab-active .x-tab-black-tab-active-active {
  background-color: #474747 !important; }
.x-window-active .x-tab-black-tab-active-disabled {
  border-bottom: none !important; }
.x-window-active .x-tab-black-tab-active-top {
  padding-left: 10px;
  padding-right: 13px;
  padding-top: 3px; }
.x-window-active .x-tab-black-tab-active-bottom {
  padding-left: 10px;
  padding-right: 13px; }
  .x-window-active .x-tab-black-tab-active-bottom .x-tab-inner {
    padding-top: 3px;
    display: block; }
.x-window-active .x-tab-bar-black-tab-active-right {
  right: 0px !important;
  left: auto !important;
  z-index: 2; }
.x-window-active .x-tab-black-tab-active-right {
  padding: 0px 15px 0px 8px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 0px 0px 0px;
  -moz-transform-origin: 0px 0px 0px;
  -ms-transform-origin: 0px 0px 0px;
  -o-transform-origin: 0px 0px 0px;
  transform-origin: 0px 0px 0px;
  border-width: 0px !important; }
  .x-window-active .x-tab-black-tab-active-right:first-child {
    margin-left: 0 !important; }
  .x-window-active .x-tab-black-tab-active-right .x-tab-inner {
    line-height: 27px; }
.x-window-active .x-tab-black-tab-active-right-over {
  background-color: #6d6d6d;
  border-bottom: 1px solid red; }
.x-window-active .x-tab-black-tab-active-right-active {
  background-color: #474747; }
.x-window-active .x-tab-black-tab-active-right-disabled {
  background-image: none; }
.x-window-active .x-tab-bar-black-tab-active-left {
  left: 0px !important;
  right: auto !important;
  z-index: 2; }
.x-window-active .x-tab-black-tab-active-left {
  padding: 0px 15px 0px 8px;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-transform-origin: 100% 0px 0px;
  -moz-transform-origin: 100% 0px 0px;
  -ms-transform-origin: 100% 0px 0px;
  -o-transform-origin: 100% 0px 0px;
  transform-origin: 100% 0px 0px;
  border-width: 0px !important; }
  .x-window-active .x-tab-black-tab-active-left .x-tab-inner {
    line-height: 27px; }
  .x-window-active .x-tab-black-tab-active-left:first-child {
    margin-left: 0 !important; }
.x-window-active .x-tab-black-tab-active-left-over {
  background-color: #6d6d6d; }
.x-window-active .x-tab-black-tab-active-left-active {
  background-color: #474747; }
.x-window-active .x-tab-black-tab-active-left-disabled {
  background-image: none; }
.x-window-active .x-tab-bar-strip-black-tab-active {
  background-color: #474747; }
.x-window-active .x-tab-black-tab-active .x-tab-inner {
  font-weight: normal; }
.x-window-active .x-tab-bar-plain .x-tab-bar-body {
  border-width: 0; }

/*
=================== end ui-tab-active ========================
==============================================================
*/