/* layout */
html, body {
  height: 100%;
  font-family: arial, sans-serif;
}
section {
  margin: 0;
}
body {
  margin: 0;
  padding: 0;
  background-color: #EAEAEA;
  color: #222;
}
header {
  padding: 0;
  margin: 0;
  background-color: #1B452A;
  min-width: 1332px;
  width: 100%;
}
.el-header {
  padding: 0;
}
/*Flex*/
.flex {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.flexCenter {
  -webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
  -webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
/* logo */
.logo {
  height: 48px;
  float: left;
  padding-left: 10px;
  padding-right: 40px;
  display: flex;
  display: -webkit-flex;
  align-items:center;
}
.logo img{
  width: 114px;
}
/* menubar */
.el-menu {
  float: left;
  background-color: #1B452A;
}
.el-menu.el-menu--horizontal {
  border: none;
}
.el-menu-item {
  font-weight: bold;
}
.el-menu-item:hover {
  background-color: #1B452A !important;
}
/* .el-menu--horizontal>.el-menu-item a,
.el-menu--horizontal>.el-menu-item a:hover {
text-decoration: none;
color: #fff;
}
.el-menu--horizontal>.el-menu-item a:hover {
color: #FFD345;
} */
.el-menu--horizontal>.el-menu-item {
  height:48px;
  line-height:48px;
  color: #fff;
  font-weight: bold;
  border-bottom:none;
}
.el-menu--horizontal>.el-menu-item ,
.el-menu--horizontal>.el-menu-item:hover {
  text-decoration: none;
  color: #fff;
}
.el-menu--horizontal>.el-menu-item:hover {
  color: #FFD345 !important;
}
.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,
.el-menu--horizontal .el-menu-item:not(.is-disabled):hover{
  background-color: #1B452A;
  color: #FFD345 !important;
}
.el-menu--horizontal>.el-submenu .el-submenu__title {
  height:48px;
  line-height:48px;
  border-bottom:none;
  color: #fff;
  font-weight: bold;
}
.el-menu--horizontal>.el-submenu .el-submenu__title:focus{
  background-color: #1B452A;
}
.el-icon-arrow-down:before,
.el-icon-arrow-up:before {
  color: #fff;
}
.el-menu--horizontal>.el-menu-item.is-active {
  color: #FFD345;
  border-bottom:none;
}
.el-menu--horizontal>.el-submenu.is-active .el-submenu__title {
  color: #FFD345;
  border-bottom:none;
}
.el-menu--horizontal>.el-submenu:focus .el-submenu__title,
.el-menu--horizontal>.el-submenu:focus .el-icon-arrow-down:before,
.el-menu--horizontal>.el-submenu:focus .el-icon-arrow-up:before,
.el-menu--horizontal>.el-submenu:hover .el-submenu__title,
.el-menu--horizontal>.el-submenu:hover .el-icon-arrow-down:before,
.el-menu--horizontal>.el-submenu:hover .el-icon-arrow-up:before{
  color: #FFD345;
}
.el-menu--horizontal>.el-submenu:focus .el-submenu__title,
.el-menu--horizontal>.el-submenu:hover .el-submenu__title {
  background-color: #1B452A;
}
.el-menu-item.is-disabled {
  opacity: 0.4;
}
/* menubar submenu */
.el-menu--popup {
  background-color: #fff;
}
.el-menu--horizontal .el-menu .el-menu-item,
.el-menu--horizontal .el-menu .el-submenu__title {
  color: #1B452A;
}
.el-menu--horizontal .el-menu .el-menu-item:hover,
.el-menu--horizontal .el-menu .el-submenu__title:hover {
  background-color: rgba(255, 211, 69, 0.3) !important;
  color: #1B452A !important;
}
.el-menu--horizontal .el-menu .el-menu-item.is-active,
.el-menu--horizontal .el-menu .el-submenu.is-active>.el-submenu__title {
  color: #1B452A !important;
}
header .el-icon-arrow-down:before,
header .el-icon-arrow-up:before {
  color:#fff;
}
/* user area */
.user-area {
  float: right;
  padding-right: 20px;
  padding-top: 15px;
}
.user-area .el-dropdown-link {
  cursor: pointer;
  color: #ffffff;
}
.user-area .el-dropdown {
  font-size: 12px;
}
.user-area .el-dropdown:hover {
  opacity: 0.7;
}
.user-area .el-dropdown i{
  font-size: 14px;
}
.el-dropdown-menu__item {
  font-size: 12px;
}

/*main*/
.el-main {
  padding: 10px 2px;
  /* overflow-x: hidden; */
  overflow: visible;
  width: 1332px;
  margin: 0 auto;
}
.el-main h2{
  margin: 0 auto 7px;
  font-size: 18px;
  line-height: 1.0;
  max-width: 1326px;
  padding-left: 5px;
}
.main-frame {
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  margin: 0 auto;
  width: 1286px;
  height: auto;
  min-height: 474px;
}
body > .main-frame {
  height: auto;
}
.main-frame span {
  font-size: 12px;
}
.main-frame span.text {
  line-height: 30px;
}
.label {
  border: 2px solid #222;
  font-size: 11px !important;
  background: #fff;
  /* width: 58px; */
  padding: 4px 4px 2px;
  display: inline-block;
  line-height: 1.0;
  font-weight: bold;
}
.label-primay {
  border-color:#118C82;
  color:#118C82;
}
.label-success {
  border-color:#1B452A;
  color:#1B452A;
}
.label-warning {
  border-color:#BB2CCE;
  color:#BB2CCE;
}
.label-danger {
  border-color:#D91A4E;
  color:#D91A4E;
}
.label-info {
  border-color:#125190;
  color: #125190;
}

/*tools*/
hr {
  border: 1px solid #CCCCCC;
  margin-block-start: 0;
  margin-block-end: 0;
}
.textCenter {
  text-align: center;
}
.textRight {
  text-align: right;
}
.textLeft {
  text-align: left;
}

/*footer*/
.el-footer {
  padding: 0 2px;
  width: 1332px;
  max-width: 1332px;
  margin: 0 auto;
}
.grid-content-left {
  float: left;
}
.grid-content-right {
  float: right;
  text-align: right;
}
.el-footer .el-button {
  padding:9px 10px;
  width: 140px;
  position: relative;
}
.el-footer .el-button [class*=el-icon-]+span {
  margin: 0;
}
.el-footer .el-button [class*=el-icon-] {
  font-size: 16px;
  position: absolute;
  left: 8px;
  top:8px;
}
.el-footer .el-link {
  font-weight: bold;
  color: #222;
  margin-right: 30px;
}
.el-footer .el-link:hover {
  color: #222;
}
.el-footer .is-underline::after{
  border-color: #222 !important;
}
.el-button {
  border-radius: 3px;
}
.el-button:hover {
  background-color: #222;
  border-color: #222;
}
.el-button--default:hover {
  background-color: #888;
  border-color: #888;
  color: #fff;
}
.el-button--default:focus {
  background-color: #888;
  border-color: #888;
  color: #fff;
  opacity:0.7;
}

/*MAIN*/
/*listTable*/
#listTable {
  border-top:1px solid #ccc;
  padding:4px 0 0;
}
/*listTableHeader*/
.listTableHeader{
  position: relative;
}
.listTableHeader .el-input__inner,
.listTableHeader .previousNextButton .el-button--mini {
  vertical-align: top;
}
.listTableHeader span.textLarge {
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
}
.listTableHeader .previousNextButton {
  display: inline;
}
.listTableHeader .previousNextButton .el-button--mini {
  padding: 8px 11px;
  margin-left: 15px;
}
.listTableHeader .previousNextButton .el-button--mini+.el-button--mini {
  margin-left:0;
}

/*table*/
.el-table {
  border: 1px solid rgba(27, 69, 42, 0.6);
}
.el-table__body {
  border-right: 1px solid rgba(27, 69, 42, 0.6);
}
.el-table th {
  background-color: rgba(27, 69, 42, 0.6);
  color: #fff;
  font-size: 12px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 1px 0;
}
.el-table th>.cell {
  text-align: center;
    padding-left: 2px;
    padding-right: 2px;
}
.el-table td {
  padding: 6px 0;
  border: none;
}
.el-table .cell {
  padding-left: 2px;
  padding-right: 2px;
}
.el-table thead tr th:nth-last-child(2) {
  border-right: none;
}
.el-table tbody tr.firstStage td{
  padding: 8px 0 4px;
}
.el-table tbody tr.secondStage td{
  padding: 4px 0 8px;
}
.el-table tbody tr.firstStage .el-table-column--selection {
  padding: 6px 0;
}
.el-table tbody tr.firstStage .el-table-column--selection,
.el-table tbody tr.secondStage td {
  border-bottom: 1px solid #8DA296;
}
.el-table--enable-row-hover .el-table__body tr:hover>td {
	background-color: #fff;
}
.el-table--striped .el-table__body tr.el-table__row--striped td {
  background-color: rgba(27, 69, 42, 0.1);
}
.tableStripe tbody:nth-child(even) td {
  background-color: rgba(27, 69, 42, 0.1);
}
.tableStripe tbody:nth-child(even) tr:hover>td {
  background-color: rgba(27, 69, 42, 0.1);
}
/* .tableStripe .el-table__body tr:nth-child(4n+3) td,
.tableStripe .el-table__body tr:nth-child(4n+4) td {
  background-color: rgba(27, 69, 42, 0.1);
}
*/

/*form*/
.el-form-item__label {
  font-size: 12px;
  font-weight: bold;
  color: #1B452A;
}
.el-input__inner {
  border-radius:3px;
  height:30px;
  line-height:30px;
  padding:0 8px;
}
.el-input__icon{
  line-height:30px;
}
.el-form-item {
  margin-bottom: 4px;
}
.el-form-item__label {
  line-height:30px;
}
.el-form-item__content {
  line-height:30px;
}
.main-header .el-form-item__content {
  line-height:28px;
}
.el-form--inline .el-form-item {
  margin-right: 0;
}
.el-input.is-disabled .el-input__inner {
  border-color: #ccc;
}
.sizeLarge .el-form-item__label  {
  font-size: 15px;
}
.sizeLarge .el-input__inner {
  height:40px;
  line-height:40px;
  padding:0 10px;
}
.sizeLarge .el-input__icon{
  line-height:40px;
}
.sizeLarge.el-form-item {
  margin-bottom: 10px;
}
.sizeLarge .el-form-item__label {
  line-height:40px;
}
.sizeLarge .el-form-item__content {
  line-height:40px;
}
/*select*/
.el-icon-arrow-down:before, .el-icon-arrow-up:before {
  color: #222;
}
.el-input--suffix .el-input__inner {
  padding-right:26px;
}
/*checkbox*/
.el-checkbox {
  margin-right: 18px;
}
.el-checkbox__label {
  padding-left: 5px;
}
/*callender*/
.el-date-editor .el-range__icon {
  color:#222;
  line-height:22px;
}
.el-date-editor .el-range__close-icon {
  line-height:22px;
}
.el-date-editor .el-range-separator {
  line-height:22px;
}
.el-range-editor.is-active, .el-range-editor.is-active:hover {
  border-color: #118C82;
}
.el-date-table td.today span {
  color: #118C82;
}
.el-date-table td.end-date span, .el-date-table td.start-date span {
  background-color: #118C82;
}
.el-date-table td.in-range div, .el-date-table td.in-range div:hover, .el-date-table.is-week-mode .el-date-table__row.current div, .el-date-table.is-week-mode .el-date-table__row:hover div {
  background-color:#ECF6F5;
}
.el-date-table td.current:not(.disabled) span {
  background-color: #118C82;
}
.el-input__inner:focus {
  border-color: #118C82;
}
.el-picker-panel .el-date-table td:hover {
  color: #118C82;
}
/*radio button*/
.el-radio-button__orig-radio:checked+.el-radio-button__inner {
  background-color:#125190;
  border:none;
}
.el-radio-button:first-child .el-radio-button__inner {
  border-left: none;
}
.el-radio-button__inner {
  padding: 8px 15px;
  border:none;
  background: #999;
  box-shadow:none;
  width: 68px;
}
.el-radio-button__inner:hover{
  border: none;
  color: #fff;
}
.el-radio-button__orig-radio:checked+.el-radio-button__inner {
  box-shadow:none;
}
/*tabs*/
.el-tabs--card>.el-tabs__header {
  border-color:#cccccc;
}
.el-tabs--card>.el-tabs__header .el-tabs__nav {
  border-color:#cccccc;
}
.el-tabs--card>.el-tabs__header .el-tabs__item {
  border-left-color: #cccccc;
}
.el-tabs__item {
  color: #bbb;
}
.el-tabs__item:hover {
  color: #222;
}
.el-tabs__item.is-active {
  color: #222;
}

/*addDeleteBtn*/
.addDeleteBtn i.el-icon-remove:hover,
.addDeleteBtn i.el-icon-circle-plus:hover {
  color:#222;
}