/*
Theme Name: Earthsoft
Theme URI: www.earthsoft.com
Description: Blue Theme
Version: 0.7
Author: Nicola Dimatteo | Interfase
Author URI: www.interfase.it
*/

.x-panel {
  border: 1px solid #c2c2c2;
}

.x-portal {
    /*border: 0 none;*/
    /*box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);*/
    /*border: 1px solid #c2c2c2;*/
    background: #f2f2f2 none;
    margin-bottom: 6px;
}

.x-portlet 
{
  border: 1px solid #c2c2c2;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}

.x-panel-header {
    color:#112233;
	border:0 none;
    background: #7ea2b4 none;
    border-top: 1px solid #83a6b7;
}

.x-panel-body {
  border: 0 none;
}

div[id$='-MAX'] .x-panel-body {
  height:650px;
  overflow: scroll;
}

.x-panel-bbar .x-toolbar {
    border-color:#9f82ff;
}

.x-panel-tbar .x-toolbar {
    border-left: 0 none;
    border-right: 0 none;
    border-top: 0 none;
    border-bottom: 1px solid #83a6b7;
    background: #7ea2b4 none;
}

.x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
    border-color:#9f82ff;
}
.x-panel-body-noheader, .x-panel-mc .x-panel-body {
    border-color:#9f82ff;
}

.x-panel .x-panel-tc {
	border-bottom: 0;
  border-top: 0;
  background: transparent none;
}
.x-panel-tl {
    border-bottom: 1px solid #c6c6c6;
    background: transparent none;
    padding: 0;
}

.x-portal-column .x-panel-tl {
    border: 0;
    background: #ffffff none;
    padding: 0px;
}

.x-panel-tr {
	padding: 0;
    border: 0;
    background: transparent none;
}

.x-portal-column .x-panel-tr {
    background: #7ea1b4 none;
    padding: 4px 6px 0px 8px;
    height: 38px;
    overflow: hidden;
}
.x-panel-bc {
	background: transparent none;
}
.x-panel-bl {
    background: transparent none;
}
.x-panel-br {
    background: transparent none;
}
.x-panel .x-panel-mc {
    background:#fff;  /*Changed to white to prevent stripes in maximized mode */
}
.x-panel-mc .x-panel-body {
    background:transparent;
    border: 0 none;
}
.x-panel-ml {
	background: #f2f2f2 none;
}
.x-panel .x-panel-mr {
    border: 0 none;
    background:transparent none;
}
.x-panel-tl .x-panel-header {
    font: bold 12px "Open Sans", "Lucida Sans Unicode", sans-serif;
}
.x-portal .x-panel-tl .x-panel-header {
    padding: 0;
    margin-left: 10px;
}
.x-panel-tl .x-panel-icon, .x-window-tl .x-panel-icon {
    background-position: left center;
}
 .x-portal .x-portal-column .x-panel-tl .x-panel-header {
    padding: 0;
    height: 40px;
}

.x-portal-column .x-panel-ml {
	background: #ffffff none;
}

/* popup editor headers */
.x-window-header>.x-panel-header-text{
	color: #666666;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: -1px;
  display: block;
  margin-top: 5px;
}

/* section/row headers */
.x-portal .x-panel-header-text{
	color: #ffffff;
  min-height: 31px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  display: block;
  letter-spacing: 2px;    
}

/* widget headers */
.x-portal-column .x-panel-header-text{
	color: #ffffff;
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  text-transform: none;
  letter-spacing: -1px;
}

/* Grid */
.x-grid3-row {
    color:#000000;
}
.x-grid3-row-over {
	border:1px solid #e1d6ff;
    background-image:url(../images/purple/grid/row-over.gif);
}
.x-grid3-header{
	background-image:url(../images/purple/grid/grid3-hrow.gif);
}
.x-grid3-header-pop-inner {
    border-left:1px solid #e1d6ff;
    background-image:url(../images/purple/grid/hd-pop.gif);
}
td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
    border-left:1px solid #9f82ff;
    border-right:1px solid #9f82ff;
}
td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner {
    background-image:url(../images/purple/grid/grid3-hrow-over.gif);
}
.x-dd-drag-proxy .x-grid3-hd-inner{
	background-image:url(../images/purple/grid/grid3-hrow-over.gif);
}
.x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
    background-image:url(../images/purple/grid/grid-hrow.gif);
    color:black;
    border-top:1px solid white;
    border-right:1px solid #9f82ff !important;
}
.x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
	background-image:url(../images/purple/grid/grid3-special-col-bg.gif);
    color:black !important;
}
.x-grid3-hd-btn {
    background-image:url(../images/purple/grid/grid3-hd-btn.gif);
}
.x-grid3-body .x-grid3-td-expander {
    background-image:url(../images/purple/grid/grid3-special-col-bg.gif);
}
.x-grid3-body .x-grid3-td-checker {
    background-image:url(../images/purple/grid/grid3-special-col-bg.gif);
}
.x-grid3-body .x-grid3-td-numberer {
    background-image:url(../images/purple/grid/grid3-special-col-bg.gif);
}
.x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
	background-image:url(../images/purple/grid/grid3-special-col-sel-bg.gif);
}
.x-grid3-row-selected {
	background: #e1d6ff;
	border:1px dotted #9f82ff;
}

/* Menu */
.x-menu {
	border: 1px solid #d9c6ff;
	background-image:url(../images/purple/menu/menu.gif);
}
.x-menu-sep {
    background-color:#ffffff;
	border-bottom:1px solid #d9c6ff;
}
.x-menu-item-active {
	background-image:url(../images/purple/menu/item-over.gif);
	border:1px solid #9f82ff;
}

/* Tools */

.x-panel-header .x-tool, xmp-window-header .x-tool {
    overflow: hidden;
    width: 34px;
    height: 34px;
    float: right;
    cursor: pointer;
    background-image:url(Images/tool-sprites.png);
    margin-left: 2px;
}
.x-panel-header .x-tool-maximize {
background-position: 0 0;
}
.x-panel-header .x-tool-close {
background-position: 0 -34px;
  width: 34px;
  height: 34px;
}
.x-panel-header .x-tool-close-over {
background-position: 1px 0;
}

.x-window-tc .x-window-header .x-tool {
  width: 34px;
  height: 34px;
  background: url(Images/tool-sprites.png) #DADBDD;
}
 
.x-window-tc .x-window-header .x-tool-close {
  background-position: 0 -34px;
}

.x-window-tc .x-window-header .x-tool-close-over, .x-panel-tc .x-panel-header .x-tool-close-over {
  background-position: 0 -34px;
}

.x-window-tc .x-window-header .x-tool-help {
  background: url(Images/Help_gray32.png);
  background-size: cover;
}

.x-window-tc .x-window-header .x-tool-help-over {
  background-position: 0 -138px;
}

.x-tool-refresh {
background-position: 0 -68px;
}
.x-tool-refresh-over {
background-position: 0 -68px;
}
.x-tool-gear {
background-position: 0 -102px;
}
.x-tool-gear-over {
background-position: 0 -102px;
}
.x-tool-help {
background-position: 0 -138px;
}
.x-tool-help-over {
background-position: 0 -138px;
}
.x-tool-toggle{
background-position: 0 -170px;
}
.x-panel-collapsed .x-tool-toggle {
background-position: 0 -204px;
}
.x-tool-toggle-over {
background-position: 0 -170px;
}
.x-portlet .x-tool-toggle{
background-position: 0 -239px;
}
.x-portlet.x-panel-collapsed .x-tool-toggle{
background-position: 0 -272px;
}


/* Ghosting */
.x-panel-ghost {
    background: #c2c2c2;
}

.x-panel-ghost ul {
    border:0;
}

.x-grid-panel .x-panel-mc .x-panel-body {
    border:0;
}

/* Buttons */

.x-btn-text{
color: #112233;
}
.x-btn-left{
	background-image:url(../images/purple/button/btn-sprite.gif);
}
.x-btn-right{
	background-image:url(../images/purple/button/btn-sprite.gif);
}
.x-btn-center{
	background-image:url(../images/purple/button/btn-sprite.gif);
}

/* Layout classes */

.x-border-layout-ct {
    background:#f2f0f2; /* f1f2f4 */
}

.x-accordion-hd {
	background-image:url(../images/purple/panel/light-hd.gif);
}

.x-layout-collapsed{
    background-color:#e1d6ff;
    border-color:#bca7ff;
}
.x-layout-collapsed-over{
	 background-color:#c6b6ff;
}


/* qtips */
.x-tip .x-tip-close{
	background-image: url(../images/purple/qtip/close.gif);
}
.x-tip .x-tip-tc {
	background-image: none;
}
.x-tip .x-tip-tl {
	background-image: none;
}
.x-tip .x-tip-tr {
	background-image: none;
}
.x-tip .x-tip-bc {
	background-image: none;
}
.x-tip .x-tip-bl {
	background-image: none;
}
.x-tip .x-tip-br {
	background-image: none;
}
.x-tip .x-tip-ml {
	background-image: none;
}
.x-tip .x-tip-mr {
	background-image: none;
}
.x-tip .x-tip-header-text {
    color:#112233;
}
.x-tip .x-tip-body {
    color:#112233;
}
/* Toolbars */

.x-toolbar{
	border-color:#9f82ff;
    background:#cdc3ff url(../images/purple/toolbar/bg.gif) repeat-x top left;
}
.x-toolbar button {
    color:#112233;
}
.x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {
    background-image:url(../images/purple/toolbar/btn-arrow.gif);
}
.x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {
    background-image:url(../images/purple/toolbar/btn-arrow.gif);
}
.x-toolbar .x-btn-over .x-btn-left{
	background-image:none;
}
.x-toolbar .x-btn-over .x-btn-right{
	background-image:none;
}
.x-toolbar .x-btn-over .x-btn-center{
	background-image:none;
}
.x-toolbar .x-btn-over button {
    color:#000000;
}
.x-toolbar .x-btn-click .x-btn-left, .x-toolbar .x-btn-pressed .x-btn-left, .x-toolbar .x-btn-menu-active .x-btn-left{
	background-image:url(../images/purple/toolbar/tb-btn-sprite.gif);
}
.x-toolbar .x-btn-click .x-btn-right, .x-toolbar .x-btn-pressed .x-btn-right, .x-toolbar .x-btn-menu-active .x-btn-right{
	background-image:url(../images/purple/toolbar/tb-btn-sprite.gif);
}

.x-toolbar .x-btn-click .x-btn-center, .x-toolbar .x-btn-pressed .x-btn-center, .x-toolbar .x-btn-menu-active .x-btn-center{
	background-image:url(../images/purple/toolbar/tb-btn-sprite.gif);
}
.x-toolbar .ytb-sep {
	background-image: url(../images/purple/grid/grid-split.gif);
}
.x-paging-info {
    color:#112233;
}

/* Form */

.x-form-field-wrap .x-form-trigger{
    background-image:url(../images/purple/form/trigger.gif);
    border-bottom: 1px solid #c07eff;
}
.x-form-field-wrap .x-form-date-trigger{
    background-image: url(../images/purple/form/date-trigger.gif);
}
.x-form-field-wrap .x-form-clear-trigger{
    background-image: url(../images/purple/form/clear-trigger.gif);
}
.x-form-field-wrap .x-form-search-trigger{
    background-image: url(../images/purple/form/search-trigger.gif);
}

.x-form-text, textarea.x-form-field{
    border: 1px solid #c07eff;
}
.x-form-select-one {
    border: 1px solid #c07eff;
}
.x-item-disabled .x-form-trigger-over{
    border-bottom: 1px solid #c07eff;
}
.x-item-disabled .x-form-trigger-click{
    border-bottom: 1px solid #c07eff;
}
.x-form fieldset {
    border:1px solid #c07eff;
}
.x-trigger-wrap-focus .x-form-trigger{
    border-bottom: 1px solid #7158ff;
}
.x-form-focus, textarea.x-form-focus{
	border: 1px solid #7158ff;
}


/* Tabs */

.x-tab-panel-header, .x-tab-panel-footer {
	background: #e4dcff;
	border-color:#9271ff;
}


.x-tab-panel-header {
	border-color:#9271ff;
}

.x-tab-panel-footer {
	border-color:#9271ff;
}

ul.x-tab-strip-top{
	background:#ccbbff url(../images/purple/tabs/tab-strip-bg.gif) repeat-x left top;
	border-color:#9271ff;
}

ul.x-tab-strip-bottom{
	background-image:url(../images/purple/tabs/tab-strip-btm-bg.gif);
	border-color:#9271ff;
}

.x-tab-strip span.x-tab-strip-text {
	color:#334455;
}
.x-tab-strip-over span.x-tab-strip-text {
	color:#000000;
}

.x-tab-strip-active span.x-tab-strip-text {
	color:#112233;
}

.x-tab-strip-disabled .x-tabs-text {
	color:#556677;
}

.x-tab-strip-top .x-tab-right {
	background-image:url(../images/purple/tabs/tabs-sprite.gif);
}

.x-tab-strip-top .x-tab-left {
	background-image:url(../images/purple/tabs/tabs-sprite.gif);
}
.x-tab-strip-top .x-tab-strip-inner {
	background-image:url(../images/purple/tabs/tabs-sprite.gif);
}

.x-tab-strip-bottom .x-tab-right {
	background-image:url(../images/purple/tabs/tab-btm-inactive-right-bg.gif);
}

.x-tab-strip-bottom .x-tab-left {
	background-image:url(../images/purple/tabs/tab-btm-inactive-left-bg.gif);
}

.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
	background-image:url(../images/purple/tabs/tab-btm-right-bg.gif);
}

.x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
	background-image:url(../images/purple/tabs/tab-btm-left-bg.gif);
}

.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
	background-image:url(../images/purple/tabs/tab-close.gif);
}
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
	background-image:url(../images/purple/tabs/tab-close.gif);
}

.x-tab-panel-body {
    border-color:#9271ff;
    background:#eeeeee;
}
.x-tab-panel-bbar .x-toolbar {
    border-color: #9271ff;
}

.x-tab-panel-tbar .x-toolbar {
    border-color: #9271ff;
}

.x-tab-panel-header-plain .x-tab-strip-spacer {
    border-color:#9271ff;
    background: #e4dcff;
}

.x-tab-scroller-left {
    background-image: url(../images/purple/tabs/scroll-left.gif);
    border-color:#9271ff;
}
.x-tab-scroller-right {
    background-image: url(../images/purple/tabs/scroll-right.gif);
    border-color:#9271ff;
}

/* Buttons */

.x-btn-menu-arrow-wrap .x-btn-center button {
    background-image:url(../images/purple/button/btn-arrow.gif);
}
.x-btn-with-menu  .x-btn-center em {
    background-image:url(../images/purple/toolbar/btn-arrow.gif);
}

.x-btn-text-icon .x-btn-with-menu .x-btn-center em {
    background-image:url(../images/purple/toolbar/btn-arrow.gif);
}

/* Window */

.x-window-proxy {
    background:#e1d6ff;
    border-color:#bca7ff;
}

.x-window-tl .x-window-header {
    color:#112233;
}

.x-window-header {
  background-color: #ffffff;
}
.x-window-header-text {
  color: #606060;
  font-size: 18px;
  font-weight: normal;
  margin-top: 18px;
  margin-left: 7px;
}
.x-window-header .x-tool-close {
  background-color: #DADBDD;
  margin-right: 6px;
}

.x-window-mc {
  border-style: none;
  border-width: 0px;
}

.x-window-tc {
    background: transparent none;
}
.x-window-tl {
	background: transparent none;
  padding-left: 0;
}
.x-window-tr {
  background: transparent none;
  padding-right: 0;
}
.x-window-bc {
    background: transparent none;
}
.x-window-bl {
    background: transparent none;
}
.x-window-br {
    background: transparent none;
}

/*
.x-window-mc {
    border:1px solid #111111;
    background: transparent none;
}
*/
.x-window .x-window-bwrap {
  background-color: transparent;
  background-image: none;
}

.x-window-ml {
    background: transparent none;
  padding-left: 0;
}
.x-window-mr {
  background: transparent none;
  padding-right: 0;
}
.x-panel-ghost .x-window-tl {
    border: 0;
}
.x-panel-collapsed .x-window-tl {
    border-color:#9f82ff;
}

.x-window-plain .x-window-mc {
    background: transparent !important;
}

.x-window-plain .x-window-body {
    background:transparent !important;
}

body.x-body-masked .x-window-mc, body.x-body-masked .x-window-plain .x-window-mc {
    background-color: #fff;
}

/* Make sure we have a white background instead of the stripped back-ground in a maximized widget */
.x-window .x-window-body .x-panel .x-panel-body {
  background-color: #fff;
}

/* Date Picker */
.x-date-picker {
    border: 1px solid #9f82ff;
    background:#e1d6ff;
}
.x-date-middle,.x-date-left,.x-date-right {
	background-image: url(../images/purple/shared/hd-sprite.gif);
}
.x-date-middle .x-btn-with-menu  .x-btn-center em {
    background-image:url(../images/purple/toolbar/btn-arrow-light.gif);
}
.x-date-right a {
    background-image: url(../images/purple/shared/right-btn.gif);
}
.x-date-left a{
	background-image: url(../images/purple/shared/left-btn.gif);
}
.x-date-inner th {
    background-image:url(../images/purple/shared/glass-bg.gif);
	border-bottom: 1px solid #9f82ff;
	color:#112233;
}
.x-date-inner .x-date-selected a{
	background-image:url(../images/purple/shared/glass-bg.gif);
	border:1px solid #9f82ff;
    color:#112233;
}
.x-date-bottom {
    border-top: 1px solid #9f82ff;
    background-image:url(../images/purple/shared/glass-bg.gif);
}
.x-date-mp-btns {
	background-image:url(../images/purple/shared/glass-bg.gif);
}
td.x-date-mp-sel a {
	background-image:url(../images/purple/shared/glass-bg.gif);
	border:1px solid #9f82ff;
	color: #112233;
}
.x-date-mp-ybtn a {
    background-image:url(Images/tool-sprites.gif);
}
.x-date-mp-btns button {
	background-image:url(../images/purple/shared/glass-bg.gif);
	border-color: #bca7ff #9f82ff #9f82ff #bca7ff;
	color: #112233
}
.x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover{
    color:#112233;
    background: #9f82ff;
}
td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
	color:#112233;
	background: #9f82ff;
}

/* misc */
.x-html-editor-wrap {
    border-color:#e1d6ff;
}

/* Borders go last for specificity */
.x-panel-noborder .x-panel-body-noborder {
    border-width:0;
}

.x-panel-noborder .x-panel-header-noborder {
    border:0 none;
}

.x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
    border-left: 0 none;
    border-right: 0 none;
    border-top: 0 none;
    border-bottom: 1px solid #83a6b7;
}

.x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
    border-width:0;
    border-top:1px solid #e1d6ff;
}

.x-window-noborder .x-window-mc {
    border-width:0;
}
.x-window-plain .x-window-body-noborder {
    border-width:0;
}

.x-tab-panel-noborder .x-tab-panel-body-noborder {
	border-width:0;
}

.x-tab-panel-noborder .x-tab-panel-header-noborder {
	border-top-width:0;
	border-left-width:0;
	border-right-width:0;
}

.x-tab-panel-noborder .x-tab-panel-footer-noborder {
	border-bottom-width:0;
	border-left-width:0;
	border-right-width:0;
}


.x-tab-panel-bbar-noborder .x-toolbar {
    border-width:0;
    border-top:1px solid #e1d6ff;
}

.x-tab-panel-tbar-noborder .x-toolbar {
    border-width:0;
    border-bottom:1px solid #e1d6ff;
}

/* Gray */
.x-panel .grayStyle {
  border: none !important;
}
div.x-panel.grayStyle span.x-panel-header-text {
    background: #606060 none;
}
.x-portal-column .grayStyle .x-panel-tr {
  background: #606060 none;
  border:1px solid #606060;
  border-radius: 5px 5px 0px 0px;
}
.x-portal-column .grayStyle .x-panel-ml {
  border-top: 0px;
  border-right: 2px solid #606060;
  border-bottom: 1px solid #606060;
  border-left: 1px solid #606060;
  border-radius: 0px 0px 5px 5px;
}
.grayStyle-header {
  background: #606060 none;
  padding: 4px;    
}
.grayStyle-header-text {
	color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  display: block;
}
.grayStyle-text {
  color: #606060;
}
#DashboardHeader #BottomPanel.grayStyle {
  background: #606060 none;
}
div.chooser ul li.chooser-item.grayStyle {
  background: #606060 none;
}

/* Red */
.x-panel .redStyle {
  border: none !important;
}
div.x-panel.redStyle span.x-panel-header-text {
    background: transparent none;
}
.x-portal-column .redStyle .x-panel-tr {
  background: #dc6e6f none;
  border:1px solid #dc6e6f;
  border-radius: 5px 5px 0px 0px;
}
.x-portal-column .redStyle .x-panel-ml {
  border-top: 0px;
  border-right: 2px solid #dc6e6f;
  border-bottom: 1px solid #dc6e6f;
  border-left: 1px solid #dc6e6f;
  border-radius: 0px 0px 5px 5px;
}
.redStyle-header {
  background: #dc6e6f none;
  padding: 4px;    
}
.redStyle-header-text {
	color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  display: block;
}
.redStyle-text {
  color: #dc6e6f;
}
#DashboardHeader #BottomPanel.redStyle {
  background: #dc6e6f none;
}
div.chooser ul li.chooser-item.redStyle {
  background: #dc6e6f none;
}

/* Green */
.x-panel .greenStyle {
  border: none !important;
}
div.x-panel.greenStyle span.x-panel-header-text {
    background: transparent none;
}
.x-portal-column .greenStyle .x-panel-tr {
  background: #90a686 none;
  border:1px solid #90a686;
  border-radius: 5px 5px 0px 0px;
}
.x-portal-column .greenStyle .x-panel-ml {
  border-top: 0px;
  border-right: 2px solid #90a686;
  border-bottom: 1px solid #90a686;
  border-left: 1px solid #90a686;
  border-radius: 0px 0px 5px 5px;
}
.greenStyle-header {
  background: #90a686 none;
  padding: 4px;
}
.greenStyle-header-text {
	color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  display: block;
}
.greenStyle-text {
  color: #90a686;
}
#DashboardHeader #BottomPanel.greenStyle {
  background: #90a686 none;
}
div.chooser ul li.chooser-item.greenStyle {
  background: #90a686 none;
}

/* Blue */
.x-panel .blueStyle {
  border: none !important;
}
div.x-panel.blueStyle span.x-panel-header-text {
    background: transparent none;
    color: #000;
    vertical-align: middle;
    padding-top: 4px;
}
.x-portal-column .blueStyle .x-panel-tr {
  background: #7ea1b4 none;  
  border:1px solid #7ea1b4;
  border-radius: 5px 5px 0px 0px;
}
.x-portal-column .blueStyle .x-panel-ml {
  border-top: 0px;
  border-right: 2px solid #7ea1b4;
  border-bottom: 1px solid #7ea1b4;
  border-left: 1px solid #7ea1b4;
  border-radius: 0px 0px 5px 5px;   
}
.blueStyle-header {
  background: #7ea1b4 none;
  padding: 4px;    
}
.blueStyle-header-text {
	color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  display: block;
}
.blueStyle-text {
  color: #7ea1b4;
}
#DashboardHeader #BottomPanel.blueStyle {
  background: #7ea1b4 none;
}
div.chooser ul li.chooser-item.blueStyle {
  background: #7ea1b4 none;
}

/* Purple */
.x-panel .purpleStyle {
  border: none !important;
}
div.x-panel.purpleStyle span.x-panel-header-text {
    background: transparent none;
}
.x-portal-column .purpleStyle .x-panel-tr {
  background: #ad7598 none;
  border:1px solid #ad7598;
  border-radius: 5px 5px 0px 0px;
}
.x-portal-column .purpleStyle .x-panel-ml {
  border-top: 0px;
  border-right: 2px solid #ad7598;
  border-bottom: 1px solid #ad7598;
  border-left: 1px solid #ad7598;
  border-radius: 0px 0px 5px 5px;
}
.purpleStyle-header {
  background: #ad7598 none;
  padding: 4px;    
}
.purpleStyle-header-text {
	color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  display: block;
}
.purpleStyle-text {
  color: #ad7598;
}
#DashboardHeader #BottomPanel.purpleStyle {
  background: #ad7598 none;
}
div.chooser ul li.chooser-item.purpleStyle {
  background: #ad7598 none;
}

.x-tool-info {
    background-position: 0 -136px;
}

.x-panel-nofooter{
    display:none;
}

.es-custom-header {
  float: left;
  padding-left: 10%;
  margin-top: 9px;
}

/* these are for the "Loading" popup ... adapted from xthem-kalitte.css */
/*
.ext-el-mask-msg div {
    background-color: green;
    border-color:red;
    color:blue;
    font: "Open Sans", "Lucida Sans Unicode", sans-serif;
}

.x-mask-loading div {
    background-color:#fbfbfb;
    background-image:url(../images/Kalitte/grid/loading.gif);
}
*/

/* for traffic light widget */
.x-panel-body .traffic-light-green {
    background: #206A44 none;
}
.x-panel-body .traffic-light-red {
    background: #BE1E2E none;
}

/* This section used for jQuery dialog */
.ui-dialog { 
    /*box-shadow: 0 0 0 7px rgba(0,0,0,0.1); */
}

.ui-dialog-titlebar {
    background-color: white;
    background-image: none;
    border: 0px none;
}

.ui-dialog .ui-dialog-title {
    font-family: tahoma,?arial,?verdana,?sans-serif;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    color: #202020;
    line-height: 23px;
    width: 85%;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 7px 17px 7px 17px;
}

.ui-dialog .ui-dialog-titlebar-close {
  border-radius: 0 0 0 0;
  height: 34px;
  margin: -3.5px 0 0 2px;
  top: 6px;
  right: 0px;
  width: 34px;
  border: 0 none;
  background: none;
}

.ui-dialog .ui-state-default .ui-icon-closethick {
  background-color: #DADBDD;
  background-image: url("Images/tool-sprites.png");
  background-position: 0 -34px;
}

.ui-dialog .ui-dialog-help {
  border-width: 0px;
}

.ui-dialog .ui-dialog-help > img {
  border-width: 0px;
  cursor: pointer;
}

.ui-dialog .ui-dialog-titlebar-close.ui-corner-all.ui-state-hover {
  background-image: url(Images/tool-sprites.png);
}

.ui-dialog .ui-dialog-titlebar-close.ui-hover .ui-icon {
  background-image: url(Images/tool-sprites.png);
}

.ui-icon, .ui-dialog .ui-dialog-titlebar-close.ui-hover .ui-icon {
  background-image: url(Images/tool-sprites.png) #222222;
  height: 34px;
  margin-left: 2px;
  overflow: hidden;
  width: 34px;
}

/* set previous selection back to jqueri-ui original image  */
.ui-datepicker .ui-icon {
  height: 16px;
  width: 16px;
}

.ui-icon-closethick {
    background-position: 0 -34px;
}

.ui-state-default .ui-icon 
{
  background-color: #DADBDD;
  background-image:url(Images/tool-sprites.png);
  background-position: 0px -34px;
  height: 34px;
  width: 34px;
  margin-top: -17px;
  margin-left: -20px;
}

.ext-el-mask {
  z-index: 1005;
  opacity: .7; /* Added to counteract background peeking through maximized widget borders. Maximized widget cannot be 100% height when scrolled down b/c of the topBar*/
}

.ui-widget-content .ui-icon.ui-resizable-se.ui-icon-gripsmall-diagonal-se {
  background-image: url("../../assets/css/jquery/images/ui-icons_222222_256x240.png");
  background-repeat: no-repeat;
  background-position: -64px -224px;
  background-color: transparent;
  height: 16px;
  width: 16px;
}

/* angular validation */
input.ng-invalid, select.ng-invalid, textarea.ng-invalid {
  outline: solid 1px red;
}

/* angular material inputs */
md-input-container .md-input,  md-select{
  border: 1px solid #666;
}


md-input-container .md-input:focus {
  border-width: 1px;
}

/* angular material overrides */
.md-toolbar-tools {
  height: 40px;
}

.md-button {
  border-radius: 0;
}

label {
    transform: translate3d(0,0,0) scale(1) !important;
    -webkit-transform: translate3d(0,0,0) scale(1) !important;
}

/* Red */
div.x-panel.redStyle span.x-panel-header-text {
    background: transparent none;
    color: #000;
    vertical-align: middle;
    padding-top: 4px;
}
/* Green */
div.x-panel.greenStyle span.x-panel-header-text {
    background: transparent none;
    color: #000;
    vertical-align: middle;
    padding-top: 4px;
}
/* Purple */
div.x-panel.purpleStyle span.x-panel-header-text {
    background: transparent none;
    color: #000;
    vertical-align: middle;
    padding-top: 4px;
}

/* Green */
div.x-panel.grayStyle span.x-panel-header-text {
    background: transparent none;
    color: #000;
    vertical-align: middle;
    padding-top: 4px;
}