/*****************************************   */

/*************** generic *****************/

body {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.x-mask {
  opacity: 0.9;
}

.redUnderline {
  color: #f00;
  border-bottom: 1px solid #000;
}

.cls_app_button {
  min-width: 80px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
}

/*****************************************   */

/********** input control text ********/
.cls_input_text {
  margin-top: 1px;
  margin-bottom: 4px;
}

.cls_input_text .x-form-item-label {
  /* width: 200px !important; */
}

.cls_input_text .x-form-item-label-inner {
  /* width: 200px !important; */
}

/*****************************************   */

/****** input control label in dock *******/
.cls_docked_bottom_label {
  font-size: 11pt !important;
  line-height: 17px !important;
  color: #666 !important;
  margin-left: 10px !important;
}

/*****************************************   */

/*************** form box *****************/
.cls_window_box .x-window-body {
  box-shadow: 2px 2px 10px #bbb;
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 25px;
}

.cls_window_box .x-window-header {
  background-color: #e6e6e6;
}

/*****************************************   */

/************** panel base ****************/
.cls_panel_base {
  box-shadow: 1px 1px 10px #bbb;
}

.cls_panel_base .x-panel-header {
  background-color: #f5f5f5;
}

/*****************************************   */

/*************** panel internal ***********/
.cls_panel_internal .x-panel-body {
  float: left;
  padding-top: 10px;
  padding-left: 10px;
}

/*****************************************   */

/******** input control html editor *******/
.cls_html_editor .x-html-editor-input {
  padding-top: 10px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.cls_html_editor_body {
  padding: 4px 1px 0 !important;
}

/*****************************************   */

/************** grid control **************/
.x-grid-item-focused .x-grid-cell-inner::before {
  border: none;
}

.cls_grid_header_line_removed {
  border-width: 0 !important;
}

.cls_grid_calc_row .x-grid-cell {
  background-color: #cfb;
}

.cls_grid_multiline .x-grid-cell-inner {
  overflow: auto !important;
  white-space: normal !important;
  text-overflow: ellipsis;
  display: block !important;
}

.cls_grid_multiline .x-grid-row {
  height: auto !important;
  vertical-align: middle !important;
}

/*****************************************   */

/********** input control combobox ********/
.cls_field_label_small .x-form-item-label {
  width: 70px !important;
}

.cls_field_label_small .x-form-item-label-inner {
  width: 70px !important;
}

.cls_field_label_normal .x-form-item-label {
  width: 100px !important;
}

.cls_field_label_normal .x-form-item-label-inner {
  width: 100px !important;
}

.cls_field_label_large .x-form-item-label {
  width: 150px !important;
}

.cls_field_label_large .x-form-item-label-inner {
  width: 150px !important;
}

.cls_field_label_extralarge .x-form-item-label {
  width: 200px !important;
}

.cls_field_label_extralarge .x-form-item-label-inner {
  width: 200px !important;
}