/* 自定义easyui默认主题, 该文件没理解之前 不建议随意修改 可能引起大面积不可预知的样式变化 */
/* color */
/* font-size */
/* box-shadow */
/* button */
/* form */
.ray-cb p {
  padding-left: 10px;
  margin-bottom: 15px;
  /*border: 1px solid @gray-lighter;*/
  border-left: 4px solid #346aa8;
  color: #346aa8;
  font-weight: bold;
  font-size: 1.4rem;
}

.ray-form {
  position: relative;
  margin-bottom: 10px;
  overflow: hidden;
}

.ray-form-border {
  background: #fff;
  padding: 10px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
}

.ray-form-tips {
  line-height: 30px;
  font-size: 1.4rem !important;
}

.ray-width-entire.ray-form-tips {
  line-height: normal;
}

.ray-form-tips,
.ray-form-tips label {
  color: #d9534f !important;
}

.ray-form .ray-form-groups {
  position: absolute;
  top: -999px;
}

.ray-form .ray-form-group {
  /*font-size: 0;*/
}

.ray-form .ray-form-group .ray-fs {
  padding: 0 2px;
  line-height: 30px;
  font-size: 1.4rem;
  vertical-align: middle;
}

.ray-form .ray-form-group label {
  display: inline-block;
  width: 122px;
  padding-right: 10px;
  text-align: right;
  vertical-align: middle;
  white-space: nowrap;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.4rem;
}

.ray-form .ray-form-group input,
.ray-form .ray-form-group select {
  width: 180px;
}

.ray-form .ray-form-group input[label],
.ray-form .ray-form-group select[label] {
  width: 302px;
}

.ray-form-flex .ray-form-btnbox {
  float: right !important;
  justify-content: flex-end;
}

.ray-form-flex .ray-form-group {
  display: flex;
  float: left;
  width: 25%;
  padding: 0 9px 12px;
  /*font-size: 0;*/
}

.ray-form-flex .ray-form-group.ray-form-control {
  width: 50%;
}

.ray-form .ray-form-rcbox {
  line-height: 30px;
  display: flex;
}

.ray-form .ray-form-rcbox label {
  white-space: normal;
}

.ray-form .ray-form-rcbox .ray-form-remainder {
  flex: 1;
}

.ray-form .ray-form-rcbox .ray-form-remainder>li {
  float: left;
  display: flex;
}

.ray-form .ray-form-rcbox .ray-form-remainder>li>span.inputbox {
  margin-top: 7px;
  min-width: 16px;
}

.ray-form .ray-form-rcbox .ray-form-remainder>li>span.inputbox.radiobutton-disabled {
  cursor: not-allowed;
}

.ray-form .ray-form-rcbox .ray-form-remainder>li>label.textbox-label {
  line-height: 30px !important;
  height: auto !important;
  flex: initial;
}

.ray-form .ray-form-rcbox .ray-form-remainder>li .radiobutton-disabled~.textbox-label {
  cursor: not-allowed;
}

.ray-form .ray-direction-column>li {
  clear: both;
  margin-bottom: 12px;
}

.ray-form-flow .ray-form-group {
  float: left;
  padding: 0 9px 12px;
}

.dialog-xs .ray-form-flex .ray-form-group,
.dialog-sm .ray-form-flex .ray-form-group,
.dialog-xs .ray-form-flex .ray-form-group.ray-width-entire,
.dialog-sm .ray-form-flex .ray-form-group.ray-width-entire {
  width: 90%;
  padding-left: 0;
}

.dialog-md .ray-form-flex .ray-form-group {
  width: 50%;
}

.dialog-md .ray-form-flex .ray-form-group.ray-form-control {
  width: 100%;
}

.dialog-md .ray-form-flex .ray-form-group.ray-width-entire,
.dialog-lg .ray-form-flex .ray-form-group.ray-width-entire,
.dialog-gl .ray-form-flex .ray-form-group.ray-width-entire,
.dialog-xl .ray-form-flex .ray-form-group.ray-width-entire {
  width: 100%;
}

.dialog-lg .ray-form-flex .ray-form-group {
  width: 33.33%;
}

.dialog-gl .ray-form-flex .ray-form-group {
  width: 33.33%;
}

.dialog-xl .ray-form-flex .ray-form-group {
  width: 33.33%;
}

.dialog-lg .ray-form-flex .ray-form-group.ray-form-control {
  width: 66.66%;
}

.dialog-gl .ray-form-flex .ray-form-group.ray-form-control {
  width: 66.66%;
}

.dialog-xl .ray-form-flex .ray-form-group.ray-form-control {
  width: 66.66%;
}

.ray-form-flex .ray-form-group label {
  flex: none;
}

.ray-form-flex .ray-form-group>.textbox {
  /* width: auto !important; */
  flex: auto;
  display: flex;
}

/* 清除tagbox中的flex效果  */
.ray-form-flex .ray-form-group>.textbox.tagbox {
  display: initial;
}

.ray-form-flex .ray-form-group>.textbox>.textbox-text {
  width: 100% !important;
}

.ray-form-flex .ray-form-group>.textbox>.textbox-addon+.textbox-text {
  /* margin: 0 !important; */
  /* padding-right: 30px; */
}

.ray-form-flex .ray-form-group>.datebox {
  flex: 1;
  display: flex;
}

.ray-form-flex .ray-form-group>.datebox>.textbox-text {
  flex: 1;
}

/* panel */
.panel-header,
.panel-body {
  border-color: #e6e6e6;
  font-size: 1.4rem;
  color: #666666;
}

.ray-panel-body {
  padding: 20px;
}

.panel-title {
  font-size: 1.4rem;
  font-weight: bold;
  color: #337ab7;
}

.panel-tool a:hover {
  background-color: transparent;
}

/* dataGrid */
.datagrid-cell,
.datagrid-cell-group,
.datagrid-header-rownumber,
.datagrid-cell-rownumber {
  padding: 0 15px;
  margin: 10px 0;
  font-size: 1.4rem;
  color: inherit;
  text-overflow: ellipsis;
}

.datagrid-header-rownumber,
.datagrid-cell-rownumber {
  padding: 0 4px;
}

.datagrid-header-row,
.datagrid-row {
  height: 30px;
}

.datagrid.panel-htop {
  margin-bottom: 10px;
}

.datagrid-htable,
.datagrid-btable,
.datagrid-ftable {
  border-left: 1px solid #e6e6e6;
  color: #666666;
}

.datagrid-htable {
  background-color: #f2f2f2;
  border-top: 1px solid #e6e6e6;
}

.datagrid-toolbar {
  background: #fff;
  padding: 0 0 10px 5px;
  border: none;
}

.datagrid-toolbar .l-btn-plain {
  background-color: #337ab7;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid transparent;
  color: #fff;
  padding: 2px 10px;
}

.datagrid-toolbar .l-btn-plain:hover {
  /*background: #346aa8;*/
}

.datagrid-toolbar .l-btn-text {
  line-height: 24px;
  font-size: 12px;
}

.datagrid-header {
  border: none;
}

.datagrid-header,
.datagrid-td-rownumber {
  background-color: transparent;
}

.datagrid .datagrid-pager {
  background: none;
  padding-top: 10px;
  border: none;
}

.datagrid-btn-separator {
  margin: 0 2px;
  border: none;
}

.datagrid-row-selected {
  background-color: #337ab7 !important;
}

.datagrid-row-selected .datagrid-cell a {
  color: #ffffff;
}

.datagrid-row .datagrid-cell a.easyui-linkbutton {
  background: #009688;
  color: #fff;
  border-color: #009688;
}

.datagrid .panel-header {
  background-color: #fff;
  padding: 10px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.datagrid .panel-body {
  padding: 10px 15px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.datagrid-empty {
  margin-top: 10px;
}

.datagrid-row-alt {
  /*background: @blue-lighter;*/
}

.datagrid-header td,
.datagrid-body td,
.datagrid-footer td {
  /*border-color: @gray-lightest;*/
}

.datagrid-header .datagrid-cell,
.datagrid-header .datagrid-cell-group {
  color: inherit;
}

/* 悬浮样式 */
.datagrid-row-over,
.datagrid-header td.datagrid-header-over {
  /*background: @blue;
  color: #fff;*/
  background: #e6e6e6;
}

/* datalist */
.datalist .datagrid-htable,
.datalist .datagrid-btable,
.datalist .datagrid-ftable {
  border-left: none;
}

/* treegrid */
.treegrid-tr-tree .datagrid-htable,
.treegrid-tr-tree .datagrid-btable,
.treegrid-tr-tree .datagrid-ftable {
  border-left: none;
}

.datagrid-view .tree-collapsed{
  background: url(images/tree_icons_new.png) no-repeat -33px -16px;
}

.datagrid-view .tree-expanded{
  background: url(images/tree_icons_new.png) no-repeat -66px -16px;
}

.datagrid-view .tree-file{
  background: url(images/tree_icons_new.png) no-repeat -97px -144px;
}

.datagrid-view .tree-folder{
  background: transparent;
}

.tooltip .tree-collapsed{
  background: url(images/tree_icons_new.png) no-repeat -33px -16px;
}

.tooltip .tree-expanded{
  background: url(images/tree_icons_new.png) no-repeat -66px -16px;
}

.tooltip .tree-file{
  background: url(images/tree_icons_new.png) no-repeat -97px -144px;
}

.tooltip .tree-folder{
  background: transparent;
}

/* tree */
.tree .tree-node-selected {
  background: #999999;
}

/* dialog */
.ray-dialog-body {
  position: relative;
  background-color: #eff2f7;
  padding: 20px;
}

.dialog-toolbar,
.dialog-button {
  background: none;
  padding-top: 10px;
  border: none;
  border-top: 1px solid #d9d9d9;
}

.dialog-button .l-btn {
  box-shadow: none;
  padding: 2px 10px;
  background-color: #337ab7;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid transparent;
  color: #fff;
}

.dialog-button .l-btn:hover {
  background: #346aa8;
}

.dialog-iframe {
  display: block;
  background: #f2f2f2;
  width: 100%;
  height: 100%;
}

/* 使dialog中的iframe背景与dialog背景保持一致 */
.ray-dialog-body .dialog-iframe {
  background-color: #eff2f7;
}

/* btn */
.easyui-linkbutton.ray,
.easyui-splitbutton.ray {
  background-color: #337ab7;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid transparent;
  color: #fff;
  /* width: 80px; */
  min-width: 80px;
  height: 30px;
  line-height: 30px;
  margin-left: 5px;
  border: none;
  font-size: 1.2rem;
  font-weight: bold;
}

.easyui-linkbutton.ray:hover,
.easyui-splitbutton.ray:hover {
  /*background: #346aa8;*/
}

.easyui-linkbutton.ray-red,
.easyui-splitbutton.ray-red {
  background-color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid transparent;
  color: #ff6600;
  border: 1px solid #ff6600;
}

.easyui-linkbutton.ray-yellow,
.easyui-splitbutton.ray-yellow {
  background-color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid transparent;
  color: #ff6600;
  border:1px solid  #ff6600;
}

.easyui-linkbutton.ray-green,
.easyui-splitbutton.ray-green {
  background-color: #ff6600;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid transparent;
  color: #fff;
}

.easyui-linkbutton.ray-red:hover,
.easyui-splitbutton.ray-red:hover {
  background-color: #fff;
}

.easyui-linkbutton.ray-yellow:hover,
.easyui-splitbutton.ray-yellow:hover {
  background: #fff;
}

.easyui-linkbutton.ray-green:hover,
.easyui-splitbutton.ray-green:hover {
  background: #ff6600;
}

.easyui-linkbutton.ray .l-btn-left,
.easyui-splitbutton.ray .l-btn-left {
  vertical-align: baseline;
}

.easyui-linkbutton.ray .l-btn-left .l-btn-text,
.easyui-splitbutton.ray .l-btn-left .l-btn-text {
  font-size: inherit;
}

/* select */
.combo-arrow,
.combo-arrow:hover {
  background-color: transparent;
}

.combobox-item,
.combobox-group,
.combobox-stick {
  padding: 4px;
  font-size: 1.4rem;
}

.combobox-gitem{
  padding-left: 10px;
}

.combobox-item:empty:after {
  content: "- -";
}

.combo-panel {
  background-color: #ffffff !important;
  border: none;
}

.combobox-item-selected {
  background-color: #337ab7;
}

/* textbox */
.textbox .textbox-text {
  padding: 0 10px;
  font-size: 1.4rem;
}

.textbox .textbox-text.validatebox-readonly {
  cursor: auto;
}

.textbox-button {
  background-color: #337ab7;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid transparent;
  color: #fff;
}

.textbox-button:hover {
  background: #346aa8;
}

.textbox-icon-disabled {
  opacity: 1;
  filter: alpha(opacity=100);
}

.textbox .l-btn-text {
  color: #fff;
}

.textbox .l-btn:hover {
  border-color: transparent;
}

.textbox-disabled {
  background: #ebebe4;
}

.textbox-invalid {
  border-color: #d9534f;
}

.textbox textarea.textbox-text {
  padding: 5px 10px;
}

.textbox-icon.fa {
  font-size: 16px;
  text-align: center;
  line-height: 28px;
}

/* window */
.window {
  background-color: #eff2f7;
  padding: 10px;
  border: none;
}

.window .window-header {
  padding: 0 10px 10px 5px;
}

.window .window-body {
  border: none;
}

/* messager */
.messager-body {
  background-color: #eff2f7;
  text-align: center;
}

.ray-messager-show {
  background: #fff;
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  border: 1px solid #ebeef5;
}

.ray-messager-show-body {
  background: #fff;
  padding: 0;
}

.ray-messager-show-success {
  background-color: #dcf5d0;
  border-color: #b9ef9e;
}

.ray-messager-show-body-success {
  background-color: #dcf5d0;
  color: #67c23a;
}

.ray-messager-show-error {
  background-color: #f5d8d8;
  border-color: #f5b6b6;
}

.ray-messager-show-body-error {
  background-color: #f5d8d8;
  color: #f56c6c;
}

.messager-icon {
  margin: 0;
}

.messager-question {
  background: url('images/messager_icons.png') no-repeat scroll -32px 0;
}

/* switchbutton */
.switchbutton {
  margin-left: 10px;
}

.switchbutton-on {
  background-color: #337ab7;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid transparent;
  color: #fff;
}

/* tagbox */
.tagbox-label {
  background: #f2f2f2;
  font-size: 1.2rem;
  /* 解决单个标签文字过长显示不全的bug */
  height: auto !important;
  white-space: break-spaces;
}

.tagbox .validatebox-readonly {
  margin-left: -9999px !important;
}

/* pagination */
.pagination span {
  font-size: 1.4rem;
}

.pagination .pagination-num {
  margin: 0 5px;
}

.pagination .l-btn-plain {
  margin: 0 3px;
}

.pagination .l-btn-plain:hover {
  background: none;
  border-color: #d9d9d9;
}

.l-btn-icon-left .l-btn-icon.configGridHead{
  line-height: 16px;
}

/* tabs */
.tabs-header {
  background-color: transparent;
  border: none;
}

.tabs-tool {
  border-width: 0 0 1px 0;
}

.tabs-tool .l-btn {
  background-color: #337ab7;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid transparent;
  color: #fff;
}

.tabs-tool .l-btn:hover {
  background: #346aa8;
  border-color: #346aa8;
}

.tabs li.tabs-selected a.tabs-inner {
  /*background-color: @green;*/
  /*border-color: transparent;*/
  /*color: #fff;*/
}

/* .ray-tabs-themeA */
.ray-tabs-themeA .tabs li a.tabs-inner,
.ray-tabs-themeA .tabs li a:hover.tabs-inner {
  color: #4d4d4d;
  background: transparent;
  border-color: transparent;
  border-left-width: 0;
  border-right-width: 0;
  border-radius: 4px 4px 4px 4px;
}

.ray-tabs-themeA .tabs li.tabs-selected a.tabs-inner {
  background: transparent;
  border-color: transparent;
  color: #337ab7;
  border-bottom: 2px solid #337ab7;
  border-radius: 0;
  font-weight: normal;
}

/* progressbar */
.progressbar {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  border: 1px solid #e6e6e6;
}

.messager-p-bar {
  box-shadow: none;
}

.progressbar-value .progressbar-text {
  background-color: #337ab7;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid transparent;
  color: #fff;
}

/* SplitButton */
.m-btn-downarrow {
  background: url(images/menu_arrows.png) no-repeat 0 center;
}

.m-btn-line {
  border-color: transparent !important;
}

/* Menu */
.menu-active {
  border-color: transparent;
  color: #999999;
  background: transparent;
}

/* radiobutton && checkbox */
.ray-labelWidth-auto~.inputbox {
  /* float: left; */
  margin-right: 5px;
}

.ray-labelWidth-auto~.textbox-label {
  display: block;
  width: auto !important;
  height: auto !important;
  padding-left: 0;
  white-space: normal;
  overflow: visible;
}

.ray-label-ellipsis~.textbox-label {
  white-space: nowrap !important;
  max-width: 150px;
}

/* radiobutton */
.radiobutton {
  border-color: #337ab7;
}

.radiobutton-inner {
  background: #337ab7;
}

/* checkbox */
.checkbox {
  border-color: #337ab7;
  border-radius: 0;
}

.checkbox-checked {
  background: #337ab7;
}

.checkbox-checked svg {
  vertical-align: top;
}

/* 媒体查询 */
@media screen and (min-width: 360px) and (max-width: 610px) {
  .ray-form-flex .ray-form-group {
    width: 50%;
  }

  .ray-form-flex .ray-form-group.ray-form-control {
    width: 100%;
  }
}

@media screen and (min-width: 611px) and (max-width: 1366px) {
  .ray-form-flex .ray-form-group {
    width: 33.33%;
  }

  .ray-form-flex .ray-form-group.ray-form-control {
    width: 66.66%;
  }
}

/* 解决手风琴组件无法自适应容器大小的问题  start */
.accordion .panel-htop {
  width: auto !important;
}

.accordion .panel-htop .accordion-body {
  width: auto !important;
}

.accordion .panel-htop .accordion-header {
  width: auto !important;
}

/* 解决手风琴组件无法自适应容器大小的问题  end */

.panel-tool {
  margin-top: -10px;
  height: 20px;
}

.panel-tool a {
  margin: 2px 0 0 2px;
  text-decoration: none;
  line-height: 16px;
  opacity: 1;
}

.panel-tool a.fa {
  font-size: 1.5rem;
}

.panel-tool a.easyui-linkbutton {
  width: auto;
  background: transparent;
  height: 20px;
  margin-top: 0;
  padding: 2px 0 0 0;
}

.panel-tool a.easyui-linkbutton.fa::before {
  content: '';
}

.panel-tool .l-btn-text {
  line-height: 16px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #337ab7;
}

.panel-tool .l-btn-left {
  font-size: 0;
}

.panel-tool .l-btn-left .fa {
  font-size: 1.5rem;
  line-height: 16px;
  text-align: center;
}

.panel-tool .l-btn {
  border: none;
  color: #337ab7;
  box-shadow: none;
}


.panel-tool .l-btn:hover,
.panel-tool .l-btn-plain:hover {
  border: none;
}

.panel-tool a.easyui-linkbutton:hover {
  background: #d5d5d5;
}

.accordion .accordion-header-selected {
  background: #e5e5e5;
}

.accordion .accordion-header-selected .panel-title {
  color: #337ab7;
}

/* tooltip */
.tooltip-top {
  box-shadow: 0 3px 6px rgba(0, 0, 0, .2);
}

/* 解决表格中树形结构的名称显示省略号的bug */
.tree-node{
  display: flex;
}
.tree-node .tree-title{
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.l-btn{
   box-shadow: 0 1px 2px rgba(0,0,0,0), 0 1px 1px rgba(0,0,0,0) !important;
}