@charset "UTF-8";

/*****************************************************字体******************************************************/
.font-light{font-family: "Microsoft YaHei UI Light", "Microsoft YaHei" ,"Helvetica Neue", Helvetica, Arial, sans-serif;}
.font-regular{font-family: "Microsoft YaHei" , "Helvetica Neue", Helvetica, Arial, sans-serif;}
.font-medium{font-family: "Microsoft YaHei" , "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 600}

.fs12{font-size: 12px !important}
.fs13{font-size: 13px !important}
.fs14{font-size: 14px !important; letter-spacing: 3px;}
.fs16{font-size: 16px !important; letter-spacing: 2.6px;}
.fs18{font-size: 18px !important; letter-spacing: 3px;}
.fs20{font-size: 20px !important; letter-spacing: 2.82px;}
.fs22{font-size: 22px !important}
.fs24{font-size: 24px !important}
.fs26{font-size: 26px !important}
.fs28{font-size: 28px !important; letter-spacing: 3.94px;}
.fs30{font-size: 30px !important}
.fs40{font-size: 40px !important; letter-spacing: 3.47px;}
.fs42{font-size: 42px !important; letter-spacing: 3.47px;}
.fs44{font-size: 44px !important; letter-spacing: 3.47px;}
.fs46{font-size: 46px !important; letter-spacing: 3.47px;}
.fs48{font-size: 48px !important; letter-spacing: 5px;}
.fs50{font-size: 50px !important}
.fs52{font-size: 52px !important; letter-spacing: 4.51px;}
.fs56{font-size: 56px !important}
.fs60{font-size: 60px !important}
.fs70{font-size: 70px !important}

.text-shadow1{text-shadow: 0 0 10px rgba(0,0,0,0.50);}

.spacing-1{letter-spacing: 1px}
.spacing-2{letter-spacing: 2px}
.spacing-3{letter-spacing: 3px}
.spacing-4{letter-spacing: 4px}

/*******************************************************工具样式*******************************************************/
.bb-1px-eee{border-bottom: solid 1px #eee !important;}
.bt-1px-eee{border-top: solid 1px #eee !important;}

.min-h-100-p{min-height: 100%;}

.main-color{color: #1890FF !important;}
.main-color2{color: #3D5A98 !important;;}

/*ngx-table文本居中*/
.ngx-datatable.material .datatable-header .datatable-header-cell{
  justify-content: center;
}
.ngx-datatable.material .datatable-body .datatable-row-wrapper .datatable-body-cell{
  justify-content: center;
}
.ngx-datatable.material.align-center .datatable-body .datatable-summary-row .datatable-body-row .datatable-body-cell{
  justify-content: center;
  text-align: center;
}

/*开关按钮*/
body.theme-default .mat-button-toggle-checked{
  background-color: #039be5 !important;
}
body.theme-default .mat-button-toggle-checked.mat-button-toggle-appearance-standard{
  color: white!important;
}

/*字体覆盖*/
.mat-checkout, .mat-form-field{
  font-size: 15px;
}

/*预览大图*/
.preImg{
  position: fixed;
  right: 0;
  bottom: 0;
  max-width: 900px;
  padding: 6px;
  background-color: white;
  border-radius: 4px;
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  z-index: 1001;
}
.preImg img{
  width: auto;
  max-width: 100%;
  max-heigth: 100%;
}

/***************** 按钮 ********************/
.btn{
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn-block{
  display: block;
  width: 100%;
}

/* 按钮主色 */
.btn-main{
  color: white;
  background-color: #63AAFA;
  border-color: #63AAFA;
}

/*错误提示*/
.errorTip{
  padding-left: 12px;
  color: red;
  position: absolute;
  bottom: -24px;
  left: 0;
}

/*布局*/
.fl{float: left}
.fr{float: right}
.cf{overflow: hidden}
.outHidden{
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.outMoreHidden{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
}

/*公共结构布局样式*/
body.theme-default a.ant-btn-primary{
  color: white;
}
.ant-btn-primary [nz-icon]{
  color: inherit;
}