/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/

/* theme color */
$--color-primary: #59A3A4;
$--color-success: #13ce66;
$--color-warning: #ffba00;
$--color-danger: #ff4949;
// $--color-info: #1E1E1E;

$--button-font-weight: 400;

// $--color-text-regular: #1f2d3d;

// $--border-color-light: #dfe4ed;
$--border-color-light: #D0E0DB;
$--border-color-lighter:#D0E0DB;

$--table-border: 1px solid #D0E0DB;

/* icon font path, required */
$--font-path: '~element-ui/lib/theme-chalk/fonts';

@import "~element-ui/packages/theme-chalk/src/index";

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  theme: $--color-primary;
}
.PageHeader{
  width:53vw;
  height:55px;
  margin-left:13vw;
  margin-top:50px;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: -10px 5px 10px 5px #eaeaea
}
.PageContent{
  width:53vw;
  margin-left:13vw;
  margin-top:20px;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: -10px 5px 10px 5px #eaeaea;
}
.UserInfo{
  width:20vw;
  margin-left:20px;
  margin-top:50px;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: -10px 5px 10px 5px #eaeaea;
}
.RightContent{
  width:15vw;
  height:fit-content;
  margin-top:50px;
  margin-left:20px;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: -10px 5px 10px 5px #eaeaea;
}
.ReferralProgram{
  width:20vw;
  margin-top:10px;
  margin-left:20px;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: -10px 5px 10px 5px #eaeaea;
}
//回到顶部按钮CSS
.backbutton{
  position:fixed;
  left:70vw;
  top:90vh;
  width:60px;
  height:60px;
  border-radius:10px;
  border:2px solid #dadada;
  background-color: #e8e8e8;
  box-shadow: -5px 5px 5px 5px #eaeaea;
}
.backbutton :hover{
  color: #789be5!important;
}
.el-avatar{
  background-color: transparent;
}