/* 预览界面主题 */
.cards > .main{
  height: calc(100% - 48px);
}
.page-middle > .page-design{
  height: calc(100% - 20px);
}
#rt-header{width:100%;height:48px;line-height:48px;background:#353a3d;}
#rt-header .header-content{width: auto;height: 48px;padding: 0 20px;-webkit-box-sizing: border-box;box-sizing: border-box;
  position: relative;}
#rt-header .header-content .logo-left {width: 88px;cursor: pointer;float: left;}
#rt-header .header-content .logo-left .logo-img{width:100%;height:100%;font-size: 24px;font-weight: bold;color: #fff;
}
@media screen and (max-width: 768px) {
  .cards > .main{
    height: calc(100% - 55px) !important;
  }
}

@media (min-width: 1024px) and (max-width: 1200px) {
  #rt-header .header-content .menu-middle {
    margin: 0 0 0 12%;
  }
}
@media (min-width: 640px) and (max-width: 1024px) {
  #rt-header .header-content .menu-middle {
    margin: 0 0 0 6%;
  }
}
@media (min-width: 768px) and (max-width: 868px) {
  #rt-header .header-content .menu-middle {
    margin: 0 0 0 3% !important;
  }
}
@media screen and (max-width: 888px) {
  #rt-header .header-content .user {
    display: none;
  }
}
 @media (min-width:1024px) and (max-width:1920px){
  .template-right .grid-layout-container-box{
    background: none !important;
  }
 }
/* page content */
#page-content{background: #ecedf0;}

/* container */
.highlight-border{
  border: 1px dashed #ff8833 !important;
  z-index: 222;
}
.hover-border-solidline{
  border: 1px solid #ff8833 !important;
}
#page-content .mul-design-container .grid-layout-container-box{
  border: 1px dashed #dedede;
  position: relative;
  background-color:#f6f7f9;
  min-height: 40px;
}
#page-content .hover-grid-layout-box{
  border: 1px dashed #ff8833 !important;
}
#page-content .grid-layout-title{
  background:#ff8833;
  color: #ffffff;
}
#page-content .col-default-padding{
  border-left: 5px solid #ecedf0;
}
#page-content .col-default-padding:first-child {
  border-right: 0;
  border-left: 0;
}

/* card*/
#page-content .simple-grid-layout-item{
  border: 1px solid transparent;
  /* background-color: #fff; */
}
#page-content .mul-design-container .simple-grid-layout-item:hover{
  border: 1px dashed #ff8833 !important;
}
#page-content .simple-grid-item-header{
  color: #ffffff;
  background-color: #ff8833;
}
#page-content  .simple-grid-item-header .icon-remove{
  color: #fff;
}
.vue-grid-item > .vue-resizable-handle{
color: #b2b2b2;
}
#page-content > div > .grid-layout-container-box > .vue-grid-layout > .simple-grid-layout-item > div{
  width: 100%;
  height: 100%;
}
#page-content > div > .grid-layout-container-box > .vue-grid-layout > .simple-grid-layout-item > div > div{
  width: 100%;
  height: 100%;
}
#page-content > div > .grid-layout-container-box > .vue-grid-layout > .simple-grid-layout-item > div > div .container-box .content{
  height: auto;
  line-height: initial;
}

#page-content .remote-card{
  background: #fff;
}

/* Template */
.local-blank-card .full-height .table-cell{
  background: #fff;
}
.emall {
  color: #000000;
}
.emall .hae-icon.icon-calendar,
.emall .hae-icon.icon-chevron-down,
.emall .hae-icon.icon-del,
.emall .hae-icon.icon-download,
.emall .icon-express-search,
.emall .icon-search {
  color:#000000 !important;
}
.emall .hae-icon.icon-checked,
.emall .hae-checkbox .hae-icon.icon-checked,
.emall .hae-radio .hae-icon.icon-checked,
.emall-dialog-box .hae-checkbox .hae-icon.icon-checked {
  color: #C6020D !important;
}
.emall .amount-trigger {
  display: none !important;
}
.emall .hae-btn {
  color: #000000;
  border-radius:4px;
}
.emall .hae-btn:hover{
  border-color: #C6020D !important;
  color: #C6020D !important;
}
.emall .hae-btn[hue=primary],
.emall-dialog-box .hae-btn[hue=primary]{
  color: #fff !important;
  background-color: #C6020D !important;
  border-color: #C6020D !important;
} 
.emall .hae-btn[hue=primary]:hover{
  border-color: #C6020D !important;
  background-color: #C6020D !important;
  color: #fff !important;
}
.emall .hae-btn[plain="true"] {
  border-color: #C6020D !important;
  color: #C6020D !important;
}
.emall .hae-btn[disabled="disabled"]:hover {
  cursor: not-allowed !important;
  border-color: #f5f5f5 !important;
  color: #bfbfbf !important;
  background: #f5f5f5 !important;
}
.emall .emall-btn {
  text-align: right;
}
#emall_confirm_id {
  /* top: 40% !important; */
  
}
#emall_confirm_id .hae-btn.btn-primary {
  border-color: #C6020D;
  background-color: #C6020D;
  color: #fff;
}
#emall_confirm_id #confirm_cancel .hae-btn {
  color: #000000;
}

#emall_confirm_id #confirm_cancel .hae-btn:hover{
  border-color: #C6020D;
  color: #C6020D;
}
#emall_confirm_id .icon-help {
  color: #ff8833;
}
#emall_confirm_id .dialog-head-alert-confirm {
  border: none;
  padding: 15px;
}
#emall_confirm_id .dialog-title {
  font-weight: 800; 
  font-size: 16px;
}
#emall_confirm_id .dialog-body {
  font-size: 15px;
  padding: 15px;
}
#emall_confirm_id .hae-toolbar {
  text-align: right;
  padding-right: 15px;
}
#emall-topbox-id {
  top: 30vh !important;
  width: fit-content !important;
  max-width: 600px;
}
.emall .point-font {
  color: #C6020D;
}
.emall .icon-exclamation {
  color: #EFB918;
  font-size: 15px;
  margin-right: 2px;
}
.emall .hae-dialog-box , .emall-dialog-box {
  padding: 10px;
}
.emall .emall-agreement-preview {
  padding: 0 !important;
}
.emall .hae-dialog-box .hae-dialog__body, 
.emall-dialog-box .hae-dialog__body {
  padding: 5px 24px !important;
}
.emall .hae-dialog-box .hae-dialog__footer, 
.emall-dialog-box .hae-dialog__footer {
  text-align: right;
  padding: 10px 24px;
}
.emall .emall-dialog-title, 
.emall-dialog-box .emall-dialog-title {
  font-weight: 800;
  font-size: 16px;
  height: 35px;
  color: #000;
}
.emall .hae-dialog__header,
.emall-dialog-box .hae-dialog__header {
  border: 0 !important;
}
.emall .form-item-label {
  color: #666;
}
.emall .icon-successful {
  color: #2DA769;
  font-size: 22px;
  margin-right: 10px;
}
.emall .sales-title {
  border-left:#C7000B 3px solid;
  padding: 0px 8px;
  font-weight: 700;
  font-size: 15px;
  margin: 10px 0 15px;
  color: #000000;
}
.emall .hae-btn[disabled="disabled"] {
  border: 1px solid #d9d9d9 !important;
  color: #999 !important;
  background: #f5f5f5 !important;
}
.emall .grid-body-content tr.grid-row:hover {
  background-color:#FEFAF9 !important;
}
.emall .grid-tbody tbody tr:nth-child(odd), 
.emall .grid-tfoot tbody tr:nth-child(odd), 
.emall .grid-thead tbody tr:nth-child(odd),
.emall .grid-thead tbody tr, 
.emall .grid-tbody tbody tr {
  background-color: transparent!important;
}
.emall .grid-tbody .grid-row.row-actived, 
.emall .grid-tbody .grid-row.row-actived.row-updated {
  background-color: transparent!important;
}

.emall-dev-tippoper {
  font-size: 12px;
  background: #fff;
  line-height: 20px !important;
}
.review-tippoper {
  font-size: 12px !important;
  line-height: 22px !important;
  font-weight: 400 !important;
}