*{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

html,body{
  width: 100%;
  min-height: 100%;
  height: auto;
  background: #F0EFEF;
  color: #3c3f48;
}

/*******button********/
body input[type="file"] {
  display: none;
}

body .file-btn {
  line-height: 25px;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
}

body .file-btn div,
body .file-btn label {
  cursor: pointer;
  text-align: center;
}

body .file-btn i {
  font-size: 14px;
  font-weight: bold;
}

body .common-btn,
body .file-btn {
  border-radius: 4px;
  border: none;
  color: #fff;
  padding: 6px 8px;
  font-size: 14px;
  font-weight: bold;
  height: 35px;
  line-height: 23px;
  min-width: 100px;
  background-color: #1ABC9C;
}

body .popup-window-medium-product .common-btn,
body .popup-window-medium-product .file-btn {
  border-radius: 0 !important;
}

body .common-img-btn {
  display: inline-block !important;
  padding: 2px 4px !important;
  border-radius: 4px;
  border: none;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  height: 35px;
  line-height: 23px;
  min-width: 100px;
  background-color: #e89544;
}

body .common-print{
  border-radius: 4px;
  border: none;
  color: #fff;
  padding: 6px 8px;
  font-size: 14px;
  font-weight:lighter;
  height: 35px;
  min-width: 100px;
  color: #1ABC9C;
  margin-bottom: 5px;
  margin-top: 5px;
}

body .file-btn:focus,
body .file-btn:active,
body .file-btn:hover,
body .file-btn:active:focus,
body .common-btn:focus,
body .common-btn:active,
body .common-btn:hover,
body .common-btn:active:focus {
  outline: none;
  border: none;
  color: #fff;
  background-color: #117f69;
}
body .common-img-btn:focus,
body .common-img-btn:active,
body .common-img-btn:hover,
body .common-img-btn:active:focus {
  outline: none;
  border: none;
  color: #fff;
  background-color: #c48140;
}

body .common-btn2 {
  border-radius: 4px;
  border: none;
  color: #fff;
  padding: 6px 8px;
  font-size: 14px;
  font-weight: bold;
  height: 35px;
  min-width: 100px;
  background-color: #FEBC48;
}

body .common-btn2:focus,
body .common-btn2:active,
body .common-btn2:hover,
body .common-btn2:active:focus {
  outline: none;
  border: none;
  color: #fff;
  background-color: #cc9639;
}

body .common-btn3 {
  border-radius: 4px;
  border: none;
  color: #fff;
  padding: 6px 8px;
  font-size: 14px;
  font-weight: bold;
  height: 35px;
  min-width: 100px;
  background-color: #6fb5ff;
}

body .common-btn3:focus,
body .common-btn3:active,
body .common-btn3:hover,
body .common-btn3:active:focus {
  outline: none;
  border: none;
  color: #fff;
  background-color: #5287bf;
}

body .warning-btn {
  border-radius: 4px;
  border: none;
  color: #fff;
  padding: 6px 8px;
  font-size: 14px;
  font-weight: bold;
  height: 35px;
  min-width: 100px;
  background-color: #ff3300;
}

body .warning-btn:focus,
body .warning-btn:active,
body .warning-btn:hover,
body .warning-btn:active:focus {
  outline: none;
  border: none;
  color: #fff;
  background-color: #D5370F;
}

body .file-btn[disabled],
body .common-btn[disabled],
body .common-btn2[disabled],
body .common-btn3[disabled],
body .warning-btn[disabled],
body .file-btn[disabled]:hover,
body .common-btn[disabled]:hover,
body .common-btn2[disabled]:hover,
body .common-btn3[disabled]:hover,
body .warning-btn[disabled]:hover {
  background-color: #b8c1c1;
  border: none;
  color: #ffffff;
  cursor: not-allowed;
}

/*******link********/
body a,
body .common-link,
body .group-spec-link {
  font-size: 14px;
  text-decoration: none;
  color: #1ABC9C;
  background: transparent;
  cursor: pointer;
}

body a:hover,
body a:active,
body a:focus,
body .common-link:hover,
body .common-link:active,
body .common-link:focus,
body .group-spec-link:hover,
body .group-spec-link:active,
body .group-spec-link:focus {
  color: #117f69;
}

body a[disabled],
body .common-link[disabled] {
  color: #BBC1C1;
  cursor: not-allowed;
}

/*******checkbox********/
body .ivu-checkbox {
  height: 22px;
  vertical-align: top;
}

body .el-checkbox .el-checkbox__inner,
body .ivu-checkbox .ivu-checkbox-inner {
  border-radius: 2px;
  width: 22px;
  height: 22px;
  background-color: #fff;
  border-color: #d9dede;
}

body .el-checkbox .el-checkbox__inner::after {
  height: 13px;
  left: 6px;
  width: 6px;
}

body .ivu-checkbox .ivu-checkbox-inner::after {
  height: 13px;
  left: 7px;
  width: 6px;
}

body .el-checkbox .is-checked .el-checkbox__inner,
body .ivu-checkbox-checked .ivu-checkbox-inner {
  background-color: #1ABC9C;
  border-color: #1ABC9C;
}

body .el-checkbox .el-checkbox__inner:hover,
body .el-checkbox .el-checkbox__inner:focus,
body .el-checkbox .el-checkbox__input.is-focus .el-checkbox__inner,
body .ivu-checkbox .ivu-checkbox-inner:hover,
body .ivu-checkbox .ivu-checkbox-inner:focus,
body .ivu-checkbox:hover .ivu-checkbox-inner,
body .ivu-checkbox input:focus  {
  outline: none;
  border-color: #1ABC9C;
}

body .el-checkbox .el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color: #eae9e9;
  border-color: #d9dede;
}

body .el-checkbox .el-checkbox__input.is-disabled .el-checkbox__inner::after {
  border-color: #3a3d48;
}

body .el-checkbox .el-checkbox__input.is-disabled+.el-checkbox__label {
  color: #3a3d48;
}

body .el-checkbox .el-checkbox__label,
body .ivu-checkbox-wrapper {
  font-weight: normal;
  font-size: 13px;
  height: 23px;
  color: #3A3D48;
  vertical-align: top;
}

body .ivu-checkbox+span, .ivu-checkbox-wrapper+span {
  vertical-align: top;
  line-height: 22px;
}

body .el-checkbox-group .el-checkbox-button .el-checkbox-button__inner{
  border-left: 1px solid #bfcbd9;
  margin: 2px;
  min-width: 160px;
  border-radius: 0;
  box-shadow: none;
}

body .el-checkbox-group .el-checkbox-button .el-checkbox-button__inner:hover {
  color: #1ABC9C;
}


body .el-checkbox-group .el-checkbox-button.is-checked .el-checkbox-button__inner {
  background-color: #1ABC9C;
  border-color: #1ABC9C;
}

body .el-checkbox-group .el-checkbox-button.is-checked .el-checkbox-button__inner:hover {
  color: #ffffff;
}
/*******radio********/
body .el-radio {
  height: 22px;
}

body .el-radio .el-radio__inner {
  width: 22px;
  height: 22px;
  border-color: #d9dede;
}

body .el-radio .el-radio__inner::after {
  height: 12px;
  left: 10px;
  width: 12px;
}

body .el-radio .el-radio__inner:hover,
body .el-radio .el-radio__inner:focus {
  border-color: #1ABC9C;
}

body .el-radio .is-checked .el-radio__inner {
  background-color: #1ABC9C;
  border-color: #1ABC9C;
}

body .el-radio .is-disabled .el-radio__inner {
  background-color: #eae9e9;
  border-color: #d9dede;
}

body .el-radio .el-radio__label {
    color: #3A3D48;
    font-weight: normal;
    font-size: 13px;
}
body .el-radio-group .el-radio-button .el-radio-button__inner:hover {
  color: #1ABC9C;
}


body .el-radio-group .el-radio-button.is-checked .el-radio-button__inner {
  background-color: #1ABC9C;
  border-color: #1ABC9C;
}

body .el-radio-group .el-radio-button.is-checked .el-radio-button__inner:hover {
  color: #ffffff;
}

/*******input, selection********/
body .el-input .el-input__inner {
  border-radius: 0;
  outline: none;
  box-shadow: none;
  height: 30px;
  border: 1px solid #cccccc;
}
body .popup-window-user-profile .el-input .el-input__inner {
  border-radius: 4px !important;
}
body .popup-window-change-pwd .el-input .el-input__inner {
  border-radius: 4px !important;
}
body .popup-window-regular .popup-form {
  width: 800px !important;
  height: calc(60vh - 40px) !important;
}
body .button-wrap .el-input .el-input__inner {
  text-align: center;
}
body .searchbarInput .el-input .el-input__inner {
  border-radius: 0;
  outline: none;
  box-shadow: none;
  border: 0;
  border-bottom: 1px solid;
}
body .popup-form-body-product .searchbarInput .el-input .el-input__inner {
  background-color: white;
  border-radius: 0;
  outline: none;
  box-shadow: none;
  border: 0;
  border-bottom: 1px solid;
}

body .el-input .el-input-group__prepend {
    border-color: #cccccc;
    border-radius: 0px;
    color: #7f828e;
}

body .el-input .el-input__inner:focus,
body .el-input .el-input__inner:hover,
body .el-select .el-input .el-input__inner:focus,
body .el-select .el-input .el-input__inner:hover,
body .el-select:hover .el-input .el-input__inner {
  border-color: #1ABC9C;
}

body .el-input.is-disabled .el-input__inner,
body .el-input.is-disabled .el-input__inner:focus,
body .el-input.is-disabled .el-input__inner:hover,
body .el-select:hover .el-input.is-disabled .el-input__inner {
  border: 1px solid #cccccc;
  background-color: #eae9e9;
  color: #3a3d48;
}

body .el-input i.el-input__icon,
body .el-select .el-input i.el-input__icon {
  color: #7f828e;
}

body .el-select .el-input i.el-input__icon:before {
  content: "\E603";
}
body .el-icon-circle-close:before {
  content: "\E60A" !important;
}
body .el-select-dropdown__list .el-select-dropdown__item.selected,
body .el-select-dropdown__list .el-select-dropdown__item.selected.hover {
  background-color: #1ABC9C;
}

body .el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
  color: #1ABC9C;
}

body .el-select .el-tag {
  background-color: #1abc9c30;
  border: none;
  color: #1ABC9C;
  height: 18px;
  line-height: 18px;
}

body .el-select .el-tag .el-icon-close {
  color: #aaa;
  top: 0px;
}

body div.v-selectpage div.sp-input-container div.sp-inputs span.sp-selected-tag  {
  background-color: #1abc9c30;
  border: none;
  color: #1ABC9C;
}

body div.v-selectpage div.sp-input-container div.sp-inputs span.sp-selected-tag:hover {
  background-color: #1abc9c30;
  box-shadow: none;
}

body div.v-selectpage div.sp-input-container div.sp-inputs span.sp-selected-tag i:hover,
body .el-select .el-tag .el-icon-close:hover {
  color: #1ABC9C;
  background-color: #1abc9c30;
}

body .el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),
body .el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled) {
    border-color: #1ABC9C;
}

body .el-input-number__decrease:hover,
body .el-input-number__increase:hover {
    color: #1ABC9C;
}

body .v-selectpage {
    padding: 0px;
    border: 0px;
    height: auto;
}
body div.v-selectpage div.sp-input-container div.sp-inputs {
  border-radius: 0;
  clear: right;
  border: 1px solid #cccccc;
}
body div.v-selectpage div.sp-input-container div.sp-button span.sp-caret{
  color: #7f828e;
  border-top: 6px dashed;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}

/*******textarea********/
body .el-textarea textarea,
body textarea {
  border-radius: 0;
  border-color: #cccccc
}

body .el-textarea .el-textarea__inner:focus,
body .el-textarea .el-textarea__inner:hover,
body textarea:focus {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(26, 188, 156, .6) !important;
}
body textarea:focus,
body textarea:hover {
  border-color: #1ABC9C !important;
  outline: none;
}

/*******popup********/
body .popup-window {
  width:100%;
  height:100%;
  background-color: rgba(0,0,0, 0.4);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 1001;
}
body .popup-window::after{
  content: "";
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}
body .popup-window .popup-header {
  margin: 0;
  padding: 10px 0 10px 10px;
  color: #333333;
}
body .popup-window .popup-header h3 {
  font-size: 22px;
  position: relative;
  line-height: 30px;
  height: 30px;
}
body .popup-window .popup-form {
  text-align: left;
  display: inline-block;
  margin: 0 auto;
  top: initial !important;
  vertical-align: middle;
  background-color: #fff;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-shadow: 0 11px 15px -7px rgba(0,0,0,.2), 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12);
}
body .popup-header .fa-times {
  position: absolute;
  right: 10px;
  top: calc(50% - 11px);
  display: inline-block;
  width: 22px;
  height: 22px;
  text-indent: 0px;
  font-size: 15px;
  cursor: pointer;
  background: #FF3300;
  color: white;
  padding: 3px 5px;
  border-radius: 100%;
}
body .popup-window .popup-header .fa-times:hover,
body .popup-window .popup-header .fa-times:focus {
  background: #D5370F;
}
body .popup-window .popup-form-body {
  height: calc(100% - 105px);
  overflow-y: auto;
  padding: 20px 0 10px 0;
}
body .popup-window .popup-form-body-product .popup-form-body {
  height: calc(100% - 105px);
  overflow-y: auto;
  padding: 0 !important;
}
body .popup-window .popup-form-body .el-form-item {
    margin-bottom: 20px;
}
body .popup-window .popup-form-body .form-horizontal .form-group {
  margin: 0;
}
body .popup-window .popup-button-bar {
    width: 100%;
    padding: 10px 10px;
    height: 55px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
body .popup-window .popup-button-bar button + button {
  margin-left: 15px;
}
body .popup-window-large .popup-form {
  width: calc(100vw - 40px) !important;
  height: calc(100vh - 40px) !important;
}
body .popup-window-large .popup-form-body-product {
  width: calc(100vw - 25%) !important;
  height: calc(100vh - 8%) !important;
}
body .popup-window-medium .popup-form {
  width: 1240px !important;
  height: calc(80vh - 40px) !important
}
body .popup-window-change-pwd .popup-form {
  width: 600px !important;
  height: 50vh !important;
  .popup-header h3 {
    font-size: 14px;
  }
  .popup-form-body {
    padding: 10px;
  }
}
body .popup-window-change-pwd,
body .popup-window-user-profile{
  .el-form-item .el-form-item__label,
  .el-form-item .el-form-item__content,
  .el-table .el-input,
  .el-table td .cell {
    font-size: 12px;
  }
}
body .popup-window-medium-product .popup-form {
  width: 70% !important;
  height: 85% !important
}
body .popup-window-small .popup-form {
  width: 600px !important;
  height:60vh !important
}
body .popup-window-mini .popup-form {
  width: 500px !important;
  height:240px !important
}
body .popup-window-rectangle .popup-form {
  width: 60% !important;
  height: 90% !important;
}
body .popup-window-smallRectangle .popup-form {
  width: 600px !important;
  height:50vh !important
}
body .popup-window-smallManagementRectangle .popup-form {
  width: 600px !important;
}
body .popup-window.autoHeight .popup-form {
  height: auto !important;
}
/*******pager*******/
body .el-pagination {
  text-align:center;
  padding: 10px 0
}

body .el-pagination .el-pager .number.active {
  border-color: #1ABC9C;
  background-color: #1ABC9C;
}

body .el-pagination .el-pager li:hover,
body .el-pagination button:hover {
  color: #1ABC9C;
}
body .el-pagination .el-pager .number.active:focus,
body .el-pagination .el-pager .number.active:hover {
  color:#fff;
}

body .el-row {
  padding: 2px 0;
}
/******** el-dialog********/
.el-dialog {
  top:5vh!important;
  max-height: calc(100vh - 40px)!important;
  max-width: calc(100vw - 40px)!important;
}
.el-dialog .el-dialog__body{
  max-height:calc(100vh - 104px);
  overflow:auto;
}