* {
   border:  0;
   margin:  0;
   padding: 0;
}

.csf-gray { color: #9DA2A4; }
.csf-orange { color: #F69618; }
.csf-darkblue { color: #30569D; }
.csf-lightblue { color: #99BBE8; }

html, body, .x-body {
   color: #000000;
   background-color: #FFFFFF;
   font-family: Tahoma, sans-serif;
   font-size: 11px
}

body {
   /* Some browsers set the 'normal'' line height to 15px.
      We need to standardize this. */
   line-height: 13px;
}


img {
   border-style: none;
}

a, a:link, a:visited, a:active {
   color: #30569D;
}

a:hover {
   color: #FF8C00;
}

.label-text {
   color: #000000;
}

.status-text {
   color: #30569D !important;
}

.config-text {
   color: #F88017 !important;
}

.bold-text {
   font-weight: bold;
}

.text-right {
   text-align: right !important;
}

.text-left {
   text-align: left !important;
}

.text-center {
   text-align: right !important;
}

.attention-text {
   color: #FF0000;
}

.csp-status {
   font-family: Tahoma, sans-serif !important;
   font-size: 11px !important;
   line-height: 13px !important;
   margin-top: 0px !important;
}

.no-spinner-mask-msg-text {
   background-image: none !important;
   padding: 5px 5px 5px 5px;
}

.group-row{
   border-width: 0 0 2px 0;
   border-style: solid;
   padding: 4px 0px 4px 0px;
   background: white;
   cursor: pointer;
}

.about-plugin-card {
   margin-bottom: 10px;
}

.x-tree-icon-leaf{
   background-image: none;
}

.x-tree-elbow-img {
   margin-left: 5px;
}

/* Prevents the last cell in a data row from being
   sized down. Allows board Serial number in Options
   panel to be properly displayed without overflow. */
.group-grid .x-grid-item {
   table-layout: auto;
}

/* Prevents the buttons in the toolbar from being
 clipped on the left and bottom sides. */
.x-toolbar-default {
   padding: 1px 0px 6px 4px;
}

 /* Fixes misaligned collapse button and panel titles
 in the header of the panel. */
.x-panel-header-default-horizontal {
   padding: 4px 9px 10px;
}

.oem-error-msgs {
   background: red;
   color: black;
   padding: 10px;
}

#loginComponent {
   z-index: 20002;
}

.x-column-header-inner {
    padding: 7px 5px;
}

.x-btn-default-toolbar-small {
   background-image: none !important;
   background-color: transparent !important;
   border-color: transparent !important;
}

.csp-status.x-form-item-label-default {
   padding-top: 0px !important;
}

.x-column-header {
   font-size: 12px;
}

.x-grid-item {
   font-size: 11px;
}

.x-btn-inner-default-toolbar-small {
   font-size: 11px !important;
}

.x-autocontainer-form-item, .x-anchor-form-item, .x-vbox-form-item, .x-table-form-item {
    margin-bottom: 4px;
}

.x-toolbar-text {
   font-size: 12px !important;
}

.x-panel-header-default-horizontal{
   padding: 7px 9px 7px !important;
}

.x-panel-header-default .x-tool-tool-el {
   background-color: transparent !important;
}

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

.x-toolbar-default {
   padding: 3px 0px 4px 4px !important;
   background-color: #eeeeee;
}

.x-btn-default-toolbar-small:hover {
   background-image: -webkit-linear-gradient(top, #f6f6f6, #f5f5f5 50%, #e9e9e9 51%, #f5f5f5) !important;
   background-color: #f5f5f5 !important;
   border-color: #acacac !important;
}

.x-btn.x-btn-pressed.x-btn-default-toolbar-small {
   border-color: #cfcfcf !important;;
   background-color: #e2e2e2 !important;;
}

.x-tab-default-top {
   -moz-border-radius-topleft: 0px !important;
   -webkit-border-top-left-radius: 0px !important;
   border-top-left-radius: 0px !important;
   -moz-border-radius-topright: 0px !important;
   -webkit-border-top-right-radius: 0px !important;
   border-top-right-radius: 0px !important;
}

.x-focus {
   box-shadow: none !important;
}

.x-grid-item-focused .x-grid-cell-inner:before {
   border: 0;
}

.x-column-header.x-column-header-focus .x-column-header-inner:after {
   border: 0;
}

.x-column-header-inner .x-column-header-trigger {
   width: 0 !important;
}

/* Prevents fieldsets from incorrectly rendering their
   field heights in IE/Edge browsers */
.csp-status, .x-form-item-body-default {
    min-height: 0px !important;
}

.software-support-ended {
   color: red !important;
   font-weight: bold;
}

.x-form-item-no-label > .x-form-text-field-body-default {
   min-width: inherit;
   max-width: inherit;
}

.x-form-item-no-label > label {
   display: none;
}

.x-form-text-default {
   padding: 3px 6px 3px;
}

.x-grid-cell-inner-action-col :focus {
   outline: none !important;
}

.hidden {
   display: none;
}