@import './variables.scss';

.el-radio__inner {
  display: none !important;
}

.el-radio__input {
  font-family: "font_family" !important;
  font-size: 14px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}

.el-radio__label {
  vertical-align: bottom;
}

.samples-radio-before .el-radio__input::before {
  content: "\e706";
  color: $yellow;
}

.samples-radio-before .el-radio__input.is-checked+.el-radio__label {
  color: #333 !important;
}

.samples-radio-before .el-radio__input:hover::before {
  content: "\e726";
  color: $yellow;
}

.samples-radio-before .el-radio__input:active::before {
  content: "\e724";
  color: $yellow;
}

.samples-radio-before .el-radio__input.is-checked:before {
  content: "\e724";
  color: $yellow;
}

.samples-radio-before .el-radio__input.is-disabled:before {
  content: "\e706" !important;
  color: #dbdbdb !important;
}

.samples-radio-before .el-radio__input.is-disabled.is-checked:before {
  content: "\e724" !important;
  color: #dbdbdb !important;
}

.samples-radio-before .el-radio__input.is-disabled+span.el-radio__label {
  color: #dbdbdb !important;
}

.samples-radio-before.samples-radio-two .samples-radio-two-true {
  color: #5fb09c;
}

.samples-radio-before.samples-radio-two .samples-radio-two-false {
  color: #e05e5e;
}

.samples-radio-before.samples-radio-two .samples-radio-two-true .el-radio__label {
  color: $green !important;
}
.samples-radio-before.samples-radio-two .samples-radio-two-true .el-radio__labelactive {
  color: #f00 !important;
}

.samples-radio-before.samples-radio-two .samples-radio-two-false .el-radio__label {
  color: $red !important;
}

.samples-radio-before.samples-radio-two .samples-radio-two-true .el-radio__input::before {
  color: $green;
}

.samples-radio-before.samples-radio-two .samples-radio-two-true .el-radio__input:hover::before {
  content: "\e726";
  color: $green;
}

.samples-radio-before.samples-radio-two .samples-radio-two-true .el-radio__input:active::before {
  content: "\e724";
  color: $green;
}

.samples-radio-before.samples-radio-two .samples-radio-two-true .el-radio__input.is-checked:before {
  content: "\e724";
  color: $green;
}

.samples-radio-before.samples-radio-two .samples-radio-two-false .el-radio__input::before {
  color:$red;
}

.samples-radio-before.samples-radio-two .samples-radio-two-false .el-radio__input:hover::before {
  content: "\e730";
  color:$red;
}

.samples-radio-before.samples-radio-two .samples-radio-two-false .el-radio__input:active::before {
  content: "\e728";
  color: $red;
}

.samples-radio-before.samples-radio-two .samples-radio-two-false .el-radio__input.is-checked:before {
  content: "\e728";
  color: $red;
}

.samples-radio-after {
  display: flex;
}

.samples-radio-after .el-radio {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  height: 32px;
  border: 1px solid $red;
  color: $red;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 4px;
}

.samples-radio-after .el-radio__label {
  padding-left: 0;
  padding-right: 10px;
}

.samples-radio-after .is-checked .el-radio__label {
  color: #fff !important;
}

.samples-radio-after .samples-radio-table-hight .el-radio__input::before {
  content: "\e706";
  color: $red;
}

.samples-radio-after .samples-radio-table-hight .el-radio__label {
  color: $red !important;
}

.samples-radio-after .samples-radio-table-hight.is-checked {
  background-color: $red;
}

.samples-radio-after .samples-radio-table-hight.is-checked .el-radio__label {
  color: #fff !important;
}

.samples-radio-after .samples-radio-table-hight .el-radio__input::before {
  content: "\e706";
  color: $red;
}

.samples-radio-after .samples-radio-table-hight .el-radio__label {
  color:$red !important;
}

.samples-radio-after .samples-radio-table-hight.is-checked {
  background-color: $red;
}

.samples-radio-after .samples-radio-table-middle .el-radio__input::before {
  content: "\e706";
  color:$green;
}

.samples-radio-after .samples-radio-table-middle .el-radio__label {
  color: $green !important;
}

.samples-radio-after .samples-radio-table-middle.is-checked {
  background-color: $green;
}

.samples-radio-after .samples-radio-table-middle {
  border: 1px solid $green;
}

.samples-radio-after .samples-radio-table-middle.is-checked .el-radio__label {
  color: #fff !important;
}

.samples-radio-after .samples-radio-table-bottom .el-radio__input::before {
  content: "\e706";
  color: $--color-blue;
}

.samples-radio-after .samples-radio-table-bottom .el-radio__label {
  color: $--color-blue!important;
}

.samples-radio-after .samples-radio-table-bottom.is-checked {
  background-color: $--color-blue;
}

.samples-radio-after.samples-radio-table-bottom {
  border: 1px solid $--color-blue;
}

.samples-radio-after.samples-radio-table-bottom.is-checked .el-radio__label {
  color: #fff !important;
}

.samples-radio-after .el-radio.is-checked .el-radio__label {
  padding-right: 24px;
}

.samples-radio-after .samples-radio-table-bottom.is-checked{
  background-color: $--color-blue;
}

.samples-radio-after .samples-radio-table-bottom{
  border: 1px solid $--color-blue;
}

.samples-radio-after .samples-radio-table-bottom.is-checked .el-radio__label{
  color: #fff!important;
}

/* .samples-radio-after .samples-radio-table-hight .el-radio__input:active::before {
  content: "\e726";
  content: "\e706";
  color: #fff;
}
.samples-radio-after .samples-radio-table-hight .el-radio__input.is-checked:before {
  content: "\e706";
  color: #fff;
} */

.samples-radio-after .el-radio__input.is-checked:before {
  content: "\e701";
  display: block;
  position: absolute;
  padding-right: 1px;
  padding-top: 1px;
  top: -7px;
  width: 13px;
  height: 13px;
  left: -14px;
  border-radius: 100%;
  background-color: #fff;
}

.samples-radio-after.el-radio.is-checked .el-radio__label {
  padding-right: 24px;
}