@import './variables.scss';
h3{
  font-size: 18px;
  font-weight: bold;
  color: #333;
  margin-bottom: 10px;
  margin-top: 0px;
  margin-left: 25px;
}
h2,h5,h6{
  margin: 0;
  padding:0;
}

h2{
  font-size: 18px;
  font-weight: bold;
  color: $blue;
}

h5{
  font-size: 16px;
  font-weight: bold;
  padding-top: 20px;
}

h6{
  font-size: 14px;
  font-weight: bold;
  padding-top: 10px;
}
.samples-text-left {
  text-align: left
}

.samples-text-right {
  text-align: right
}

.samples-float-left {
  float: left
}

.samples-float-right {
  float: right
}

.samples-mb-10{
  margin-bottom: 10px;
}

.samples-info-box{
  padding: 20px;
  background: #fff;
  border-radius: 4px;
  margin-bottom: 10px;
}
.samples-info-box:hover{
  box-shadow: 0 0 8px 0 rgba(232,237,250,.6),0 2px 4px 0 rgba(232,237,250,.5)
}

.samples-mt-15{
  margin-top: 15px;
}
.samples-mb-15{
  margin-bottom: 15px;
}
.samples-ml-15{
  margin-left: 15px;
}
.samples-mr-15{
  margin-right: 15px;
}

.samples-mt-20{
  margin-top: 20px;
}
.samples-mb-20{
  margin-bottom: 20px;
}
.samples-ml-20{
  margin-left: 20px !important;
}
.samples-mr-20{
  margin-right: 20px;
}

.samples-info-list{
  margin-top:15px;
  font-size: 14px;
  color: #333;
}

.samples-info-box .el-table{
  margin-top: -20px;
}

.samples-tab-panes .el-table{
  margin-top: -15px;
}

.el-tooltip__popper{
  max-width: 360px;
}