// base color
$blue:#324157;
$light-blue:#3A71A8;
$red:#C03639;
$pink: #E65D6E;
$green: #30B08F;
$tiffany: #4AB7BD;
$yellow:#FEC171;
$panGreen: #30B08F;

// sidebar
$menuText:#bfcbd9;
$menuActiveText:#409EFF;
$subMenuActiveText:#f4f4f5; // https://github.com/ElemeFE/element/issues/12951

$menuBg:#304156;
$menuHover:#263445;

$subMenuBg:#1f2d3d;
$subMenuHover:#001528;

$sideBarWidth: 210px;

$rpm-theme-color: #409EFF;

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  menuText: $menuText;
  menuActiveText: $menuActiveText;
  subMenuActiveText: $subMenuActiveText;
  menuBg: $menuBg;
  menuHover: $menuHover;
  subMenuBg: $subMenuBg;
  subMenuHover: $subMenuHover;
  sideBarWidth: $sideBarWidth;
  rpmThemeColor: $rpm-theme-color;
}

.cprimary {
  color: $rpm-theme-color; }

.cinfo {
  color: #909399; }
 
.cdanger {
  color: #f56c6c; }

.cwarning {
  color: #ff9900; }

.c31 {
  color: #f5f7fa; }

.bgcprimary {
  background-color: $rpm-theme-color; }

.bdcprimary {
  border: 1px solid $rpm-theme-color; }

.csuccess {
  color: #67c23a; }

.bgcsuccess {
  background-color: #67c23a; }

.bdcsuccess {
  border: 1px solid #67c23a; }

.bgcwarning {
  background-color: #e6a23c; }

.bdcwarning {
  border: 1px solid #e6a23c; }

.bgcdanger {
  background-color: #f56c6c; }

.bdcdanger {
  border: 1px solid #f56c6c; }

.bgcinfo {
  background-color: #909399; }

.bdcinfo {
  border: 1px solid #909399; }

.bgc31 {
  background-color: #f5f7fa; }

.bdc31 {
  border: 1px solid #f5f7fa; }

.c41 {
  color: #101010; }

.bgc41 {
  background-color: #101010; }

.bdc41 {
  border: 1px solid #101010; }

.fs12 {
  font-size: 12px; }

.fs14 {
  font-size: 14px; }

.fs16 {
  font-size: 16px; }

.fs18 {
  font-size: 18px; }

.fs20 {
  font-size: 20px; }

.fs22 {
  font-size: 22px; }

.fs24 {
  font-size: 24px; }

.u-fwb {
  font-weight: bold; }

.u-tac {
  text-align: center; }

.u-tal {
  text-align: left; }

.u-tar {
  text-align: right; }

.u-cf::before, .u-cf::after {
  content: "";
  display: table; }

.u-cf::after {
  clear: both; }

.u-lt {
  text-decoration: line-through; }

.u-to1 {
  overflow: hidden;
  word-break: break-all;
  /* stylelint-disable-line */
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; }

.u-to2 {
  overflow: hidden;
  word-break: break-all;
  /* stylelint-disable-line */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.u-to3 {
  overflow: hidden;
  word-break: break-all;
  /* stylelint-disable-line */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; }

.u-to4 {
  overflow: hidden;
  word-break: break-all;
  /* stylelint-disable-line */
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical; }

.u-to5 {
  overflow: hidden;
  word-break: break-all;
  /* stylelint-disable-line */
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical; }

.u-to6 {
  overflow: hidden;
  word-break: break-all;
  /* stylelint-disable-line */
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical; }

.u-to7 {
  overflow: hidden;
  word-break: break-all;
  /* stylelint-disable-line */
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical; }

.u-to8 {
  overflow: hidden;
  word-break: break-all;
  /* stylelint-disable-line */
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical; }

.u-to9 {
  overflow: hidden;
  word-break: break-all;
  /* stylelint-disable-line */
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical; }

.u-to10 {
  overflow: hidden;
  word-break: break-all;
  /* stylelint-disable-line */
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical; }

.u-to11 {
  overflow: hidden;
  word-break: break-all;
  /* stylelint-disable-line */
  display: -webkit-box;
  -webkit-line-clamp: 11;
  -webkit-box-orient: vertical; }

.u-to12 {
  overflow: hidden;
  word-break: break-all;
  /* stylelint-disable-line */
  display: -webkit-box;
  -webkit-line-clamp: 12;
  -webkit-box-orient: vertical; }

.u-to13 {
  overflow: hidden;
  word-break: break-all;
  /* stylelint-disable-line */
  display: -webkit-box;
  -webkit-line-clamp: 13;
  -webkit-box-orient: vertical; }

.u-to14 {
  overflow: hidden;
  word-break: break-all;
  /* stylelint-disable-line */
  display: -webkit-box;
  -webkit-line-clamp: 14;
  -webkit-box-orient: vertical; }

.u-to15 {
  overflow: hidden;
  word-break: break-all;
  /* stylelint-disable-line */
  display: -webkit-box;
  -webkit-line-clamp: 15;
  -webkit-box-orient: vertical; }

.u-to16 {
  overflow: hidden;
  word-break: break-all;
  /* stylelint-disable-line */
  display: -webkit-box;
  -webkit-line-clamp: 16;
  -webkit-box-orient: vertical; }

.u-to17 {
  overflow: hidden;
  word-break: break-all;
  /* stylelint-disable-line */
  display: -webkit-box;
  -webkit-line-clamp: 17;
  -webkit-box-orient: vertical; }

.u-to18 {
  overflow: hidden;
  word-break: break-all;
  /* stylelint-disable-line */
  display: -webkit-box;
  -webkit-line-clamp: 18;
  -webkit-box-orient: vertical; }

.u-to19 {
  overflow: hidden;
  word-break: break-all;
  /* stylelint-disable-line */
  display: -webkit-box;
  -webkit-line-clamp: 19;
  -webkit-box-orient: vertical; }

.u-to20 {
  overflow: hidden;
  word-break: break-all;
  /* stylelint-disable-line */
  display: -webkit-box;
  -webkit-line-clamp: 20;
  -webkit-box-orient: vertical; }

.u-mt10 {
  margin-top: 10px; }

.u-mb10 {
  margin-bottom: 10px; }

.u-mt16 {
  margin-top: 16px; }
  
.u-mb16 {
  margin-bottom: 16px; }
  
.u-mt20 {
  margin-top: 20px; }

.u-mb20 {
  margin-bottom: 20px; }

.u-mt30 {
  margin-top: 30px; }

.u-mb30 {
  margin-bottom: 30px; }

.u-pt10 {
  padding-top: 10px; }

.u-pb10 {
  padding-bottom: 10px; }

.u-pt20 {
  padding-top: 20px; }

.u-pb20 {
  padding-bottom: 20px; }

.u-pt30 {
  padding-top: 30px; }

.u-pb30 {
  padding-bottom: 30px; }

.u-pr {
  position: relative; }

.c-button--full {
  display: block;
  width: 100%; }

.c-card--pb0 .el-card__body {
  padding-bottom: 0; }

.c-card__title {
  line-height: 100%;
  padding-bottom: 14px;
  font-weight: bold;
  font-size: 16px; }

.c-card__body {
  word-break: break-all;
  font-size: 14px; }

.c-date-picker--full {
  width: 100%; }

.c-definition__title {
  padding-bottom: 8px;
  line-height: 100%; }

.c-definition__body {
  padding-bottom: 20px;
  line-height: 120%;
  word-break: break-all; }

.c-form {
  margin-left: auto;
  margin-right: auto;
  width: 1130px; }
.c-form__full {
  width: 100% !important; }
.c-form__title {
  padding-bottom: 16px;
  line-height: 100%; }
.c-form--checkbox2 .el-checkbox {
  margin-top: 4px;
  margin-bottom: 4px;
  box-sizing: border-box;
  width: 40%; }

.c-select--full {
  width: 100%; }
.c-select--full .el-input {
  width: 100% !important; }

.el-date-editor {
  width: 100% !important; }

.el-form--label-top .el-form-item__label {
  padding: 0 !important; }

.el-carousel__item h3 {
  color: #475669;
  font-size: 14px;
  opacity: 0.75;
  line-height: 150px;
  margin: 0; }

.el-carousel__item:nth-child(2n) {
  background-color: #99a9bf; }

.el-carousel__item:nth-child(2n + 1) {
  background-color: #d3dce6; }

.el-table thead {
  color: #101010 !important; }

.el-carousel__item h3 {
  color: #475669;
  font-size: 14px;
  opacity: 0.75;
  line-height: 150px;
  margin: 0; }

.el-carousel__item:nth-child(2n) {
  background-color: #99a9bf; }

.el-carousel__item:nth-child(2n + 1) {
  background-color: #d3dce6; }

textarea {
  overflow: hidden; }


