@import './ionicons/ionicons.css';
/* normalize.css v3.0.2 | MIT License | git.io/normalize */
/* normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  box-sizing: border-box; /* 2 */
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.bell-bg-white {
  background-color: #fff;
}
.bell-bg-primary {
  background-color: #1890ff;
}
.bell-bg-success {
  background-color: #52c41a;
}
.bell-bg-error {
  background-color: #f5222d;
}
.bell-bg-info {
  background-color: #2db7f5;
}
.bell-bg-warning {
  background-color: #faad14;
}
.bell-bg-danger {
  background-color: #eb1111;
}
.bell-bg-main {
  background-color: rgba(0,0,0,0.87);
}
.bell-bg-secondary {
  background-color: rgba(0,0,0,0.54);
}
.bell-bg-muted {
  background-color: rgba(0,0,0,0.37);
}
.bell-text {
  font-size: 14px;
  line-height: 1.477;
}
.bell-text.tiny {
  font-size: 12px;
  line-height: 1.333333333333333;
}
.bell-text.small {
  font-size: 12px;
  line-height: 1.571428571428571;
}
.bell-text.large {
  font-size: 16px;
  line-height: 1.625;
}
.bell-text.huge {
  font-size: 18px;
  line-height: 2;
}
.bell-text.white {
  color: #fff;
}
.bell-text.primary {
  color: #1890ff;
}
.bell-text.success {
  color: #52c41a;
}
.bell-text.error {
  color: #f5222d;
}
.bell-text.info {
  color: #2db7f5;
}
.bell-text.warning {
  color: #faad14;
}
.bell-text.danger {
  color: #eb1111;
}
.bell-text.main {
  color: rgba(0,0,0,0.87);
}
.bell-text.secondary {
  color: rgba(0,0,0,0.54);
}
.bell-text.muted {
  color: rgba(0,0,0,0.37);
}
.bell-text.h1 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  font-size: 2.5rem;
}
.bell-text.h2 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  font-size: 2rem;
}
.bell-text.h3 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  font-size: 1.75rem;
}
.bell-text.h4 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  font-size: 1.5rem;
}
.bell-text.h5 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  font-size: 1.25rem;
}
.bell-text.h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  font-size: 1rem;
}
.bell-text.display1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}
.bell-text.display2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}
.bell-text.display3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}
.bell-text.display4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}
.bell-text.left {
  text-align: left;
}
.bell-text.center {
  text-align: center;
}
.bell-text.right {
  text-align: right;
}
.bell-text-nowrap {
  white-space: nowrap !important;
}
.bell-text-truncate {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.bell-text-lowercase {
  text-transform: lowercase !important;
}
.bell-text-uppercase {
  text-transform: uppercase !important;
}
.bell-text-capitalize {
  text-transform: capitalize !important;
}
.bell-text-weight-bold {
  font-weight: 700 !important;
}
.bell-text-weight-normal {
  font-weight: 400 !important;
}
.bell-text-weight-light {
  font-weight: 300 !important;
}
.bell-text-italic {
  font-style: italic !important;
}
.bell-texts {
  font-size: 0;
}
.bell-texts > .bell-text + .bell-text {
  margin-left: 8px;
}
.bell-texts > .bell-text + .bell-text.fluid {
  margin-left: 0;
  margin-top: 8px;
}
.bell-texts > .bell-text {
  font-size: 14px;
  line-height: 1.477;
}
.bell-texts.tiny > .bell-text + .bell-text {
  margin-left: 4px;
}
.bell-texts.tiny > .bell-text + .bell-text.fluid {
  margin-left: 0;
  margin-top: 4px;
}
.bell-texts.tiny > .bell-text {
  font-size: 12px;
  line-height: 1.333333333333333;
}
.bell-texts.small > .bell-text + .bell-text {
  margin-left: 6px;
}
.bell-texts.small > .bell-text + .bell-text.fluid {
  margin-left: 0;
  margin-top: 6px;
}
.bell-texts.small > .bell-text {
  font-size: 12px;
  line-height: 1.571428571428571;
}
.bell-texts.large > .bell-text + .bell-text {
  margin-left: 12px;
}
.bell-texts.large > .bell-text + .bell-text.fluid {
  margin-left: 0;
  margin-top: 12px;
}
.bell-texts.large > .bell-text {
  font-size: 16px;
  line-height: 1.625;
}
.bell-texts.huge > .bell-text + .bell-text {
  margin-left: 14px;
}
.bell-texts.huge > .bell-text + .bell-text.fluid {
  margin-left: 0;
  margin-top: 14px;
}
.bell-texts.huge > .bell-text {
  font-size: 18px;
  line-height: 2;
}
.bell-texts.tight > .bell-text + .bell-text {
  margin-left: 0;
}
.bell-texts.tight > .bell-text + .bell-textselector-fluid {
  margin-top: 0;
}
.bell-border {
  border: 1px solid #eee !important;
}
.bell-border-top {
  border-top: 1px solid #eee !important;
}
.bell-border-left {
  border-left: 1px solid #eee !important;
}
.bell-border-right {
  border-right: 1px solid #eee !important;
}
.bell-border-bottom {
  border-bottom: 1px solid #eee !important;
}
.bell-border-white {
  border: 1px solid #eee !important;
  border-color: #fff !important;
}
.bell-border-primary {
  border: 1px solid #eee !important;
  border-color: #1890ff !important;
}
.bell-border-success {
  border: 1px solid #eee !important;
  border-color: #52c41a !important;
}
.bell-border-error {
  border: 1px solid #eee !important;
  border-color: #f5222d !important;
}
.bell-border-info {
  border: 1px solid #eee !important;
  border-color: #2db7f5 !important;
}
.bell-border-warning {
  border: 1px solid #eee !important;
  border-color: #faad14 !important;
}
.bell-border-danger {
  border: 1px solid #eee !important;
  border-color: #eb1111 !important;
}
.bell-border-main {
  border: 1px solid #eee !important;
  border-color: rgba(0,0,0,0.87) !important;
}
.bell-border-secondary {
  border: 1px solid #eee !important;
  border-color: rgba(0,0,0,0.54) !important;
}
.bell-border-muted {
  border: 1px solid #eee !important;
  border-color: rgba(0,0,0,0.37) !important;
}
.bell-border-0 {
  border: 0 !important;
}
.bell-border-top-0 {
  border-top: 0 !important;
}
.bell-border-left-0 {
  border-left: 0 !important;
}
.bell-border-right-0 {
  border-right: 0 !important;
}
.bell-border-bottom-0 {
  border-bottom: 0 !important;
}
.bell-border-2 {
  border: 2px solid #eee !important;
}
.bell-border-top-2 {
  border-top: 2px solid #eee !important;
}
.bell-border-left-2 {
  border-left: 2px solid #eee !important;
}
.bell-border-right-2 {
  border-right: 2px solid #eee !important;
}
.bell-border-bottom-2 {
  border-bottom: 2px solid #eee !important;
}
.bell-border-4 {
  border: 4px solid #eee !important;
}
.bell-border-top-4 {
  border-top: 4px solid #eee !important;
}
.bell-border-left-4 {
  border-left: 4px solid #eee !important;
}
.bell-border-right-4 {
  border-right: 4px solid #eee !important;
}
.bell-border-bottom-4 {
  border-bottom: 4px solid #eee !important;
}
.bell-border-10 {
  border: 10px solid #eee !important;
}
.bell-border-top-10 {
  border-top: 10px solid #eee !important;
}
.bell-border-left-10 {
  border-left: 10px solid #eee !important;
}
.bell-border-right-10 {
  border-right: 10px solid #eee !important;
}
.bell-border-bottom-10 {
  border-bottom: 10px solid #eee !important;
}
.rounded {
  border-radius: 0.5rem !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.bell-clearfix::after {
  clear: both;
  content: ' ';
  display: block;
}
.bell-float-left {
  float: left;
}
.bell-float-right {
  float: right;
}
.bell-row {
  position: relative;
  margin: 0 auto;
  height: auto;
}
.bell-row::after {
  clear: both;
  content: ' ';
  display: block;
}
.bell-row-justify-start {
  justify-content: flex-start;
}
.bell-row-justify-center {
  justify-content: center;
}
.bell-row-justify-end {
  justify-content: flex-end;
}
.bell-row-justify-space-between {
  justify-content: space-between;
}
.bell-row-justify-space-around {
  justify-content: space-around;
}
.bell-row-align-top {
  align-items: flex-start;
}
.bell-row-align-middle {
  align-items: center;
}
.bell-row-align-bottom {
  align-items: flex-end;
}
.bell-row-align-baseline {
  align-items: baseline;
}
.bell-row-align-stretch {
  align-items: stretch;
}
.bell-col {
  position: relative;
  display: block;
}
.bell-row-gutter {
  background: transparent;
}
.bell-row-flex {
  display: flex;
}
.bell-col-0 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-1 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-2 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-3 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-4 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-5 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-6 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-7 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-8 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-9 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-10 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-11 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-12 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-13 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-14 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-15 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-16 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-17 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-18 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-19 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-20 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-21 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-22 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-23 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-24 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-0 {
  display: none;
}
.bell-col-1 {
  display: block;
  width: 4.166666666666666%;
}
.bell-col-2 {
  display: block;
  width: 8.333333333333332%;
}
.bell-col-3 {
  display: block;
  width: 12.5%;
}
.bell-col-4 {
  display: block;
  width: 16.666666666666664%;
}
.bell-col-5 {
  display: block;
  width: 20.833333333333336%;
}
.bell-col-6 {
  display: block;
  width: 25%;
}
.bell-col-7 {
  display: block;
  width: 29.166666666666668%;
}
.bell-col-8 {
  display: block;
  width: 33.33333333333333%;
}
.bell-col-9 {
  display: block;
  width: 37.5%;
}
.bell-col-10 {
  display: block;
  width: 41.66666666666667%;
}
.bell-col-11 {
  display: block;
  width: 45.83333333333333%;
}
.bell-col-12 {
  display: block;
  width: 50%;
}
.bell-col-13 {
  display: block;
  width: 54.166666666666664%;
}
.bell-col-14 {
  display: block;
  width: 58.333333333333336%;
}
.bell-col-15 {
  display: block;
  width: 62.5%;
}
.bell-col-16 {
  display: block;
  width: 66.66666666666666%;
}
.bell-col-17 {
  display: block;
  width: 70.83333333333334%;
}
.bell-col-18 {
  display: block;
  width: 75%;
}
.bell-col-19 {
  display: block;
  width: 79.16666666666666%;
}
.bell-col-20 {
  display: block;
  width: 83.33333333333334%;
}
.bell-col-21 {
  display: block;
  width: 87.5%;
}
.bell-col-22 {
  display: block;
  width: 91.66666666666666%;
}
.bell-col-23 {
  display: block;
  width: 95.83333333333334%;
}
.bell-col-24 {
  display: block;
  width: 100%;
}
.bell-col-push-0 {
  left: auto;
}
.bell-col-push-1 {
  left: 4.166666666666666%;
}
.bell-col-push-2 {
  left: 8.333333333333332%;
}
.bell-col-push-3 {
  left: 12.5%;
}
.bell-col-push-4 {
  left: 16.666666666666664%;
}
.bell-col-push-5 {
  left: 20.833333333333336%;
}
.bell-col-push-6 {
  left: 25%;
}
.bell-col-push-7 {
  left: 29.166666666666668%;
}
.bell-col-push-8 {
  left: 33.33333333333333%;
}
.bell-col-push-9 {
  left: 37.5%;
}
.bell-col-push-10 {
  left: 41.66666666666667%;
}
.bell-col-push-11 {
  left: 45.83333333333333%;
}
.bell-col-push-12 {
  left: 50%;
}
.bell-col-push-13 {
  left: 54.166666666666664%;
}
.bell-col-push-14 {
  left: 58.333333333333336%;
}
.bell-col-push-15 {
  left: 62.5%;
}
.bell-col-push-16 {
  left: 66.66666666666666%;
}
.bell-col-push-17 {
  left: 70.83333333333334%;
}
.bell-col-push-18 {
  left: 75%;
}
.bell-col-push-19 {
  left: 79.16666666666666%;
}
.bell-col-push-20 {
  left: 83.33333333333334%;
}
.bell-col-push-21 {
  left: 87.5%;
}
.bell-col-push-22 {
  left: 91.66666666666666%;
}
.bell-col-push-23 {
  left: 95.83333333333334%;
}
.bell-col-push-24 {
  left: 100%;
}
.bell-col-pull-0 {
  right: auto;
}
.bell-col-pull-1 {
  right: 4.166666666666666%;
}
.bell-col-pull-2 {
  right: 8.333333333333332%;
}
.bell-col-pull-3 {
  right: 12.5%;
}
.bell-col-pull-4 {
  right: 16.666666666666664%;
}
.bell-col-pull-5 {
  right: 20.833333333333336%;
}
.bell-col-pull-6 {
  right: 25%;
}
.bell-col-pull-7 {
  right: 29.166666666666668%;
}
.bell-col-pull-8 {
  right: 33.33333333333333%;
}
.bell-col-pull-9 {
  right: 37.5%;
}
.bell-col-pull-10 {
  right: 41.66666666666667%;
}
.bell-col-pull-11 {
  right: 45.83333333333333%;
}
.bell-col-pull-12 {
  right: 50%;
}
.bell-col-pull-13 {
  right: 54.166666666666664%;
}
.bell-col-pull-14 {
  right: 58.333333333333336%;
}
.bell-col-pull-15 {
  right: 62.5%;
}
.bell-col-pull-16 {
  right: 66.66666666666666%;
}
.bell-col-pull-17 {
  right: 70.83333333333334%;
}
.bell-col-pull-18 {
  right: 75%;
}
.bell-col-pull-19 {
  right: 79.16666666666666%;
}
.bell-col-pull-20 {
  right: 83.33333333333334%;
}
.bell-col-pull-21 {
  right: 87.5%;
}
.bell-col-pull-22 {
  right: 91.66666666666666%;
}
.bell-col-pull-23 {
  right: 95.83333333333334%;
}
.bell-col-pull-24 {
  right: 100%;
}
.bell-col-offset-0 {
  margin-left: 0%;
}
.bell-col-offset-1 {
  margin-left: 4.166666666666666%;
}
.bell-col-offset-2 {
  margin-left: 8.333333333333332%;
}
.bell-col-offset-3 {
  margin-left: 12.5%;
}
.bell-col-offset-4 {
  margin-left: 16.666666666666664%;
}
.bell-col-offset-5 {
  margin-left: 20.833333333333336%;
}
.bell-col-offset-6 {
  margin-left: 25%;
}
.bell-col-offset-7 {
  margin-left: 29.166666666666668%;
}
.bell-col-offset-8 {
  margin-left: 33.33333333333333%;
}
.bell-col-offset-9 {
  margin-left: 37.5%;
}
.bell-col-offset-10 {
  margin-left: 41.66666666666667%;
}
.bell-col-offset-11 {
  margin-left: 45.83333333333333%;
}
.bell-col-offset-12 {
  margin-left: 50%;
}
.bell-col-offset-13 {
  margin-left: 54.166666666666664%;
}
.bell-col-offset-14 {
  margin-left: 58.333333333333336%;
}
.bell-col-offset-15 {
  margin-left: 62.5%;
}
.bell-col-offset-16 {
  margin-left: 66.66666666666666%;
}
.bell-col-offset-17 {
  margin-left: 70.83333333333334%;
}
.bell-col-offset-18 {
  margin-left: 75%;
}
.bell-col-offset-19 {
  margin-left: 79.16666666666666%;
}
.bell-col-offset-20 {
  margin-left: 83.33333333333334%;
}
.bell-col-offset-21 {
  margin-left: 87.5%;
}
.bell-col-offset-22 {
  margin-left: 91.66666666666666%;
}
.bell-col-offset-23 {
  margin-left: 95.83333333333334%;
}
.bell-col-offset-24 {
  margin-left: 100%;
}
.bell-col-order-0 {
  order: 0;
}
.bell-col-order-1 {
  order: 1;
}
.bell-col-order-2 {
  order: 2;
}
.bell-col-order-3 {
  order: 3;
}
.bell-col-order-4 {
  order: 4;
}
.bell-col-order-5 {
  order: 5;
}
.bell-col-order-6 {
  order: 6;
}
.bell-col-order-7 {
  order: 7;
}
.bell-col-order-8 {
  order: 8;
}
.bell-col-order-9 {
  order: 9;
}
.bell-col-order-10 {
  order: 10;
}
.bell-col-order-11 {
  order: 11;
}
.bell-col-order-12 {
  order: 12;
}
.bell-col-order-13 {
  order: 13;
}
.bell-col-order-14 {
  order: 14;
}
.bell-col-order-15 {
  order: 15;
}
.bell-col-order-16 {
  order: 16;
}
.bell-col-order-17 {
  order: 17;
}
.bell-col-order-18 {
  order: 18;
}
.bell-col-order-19 {
  order: 19;
}
.bell-col-order-20 {
  order: 20;
}
.bell-col-order-21 {
  order: 21;
}
.bell-col-order-22 {
  order: 22;
}
.bell-col-order-23 {
  order: 23;
}
.bell-col-order-24 {
  order: 24;
}
.bell-col-xs-0 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-xs-1 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-xs-2 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-xs-3 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-xs-4 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-xs-5 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-xs-6 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-xs-7 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-xs-8 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-xs-9 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-xs-10 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-xs-11 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-xs-12 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-xs-13 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-xs-14 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-xs-15 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-xs-16 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-xs-17 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-xs-18 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-xs-19 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-xs-20 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-xs-21 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-xs-22 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-xs-23 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-xs-24 {
  float: left;
  flex: 0 0 auto;
}
.bell-col-xs-0 {
  display: none;
}
.bell-col-xs-1 {
  display: block;
  width: 4.166666666666666%;
}
.bell-col-xs-2 {
  display: block;
  width: 8.333333333333332%;
}
.bell-col-xs-3 {
  display: block;
  width: 12.5%;
}
.bell-col-xs-4 {
  display: block;
  width: 16.666666666666664%;
}
.bell-col-xs-5 {
  display: block;
  width: 20.833333333333336%;
}
.bell-col-xs-6 {
  display: block;
  width: 25%;
}
.bell-col-xs-7 {
  display: block;
  width: 29.166666666666668%;
}
.bell-col-xs-8 {
  display: block;
  width: 33.33333333333333%;
}
.bell-col-xs-9 {
  display: block;
  width: 37.5%;
}
.bell-col-xs-10 {
  display: block;
  width: 41.66666666666667%;
}
.bell-col-xs-11 {
  display: block;
  width: 45.83333333333333%;
}
.bell-col-xs-12 {
  display: block;
  width: 50%;
}
.bell-col-xs-13 {
  display: block;
  width: 54.166666666666664%;
}
.bell-col-xs-14 {
  display: block;
  width: 58.333333333333336%;
}
.bell-col-xs-15 {
  display: block;
  width: 62.5%;
}
.bell-col-xs-16 {
  display: block;
  width: 66.66666666666666%;
}
.bell-col-xs-17 {
  display: block;
  width: 70.83333333333334%;
}
.bell-col-xs-18 {
  display: block;
  width: 75%;
}
.bell-col-xs-19 {
  display: block;
  width: 79.16666666666666%;
}
.bell-col-xs-20 {
  display: block;
  width: 83.33333333333334%;
}
.bell-col-xs-21 {
  display: block;
  width: 87.5%;
}
.bell-col-xs-22 {
  display: block;
  width: 91.66666666666666%;
}
.bell-col-xs-23 {
  display: block;
  width: 95.83333333333334%;
}
.bell-col-xs-24 {
  display: block;
  width: 100%;
}
.bell-col-xs-push-0 {
  left: auto;
}
.bell-col-xs-push-1 {
  left: 4.166666666666666%;
}
.bell-col-xs-push-2 {
  left: 8.333333333333332%;
}
.bell-col-xs-push-3 {
  left: 12.5%;
}
.bell-col-xs-push-4 {
  left: 16.666666666666664%;
}
.bell-col-xs-push-5 {
  left: 20.833333333333336%;
}
.bell-col-xs-push-6 {
  left: 25%;
}
.bell-col-xs-push-7 {
  left: 29.166666666666668%;
}
.bell-col-xs-push-8 {
  left: 33.33333333333333%;
}
.bell-col-xs-push-9 {
  left: 37.5%;
}
.bell-col-xs-push-10 {
  left: 41.66666666666667%;
}
.bell-col-xs-push-11 {
  left: 45.83333333333333%;
}
.bell-col-xs-push-12 {
  left: 50%;
}
.bell-col-xs-push-13 {
  left: 54.166666666666664%;
}
.bell-col-xs-push-14 {
  left: 58.333333333333336%;
}
.bell-col-xs-push-15 {
  left: 62.5%;
}
.bell-col-xs-push-16 {
  left: 66.66666666666666%;
}
.bell-col-xs-push-17 {
  left: 70.83333333333334%;
}
.bell-col-xs-push-18 {
  left: 75%;
}
.bell-col-xs-push-19 {
  left: 79.16666666666666%;
}
.bell-col-xs-push-20 {
  left: 83.33333333333334%;
}
.bell-col-xs-push-21 {
  left: 87.5%;
}
.bell-col-xs-push-22 {
  left: 91.66666666666666%;
}
.bell-col-xs-push-23 {
  left: 95.83333333333334%;
}
.bell-col-xs-push-24 {
  left: 100%;
}
.bell-col-xs-pull-0 {
  right: auto;
}
.bell-col-xs-pull-1 {
  right: 4.166666666666666%;
}
.bell-col-xs-pull-2 {
  right: 8.333333333333332%;
}
.bell-col-xs-pull-3 {
  right: 12.5%;
}
.bell-col-xs-pull-4 {
  right: 16.666666666666664%;
}
.bell-col-xs-pull-5 {
  right: 20.833333333333336%;
}
.bell-col-xs-pull-6 {
  right: 25%;
}
.bell-col-xs-pull-7 {
  right: 29.166666666666668%;
}
.bell-col-xs-pull-8 {
  right: 33.33333333333333%;
}
.bell-col-xs-pull-9 {
  right: 37.5%;
}
.bell-col-xs-pull-10 {
  right: 41.66666666666667%;
}
.bell-col-xs-pull-11 {
  right: 45.83333333333333%;
}
.bell-col-xs-pull-12 {
  right: 50%;
}
.bell-col-xs-pull-13 {
  right: 54.166666666666664%;
}
.bell-col-xs-pull-14 {
  right: 58.333333333333336%;
}
.bell-col-xs-pull-15 {
  right: 62.5%;
}
.bell-col-xs-pull-16 {
  right: 66.66666666666666%;
}
.bell-col-xs-pull-17 {
  right: 70.83333333333334%;
}
.bell-col-xs-pull-18 {
  right: 75%;
}
.bell-col-xs-pull-19 {
  right: 79.16666666666666%;
}
.bell-col-xs-pull-20 {
  right: 83.33333333333334%;
}
.bell-col-xs-pull-21 {
  right: 87.5%;
}
.bell-col-xs-pull-22 {
  right: 91.66666666666666%;
}
.bell-col-xs-pull-23 {
  right: 95.83333333333334%;
}
.bell-col-xs-pull-24 {
  right: 100%;
}
.bell-col-xs-offset-0 {
  margin-left: 0%;
}
.bell-col-xs-offset-1 {
  margin-left: 4.166666666666666%;
}
.bell-col-xs-offset-2 {
  margin-left: 8.333333333333332%;
}
.bell-col-xs-offset-3 {
  margin-left: 12.5%;
}
.bell-col-xs-offset-4 {
  margin-left: 16.666666666666664%;
}
.bell-col-xs-offset-5 {
  margin-left: 20.833333333333336%;
}
.bell-col-xs-offset-6 {
  margin-left: 25%;
}
.bell-col-xs-offset-7 {
  margin-left: 29.166666666666668%;
}
.bell-col-xs-offset-8 {
  margin-left: 33.33333333333333%;
}
.bell-col-xs-offset-9 {
  margin-left: 37.5%;
}
.bell-col-xs-offset-10 {
  margin-left: 41.66666666666667%;
}
.bell-col-xs-offset-11 {
  margin-left: 45.83333333333333%;
}
.bell-col-xs-offset-12 {
  margin-left: 50%;
}
.bell-col-xs-offset-13 {
  margin-left: 54.166666666666664%;
}
.bell-col-xs-offset-14 {
  margin-left: 58.333333333333336%;
}
.bell-col-xs-offset-15 {
  margin-left: 62.5%;
}
.bell-col-xs-offset-16 {
  margin-left: 66.66666666666666%;
}
.bell-col-xs-offset-17 {
  margin-left: 70.83333333333334%;
}
.bell-col-xs-offset-18 {
  margin-left: 75%;
}
.bell-col-xs-offset-19 {
  margin-left: 79.16666666666666%;
}
.bell-col-xs-offset-20 {
  margin-left: 83.33333333333334%;
}
.bell-col-xs-offset-21 {
  margin-left: 87.5%;
}
.bell-col-xs-offset-22 {
  margin-left: 91.66666666666666%;
}
.bell-col-xs-offset-23 {
  margin-left: 95.83333333333334%;
}
.bell-col-xs-offset-24 {
  margin-left: 100%;
}
.bell-col-xs-order-0 {
  order: 0;
}
.bell-col-xs-order-1 {
  order: 1;
}
.bell-col-xs-order-2 {
  order: 2;
}
.bell-col-xs-order-3 {
  order: 3;
}
.bell-col-xs-order-4 {
  order: 4;
}
.bell-col-xs-order-5 {
  order: 5;
}
.bell-col-xs-order-6 {
  order: 6;
}
.bell-col-xs-order-7 {
  order: 7;
}
.bell-col-xs-order-8 {
  order: 8;
}
.bell-col-xs-order-9 {
  order: 9;
}
.bell-col-xs-order-10 {
  order: 10;
}
.bell-col-xs-order-11 {
  order: 11;
}
.bell-col-xs-order-12 {
  order: 12;
}
.bell-col-xs-order-13 {
  order: 13;
}
.bell-col-xs-order-14 {
  order: 14;
}
.bell-col-xs-order-15 {
  order: 15;
}
.bell-col-xs-order-16 {
  order: 16;
}
.bell-col-xs-order-17 {
  order: 17;
}
.bell-col-xs-order-18 {
  order: 18;
}
.bell-col-xs-order-19 {
  order: 19;
}
.bell-col-xs-order-20 {
  order: 20;
}
.bell-col-xs-order-21 {
  order: 21;
}
.bell-col-xs-order-22 {
  order: 22;
}
.bell-col-xs-order-23 {
  order: 23;
}
.bell-col-xs-order-24 {
  order: 24;
}
@media (min-width: 768px) {
  .bell-col-sm-push-0 {
    left: auto;
  }
  .bell-col-sm-push-1 {
    left: 4.166666666666666%;
  }
  .bell-col-sm-push-2 {
    left: 8.333333333333332%;
  }
  .bell-col-sm-push-3 {
    left: 12.5%;
  }
  .bell-col-sm-push-4 {
    left: 16.666666666666664%;
  }
  .bell-col-sm-push-5 {
    left: 20.833333333333336%;
  }
  .bell-col-sm-push-6 {
    left: 25%;
  }
  .bell-col-sm-push-7 {
    left: 29.166666666666668%;
  }
  .bell-col-sm-push-8 {
    left: 33.33333333333333%;
  }
  .bell-col-sm-push-9 {
    left: 37.5%;
  }
  .bell-col-sm-push-10 {
    left: 41.66666666666667%;
  }
  .bell-col-sm-push-11 {
    left: 45.83333333333333%;
  }
  .bell-col-sm-push-12 {
    left: 50%;
  }
  .bell-col-sm-push-13 {
    left: 54.166666666666664%;
  }
  .bell-col-sm-push-14 {
    left: 58.333333333333336%;
  }
  .bell-col-sm-push-15 {
    left: 62.5%;
  }
  .bell-col-sm-push-16 {
    left: 66.66666666666666%;
  }
  .bell-col-sm-push-17 {
    left: 70.83333333333334%;
  }
  .bell-col-sm-push-18 {
    left: 75%;
  }
  .bell-col-sm-push-19 {
    left: 79.16666666666666%;
  }
  .bell-col-sm-push-20 {
    left: 83.33333333333334%;
  }
  .bell-col-sm-push-21 {
    left: 87.5%;
  }
  .bell-col-sm-push-22 {
    left: 91.66666666666666%;
  }
  .bell-col-sm-push-23 {
    left: 95.83333333333334%;
  }
  .bell-col-sm-push-24 {
    left: 100%;
  }
  .bell-col-sm-pull-0 {
    right: auto;
  }
  .bell-col-sm-pull-1 {
    right: 4.166666666666666%;
  }
  .bell-col-sm-pull-2 {
    right: 8.333333333333332%;
  }
  .bell-col-sm-pull-3 {
    right: 12.5%;
  }
  .bell-col-sm-pull-4 {
    right: 16.666666666666664%;
  }
  .bell-col-sm-pull-5 {
    right: 20.833333333333336%;
  }
  .bell-col-sm-pull-6 {
    right: 25%;
  }
  .bell-col-sm-pull-7 {
    right: 29.166666666666668%;
  }
  .bell-col-sm-pull-8 {
    right: 33.33333333333333%;
  }
  .bell-col-sm-pull-9 {
    right: 37.5%;
  }
  .bell-col-sm-pull-10 {
    right: 41.66666666666667%;
  }
  .bell-col-sm-pull-11 {
    right: 45.83333333333333%;
  }
  .bell-col-sm-pull-12 {
    right: 50%;
  }
  .bell-col-sm-pull-13 {
    right: 54.166666666666664%;
  }
  .bell-col-sm-pull-14 {
    right: 58.333333333333336%;
  }
  .bell-col-sm-pull-15 {
    right: 62.5%;
  }
  .bell-col-sm-pull-16 {
    right: 66.66666666666666%;
  }
  .bell-col-sm-pull-17 {
    right: 70.83333333333334%;
  }
  .bell-col-sm-pull-18 {
    right: 75%;
  }
  .bell-col-sm-pull-19 {
    right: 79.16666666666666%;
  }
  .bell-col-sm-pull-20 {
    right: 83.33333333333334%;
  }
  .bell-col-sm-pull-21 {
    right: 87.5%;
  }
  .bell-col-sm-pull-22 {
    right: 91.66666666666666%;
  }
  .bell-col-sm-pull-23 {
    right: 95.83333333333334%;
  }
  .bell-col-sm-pull-24 {
    right: 100%;
  }
  .bell-col-sm-offset-0 {
    margin-left: 0%;
  }
  .bell-col-sm-offset-1 {
    margin-left: 4.166666666666666%;
  }
  .bell-col-sm-offset-2 {
    margin-left: 8.333333333333332%;
  }
  .bell-col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .bell-col-sm-offset-4 {
    margin-left: 16.666666666666664%;
  }
  .bell-col-sm-offset-5 {
    margin-left: 20.833333333333336%;
  }
  .bell-col-sm-offset-6 {
    margin-left: 25%;
  }
  .bell-col-sm-offset-7 {
    margin-left: 29.166666666666668%;
  }
  .bell-col-sm-offset-8 {
    margin-left: 33.33333333333333%;
  }
  .bell-col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .bell-col-sm-offset-10 {
    margin-left: 41.66666666666667%;
  }
  .bell-col-sm-offset-11 {
    margin-left: 45.83333333333333%;
  }
  .bell-col-sm-offset-12 {
    margin-left: 50%;
  }
  .bell-col-sm-offset-13 {
    margin-left: 54.166666666666664%;
  }
  .bell-col-sm-offset-14 {
    margin-left: 58.333333333333336%;
  }
  .bell-col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .bell-col-sm-offset-16 {
    margin-left: 66.66666666666666%;
  }
  .bell-col-sm-offset-17 {
    margin-left: 70.83333333333334%;
  }
  .bell-col-sm-offset-18 {
    margin-left: 75%;
  }
  .bell-col-sm-offset-19 {
    margin-left: 79.16666666666666%;
  }
  .bell-col-sm-offset-20 {
    margin-left: 83.33333333333334%;
  }
  .bell-col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .bell-col-sm-offset-22 {
    margin-left: 91.66666666666666%;
  }
  .bell-col-sm-offset-23 {
    margin-left: 95.83333333333334%;
  }
  .bell-col-sm-offset-24 {
    margin-left: 100%;
  }
  .bell-col-sm-order-0 {
    order: 0;
  }
  .bell-col-sm-order-1 {
    order: 1;
  }
  .bell-col-sm-order-2 {
    order: 2;
  }
  .bell-col-sm-order-3 {
    order: 3;
  }
  .bell-col-sm-order-4 {
    order: 4;
  }
  .bell-col-sm-order-5 {
    order: 5;
  }
  .bell-col-sm-order-6 {
    order: 6;
  }
  .bell-col-sm-order-7 {
    order: 7;
  }
  .bell-col-sm-order-8 {
    order: 8;
  }
  .bell-col-sm-order-9 {
    order: 9;
  }
  .bell-col-sm-order-10 {
    order: 10;
  }
  .bell-col-sm-order-11 {
    order: 11;
  }
  .bell-col-sm-order-12 {
    order: 12;
  }
  .bell-col-sm-order-13 {
    order: 13;
  }
  .bell-col-sm-order-14 {
    order: 14;
  }
  .bell-col-sm-order-15 {
    order: 15;
  }
  .bell-col-sm-order-16 {
    order: 16;
  }
  .bell-col-sm-order-17 {
    order: 17;
  }
  .bell-col-sm-order-18 {
    order: 18;
  }
  .bell-col-sm-order-19 {
    order: 19;
  }
  .bell-col-sm-order-20 {
    order: 20;
  }
  .bell-col-sm-order-21 {
    order: 21;
  }
  .bell-col-sm-order-22 {
    order: 22;
  }
  .bell-col-sm-order-23 {
    order: 23;
  }
  .bell-col-sm-order-24 {
    order: 24;
  }
}
@media (min-width: 992px) {
  .bell-col-md-push-0 {
    left: auto;
  }
  .bell-col-md-push-1 {
    left: 4.166666666666666%;
  }
  .bell-col-md-push-2 {
    left: 8.333333333333332%;
  }
  .bell-col-md-push-3 {
    left: 12.5%;
  }
  .bell-col-md-push-4 {
    left: 16.666666666666664%;
  }
  .bell-col-md-push-5 {
    left: 20.833333333333336%;
  }
  .bell-col-md-push-6 {
    left: 25%;
  }
  .bell-col-md-push-7 {
    left: 29.166666666666668%;
  }
  .bell-col-md-push-8 {
    left: 33.33333333333333%;
  }
  .bell-col-md-push-9 {
    left: 37.5%;
  }
  .bell-col-md-push-10 {
    left: 41.66666666666667%;
  }
  .bell-col-md-push-11 {
    left: 45.83333333333333%;
  }
  .bell-col-md-push-12 {
    left: 50%;
  }
  .bell-col-md-push-13 {
    left: 54.166666666666664%;
  }
  .bell-col-md-push-14 {
    left: 58.333333333333336%;
  }
  .bell-col-md-push-15 {
    left: 62.5%;
  }
  .bell-col-md-push-16 {
    left: 66.66666666666666%;
  }
  .bell-col-md-push-17 {
    left: 70.83333333333334%;
  }
  .bell-col-md-push-18 {
    left: 75%;
  }
  .bell-col-md-push-19 {
    left: 79.16666666666666%;
  }
  .bell-col-md-push-20 {
    left: 83.33333333333334%;
  }
  .bell-col-md-push-21 {
    left: 87.5%;
  }
  .bell-col-md-push-22 {
    left: 91.66666666666666%;
  }
  .bell-col-md-push-23 {
    left: 95.83333333333334%;
  }
  .bell-col-md-push-24 {
    left: 100%;
  }
  .bell-col-md-pull-0 {
    right: auto;
  }
  .bell-col-md-pull-1 {
    right: 4.166666666666666%;
  }
  .bell-col-md-pull-2 {
    right: 8.333333333333332%;
  }
  .bell-col-md-pull-3 {
    right: 12.5%;
  }
  .bell-col-md-pull-4 {
    right: 16.666666666666664%;
  }
  .bell-col-md-pull-5 {
    right: 20.833333333333336%;
  }
  .bell-col-md-pull-6 {
    right: 25%;
  }
  .bell-col-md-pull-7 {
    right: 29.166666666666668%;
  }
  .bell-col-md-pull-8 {
    right: 33.33333333333333%;
  }
  .bell-col-md-pull-9 {
    right: 37.5%;
  }
  .bell-col-md-pull-10 {
    right: 41.66666666666667%;
  }
  .bell-col-md-pull-11 {
    right: 45.83333333333333%;
  }
  .bell-col-md-pull-12 {
    right: 50%;
  }
  .bell-col-md-pull-13 {
    right: 54.166666666666664%;
  }
  .bell-col-md-pull-14 {
    right: 58.333333333333336%;
  }
  .bell-col-md-pull-15 {
    right: 62.5%;
  }
  .bell-col-md-pull-16 {
    right: 66.66666666666666%;
  }
  .bell-col-md-pull-17 {
    right: 70.83333333333334%;
  }
  .bell-col-md-pull-18 {
    right: 75%;
  }
  .bell-col-md-pull-19 {
    right: 79.16666666666666%;
  }
  .bell-col-md-pull-20 {
    right: 83.33333333333334%;
  }
  .bell-col-md-pull-21 {
    right: 87.5%;
  }
  .bell-col-md-pull-22 {
    right: 91.66666666666666%;
  }
  .bell-col-md-pull-23 {
    right: 95.83333333333334%;
  }
  .bell-col-md-pull-24 {
    right: 100%;
  }
  .bell-col-md-offset-0 {
    margin-left: 0%;
  }
  .bell-col-md-offset-1 {
    margin-left: 4.166666666666666%;
  }
  .bell-col-md-offset-2 {
    margin-left: 8.333333333333332%;
  }
  .bell-col-md-offset-3 {
    margin-left: 12.5%;
  }
  .bell-col-md-offset-4 {
    margin-left: 16.666666666666664%;
  }
  .bell-col-md-offset-5 {
    margin-left: 20.833333333333336%;
  }
  .bell-col-md-offset-6 {
    margin-left: 25%;
  }
  .bell-col-md-offset-7 {
    margin-left: 29.166666666666668%;
  }
  .bell-col-md-offset-8 {
    margin-left: 33.33333333333333%;
  }
  .bell-col-md-offset-9 {
    margin-left: 37.5%;
  }
  .bell-col-md-offset-10 {
    margin-left: 41.66666666666667%;
  }
  .bell-col-md-offset-11 {
    margin-left: 45.83333333333333%;
  }
  .bell-col-md-offset-12 {
    margin-left: 50%;
  }
  .bell-col-md-offset-13 {
    margin-left: 54.166666666666664%;
  }
  .bell-col-md-offset-14 {
    margin-left: 58.333333333333336%;
  }
  .bell-col-md-offset-15 {
    margin-left: 62.5%;
  }
  .bell-col-md-offset-16 {
    margin-left: 66.66666666666666%;
  }
  .bell-col-md-offset-17 {
    margin-left: 70.83333333333334%;
  }
  .bell-col-md-offset-18 {
    margin-left: 75%;
  }
  .bell-col-md-offset-19 {
    margin-left: 79.16666666666666%;
  }
  .bell-col-md-offset-20 {
    margin-left: 83.33333333333334%;
  }
  .bell-col-md-offset-21 {
    margin-left: 87.5%;
  }
  .bell-col-md-offset-22 {
    margin-left: 91.66666666666666%;
  }
  .bell-col-md-offset-23 {
    margin-left: 95.83333333333334%;
  }
  .bell-col-md-offset-24 {
    margin-left: 100%;
  }
  .bell-col-md-order-0 {
    order: 0;
  }
  .bell-col-md-order-1 {
    order: 1;
  }
  .bell-col-md-order-2 {
    order: 2;
  }
  .bell-col-md-order-3 {
    order: 3;
  }
  .bell-col-md-order-4 {
    order: 4;
  }
  .bell-col-md-order-5 {
    order: 5;
  }
  .bell-col-md-order-6 {
    order: 6;
  }
  .bell-col-md-order-7 {
    order: 7;
  }
  .bell-col-md-order-8 {
    order: 8;
  }
  .bell-col-md-order-9 {
    order: 9;
  }
  .bell-col-md-order-10 {
    order: 10;
  }
  .bell-col-md-order-11 {
    order: 11;
  }
  .bell-col-md-order-12 {
    order: 12;
  }
  .bell-col-md-order-13 {
    order: 13;
  }
  .bell-col-md-order-14 {
    order: 14;
  }
  .bell-col-md-order-15 {
    order: 15;
  }
  .bell-col-md-order-16 {
    order: 16;
  }
  .bell-col-md-order-17 {
    order: 17;
  }
  .bell-col-md-order-18 {
    order: 18;
  }
  .bell-col-md-order-19 {
    order: 19;
  }
  .bell-col-md-order-20 {
    order: 20;
  }
  .bell-col-md-order-21 {
    order: 21;
  }
  .bell-col-md-order-22 {
    order: 22;
  }
  .bell-col-md-order-23 {
    order: 23;
  }
  .bell-col-md-order-24 {
    order: 24;
  }
}
@media (min-width: 1200px) {
  .bell-col-lg-push-0 {
    left: auto;
  }
  .bell-col-lg-push-1 {
    left: 4.166666666666666%;
  }
  .bell-col-lg-push-2 {
    left: 8.333333333333332%;
  }
  .bell-col-lg-push-3 {
    left: 12.5%;
  }
  .bell-col-lg-push-4 {
    left: 16.666666666666664%;
  }
  .bell-col-lg-push-5 {
    left: 20.833333333333336%;
  }
  .bell-col-lg-push-6 {
    left: 25%;
  }
  .bell-col-lg-push-7 {
    left: 29.166666666666668%;
  }
  .bell-col-lg-push-8 {
    left: 33.33333333333333%;
  }
  .bell-col-lg-push-9 {
    left: 37.5%;
  }
  .bell-col-lg-push-10 {
    left: 41.66666666666667%;
  }
  .bell-col-lg-push-11 {
    left: 45.83333333333333%;
  }
  .bell-col-lg-push-12 {
    left: 50%;
  }
  .bell-col-lg-push-13 {
    left: 54.166666666666664%;
  }
  .bell-col-lg-push-14 {
    left: 58.333333333333336%;
  }
  .bell-col-lg-push-15 {
    left: 62.5%;
  }
  .bell-col-lg-push-16 {
    left: 66.66666666666666%;
  }
  .bell-col-lg-push-17 {
    left: 70.83333333333334%;
  }
  .bell-col-lg-push-18 {
    left: 75%;
  }
  .bell-col-lg-push-19 {
    left: 79.16666666666666%;
  }
  .bell-col-lg-push-20 {
    left: 83.33333333333334%;
  }
  .bell-col-lg-push-21 {
    left: 87.5%;
  }
  .bell-col-lg-push-22 {
    left: 91.66666666666666%;
  }
  .bell-col-lg-push-23 {
    left: 95.83333333333334%;
  }
  .bell-col-lg-push-24 {
    left: 100%;
  }
  .bell-col-lg-pull-0 {
    right: auto;
  }
  .bell-col-lg-pull-1 {
    right: 4.166666666666666%;
  }
  .bell-col-lg-pull-2 {
    right: 8.333333333333332%;
  }
  .bell-col-lg-pull-3 {
    right: 12.5%;
  }
  .bell-col-lg-pull-4 {
    right: 16.666666666666664%;
  }
  .bell-col-lg-pull-5 {
    right: 20.833333333333336%;
  }
  .bell-col-lg-pull-6 {
    right: 25%;
  }
  .bell-col-lg-pull-7 {
    right: 29.166666666666668%;
  }
  .bell-col-lg-pull-8 {
    right: 33.33333333333333%;
  }
  .bell-col-lg-pull-9 {
    right: 37.5%;
  }
  .bell-col-lg-pull-10 {
    right: 41.66666666666667%;
  }
  .bell-col-lg-pull-11 {
    right: 45.83333333333333%;
  }
  .bell-col-lg-pull-12 {
    right: 50%;
  }
  .bell-col-lg-pull-13 {
    right: 54.166666666666664%;
  }
  .bell-col-lg-pull-14 {
    right: 58.333333333333336%;
  }
  .bell-col-lg-pull-15 {
    right: 62.5%;
  }
  .bell-col-lg-pull-16 {
    right: 66.66666666666666%;
  }
  .bell-col-lg-pull-17 {
    right: 70.83333333333334%;
  }
  .bell-col-lg-pull-18 {
    right: 75%;
  }
  .bell-col-lg-pull-19 {
    right: 79.16666666666666%;
  }
  .bell-col-lg-pull-20 {
    right: 83.33333333333334%;
  }
  .bell-col-lg-pull-21 {
    right: 87.5%;
  }
  .bell-col-lg-pull-22 {
    right: 91.66666666666666%;
  }
  .bell-col-lg-pull-23 {
    right: 95.83333333333334%;
  }
  .bell-col-lg-pull-24 {
    right: 100%;
  }
  .bell-col-lg-offset-0 {
    margin-left: 0%;
  }
  .bell-col-lg-offset-1 {
    margin-left: 4.166666666666666%;
  }
  .bell-col-lg-offset-2 {
    margin-left: 8.333333333333332%;
  }
  .bell-col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .bell-col-lg-offset-4 {
    margin-left: 16.666666666666664%;
  }
  .bell-col-lg-offset-5 {
    margin-left: 20.833333333333336%;
  }
  .bell-col-lg-offset-6 {
    margin-left: 25%;
  }
  .bell-col-lg-offset-7 {
    margin-left: 29.166666666666668%;
  }
  .bell-col-lg-offset-8 {
    margin-left: 33.33333333333333%;
  }
  .bell-col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .bell-col-lg-offset-10 {
    margin-left: 41.66666666666667%;
  }
  .bell-col-lg-offset-11 {
    margin-left: 45.83333333333333%;
  }
  .bell-col-lg-offset-12 {
    margin-left: 50%;
  }
  .bell-col-lg-offset-13 {
    margin-left: 54.166666666666664%;
  }
  .bell-col-lg-offset-14 {
    margin-left: 58.333333333333336%;
  }
  .bell-col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .bell-col-lg-offset-16 {
    margin-left: 66.66666666666666%;
  }
  .bell-col-lg-offset-17 {
    margin-left: 70.83333333333334%;
  }
  .bell-col-lg-offset-18 {
    margin-left: 75%;
  }
  .bell-col-lg-offset-19 {
    margin-left: 79.16666666666666%;
  }
  .bell-col-lg-offset-20 {
    margin-left: 83.33333333333334%;
  }
  .bell-col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .bell-col-lg-offset-22 {
    margin-left: 91.66666666666666%;
  }
  .bell-col-lg-offset-23 {
    margin-left: 95.83333333333334%;
  }
  .bell-col-lg-offset-24 {
    margin-left: 100%;
  }
  .bell-col-lg-order-0 {
    order: 0;
  }
  .bell-col-lg-order-1 {
    order: 1;
  }
  .bell-col-lg-order-2 {
    order: 2;
  }
  .bell-col-lg-order-3 {
    order: 3;
  }
  .bell-col-lg-order-4 {
    order: 4;
  }
  .bell-col-lg-order-5 {
    order: 5;
  }
  .bell-col-lg-order-6 {
    order: 6;
  }
  .bell-col-lg-order-7 {
    order: 7;
  }
  .bell-col-lg-order-8 {
    order: 8;
  }
  .bell-col-lg-order-9 {
    order: 9;
  }
  .bell-col-lg-order-10 {
    order: 10;
  }
  .bell-col-lg-order-11 {
    order: 11;
  }
  .bell-col-lg-order-12 {
    order: 12;
  }
  .bell-col-lg-order-13 {
    order: 13;
  }
  .bell-col-lg-order-14 {
    order: 14;
  }
  .bell-col-lg-order-15 {
    order: 15;
  }
  .bell-col-lg-order-16 {
    order: 16;
  }
  .bell-col-lg-order-17 {
    order: 17;
  }
  .bell-col-lg-order-18 {
    order: 18;
  }
  .bell-col-lg-order-19 {
    order: 19;
  }
  .bell-col-lg-order-20 {
    order: 20;
  }
  .bell-col-lg-order-21 {
    order: 21;
  }
  .bell-col-lg-order-22 {
    order: 22;
  }
  .bell-col-lg-order-23 {
    order: 23;
  }
  .bell-col-lg-order-24 {
    order: 24;
  }
}
.bell-icon + .bell-icon {
  margin-left: 6px;
}
.bell-icon.bell-icon-spin:before {
  animation: 1s linear infinite icon-spin;
}
@-moz-keyframes icon-spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes icon-spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-o-keyframes icon-spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes icon-spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.tiny {
  font-size: 12px;
  line-height: 1.333333333333333;
}
.small {
  font-size: 12px;
  line-height: 1.571428571428571;
}
.large {
  font-size: 16px;
  line-height: 1.625;
}
.huge {
  font-size: 18px;
  line-height: 2;
}
a {
  color: #666;
  text-decoration: none;
}
a:hover {
  color: #f90;
}
.bell-link {
  color: #666;
  text-decoration: none;
  cursor: pointer;
}
.bell-link input,
button.bell-link {
  background-color: transparent;
  outline: 0;
  border: 0;
  padding: 0;
}
.bell-link {
  font-size: 14px;
}
.bell-link.tiny {
  font-size: 12px;
}
.bell-link.small {
  font-size: 12px;
}
.bell-link.large {
  font-size: 16px;
}
.bell-link.huge {
  font-size: 18px;
}
.bell-link.hover,
.bell-link:hover,
.bell-link.bell-hover {
  color: #f90;
}
.bell-link.disabled,
.bell-link[disabled] {
  color: #bbb !important;
}
.bell-links {
  font-size: 0;
}
.bell-links > .bell-link + .bell-link {
  margin-left: 8px;
}
.bell-links > .bell-link + .bell-link.fluid {
  margin-left: 0;
  margin-top: 8px;
}
.bell-links > .bell-link {
  font-size: 14px;
}
.bell-links.tiny > .bell-link + .bell-link {
  margin-left: 4px;
}
.bell-links.tiny > .bell-link + .bell-link.fluid {
  margin-left: 0;
  margin-top: 4px;
}
.bell-links.tiny > .bell-link {
  font-size: 12px;
}
.bell-links.small > .bell-link + .bell-link {
  margin-left: 6px;
}
.bell-links.small > .bell-link + .bell-link.fluid {
  margin-left: 0;
  margin-top: 6px;
}
.bell-links.small > .bell-link {
  font-size: 12px;
}
.bell-links.large > .bell-link + .bell-link {
  margin-left: 12px;
}
.bell-links.large > .bell-link + .bell-link.fluid {
  margin-left: 0;
  margin-top: 12px;
}
.bell-links.large > .bell-link {
  font-size: 16px;
}
.bell-links.huge > .bell-link + .bell-link {
  margin-left: 14px;
}
.bell-links.huge > .bell-link + .bell-link.fluid {
  margin-left: 0;
  margin-top: 14px;
}
.bell-links.huge > .bell-link {
  font-size: 18px;
}
.bell-links.tight > .bell-link + .bell-link {
  margin-left: 0;
}
.bell-links.tight > .bell-link + .bell-linkselector-fluid {
  margin-top: 0;
}
.bell-links.justified {
  display: table;
}
.bell-links.justified > .bell-link {
  display: table-cell;
  width: 1%;
}
.primary {
  color: #1890ff;
}
.primary .bell-link {
  color: inherit;
}
.primary.bell-link.hover,
.primary .bell-link.hover,
.primary.bell-link:hover,
.primary .bell-link:hover,
.primary.bell-link.bell-hover,
.primary .bell-link.bell-hover {
  color: #1890ff;
}
.secondary {
  color: #666;
}
.secondary .bell-link {
  color: inherit;
}
.secondary.bell-link.hover,
.secondary .bell-link.hover,
.secondary.bell-link:hover,
.secondary .bell-link:hover,
.secondary.bell-link.bell-hover,
.secondary .bell-link.bell-hover {
  color: #f90;
}
.success {
  color: #52c41a;
}
.success .bell-link {
  color: inherit;
}
.success.bell-link.hover,
.success .bell-link.hover,
.success.bell-link:hover,
.success .bell-link:hover,
.success.bell-link.bell-hover,
.success .bell-link.bell-hover {
  color: #52c41a;
}
.error {
  color: #f5222d;
}
.error .bell-link {
  color: inherit;
}
.error.bell-link.hover,
.error .bell-link.hover,
.error.bell-link:hover,
.error .bell-link:hover,
.error.bell-link.bell-hover,
.error .bell-link.bell-hover {
  color: #f5222d;
}
.info {
  color: #2db7f5;
}
.info .bell-link {
  color: inherit;
}
.info.bell-link.hover,
.info .bell-link.hover,
.info.bell-link:hover,
.info .bell-link:hover,
.info.bell-link.bell-hover,
.info .bell-link.bell-hover {
  color: #2db7f5;
}
.warning {
  color: #faad14;
}
.warning .bell-link {
  color: inherit;
}
.warning.bell-link.hover,
.warning .bell-link.hover,
.warning.bell-link:hover,
.warning .bell-link:hover,
.warning.bell-link.bell-hover,
.warning .bell-link.bell-hover {
  color: #faad14;
}
.danger {
  color: #eb1111;
}
.danger .bell-link {
  color: inherit;
}
.danger.bell-link.hover,
.danger .bell-link.hover,
.danger.bell-link:hover,
.danger .bell-link:hover,
.danger.bell-link.bell-hover,
.danger .bell-link.bell-hover {
  color: #eb1111;
}
.muted {
  color: rgba(0,0,0,0.37);
}
.muted .bell-link {
  color: inherit;
}
.muted.bell-link.hover,
.muted .bell-link.hover,
.muted.bell-link:hover,
.muted .bell-link:hover,
.muted.bell-link.bell-hover,
.muted .bell-link.bell-hover {
  color: rgba(0,0,0,0.37);
}
.bell-button {
  display: inline-block;
  text-align: center;
  user-select: none;
  white-space: nowrap;
  cursor: pointer;
  background-image: none;
  font-weight: 400;
  border: 1px solid transparent;
  transition: color 0.2s ease-out, background-color 0.2s ease-out, border 0.2s ease-out, box-shadow 0.2s ease-out;
}
a.bell-button {
  color: #555;
  text-decoration: none;
}
button.bell-button {
  background-color: transparent;
  outline: 0;
}
.bell-button {
  font-size: 14px;
  line-height: 1.477;
  padding: 5px 12px;
}
.bell-button-tiny {
  font-size: 12px;
  line-height: 1.333333333333333;
  padding: 1px 4px;
}
.bell-button-small {
  font-size: 12px;
  line-height: 1.571428571428571;
  padding: 3px 7px;
}
.bell-button-large {
  font-size: 16px;
  line-height: 1.625;
  padding: 8px 16px;
}
.bell-button-huge {
  font-size: 18px;
  line-height: 2;
  padding: 10px 20px;
}
.bell-button {
  border-radius: 4px;
}
.bell-button-tiny {
  border-radius: 1px;
}
.bell-button-small {
  border-radius: 2px;
}
.bell-button-large {
  border-radius: 8px;
}
.bell-button-huge {
  border-radius: 10px;
}
.bell-button-circle {
  border-radius: 50%;
}
.bell-button-round {
  border-radius: 32px;
}
button.bell-button-default-normal {
  color: rgba(0,0,0,0.54);
  border-color: #eee;
  background-color: #fff;
}
button.bell-button-default-normal.hover,
button.bell-button-default-normal:hover,
button.bell-button-default-normal.bell-hover {
  color: #1890ff;
  border-color: #1890ff;
  background-color: #fff;
}
.bell-button-default-normal.active,
.bell-button-default-normal:active,
.bell-button-default-normal.bell-active {
  outline: none;
}
button.bell-button-default-normal.active,
button.bell-button-default-normal:active,
button.bell-button-default-normal.bell-active {
  color: #1890ff;
  border-color: #1890ff;
  background-color: #fff;
}
.bell-button-default-normal.focus,
.bell-button-default-normal:focus,
.bell-button-default-normal.bell-focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(24,144,255,0.2);
}
.bell-button-default-normal.disabled,
.bell-button-default-normal[disabled] {
  cursor: not-allowed !important;
}
button.bell-button-default-normal.disabled,
button.bell-button-default-normal[disabled] {
  color: #c7c7c7;
  border-color: #eee;
  background-color: #fcfcfc;
}
button.bell-button-primary-normal {
  color: #fff;
  border-color: #1890ff;
  background-color: #1890ff;
}
button.bell-button-primary-normal.hover,
button.bell-button-primary-normal:hover,
button.bell-button-primary-normal.bell-hover {
  color: #fff;
  border-color: #40a9ff;
  background-color: #40a9ff;
}
.bell-button-primary-normal.active,
.bell-button-primary-normal:active,
.bell-button-primary-normal.bell-active {
  outline: none;
}
button.bell-button-primary-normal.active,
button.bell-button-primary-normal:active,
button.bell-button-primary-normal.bell-active {
  color: #fff;
  border-color: #40a9ff;
  background-color: #40a9ff;
}
.bell-button-primary-normal.focus,
.bell-button-primary-normal:focus,
.bell-button-primary-normal.bell-focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(64,169,255,0.2);
}
.bell-button-primary-normal.disabled,
.bell-button-primary-normal[disabled] {
  cursor: not-allowed !important;
}
button.bell-button-primary-normal.disabled,
button.bell-button-primary-normal[disabled] {
  color: #c7c7c7;
  border-color: #eee;
  background-color: #fcfcfc;
}
button.bell-button-success-normal {
  color: #fff;
  border-color: #52c41a;
  background-color: #52c41a;
}
button.bell-button-success-normal.hover,
button.bell-button-success-normal:hover,
button.bell-button-success-normal.bell-hover {
  color: #fff;
  border-color: #47cb89;
  background-color: #47cb89;
}
.bell-button-success-normal.active,
.bell-button-success-normal:active,
.bell-button-success-normal.bell-active {
  outline: none;
}
button.bell-button-success-normal.active,
button.bell-button-success-normal:active,
button.bell-button-success-normal.bell-active {
  color: #fff;
  border-color: #47cb89;
  background-color: #47cb89;
}
.bell-button-success-normal.focus,
.bell-button-success-normal:focus,
.bell-button-success-normal.bell-focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(71,203,137,0.2);
}
.bell-button-success-normal.disabled,
.bell-button-success-normal[disabled] {
  cursor: not-allowed !important;
}
button.bell-button-success-normal.disabled,
button.bell-button-success-normal[disabled] {
  color: #c7c7c7;
  border-color: #eee;
  background-color: #fcfcfc;
}
button.bell-button-error-normal {
  color: #fff;
  border-color: #f5222d;
  background-color: #f5222d;
}
button.bell-button-error-normal.hover,
button.bell-button-error-normal:hover,
button.bell-button-error-normal.bell-hover {
  color: #fff;
  border-color: #f16643;
  background-color: #f16643;
}
.bell-button-error-normal.active,
.bell-button-error-normal:active,
.bell-button-error-normal.bell-active {
  outline: none;
}
button.bell-button-error-normal.active,
button.bell-button-error-normal:active,
button.bell-button-error-normal.bell-active {
  color: #fff;
  border-color: #f16643;
  background-color: #f16643;
}
.bell-button-error-normal.focus,
.bell-button-error-normal:focus,
.bell-button-error-normal.bell-focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(241,102,67,0.2);
}
.bell-button-error-normal.disabled,
.bell-button-error-normal[disabled] {
  cursor: not-allowed !important;
}
button.bell-button-error-normal.disabled,
button.bell-button-error-normal[disabled] {
  color: #c7c7c7;
  border-color: #eee;
  background-color: #fcfcfc;
}
button.bell-button-info-normal {
  color: #fff;
  border-color: #2db7f5;
  background-color: #2db7f5;
}
button.bell-button-info-normal.hover,
button.bell-button-info-normal:hover,
button.bell-button-info-normal.bell-hover {
  color: #fff;
  border-color: #57c5f7;
  background-color: #57c5f7;
}
.bell-button-info-normal.active,
.bell-button-info-normal:active,
.bell-button-info-normal.bell-active {
  outline: none;
}
button.bell-button-info-normal.active,
button.bell-button-info-normal:active,
button.bell-button-info-normal.bell-active {
  color: #fff;
  border-color: #57c5f7;
  background-color: #57c5f7;
}
.bell-button-info-normal.focus,
.bell-button-info-normal:focus,
.bell-button-info-normal.bell-focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(87,197,247,0.2);
}
.bell-button-info-normal.disabled,
.bell-button-info-normal[disabled] {
  cursor: not-allowed !important;
}
button.bell-button-info-normal.disabled,
button.bell-button-info-normal[disabled] {
  color: #c7c7c7;
  border-color: #eee;
  background-color: #fcfcfc;
}
button.bell-button-warning-normal {
  color: #fff;
  border-color: #faad14;
  background-color: #faad14;
}
button.bell-button-warning-normal.hover,
button.bell-button-warning-normal:hover,
button.bell-button-warning-normal.bell-hover {
  color: #fff;
  border-color: #ffad33;
  background-color: #ffad33;
}
.bell-button-warning-normal.active,
.bell-button-warning-normal:active,
.bell-button-warning-normal.bell-active {
  outline: none;
}
button.bell-button-warning-normal.active,
button.bell-button-warning-normal:active,
button.bell-button-warning-normal.bell-active {
  color: #fff;
  border-color: #ffad33;
  background-color: #ffad33;
}
.bell-button-warning-normal.focus,
.bell-button-warning-normal:focus,
.bell-button-warning-normal.bell-focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(255,173,51,0.2);
}
.bell-button-warning-normal.disabled,
.bell-button-warning-normal[disabled] {
  cursor: not-allowed !important;
}
button.bell-button-warning-normal.disabled,
button.bell-button-warning-normal[disabled] {
  color: #c7c7c7;
  border-color: #eee;
  background-color: #fcfcfc;
}
button.bell-button-danger-normal {
  color: #fff;
  border-color: #eb1111;
  background-color: #eb1111;
}
button.bell-button-danger-normal.hover,
button.bell-button-danger-normal:hover,
button.bell-button-danger-normal.bell-hover {
  color: #fff;
  border-color: #ee3737;
  background-color: #ee3737;
}
.bell-button-danger-normal.active,
.bell-button-danger-normal:active,
.bell-button-danger-normal.bell-active {
  outline: none;
}
button.bell-button-danger-normal.active,
button.bell-button-danger-normal:active,
button.bell-button-danger-normal.bell-active {
  color: #fff;
  border-color: #ee3737;
  background-color: #ee3737;
}
.bell-button-danger-normal.focus,
.bell-button-danger-normal:focus,
.bell-button-danger-normal.bell-focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(238,55,55,0.2);
}
.bell-button-danger-normal.disabled,
.bell-button-danger-normal[disabled] {
  cursor: not-allowed !important;
}
button.bell-button-danger-normal.disabled,
button.bell-button-danger-normal[disabled] {
  color: #c7c7c7;
  border-color: #eee;
  background-color: #fcfcfc;
}
button.bell-button-default-ghost {
  color: #fff;
  border-color: #fff;
}
button.bell-button-default-ghost.hover,
button.bell-button-default-ghost:hover,
button.bell-button-default-ghost.bell-hover {
  color: rgba(0,0,0,0.54);
  border-color: rgba(0,0,0,0.54);
}
.bell-button-default-ghost.active,
.bell-button-default-ghost:active,
.bell-button-default-ghost.bell-active {
  outline: none;
}
button.bell-button-default-ghost.active,
button.bell-button-default-ghost:active,
button.bell-button-default-ghost.bell-active {
  color: rgba(0,0,0,0.54);
  border-color: rgba(0,0,0,0.54);
}
.bell-button-default-ghost.focus,
.bell-button-default-ghost:focus,
.bell-button-default-ghost.bell-focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(0,0,0,0.2);
}
.bell-button-default-ghost.disabled,
.bell-button-default-ghost[disabled] {
  cursor: not-allowed !important;
}
button.bell-button-default-ghost.disabled,
button.bell-button-default-ghost[disabled] {
  color: #c7c7c7;
  border-color: #eee;
}
button.bell-button-primary-ghost {
  color: #fff;
  border-color: #fff;
}
button.bell-button-primary-ghost.hover,
button.bell-button-primary-ghost:hover,
button.bell-button-primary-ghost.bell-hover {
  color: #1890ff;
  border-color: #40a9ff;
}
.bell-button-primary-ghost.active,
.bell-button-primary-ghost:active,
.bell-button-primary-ghost.bell-active {
  outline: none;
}
button.bell-button-primary-ghost.active,
button.bell-button-primary-ghost:active,
button.bell-button-primary-ghost.bell-active {
  color: #1890ff;
  border-color: #40a9ff;
}
.bell-button-primary-ghost.focus,
.bell-button-primary-ghost:focus,
.bell-button-primary-ghost.bell-focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(64,169,255,0.2);
}
.bell-button-primary-ghost.disabled,
.bell-button-primary-ghost[disabled] {
  cursor: not-allowed !important;
}
button.bell-button-primary-ghost.disabled,
button.bell-button-primary-ghost[disabled] {
  color: #c7c7c7;
  border-color: #eee;
}
button.bell-button-success-ghost {
  color: #fff;
  border-color: #fff;
}
button.bell-button-success-ghost.hover,
button.bell-button-success-ghost:hover,
button.bell-button-success-ghost.bell-hover {
  color: #52c41a;
  border-color: #47cb89;
}
.bell-button-success-ghost.active,
.bell-button-success-ghost:active,
.bell-button-success-ghost.bell-active {
  outline: none;
}
button.bell-button-success-ghost.active,
button.bell-button-success-ghost:active,
button.bell-button-success-ghost.bell-active {
  color: #52c41a;
  border-color: #47cb89;
}
.bell-button-success-ghost.focus,
.bell-button-success-ghost:focus,
.bell-button-success-ghost.bell-focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(71,203,137,0.2);
}
.bell-button-success-ghost.disabled,
.bell-button-success-ghost[disabled] {
  cursor: not-allowed !important;
}
button.bell-button-success-ghost.disabled,
button.bell-button-success-ghost[disabled] {
  color: #c7c7c7;
  border-color: #eee;
}
button.bell-button-error-ghost {
  color: #fff;
  border-color: #fff;
}
button.bell-button-error-ghost.hover,
button.bell-button-error-ghost:hover,
button.bell-button-error-ghost.bell-hover {
  color: #f5222d;
  border-color: #f16643;
}
.bell-button-error-ghost.active,
.bell-button-error-ghost:active,
.bell-button-error-ghost.bell-active {
  outline: none;
}
button.bell-button-error-ghost.active,
button.bell-button-error-ghost:active,
button.bell-button-error-ghost.bell-active {
  color: #f5222d;
  border-color: #f16643;
}
.bell-button-error-ghost.focus,
.bell-button-error-ghost:focus,
.bell-button-error-ghost.bell-focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(241,102,67,0.2);
}
.bell-button-error-ghost.disabled,
.bell-button-error-ghost[disabled] {
  cursor: not-allowed !important;
}
button.bell-button-error-ghost.disabled,
button.bell-button-error-ghost[disabled] {
  color: #c7c7c7;
  border-color: #eee;
}
button.bell-button-info-ghost {
  color: #fff;
  border-color: #fff;
}
button.bell-button-info-ghost.hover,
button.bell-button-info-ghost:hover,
button.bell-button-info-ghost.bell-hover {
  color: #2db7f5;
  border-color: #57c5f7;
}
.bell-button-info-ghost.active,
.bell-button-info-ghost:active,
.bell-button-info-ghost.bell-active {
  outline: none;
}
button.bell-button-info-ghost.active,
button.bell-button-info-ghost:active,
button.bell-button-info-ghost.bell-active {
  color: #2db7f5;
  border-color: #57c5f7;
}
.bell-button-info-ghost.focus,
.bell-button-info-ghost:focus,
.bell-button-info-ghost.bell-focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(87,197,247,0.2);
}
.bell-button-info-ghost.disabled,
.bell-button-info-ghost[disabled] {
  cursor: not-allowed !important;
}
button.bell-button-info-ghost.disabled,
button.bell-button-info-ghost[disabled] {
  color: #c7c7c7;
  border-color: #eee;
}
button.bell-button-warning-ghost {
  color: #fff;
  border-color: #fff;
}
button.bell-button-warning-ghost.hover,
button.bell-button-warning-ghost:hover,
button.bell-button-warning-ghost.bell-hover {
  color: #faad14;
  border-color: #ffad33;
}
.bell-button-warning-ghost.active,
.bell-button-warning-ghost:active,
.bell-button-warning-ghost.bell-active {
  outline: none;
}
button.bell-button-warning-ghost.active,
button.bell-button-warning-ghost:active,
button.bell-button-warning-ghost.bell-active {
  color: #faad14;
  border-color: #ffad33;
}
.bell-button-warning-ghost.focus,
.bell-button-warning-ghost:focus,
.bell-button-warning-ghost.bell-focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(255,173,51,0.2);
}
.bell-button-warning-ghost.disabled,
.bell-button-warning-ghost[disabled] {
  cursor: not-allowed !important;
}
button.bell-button-warning-ghost.disabled,
button.bell-button-warning-ghost[disabled] {
  color: #c7c7c7;
  border-color: #eee;
}
button.bell-button-danger-ghost {
  color: #fff;
  border-color: #fff;
}
button.bell-button-danger-ghost.hover,
button.bell-button-danger-ghost:hover,
button.bell-button-danger-ghost.bell-hover {
  color: #eb1111;
  border-color: #ee3737;
}
.bell-button-danger-ghost.active,
.bell-button-danger-ghost:active,
.bell-button-danger-ghost.bell-active {
  outline: none;
}
button.bell-button-danger-ghost.active,
button.bell-button-danger-ghost:active,
button.bell-button-danger-ghost.bell-active {
  color: #eb1111;
  border-color: #ee3737;
}
.bell-button-danger-ghost.focus,
.bell-button-danger-ghost:focus,
.bell-button-danger-ghost.bell-focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(238,55,55,0.2);
}
.bell-button-danger-ghost.disabled,
.bell-button-danger-ghost[disabled] {
  cursor: not-allowed !important;
}
button.bell-button-danger-ghost.disabled,
button.bell-button-danger-ghost[disabled] {
  color: #c7c7c7;
  border-color: #eee;
}
.bell-button-solid {
  border: 1px solid;
}
.bell-button-none {
  border: none;
}
.bell-button-dashed {
  border: 1px dashed;
}
.bell-button.bell-button-circle {
  padding: 0;
  width: 32px;
  height: 32px;
}
.bell-button.bell-button-circle-tiny {
  padding: 0;
  width: 20px;
  height: 20px;
}
.bell-button.bell-button-circle-small {
  padding: 0;
  width: 26px;
  height: 26px;
}
.bell-button.bell-button-circle-large {
  padding: 0;
  width: 36px;
  height: 36px;
}
.bell-button.bell-button-circle-huge {
  padding: 0;
  width: 44px;
  height: 44px;
}
.bell-button > .bell-text {
  font: inherit;
}
.bell-button + .bell-button {
  margin-left: 10px;
}
.bell-button .bell-icon {
  vertical-align: middle;
}
.bell-button .bell-icon + span {
  margin-left: 4px;
}
.bell-button-group {
  display: inline-block;
}
.bell-button-group-horizontal .bell-button {
  z-index: 1;
}
.bell-button-group-horizontal .bell-button + .bell-button {
  margin-left: -1px;
}
.bell-button-group-horizontal .bell-button.bell-button-group-horizontal .bell-button.hover,
.bell-button-group-horizontal .bell-button:hover,
.bell-button-group-horizontal .bell-button.bell-hover {
  position: relative;
  z-index: 2;
}
.bell-button-group-horizontal .bell-button:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.bell-button-group-horizontal .bell-button:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.bell-button-group-horizontal .bell-button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.bell-button-group-vertical .bell-button {
  z-index: 1;
  width: 100%;
  margin-left: 0px;
}
.bell-button-group-vertical .bell-button + .bell-button {
  margin-top: -1px;
}
.bell-button-group-vertical .bell-button.bell-button-group-vertical .bell-button.hover,
.bell-button-group-vertical .bell-button:hover,
.bell-button-group-vertical .bell-button.bell-hover {
  position: relative;
  z-index: 2;
}
.bell-button-group-vertical .bell-button:first-child:not(:last-child) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.bell-button-group-vertical .bell-button:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.bell-button-group-vertical .bell-button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.bell-button-group .bell-button {
  font-size: 14px;
  line-height: 1.477;
  padding: 5px 12px;
}
.bell-button-group-tiny .bell-button {
  font-size: 12px;
  line-height: 1.333333333333333;
  padding: 1px 4px;
}
.bell-button-group-small .bell-button {
  font-size: 12px;
  line-height: 1.571428571428571;
  padding: 3px 7px;
}
.bell-button-group-large .bell-button {
  font-size: 16px;
  line-height: 1.625;
  padding: 8px 16px;
}
.bell-button-group-huge .bell-button {
  font-size: 18px;
  line-height: 2;
  padding: 10px 20px;
}
.bell-button-group.bell-button-group-round.bell-button-group .bell-button:first-child:not(:last-child) {
  border-top-left-radius: 32px;
  border-bottom-left-radius: 32px;
}
.bell-button-group.bell-button-group-round.bell-button-group .bell-button:last-child:not(:first-child) {
  border-top-right-radius: 32px;
  border-bottom-right-radius: 32px;
}
.bell-button-group.bell-button-group-round.bell-button-group-tiny .bell-button:first-child:not(:last-child) {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.bell-button-group.bell-button-group-round.bell-button-group-tiny .bell-button:last-child:not(:first-child) {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.bell-button-group.bell-button-group-round.bell-button-group-small .bell-button:first-child:not(:last-child) {
  border-top-left-radius: 26px;
  border-bottom-left-radius: 26px;
}
.bell-button-group.bell-button-group-round.bell-button-group-small .bell-button:last-child:not(:first-child) {
  border-top-right-radius: 26px;
  border-bottom-right-radius: 26px;
}
.bell-button-group.bell-button-group-round.bell-button-group-large .bell-button:first-child:not(:last-child) {
  border-top-left-radius: 36px;
  border-bottom-left-radius: 36px;
}
.bell-button-group.bell-button-group-round.bell-button-group-large .bell-button:last-child:not(:first-child) {
  border-top-right-radius: 36px;
  border-bottom-right-radius: 36px;
}
.bell-button-group.bell-button-group-round.bell-button-group-huge .bell-button:first-child:not(:last-child) {
  border-top-left-radius: 44px;
  border-bottom-left-radius: 44px;
}
.bell-button-group.bell-button-group-round.bell-button-group-huge .bell-button:last-child:not(:first-child) {
  border-top-right-radius: 44px;
  border-bottom-right-radius: 44px;
}
.bell-button-fluid {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.bell-layout {
  display: flex;
  flex-direction: row;
  flex: 1;
}
.bell-layout-header {
  flex: 0 0 64px;
  box-sizing: border-box;
  padding: 0 50px;
  line-height: 64px;
  background-color: #1890ff;
  color: #fff;
}
.bell-layout-content {
  flex: auto;
  box-sizing: border-box;
}
.bell-layout-footer {
  flex: 0 0 auto;
  box-sizing: border-box;
  padding: 24px 50px;
  background-color: #f5f7f9;
  color: #515a6e;
}
.bell-layout-sider {
  flex: 0 0 200px;
  box-sizing: border-box;
  background-color: #515a6e;
}
.bell-layout-sider-collapsed {
  flex: 0 0 80px;
  box-sizing: border-box;
  background-color: #515a6e;
}
.bell-layout-trigger {
  flex: ;
  box-sizing: border-box;
  color: #fff;
}
.bell-layout .bell-layout-sider {
  transition: flex 0.4s;
  max-height: 100%;
}
.bell-layout .bell-layout-sider-trigger {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  text-align: center;
  cursor: pointer;
  padding: 10px;
  color: #fff;
  transition: transform 0.2s;
  z-index: 1;
}
.bell-layout.column {
  display: flex;
  flex-direction: column;
}
.bell-layout.fluid {
  width: 100%;
}
.bell-layout-header-left {
  float: left;
}
.bell-layout-header-right {
  float: right;
}
.bell-layout-header-center {
  margin: 0 auto;
  display: inline-block;
}
.bell-layout-sider {
  position: relative;
}
.bell-layout-sider.bell-layout-sider-collapsed .bell-layout-sider-trigger-icon::before {
  transition: transform 0.2s;
  transform: rotate(-180deg);
}
.bell-layout-sider.bell-layout-sider-collapsed .bell-layout-sider-children {
  overflow: visible;
}
.bell-layout-sider .bell-layout-sider-children {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 38px;
  overflow: auto;
}
.bell-layout-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.bell-breadcrumb {
  margin: 15px;
  color: #999;
}
.bell-breadcrumb .bell-breadcrumb-gap {
  display: inline-block;
  margin: 0 10px;
}
.bell-breadcrumb .bell-breadcrumb-link {
  cursor: pointer;
  text-decoration: none;
  color: #999;
}
.bell-breadcrumb .bell-breadcrumb-item:last-child .bell-breadcrumb-link {
  font-weight: bold;
  color: #000;
}
.bell-breadcrumb .bell-breadcrumb-item:last-child .bell-breadcrumb-gap {
  display: none;
}
.bell-input-wrapper.bell-input-has-append .bell-input,
.bell-input-wrapper.bell-input-has-prepend .bell-input {
  width: auto;
}
.bell-input-wrapper .bell-input-prepend,
.bell-input-wrapper .bell-input-append {
  border: 1px solid;
  display: inline-block;
  font-size: 12px;
  vertical-align: top;
  padding: 0 10px;
}
.bell-input-wrapper .bell-input-prepend {
  border-right: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.bell-input-wrapper .bell-input-prepend + .bell-input,
.bell-input-wrapper .bell-input-prepend + .bell-input-number {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.bell-input-wrapper.bell-input-has-append .bell-input,
.bell-input-wrapper.bell-input-has-append .bell-input-number {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.bell-input-wrapper .bell-input-append {
  border-left: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.bell-input-wrapper .bell-input-prepend {
  height: 34px;
  line-height: 34px;
}
.bell-input-wrapper .bell-input-append {
  height: 34px;
  line-height: 34px;
}
.bell-input-wrapper .bell-input .bell-input-el {
  height: 32px;
  line-height: 32px;
  padding: 8px 15px;
}
.bell-input-wrapper .bell-input .bell-input-icon-eye {
  line-height: 32px;
}
.bell-input-wrapper.bell-input-wrapper-clearable .bell-input-clear-icon {
  height: 32px;
  line-height: 32px;
}
.bell-input-wrapper-small .bell-input-prepend {
  height: 26px;
  line-height: 26px;
}
.bell-input-wrapper-small .bell-input-append {
  height: 26px;
  line-height: 26px;
}
.bell-input-wrapper-small .bell-input .bell-input-el {
  height: 24px;
  line-height: 24px;
  padding: 2px 15px;
}
.bell-input-wrapper-small .bell-input .bell-input-icon-eye {
  line-height: 24px;
}
.bell-input-wrapper-small.bell-input-wrapper-clearable .bell-input-clear-icon {
  height: 24px;
  line-height: 24px;
}
.bell-input-wrapper-large .bell-input-prepend {
  height: 38px;
  line-height: 38px;
}
.bell-input-wrapper-large .bell-input-append {
  height: 38px;
  line-height: 38px;
}
.bell-input-wrapper-large .bell-input .bell-input-el {
  height: 36px;
  line-height: 36px;
  padding: 10px 15px;
}
.bell-input-wrapper-large .bell-input .bell-input-icon-eye {
  line-height: 36px;
}
.bell-input-wrapper-large.bell-input-wrapper-clearable .bell-input-clear-icon {
  height: 36px;
  line-height: 36px;
}
.bell-input-wrapper .bell-input-prepend {
  border-color: #eee;
}
.bell-input-wrapper .bell-input-append {
  border-color: #eee;
}
.bell-input-wrapper .bell-input {
  border-color: #eee;
  background-color: #fff;
}
.bell-input-wrapper.bell-input-wrapper.hover .bell-input,
.bell-input-wrapper:hover .bell-input,
.bell-input-wrapper.bell-hover .bell-input {
  border-color: #40a9ff;
}
.bell-input-wrapper.bell-focus .bell-input {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px #d2ecf1;
}
.bell-input-wrapper-success .bell-input-prepend {
  border-color: #47cb89;
}
.bell-input-wrapper-success .bell-input-append {
  border-color: #47cb89;
}
.bell-input-wrapper-success .bell-input {
  border-color: #47cb89;
  background-color: #fff;
}
.bell-input-wrapper-success.bell-input-wrapper-success.hover .bell-input,
.bell-input-wrapper-success:hover .bell-input,
.bell-input-wrapper-success.bell-hover .bell-input {
  border-color: #47cb89;
}
.bell-input-wrapper-success.bell-focus .bell-input {
  border-color: #47cb89;
  box-shadow: 0 0 0 2px #d5eddb;
}
.bell-input-wrapper-error .bell-input-prepend {
  border-color: #f16643;
}
.bell-input-wrapper-error .bell-input-append {
  border-color: #f16643;
}
.bell-input-wrapper-error .bell-input {
  border-color: #f16643;
  background-color: #fff;
}
.bell-input-wrapper-error.bell-input-wrapper-error.hover .bell-input,
.bell-input-wrapper-error:hover .bell-input,
.bell-input-wrapper-error.bell-hover .bell-input {
  border-color: #f16643;
}
.bell-input-wrapper-error.bell-focus .bell-input {
  border-color: #f16643;
  box-shadow: 0 0 0 2px #f7d7db;
}
.bell-input-wrapper-info .bell-input-prepend {
  border-color: #57c5f7;
}
.bell-input-wrapper-info .bell-input-append {
  border-color: #57c5f7;
}
.bell-input-wrapper-info .bell-input {
  border-color: #57c5f7;
  background-color: #fff;
}
.bell-input-wrapper-info.bell-input-wrapper-info.hover .bell-input,
.bell-input-wrapper-info:hover .bell-input,
.bell-input-wrapper-info.bell-hover .bell-input {
  border-color: #57c5f7;
}
.bell-input-wrapper-info.bell-focus .bell-input {
  border-color: #57c5f7;
  box-shadow: 0 0 0 2px #d2ecf1;
}
.bell-input-wrapper-warning .bell-input-prepend {
  border-color: #ffad33;
}
.bell-input-wrapper-warning .bell-input-append {
  border-color: #ffad33;
}
.bell-input-wrapper-warning .bell-input {
  border-color: #ffad33;
  background-color: #fff;
}
.bell-input-wrapper-warning.bell-input-wrapper-warning.hover .bell-input,
.bell-input-wrapper-warning:hover .bell-input,
.bell-input-wrapper-warning.bell-hover .bell-input {
  border-color: #ffad33;
}
.bell-input-wrapper-warning.bell-focus .bell-input {
  border-color: #ffad33;
  box-shadow: 0 0 0 2px #fff3cf;
}
.bell-input-wrapper-danger .bell-input-prepend {
  border-color: #ee3737;
}
.bell-input-wrapper-danger .bell-input-append {
  border-color: #ee3737;
}
.bell-input-wrapper-danger .bell-input {
  border-color: #ee3737;
  background-color: #fff;
}
.bell-input-wrapper-danger.bell-input-wrapper-danger.hover .bell-input,
.bell-input-wrapper-danger:hover .bell-input,
.bell-input-wrapper-danger.bell-hover .bell-input {
  border-color: #ee3737;
}
.bell-input-wrapper-danger.bell-focus .bell-input {
  border-color: #ee3737;
  box-shadow: 0 0 0 2px #f7d7db;
}
.bell-input-wrapper-disabled .bell-input-prepend {
  border-color: #dddee1;
}
.bell-input-wrapper-disabled .bell-input-append {
  border-color: #dddee1;
}
.bell-input-wrapper-disabled .bell-input {
  border-color: #dddee1;
  background-color: #f7f7f7;
}
.bell-input-wrapper-disabled.bell-input-wrapper-disabled.hover .bell-input,
.bell-input-wrapper-disabled:hover .bell-input,
.bell-input-wrapper-disabled.bell-hover .bell-input {
  border-color: #dddee1;
}
.bell-input-wrapper-disabled.bell-focus .bell-input {
  border-color: #dddee1;
  box-shadow: none;
}
.bell-input-wrapper.bell-input-wrapper-disabled .bell-input {
  cursor: not-allowed;
}
.bell-input-wrapper.bell-input-wrapper-disabled .bell-input .bell-input-el {
  cursor: not-allowed;
}
.bell-input-wrapper.bell-input-wrapper-clearable .bell-input-el {
  padding-right: 24px;
}
.bell-input-wrapper.bell-input-wrapper-clearable .bell-input-clear-icon {
  position: absolute;
  right: 0;
  text-align: center;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  width: 24px;
  font-size: 16px;
  color: #ddd;
}
.bell-input-wrapper.bell-input-wrapper-clearable.bell-input-wrapper.bell-input-wrapper-clearable.hover .bell-input-clear-icon,
.bell-input-wrapper.bell-input-wrapper-clearable:hover .bell-input-clear-icon,
.bell-input-wrapper.bell-input-wrapper-clearable.bell-hover .bell-input-clear-icon {
  opacity: 1;
}
.bell-textarea,
.bell-input {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  width: 100%;
  outline: none;
  position: relative;
  border: 1px solid;
  border-radius: 4px;
  transition: border-color 0.3s, box-shadow 0.3s;
  line-height: 0;
}
.bell-textarea .bell-input-icon-eye,
.bell-input .bell-input-icon-eye {
  position: absolute;
  margin-left: -30px;
  width: 30px;
  text-align: center;
  cursor: pointer;
  color: #ddd;
  transition: color 0.3s;
}
.bell-textarea .bell-input-icon-eye.bell-textarea .bell-input-icon-eye.hover,
.bell-input .bell-input-icon-eye.bell-input .bell-input-icon-eye.hover,
.bell-textarea .bell-input-icon-eye:hover,
.bell-input .bell-input-icon-eye:hover,
.bell-textarea .bell-input-icon-eye.bell-hover,
.bell-input .bell-input-icon-eye.bell-hover {
  color: #aaa;
}
.bell-textarea .bell-input-el,
.bell-input .bell-input-el {
  border: none;
  box-sizing: border-box;
  display: inline-block;
  outline: none;
  width: 100%;
  background-image: none;
  position: relative;
  cursor: text;
  background-color: transparent;
  resize: vertical;
  font-size: 13px;
  color: rgba(0,0,0,0.87);
}
.bell-textarea .bell-input-el::-webkit-input-placeholder,
.bell-input .bell-input-el::-webkit-input-placeholder {
  color: #d2d2d2;
}
.bell-textarea .bell-input-el:-moz-placeholder,
.bell-input .bell-input-el:-moz-placeholder {
  color: #d2d2d2;
}
.bell-textarea .bell-input-el::-moz-placeholder,
.bell-input .bell-input-el::-moz-placeholder {
  color: #d2d2d2;
}
.bell-textarea .bell-input-el:-ms-input-placeholder,
.bell-input .bell-input-el:-ms-input-placeholder {
  color: #d2d2d2;
}
.bell-textarea.bell-textarea .bell-input-el,
.bell-input.bell-textarea .bell-input-el {
  resize: none;
  line-height: 1.5;
}
.bell-menu {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  outline: 0;
  list-style: none;
  position: relative;
  color: #515a6e;
  font-size: 14px;
  transition: background 0.3s, width 0.2s;
  z-index: 1;
}
.bell-menu .bell-menu,
.bell-menu .bell-menu-group {
  padding-left: 16px;
}
.bell-menu .bell-menu-dropdown {
  display: none;
  position: absolute;
  max-height: 200px;
  min-width: 200px;
  overflow: auto;
  margin: 0;
  padding: 0;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 0 1px 6px rgba(0,0,0,0.2);
}
.bell-menu .bell-menu-open .bell-menu-dropdown {
  display: block;
}
.bell-menu-item-disabled {
  color: rgba(0,0,0,0.25) !important;
  background: 0 0;
  border-color: transparent !important;
  cursor: not-allowed;
}
.bell-menu-group {
  line-height: normal;
  list-style: none;
  margin: 0;
  padding: 0;
}
.bell-menu-group > ul {
  line-height: normal;
  list-style: none;
  margin: 0;
  padding: 0;
}
.bell-menu-group > ul .bell-submenu,
.bell-menu-group > ul .bell-menu-item {
  padding: 7px 16px 8px;
  color: #515a6e;
  line-height: normal;
  height: auto;
}
.bell-menu-group-title {
  height: 30px;
  line-height: 30px;
  padding-left: 8px;
  font-size: 12px;
}
.bell-submenu,
.bell-menu-item {
  display: block;
  outline: 0;
  list-style: none;
  position: relative;
  cursor: pointer;
  font-size: 14px;
  padding: 0 20px;
  transition: all 0.2s ease-in-out;
}
.bell-submenu .bell-submenu-title-icon,
.bell-menu-item .bell-submenu-title-icon {
  float: right;
}
.bell-submenu.bell-menu-open > .bell-submenu-title .bell-submenu-title-icon::before,
.bell-menu-item.bell-menu-open > .bell-submenu-title .bell-submenu-title-icon::before {
  transform: rotate(-180deg);
  transition: transform 0.2s;
}
.bell-menu-inline .bell-menu-item {
  padding: 14px 24px;
  position: relative;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.bell-menu-inline .bell-submenu {
  padding: 0;
}
.bell-menu-inline .bell-submenu .bell-submenu-title {
  white-space: nowrap;
  padding: 14px 24px;
  position: relative;
  cursor: pointer;
  opacity: 1;
  transition: all 0.2s ease-in-out;
}
.bell-menu-inline .bell-submenu > .bell-menu {
  display: none;
}
.bell-menu-inline .bell-submenu.bell-menu-open > .bell-menu {
  display: block;
}
.bell-menu-inline .bell-submenu .bell-menu-group .bell-menu-item {
  padding: 14px 24px;
}
.bell-menu-inline.bell-menu-collapsed {
  width: 80px;
}
.bell-menu-inline.bell-menu-collapsed > .bell-menu-inline {
  display: none;
}
.bell-menu-inline.bell-menu-collapsed .bell-submenu-title-icon {
  display: none;
}
.bell-menu-inline.bell-menu-collapsed .bell-menu-open > .bell-menu {
  display: inline-block;
  position: absolute;
  width: 200px;
  left: 100%;
  margin-left: 1px;
  top: 0;
}
.bell-menu-vertical {
  height: auto;
  text-align: left;
}
.bell-menu-vertical .bell-submenu,
.bell-menu-vertical .bell-menu-item {
  padding: 14px 24px;
  position: relative;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.bell-menu-vertical .bell-menu-dropdown {
  top: 0;
  left: 100%;
  margin-left: 4px;
}
.bell-menu-vertical .bell-submenu .bell-submenu-title-icon::before {
  transform: rotate(-90deg);
}
.bell-menu-vertical .bell-submenu.bell-menu-open > .bell-submenu-title .bell-submenu-title-icon::before {
  transform: rotate(-90deg);
}
.bell-menu-horizontal {
  height: 64px;
  line-height: 64px;
}
.bell-menu-horizontal > .bell-menu-item {
  display: inline-block;
  vertical-align: bottom;
  height: inherit;
  line-height: inherit;
}
.bell-menu-horizontal > .bell-submenu {
  display: inline-block;
  vertical-align: bottom;
  height: inherit;
  line-height: inherit;
}
.bell-menu-horizontal.bell-menu-light {
  background-color: #fff;
}
.bell-menu-horizontal.bell-menu-light > .bell-menu-item,
.bell-menu-horizontal.bell-menu-light > .bell-submenu {
  color: #515a6e;
}
.bell-menu-horizontal.bell-menu-light > .bell-menu-item > a,
.bell-menu-horizontal.bell-menu-light > .bell-submenu > a {
  color: #515a6e;
}
.bell-menu-horizontal.bell-menu-light > .bell-menu-item::after,
.bell-menu-horizontal.bell-menu-light > .bell-submenu::after {
  content: " ";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  transition: width 0.1s;
  transform: translateX(-50%);
  height: 4px;
  background-color: #1890ff;
}
.bell-menu-horizontal.bell-menu-light > .bell-menu-item.bell-menu-horizontal.bell-menu-light > .bell-menu-item.hover,
.bell-menu-horizontal.bell-menu-light > .bell-submenu.bell-menu-horizontal.bell-menu-light > .bell-submenu.hover,
.bell-menu-horizontal.bell-menu-light > .bell-menu-item:hover,
.bell-menu-horizontal.bell-menu-light > .bell-submenu:hover,
.bell-menu-horizontal.bell-menu-light > .bell-menu-item.bell-hover,
.bell-menu-horizontal.bell-menu-light > .bell-submenu.bell-hover {
  color: #1890ff;
}
.bell-menu-horizontal.bell-menu-light > .bell-menu-item.bell-menu-horizontal.bell-menu-light > .bell-menu-item.hover > a,
.bell-menu-horizontal.bell-menu-light > .bell-submenu.bell-menu-horizontal.bell-menu-light > .bell-submenu.hover > a,
.bell-menu-horizontal.bell-menu-light > .bell-menu-item:hover > a,
.bell-menu-horizontal.bell-menu-light > .bell-submenu:hover > a,
.bell-menu-horizontal.bell-menu-light > .bell-menu-item.bell-hover > a,
.bell-menu-horizontal.bell-menu-light > .bell-submenu.bell-hover > a {
  color: #1890ff;
}
.bell-menu-horizontal.bell-menu-light > .bell-menu-item.bell-menu-active,
.bell-menu-horizontal.bell-menu-light > .bell-submenu.bell-menu-active {
  color: #1890ff;
}
.bell-menu-horizontal.bell-menu-light > .bell-menu-item.bell-menu-active > a,
.bell-menu-horizontal.bell-menu-light > .bell-submenu.bell-menu-active > a {
  color: #1890ff;
}
.bell-menu-horizontal.bell-menu-light > .bell-menu-item.bell-menu-active::after,
.bell-menu-horizontal.bell-menu-light > .bell-submenu.bell-menu-active::after {
  width: 100%;
}
.bell-menu-horizontal.bell-menu-light.bell-menu-horizontal::after {
  content: " ";
  display: block;
  width: 100%;
  height: 1px;
  background: #dcdee2;
  position: absolute;
  bottom: 0;
  left: 0;
}
.bell-menu-horizontal.bell-menu-light .bell-menu-group {
  background-color: #fff;
  color: #515a6e;
}
.bell-menu-horizontal.bell-menu-dark {
  background-color: #515a6e;
}
.bell-menu-horizontal.bell-menu-dark > .bell-menu-item,
.bell-menu-horizontal.bell-menu-dark > .bell-submenu {
  color: rgba(255,255,255,0.7);
}
.bell-menu-horizontal.bell-menu-dark > .bell-menu-item > a,
.bell-menu-horizontal.bell-menu-dark > .bell-submenu > a {
  color: rgba(255,255,255,0.7);
}
.bell-menu-horizontal.bell-menu-dark > .bell-menu-item::after,
.bell-menu-horizontal.bell-menu-dark > .bell-submenu::after {
  content: " ";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  transition: width 0.1s;
  transform: translateX(-50%);
  height: 4px;
  background-color: #1890ff;
}
.bell-menu-horizontal.bell-menu-dark > .bell-menu-item.bell-menu-horizontal.bell-menu-dark > .bell-menu-item.hover,
.bell-menu-horizontal.bell-menu-dark > .bell-submenu.bell-menu-horizontal.bell-menu-dark > .bell-submenu.hover,
.bell-menu-horizontal.bell-menu-dark > .bell-menu-item:hover,
.bell-menu-horizontal.bell-menu-dark > .bell-submenu:hover,
.bell-menu-horizontal.bell-menu-dark > .bell-menu-item.bell-hover,
.bell-menu-horizontal.bell-menu-dark > .bell-submenu.bell-hover {
  color: #fff;
}
.bell-menu-horizontal.bell-menu-dark > .bell-menu-item.bell-menu-horizontal.bell-menu-dark > .bell-menu-item.hover > a,
.bell-menu-horizontal.bell-menu-dark > .bell-submenu.bell-menu-horizontal.bell-menu-dark > .bell-submenu.hover > a,
.bell-menu-horizontal.bell-menu-dark > .bell-menu-item:hover > a,
.bell-menu-horizontal.bell-menu-dark > .bell-submenu:hover > a,
.bell-menu-horizontal.bell-menu-dark > .bell-menu-item.bell-hover > a,
.bell-menu-horizontal.bell-menu-dark > .bell-submenu.bell-hover > a {
  color: #fff;
}
.bell-menu-horizontal.bell-menu-dark > .bell-menu-item.bell-menu-active,
.bell-menu-horizontal.bell-menu-dark > .bell-submenu.bell-menu-active {
  color: #fff;
}
.bell-menu-horizontal.bell-menu-dark > .bell-menu-item.bell-menu-active > a,
.bell-menu-horizontal.bell-menu-dark > .bell-submenu.bell-menu-active > a {
  color: #fff;
}
.bell-menu-horizontal.bell-menu-dark > .bell-menu-item.bell-menu-active::after,
.bell-menu-horizontal.bell-menu-dark > .bell-submenu.bell-menu-active::after {
  width: 100%;
}
.bell-menu-horizontal.bell-menu-dark .bell-menu-group {
  background-color: #515a6e;
  color: rgba(255,255,255,0.7);
}
.bell-menu-vertical.bell-menu-light {
  background-color: #fff;
}
.bell-menu-vertical.bell-menu-light > .bell-menu-item,
.bell-menu-vertical.bell-menu-light > .bell-submenu {
  color: #515a6e;
}
.bell-menu-vertical.bell-menu-light > .bell-menu-item > a,
.bell-menu-vertical.bell-menu-light > .bell-submenu > a {
  color: #515a6e;
}
.bell-menu-vertical.bell-menu-light > .bell-menu-item.bell-menu-item::after,
.bell-menu-vertical.bell-menu-light > .bell-submenu.bell-menu-item::after,
.bell-menu-vertical.bell-menu-light > .bell-menu-item.bell-submenu > .bell-submenu-title::after,
.bell-menu-vertical.bell-menu-light > .bell-submenu.bell-submenu > .bell-submenu-title::after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  height: 0;
  transition: height 0.1s;
  transform: translateY(-50%);
  width: 4px;
  background-color: #1890ff;
}
.bell-menu-vertical.bell-menu-light > .bell-menu-item.bell-menu-vertical.bell-menu-light > .bell-menu-item.hover,
.bell-menu-vertical.bell-menu-light > .bell-submenu.bell-menu-vertical.bell-menu-light > .bell-submenu.hover,
.bell-menu-vertical.bell-menu-light > .bell-menu-item:hover,
.bell-menu-vertical.bell-menu-light > .bell-submenu:hover,
.bell-menu-vertical.bell-menu-light > .bell-menu-item.bell-hover,
.bell-menu-vertical.bell-menu-light > .bell-submenu.bell-hover {
  color: #1890ff;
}
.bell-menu-vertical.bell-menu-light > .bell-menu-item.bell-menu-vertical.bell-menu-light > .bell-menu-item.hover > a,
.bell-menu-vertical.bell-menu-light > .bell-submenu.bell-menu-vertical.bell-menu-light > .bell-submenu.hover > a,
.bell-menu-vertical.bell-menu-light > .bell-menu-item:hover > a,
.bell-menu-vertical.bell-menu-light > .bell-submenu:hover > a,
.bell-menu-vertical.bell-menu-light > .bell-menu-item.bell-hover > a,
.bell-menu-vertical.bell-menu-light > .bell-submenu.bell-hover > a {
  color: #1890ff;
}
.bell-menu-vertical.bell-menu-light > .bell-menu-item.bell-menu-active,
.bell-menu-vertical.bell-menu-light > .bell-submenu.bell-menu-active {
  color: #1890ff;
}
.bell-menu-vertical.bell-menu-light > .bell-menu-item.bell-menu-active > a,
.bell-menu-vertical.bell-menu-light > .bell-submenu.bell-menu-active > a {
  color: #1890ff;
}
.bell-menu-vertical.bell-menu-light > .bell-menu-item.bell-menu-active.bell-menu-item::after,
.bell-menu-vertical.bell-menu-light > .bell-submenu.bell-menu-active.bell-menu-item::after,
.bell-menu-vertical.bell-menu-light > .bell-menu-item.bell-menu-active.bell-submenu > .bell-submenu-title::after,
.bell-menu-vertical.bell-menu-light > .bell-submenu.bell-menu-active.bell-submenu > .bell-submenu-title::after {
  height: 80%;
}
.bell-menu-vertical.bell-menu-light.bell-menu-vertical::after {
  content: " ";
  display: block;
  width: 1px;
  height: 100%;
  background: #dcdee2;
  position: absolute;
  right: 0;
  top: 0;
}
.bell-menu-vertical.bell-menu-light .bell-menu-group {
  background-color: #fff;
  color: #515a6e;
}
.bell-menu-vertical.bell-menu-dark {
  background-color: #515a6e;
}
.bell-menu-vertical.bell-menu-dark > .bell-menu-item,
.bell-menu-vertical.bell-menu-dark > .bell-submenu {
  color: rgba(255,255,255,0.7);
}
.bell-menu-vertical.bell-menu-dark > .bell-menu-item > a,
.bell-menu-vertical.bell-menu-dark > .bell-submenu > a {
  color: rgba(255,255,255,0.7);
}
.bell-menu-vertical.bell-menu-dark > .bell-menu-item.bell-menu-item::after,
.bell-menu-vertical.bell-menu-dark > .bell-submenu.bell-menu-item::after,
.bell-menu-vertical.bell-menu-dark > .bell-menu-item.bell-submenu > .bell-submenu-title::after,
.bell-menu-vertical.bell-menu-dark > .bell-submenu.bell-submenu > .bell-submenu-title::after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  height: 0;
  transition: height 0.1s;
  transform: translateY(-50%);
  width: 4px;
  background-color: #1890ff;
}
.bell-menu-vertical.bell-menu-dark > .bell-menu-item.bell-menu-vertical.bell-menu-dark > .bell-menu-item.hover,
.bell-menu-vertical.bell-menu-dark > .bell-submenu.bell-menu-vertical.bell-menu-dark > .bell-submenu.hover,
.bell-menu-vertical.bell-menu-dark > .bell-menu-item:hover,
.bell-menu-vertical.bell-menu-dark > .bell-submenu:hover,
.bell-menu-vertical.bell-menu-dark > .bell-menu-item.bell-hover,
.bell-menu-vertical.bell-menu-dark > .bell-submenu.bell-hover {
  color: #fff;
}
.bell-menu-vertical.bell-menu-dark > .bell-menu-item.bell-menu-vertical.bell-menu-dark > .bell-menu-item.hover > a,
.bell-menu-vertical.bell-menu-dark > .bell-submenu.bell-menu-vertical.bell-menu-dark > .bell-submenu.hover > a,
.bell-menu-vertical.bell-menu-dark > .bell-menu-item:hover > a,
.bell-menu-vertical.bell-menu-dark > .bell-submenu:hover > a,
.bell-menu-vertical.bell-menu-dark > .bell-menu-item.bell-hover > a,
.bell-menu-vertical.bell-menu-dark > .bell-submenu.bell-hover > a {
  color: #fff;
}
.bell-menu-vertical.bell-menu-dark > .bell-menu-item.bell-menu-active,
.bell-menu-vertical.bell-menu-dark > .bell-submenu.bell-menu-active {
  color: #fff;
}
.bell-menu-vertical.bell-menu-dark > .bell-menu-item.bell-menu-active > a,
.bell-menu-vertical.bell-menu-dark > .bell-submenu.bell-menu-active > a {
  color: #fff;
}
.bell-menu-vertical.bell-menu-dark > .bell-menu-item.bell-menu-active.bell-menu-item::after,
.bell-menu-vertical.bell-menu-dark > .bell-submenu.bell-menu-active.bell-menu-item::after,
.bell-menu-vertical.bell-menu-dark > .bell-menu-item.bell-menu-active.bell-submenu > .bell-submenu-title::after,
.bell-menu-vertical.bell-menu-dark > .bell-submenu.bell-menu-active.bell-submenu > .bell-submenu-title::after {
  height: 80%;
}
.bell-menu-vertical.bell-menu-dark .bell-menu-group {
  background-color: #515a6e;
  color: rgba(255,255,255,0.7);
}
.bell-menu-inline.bell-menu-light {
  background-color: #fff;
}
.bell-menu-inline.bell-menu-light > .bell-menu-item,
.bell-menu-inline.bell-menu-light > .bell-submenu {
  color: #515a6e;
}
.bell-menu-inline.bell-menu-light > .bell-menu-item > a,
.bell-menu-inline.bell-menu-light > .bell-submenu > a {
  color: #515a6e;
}
.bell-menu-inline.bell-menu-light > .bell-menu-item.bell-menu-item::after,
.bell-menu-inline.bell-menu-light > .bell-submenu.bell-menu-item::after,
.bell-menu-inline.bell-menu-light > .bell-menu-item.bell-submenu > .bell-submenu-title::after,
.bell-menu-inline.bell-menu-light > .bell-submenu.bell-submenu > .bell-submenu-title::after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  height: 0;
  transition: height 0.1s;
  transform: translateY(-50%);
  width: 4px;
  background-color: #1890ff;
}
.bell-menu-inline.bell-menu-light > .bell-menu-item.bell-menu-inline.bell-menu-light > .bell-menu-item.hover,
.bell-menu-inline.bell-menu-light > .bell-submenu.bell-menu-inline.bell-menu-light > .bell-submenu.hover,
.bell-menu-inline.bell-menu-light > .bell-menu-item:hover,
.bell-menu-inline.bell-menu-light > .bell-submenu:hover,
.bell-menu-inline.bell-menu-light > .bell-menu-item.bell-hover,
.bell-menu-inline.bell-menu-light > .bell-submenu.bell-hover {
  color: #1890ff;
}
.bell-menu-inline.bell-menu-light > .bell-menu-item.bell-menu-inline.bell-menu-light > .bell-menu-item.hover > a,
.bell-menu-inline.bell-menu-light > .bell-submenu.bell-menu-inline.bell-menu-light > .bell-submenu.hover > a,
.bell-menu-inline.bell-menu-light > .bell-menu-item:hover > a,
.bell-menu-inline.bell-menu-light > .bell-submenu:hover > a,
.bell-menu-inline.bell-menu-light > .bell-menu-item.bell-hover > a,
.bell-menu-inline.bell-menu-light > .bell-submenu.bell-hover > a {
  color: #1890ff;
}
.bell-menu-inline.bell-menu-light > .bell-menu-item.bell-menu-active,
.bell-menu-inline.bell-menu-light > .bell-submenu.bell-menu-active {
  color: #1890ff;
}
.bell-menu-inline.bell-menu-light > .bell-menu-item.bell-menu-active > a,
.bell-menu-inline.bell-menu-light > .bell-submenu.bell-menu-active > a {
  color: #1890ff;
}
.bell-menu-inline.bell-menu-light > .bell-menu-item.bell-menu-active.bell-menu-item::after,
.bell-menu-inline.bell-menu-light > .bell-submenu.bell-menu-active.bell-menu-item::after,
.bell-menu-inline.bell-menu-light > .bell-menu-item.bell-menu-active.bell-submenu > .bell-submenu-title::after,
.bell-menu-inline.bell-menu-light > .bell-submenu.bell-menu-active.bell-submenu > .bell-submenu-title::after {
  height: 80%;
}
.bell-menu-inline.bell-menu-light.bell-menu-inline::after {
  content: " ";
  display: block;
  width: 1px;
  height: 100%;
  background: #dcdee2;
  position: absolute;
  right: 0;
  top: 0;
}
.bell-menu-inline.bell-menu-light .bell-menu-group {
  background-color: #fff;
  color: #515a6e;
}
.bell-menu-inline.bell-menu-dark {
  background-color: #515a6e;
}
.bell-menu-inline.bell-menu-dark > .bell-menu-item,
.bell-menu-inline.bell-menu-dark > .bell-submenu {
  color: rgba(255,255,255,0.7);
}
.bell-menu-inline.bell-menu-dark > .bell-menu-item > a,
.bell-menu-inline.bell-menu-dark > .bell-submenu > a {
  color: rgba(255,255,255,0.7);
}
.bell-menu-inline.bell-menu-dark > .bell-menu-item.bell-menu-item::after,
.bell-menu-inline.bell-menu-dark > .bell-submenu.bell-menu-item::after,
.bell-menu-inline.bell-menu-dark > .bell-menu-item.bell-submenu > .bell-submenu-title::after,
.bell-menu-inline.bell-menu-dark > .bell-submenu.bell-submenu > .bell-submenu-title::after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  height: 0;
  transition: height 0.1s;
  transform: translateY(-50%);
  width: 4px;
  background-color: #1890ff;
}
.bell-menu-inline.bell-menu-dark > .bell-menu-item.bell-menu-inline.bell-menu-dark > .bell-menu-item.hover,
.bell-menu-inline.bell-menu-dark > .bell-submenu.bell-menu-inline.bell-menu-dark > .bell-submenu.hover,
.bell-menu-inline.bell-menu-dark > .bell-menu-item:hover,
.bell-menu-inline.bell-menu-dark > .bell-submenu:hover,
.bell-menu-inline.bell-menu-dark > .bell-menu-item.bell-hover,
.bell-menu-inline.bell-menu-dark > .bell-submenu.bell-hover {
  color: #fff;
}
.bell-menu-inline.bell-menu-dark > .bell-menu-item.bell-menu-inline.bell-menu-dark > .bell-menu-item.hover > a,
.bell-menu-inline.bell-menu-dark > .bell-submenu.bell-menu-inline.bell-menu-dark > .bell-submenu.hover > a,
.bell-menu-inline.bell-menu-dark > .bell-menu-item:hover > a,
.bell-menu-inline.bell-menu-dark > .bell-submenu:hover > a,
.bell-menu-inline.bell-menu-dark > .bell-menu-item.bell-hover > a,
.bell-menu-inline.bell-menu-dark > .bell-submenu.bell-hover > a {
  color: #fff;
}
.bell-menu-inline.bell-menu-dark > .bell-menu-item.bell-menu-active,
.bell-menu-inline.bell-menu-dark > .bell-submenu.bell-menu-active {
  color: #fff;
}
.bell-menu-inline.bell-menu-dark > .bell-menu-item.bell-menu-active > a,
.bell-menu-inline.bell-menu-dark > .bell-submenu.bell-menu-active > a {
  color: #fff;
}
.bell-menu-inline.bell-menu-dark > .bell-menu-item.bell-menu-active.bell-menu-item::after,
.bell-menu-inline.bell-menu-dark > .bell-submenu.bell-menu-active.bell-menu-item::after,
.bell-menu-inline.bell-menu-dark > .bell-menu-item.bell-menu-active.bell-submenu > .bell-submenu-title::after,
.bell-menu-inline.bell-menu-dark > .bell-submenu.bell-menu-active.bell-submenu > .bell-submenu-title::after {
  height: 80%;
}
.bell-menu-inline.bell-menu-dark .bell-menu-group {
  background-color: #515a6e;
  color: rgba(255,255,255,0.7);
}
.bell-input-number {
  cursor: text;
  overflow: hidden;
  box-sizing: content-box;
  border-radius: 4px;
  display: inline-block;
  border: 1px solid;
  user-select: none;
  font-size: 12px;
  transition: border-color 0.3s, box-shadow 0.3s;
}
.bell-input-number {
  width: 80px;
  height: 32px;
}
.bell-input-number .bell-input-number-wrapper {
  height: 32px;
  padding: 0 34px 0 10px;
}
.bell-input-number .bell-input-number-actions {
  width: 23px;
  margin-left: -24px;
  height: 32px;
}
.bell-input-number .bell-input-number-actions .bell-icon {
  width: 23px;
  height: 16px;
  line-height: 16px;
}
.bell-input-number-small {
  width: 80px;
  height: 24px;
}
.bell-input-number-small .bell-input-number-wrapper {
  height: 24px;
  padding: 0 34px 0 10px;
}
.bell-input-number-small .bell-input-number-actions {
  width: 23px;
  margin-left: -24px;
  height: 24px;
}
.bell-input-number-small .bell-input-number-actions .bell-icon {
  width: 23px;
  height: 12px;
  line-height: 12px;
}
.bell-input-number-large {
  width: 80px;
  height: 36px;
}
.bell-input-number-large .bell-input-number-wrapper {
  height: 36px;
  padding: 0 34px 0 10px;
}
.bell-input-number-large .bell-input-number-actions {
  width: 23px;
  margin-left: -24px;
  height: 36px;
}
.bell-input-number-large .bell-input-number-actions .bell-icon {
  width: 23px;
  height: 18px;
  line-height: 18px;
}
.bell-input-number {
  border-color: #eee;
  color: rgba(0,0,0,0.87);
  background-color: #fff;
}
.bell-input-number.bell-input-number.hover,
.bell-input-number:hover,
.bell-input-number.bell-hover {
  border-color: #40a9ff;
}
.bell-input-number.bell-input-number.focus,
.bell-input-number:focus,
.bell-input-number.bell-focus {
  box-shadow: 0 0 0 2px #d2ecf1;
}
.bell-input-number .bell-input-number-actions .bell-icon.bell-input-number .bell-input-number-actions .bell-icon.hover,
.bell-input-number .bell-input-number-actions .bell-icon:hover,
.bell-input-number .bell-input-number-actions .bell-icon.bell-hover {
  color: #40a9ff;
}
.bell-input-number-success {
  border-color: #eee;
  color: rgba(0,0,0,0.87);
  background-color: #fff;
}
.bell-input-number-success.bell-input-number-success.hover,
.bell-input-number-success:hover,
.bell-input-number-success.bell-hover {
  border-color: #47cb89;
}
.bell-input-number-success.bell-input-number-success.focus,
.bell-input-number-success:focus,
.bell-input-number-success.bell-focus {
  box-shadow: 0 0 0 2px #d5eddb;
}
.bell-input-number-success .bell-input-number-actions .bell-icon.bell-input-number-success .bell-input-number-actions .bell-icon.hover,
.bell-input-number-success .bell-input-number-actions .bell-icon:hover,
.bell-input-number-success .bell-input-number-actions .bell-icon.bell-hover {
  color: #47cb89;
}
.bell-input-number-error {
  border-color: #eee;
  color: rgba(0,0,0,0.87);
  background-color: #fff;
}
.bell-input-number-error.bell-input-number-error.hover,
.bell-input-number-error:hover,
.bell-input-number-error.bell-hover {
  border-color: #f16643;
}
.bell-input-number-error.bell-input-number-error.focus,
.bell-input-number-error:focus,
.bell-input-number-error.bell-focus {
  box-shadow: 0 0 0 2px #f7d7db;
}
.bell-input-number-error .bell-input-number-actions .bell-icon.bell-input-number-error .bell-input-number-actions .bell-icon.hover,
.bell-input-number-error .bell-input-number-actions .bell-icon:hover,
.bell-input-number-error .bell-input-number-actions .bell-icon.bell-hover {
  color: #f16643;
}
.bell-input-number-info {
  border-color: #eee;
  color: rgba(0,0,0,0.87);
  background-color: #fff;
}
.bell-input-number-info.bell-input-number-info.hover,
.bell-input-number-info:hover,
.bell-input-number-info.bell-hover {
  border-color: #57c5f7;
}
.bell-input-number-info.bell-input-number-info.focus,
.bell-input-number-info:focus,
.bell-input-number-info.bell-focus {
  box-shadow: 0 0 0 2px #d2ecf1;
}
.bell-input-number-info .bell-input-number-actions .bell-icon.bell-input-number-info .bell-input-number-actions .bell-icon.hover,
.bell-input-number-info .bell-input-number-actions .bell-icon:hover,
.bell-input-number-info .bell-input-number-actions .bell-icon.bell-hover {
  color: #57c5f7;
}
.bell-input-number-warning {
  border-color: #eee;
  color: rgba(0,0,0,0.87);
  background-color: #fff;
}
.bell-input-number-warning.bell-input-number-warning.hover,
.bell-input-number-warning:hover,
.bell-input-number-warning.bell-hover {
  border-color: #ffad33;
}
.bell-input-number-warning.bell-input-number-warning.focus,
.bell-input-number-warning:focus,
.bell-input-number-warning.bell-focus {
  box-shadow: 0 0 0 2px #fff3cf;
}
.bell-input-number-warning .bell-input-number-actions .bell-icon.bell-input-number-warning .bell-input-number-actions .bell-icon.hover,
.bell-input-number-warning .bell-input-number-actions .bell-icon:hover,
.bell-input-number-warning .bell-input-number-actions .bell-icon.bell-hover {
  color: #ffad33;
}
.bell-input-number-danger {
  border-color: #eee;
  color: rgba(0,0,0,0.87);
  background-color: #fff;
}
.bell-input-number-danger.bell-input-number-danger.hover,
.bell-input-number-danger:hover,
.bell-input-number-danger.bell-hover {
  border-color: #ee3737;
}
.bell-input-number-danger.bell-input-number-danger.focus,
.bell-input-number-danger:focus,
.bell-input-number-danger.bell-focus {
  box-shadow: 0 0 0 2px #f7d7db;
}
.bell-input-number-danger .bell-input-number-actions .bell-icon.bell-input-number-danger .bell-input-number-actions .bell-icon.hover,
.bell-input-number-danger .bell-input-number-actions .bell-icon:hover,
.bell-input-number-danger .bell-input-number-actions .bell-icon.bell-hover {
  color: #ee3737;
}
.bell-input-number-disabled {
  border-color: #dddee1;
  color: rgba(0,0,0,0.37);
  background-color: #f7f7f7;
}
.bell-input-number-disabled.bell-input-number-disabled.hover,
.bell-input-number-disabled:hover,
.bell-input-number-disabled.bell-hover {
  border-color: #dddee1;
}
.bell-input-number-disabled.bell-input-number-disabled.focus,
.bell-input-number-disabled:focus,
.bell-input-number-disabled.bell-focus {
  box-shadow: 0 0 0 2px $brand-disabled-box-shadow-color;
}
.bell-input-number-disabled .bell-input-number-actions .bell-icon.bell-input-number-disabled .bell-input-number-actions .bell-icon.hover,
.bell-input-number-disabled .bell-input-number-actions .bell-icon:hover,
.bell-input-number-disabled .bell-input-number-actions .bell-icon.bell-hover {
  color: #dddee1;
}
.bell-input-number +.bell-input-number {
  margin-left: 10px;
}
.bell-input-number.bell-input-number.hover .bell-input-number-actions,
.bell-input-number:hover .bell-input-number-actions,
.bell-input-number.bell-hover .bell-input-number-actions {
  opacity: 1;
}
.bell-input-number.bell-input-number.focus,
.bell-input-number:focus,
.bell-input-number.bell-focus {
  outline: none;
}
.bell-input-number .bell-input-number-actions {
  position: absolute;
  cursor: pointer;
  font-size: 0;
  opacity: 0;
  transition: opacity 0.3s;
  border-left: 1px solid #dddee1;
}
.bell-input-number .bell-input-number-actions .bell-icon {
  display: inline-block;
  text-align: center;
  font-weight: 700;
  transition: color 0.3s;
  font-size: 12px;
}
.bell-input-number .bell-input-number-actions .bell-icon + .bell-icon {
  border-top: 1px solid #dddee1;
}
.bell-input-number .bell-input-number-actions .bell-icon.bell-input-number .bell-input-number-actions .bell-icon.disabled,
.bell-input-number .bell-input-number-actions .bell-icon[disabled] {
  color: #dddee1;
  cursor: not-allowed;
}
.bell-input-number .bell-input-number-actions .bell-icon.bell-input-number .bell-input-number-actions .bell-icon.disabled.bell-input-number .bell-input-number-actions .bell-icon.bell-input-number .bell-input-number-actions .bell-icon.disabled.hover,
.bell-input-number .bell-input-number-actions .bell-icon[disabled].bell-input-number .bell-input-number-actions .bell-icon[disabled].hover,
.bell-input-number .bell-input-number-actions .bell-icon.bell-input-number .bell-input-number-actions .bell-icon.disabled:hover,
.bell-input-number .bell-input-number-actions .bell-icon[disabled]:hover,
.bell-input-number .bell-input-number-actions .bell-icon.bell-input-number .bell-input-number-actions .bell-icon.disabled.bell-hover,
.bell-input-number .bell-input-number-actions .bell-icon[disabled].bell-hover {
  color: #dddee1;
}
.bell-input-number .bell-input-number-wrapper {
  overflow: hidden;
  box-sizing: content-box;
  display: inline-block;
}
.bell-input-number .bell-input-number-wrapper .bell-input {
  outline: none;
  border: none;
  width: 100%;
  height: 100%;
  text-align: left;
  background-color: inherit;
  box-shadow: none;
}
.bell-input-number .bell-input-number-wrapper .bell-input::-webkit-input-placeholder {
  color: #d2d2d2;
}
.bell-input-number .bell-input-number-wrapper .bell-input:-moz-placeholder {
  color: #d2d2d2;
}
.bell-input-number .bell-input-number-wrapper .bell-input::-moz-placeholder {
  color: #d2d2d2;
}
.bell-input-number .bell-input-number-wrapper .bell-input:-ms-input-placeholder {
  color: #d2d2d2;
}
.bell-input-number-disabled {
  cursor: not-allowed;
}
.bell-input-number-disabled .bell-input-number-actions {
  display: none;
}
.bell-input-number-disabled .bell-input {
  cursor: not-allowed;
}
.bell-input-number-readonly .bell-input-number-actions {
  display: none;
}
.bell-radio-group {
  display: inline-block;
  user-select: none;
  position: relative;
  margin-right: -8px;
  padding: 8px 0;
}
.bell-radio-group .bell-radio.bell-radio-group .bell-radio.active .bell-radio-inner,
.bell-radio-group .bell-radio:active .bell-radio-inner,
.bell-radio-group .bell-radio.bell-active .bell-radio-inner {
  color: #1890ff;
  box-shadow: 0 0 0 2px #d2ecf1;
}
.bell-radio-group .bell-radio .bell-radio-inner {
  background-color: #fff;
  color: #eee;
}
.bell-radio-group .bell-radio .bell-radio-inner:after {
  background-color: #fff;
}
.bell-radio-group .bell-radio.bell-radio-group .bell-radio.hover .bell-radio-inner,
.bell-radio-group .bell-radio:hover .bell-radio-inner,
.bell-radio-group .bell-radio.bell-hover .bell-radio-inner {
  color: #1890ff;
}
.bell-radio-group .bell-radio-disabled.bell-radio-group .bell-radio-disabled.hover .bell-radio-inner,
.bell-radio-group .bell-radio-disabled:hover .bell-radio-inner,
.bell-radio-group .bell-radio-disabled.bell-hover .bell-radio-inner {
  color: #eee;
}
.bell-radio-group-success .bell-radio.bell-radio-group-success .bell-radio.active .bell-radio-inner,
.bell-radio-group-success .bell-radio:active .bell-radio-inner,
.bell-radio-group-success .bell-radio.bell-active .bell-radio-inner {
  color: #52c41a;
  box-shadow: 0 0 0 2px #d5eddb;
}
.bell-radio-group-success .bell-radio .bell-radio-inner {
  background-color: #fff;
  color: #eee;
}
.bell-radio-group-success .bell-radio .bell-radio-inner:after {
  background-color: #fff;
}
.bell-radio-group-success .bell-radio.bell-radio-group-success .bell-radio.hover .bell-radio-inner,
.bell-radio-group-success .bell-radio:hover .bell-radio-inner,
.bell-radio-group-success .bell-radio.bell-hover .bell-radio-inner {
  color: #52c41a;
}
.bell-radio-group-success .bell-radio-disabled.bell-radio-group-success .bell-radio-disabled.hover .bell-radio-inner,
.bell-radio-group-success .bell-radio-disabled:hover .bell-radio-inner,
.bell-radio-group-success .bell-radio-disabled.bell-hover .bell-radio-inner {
  color: #eee;
}
.bell-radio-group-warning .bell-radio.bell-radio-group-warning .bell-radio.active .bell-radio-inner,
.bell-radio-group-warning .bell-radio:active .bell-radio-inner,
.bell-radio-group-warning .bell-radio.bell-active .bell-radio-inner {
  color: #faad14;
  box-shadow: 0 0 0 2px #fff3cf;
}
.bell-radio-group-warning .bell-radio .bell-radio-inner {
  background-color: #fff;
  color: #eee;
}
.bell-radio-group-warning .bell-radio .bell-radio-inner:after {
  background-color: #fff;
}
.bell-radio-group-warning .bell-radio.bell-radio-group-warning .bell-radio.hover .bell-radio-inner,
.bell-radio-group-warning .bell-radio:hover .bell-radio-inner,
.bell-radio-group-warning .bell-radio.bell-hover .bell-radio-inner {
  color: #faad14;
}
.bell-radio-group-warning .bell-radio-disabled.bell-radio-group-warning .bell-radio-disabled.hover .bell-radio-inner,
.bell-radio-group-warning .bell-radio-disabled:hover .bell-radio-inner,
.bell-radio-group-warning .bell-radio-disabled.bell-hover .bell-radio-inner {
  color: #eee;
}
.bell-radio-group-error .bell-radio.bell-radio-group-error .bell-radio.active .bell-radio-inner,
.bell-radio-group-error .bell-radio:active .bell-radio-inner,
.bell-radio-group-error .bell-radio.bell-active .bell-radio-inner {
  color: #f5222d;
  box-shadow: 0 0 0 2px #f7d7db;
}
.bell-radio-group-error .bell-radio .bell-radio-inner {
  background-color: #fff;
  color: #eee;
}
.bell-radio-group-error .bell-radio .bell-radio-inner:after {
  background-color: #fff;
}
.bell-radio-group-error .bell-radio.bell-radio-group-error .bell-radio.hover .bell-radio-inner,
.bell-radio-group-error .bell-radio:hover .bell-radio-inner,
.bell-radio-group-error .bell-radio.bell-hover .bell-radio-inner {
  color: #f5222d;
}
.bell-radio-group-error .bell-radio-disabled.bell-radio-group-error .bell-radio-disabled.hover .bell-radio-inner,
.bell-radio-group-error .bell-radio-disabled:hover .bell-radio-inner,
.bell-radio-group-error .bell-radio-disabled.bell-hover .bell-radio-inner {
  color: #eee;
}
.bell-radio-group-danger .bell-radio.bell-radio-group-danger .bell-radio.active .bell-radio-inner,
.bell-radio-group-danger .bell-radio:active .bell-radio-inner,
.bell-radio-group-danger .bell-radio.bell-active .bell-radio-inner {
  color: #eb1111;
  box-shadow: 0 0 0 2px #f7d7db;
}
.bell-radio-group-danger .bell-radio .bell-radio-inner {
  background-color: #fff;
  color: #eee;
}
.bell-radio-group-danger .bell-radio .bell-radio-inner:after {
  background-color: #fff;
}
.bell-radio-group-danger .bell-radio.bell-radio-group-danger .bell-radio.hover .bell-radio-inner,
.bell-radio-group-danger .bell-radio:hover .bell-radio-inner,
.bell-radio-group-danger .bell-radio.bell-hover .bell-radio-inner {
  color: #eb1111;
}
.bell-radio-group-danger .bell-radio-disabled.bell-radio-group-danger .bell-radio-disabled.hover .bell-radio-inner,
.bell-radio-group-danger .bell-radio-disabled:hover .bell-radio-inner,
.bell-radio-group-danger .bell-radio-disabled.bell-hover .bell-radio-inner {
  color: #eee;
}
.bell-radio-group-info .bell-radio.bell-radio-group-info .bell-radio.active .bell-radio-inner,
.bell-radio-group-info .bell-radio:active .bell-radio-inner,
.bell-radio-group-info .bell-radio.bell-active .bell-radio-inner {
  color: #2db7f5;
  box-shadow: 0 0 0 2px #d2ecf1;
}
.bell-radio-group-info .bell-radio .bell-radio-inner {
  background-color: #fff;
  color: #eee;
}
.bell-radio-group-info .bell-radio .bell-radio-inner:after {
  background-color: #fff;
}
.bell-radio-group-info .bell-radio.bell-radio-group-info .bell-radio.hover .bell-radio-inner,
.bell-radio-group-info .bell-radio:hover .bell-radio-inner,
.bell-radio-group-info .bell-radio.bell-hover .bell-radio-inner {
  color: #2db7f5;
}
.bell-radio-group-info .bell-radio-disabled.bell-radio-group-info .bell-radio-disabled.hover .bell-radio-inner,
.bell-radio-group-info .bell-radio-disabled:hover .bell-radio-inner,
.bell-radio-group-info .bell-radio-disabled.bell-hover .bell-radio-inner {
  color: #eee;
}
.bell-radio-group-disabled .bell-radio.bell-radio-group-disabled .bell-radio.active .bell-radio-inner,
.bell-radio-group-disabled .bell-radio:active .bell-radio-inner,
.bell-radio-group-disabled .bell-radio.bell-active .bell-radio-inner {
  color: #eee;
  box-shadow: none;
}
.bell-radio-group-disabled .bell-radio .bell-radio-inner {
  background-color: #fff;
  color: #eee;
}
.bell-radio-group-disabled .bell-radio .bell-radio-inner:after {
  background-color: #fff;
}
.bell-radio-group-disabled .bell-radio.bell-radio-group-disabled .bell-radio.hover .bell-radio-inner,
.bell-radio-group-disabled .bell-radio:hover .bell-radio-inner,
.bell-radio-group-disabled .bell-radio.bell-hover .bell-radio-inner {
  color: #eee;
}
.bell-radio-group-disabled .bell-radio-disabled.bell-radio-group-disabled .bell-radio-disabled.hover .bell-radio-inner,
.bell-radio-group-disabled .bell-radio-disabled:hover .bell-radio-inner,
.bell-radio-group-disabled .bell-radio-disabled.bell-hover .bell-radio-inner {
  color: #eee;
}
.bell-radio-group .bell-radio {
  cursor: pointer;
  margin-right: 8px;
}
.bell-radio-group .bell-radio .bell-radio-wrapper {
  position: absolute;
  width: 14px;
  height: 14px;
  margin-top: 4px;
}
.bell-radio-group .bell-radio .bell-radio-inner {
  position: absolute;
  border-radius: 100%;
  width: 14px;
  height: 14px;
  border: 1px solid;
  transition: color 0.3s, box-shadow 0.3s;
}
.bell-radio-group .bell-radio .bell-radio-inner:after {
  display: inline-block;
  content: ' ';
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 2px;
  height: 2px;
  margin: auto;
  opacity: 0;
  transform: scale(0);
  border: 1px solid;
}
.bell-radio-group .bell-radio .bell-radio-input {
  opacity: 0;
}
.bell-radio-group .bell-radio .bell-radio-label {
  font-size: 12px;
  line-height: 12px;
  padding-left: 20px;
}
.bell-radio-group .bell-radio.bell-radio-group .bell-radio.active .bell-radio-inner:after,
.bell-radio-group .bell-radio:active .bell-radio-inner:after,
.bell-radio-group .bell-radio.bell-active .bell-radio-inner:after {
  opacity: 1;
  transform: scale(4);
  transition: transform 0.3s, opacity 0.3s;
}
.bell-radio-group .bell-radio.bell-radio-disabled {
  cursor: not-allowed;
}
.bell-radio-group .bell-radio.bell-radio-disabled span,
.bell-radio-group .bell-radio.bell-radio-disabled input {
  cursor: not-allowed;
}
.bell-radio-vertical {
  margin-bottom: -8px;
}
.bell-radio-vertical .bell-radio {
  width: 100%;
  display: block;
  margin-bottom: 8px;
}
.bell-radio-button {
  display: inline-block;
  user-select: none;
}
.bell-radio-button .bell-radio {
  background-color: #fff;
}
.bell-radio-button .bell-radio .bell-radio-label {
  color: rgba(0,0,0,0.87);
}
.bell-radio-button .bell-radio.bell-radio-button .bell-radio.hover .bell-radio-label,
.bell-radio-button .bell-radio:hover .bell-radio-label,
.bell-radio-button .bell-radio.bell-hover .bell-radio-label {
  color: #1890ff;
}
.bell-radio-button .bell-radio.bell-radio-button .bell-radio.active,
.bell-radio-button .bell-radio:active,
.bell-radio-button .bell-radio.bell-active {
  background-color: #1890ff;
}
.bell-radio-button .bell-radio.bell-radio-button .bell-radio.active .bell-radio-label,
.bell-radio-button .bell-radio:active .bell-radio-label,
.bell-radio-button .bell-radio.bell-active .bell-radio-label {
  color: #fff;
}
.bell-radio-button-success .bell-radio {
  background-color: #fff;
}
.bell-radio-button-success .bell-radio .bell-radio-label {
  color: rgba(0,0,0,0.87);
}
.bell-radio-button-success .bell-radio.bell-radio-button-success .bell-radio.hover .bell-radio-label,
.bell-radio-button-success .bell-radio:hover .bell-radio-label,
.bell-radio-button-success .bell-radio.bell-hover .bell-radio-label {
  color: #52c41a;
}
.bell-radio-button-success .bell-radio.bell-radio-button-success .bell-radio.active,
.bell-radio-button-success .bell-radio:active,
.bell-radio-button-success .bell-radio.bell-active {
  background-color: #52c41a;
}
.bell-radio-button-success .bell-radio.bell-radio-button-success .bell-radio.active .bell-radio-label,
.bell-radio-button-success .bell-radio:active .bell-radio-label,
.bell-radio-button-success .bell-radio.bell-active .bell-radio-label {
  color: #fff;
}
.bell-radio-button-warning .bell-radio {
  background-color: #fff;
}
.bell-radio-button-warning .bell-radio .bell-radio-label {
  color: rgba(0,0,0,0.87);
}
.bell-radio-button-warning .bell-radio.bell-radio-button-warning .bell-radio.hover .bell-radio-label,
.bell-radio-button-warning .bell-radio:hover .bell-radio-label,
.bell-radio-button-warning .bell-radio.bell-hover .bell-radio-label {
  color: #faad14;
}
.bell-radio-button-warning .bell-radio.bell-radio-button-warning .bell-radio.active,
.bell-radio-button-warning .bell-radio:active,
.bell-radio-button-warning .bell-radio.bell-active {
  background-color: #faad14;
}
.bell-radio-button-warning .bell-radio.bell-radio-button-warning .bell-radio.active .bell-radio-label,
.bell-radio-button-warning .bell-radio:active .bell-radio-label,
.bell-radio-button-warning .bell-radio.bell-active .bell-radio-label {
  color: #fff;
}
.bell-radio-button-error .bell-radio {
  background-color: #fff;
}
.bell-radio-button-error .bell-radio .bell-radio-label {
  color: rgba(0,0,0,0.87);
}
.bell-radio-button-error .bell-radio.bell-radio-button-error .bell-radio.hover .bell-radio-label,
.bell-radio-button-error .bell-radio:hover .bell-radio-label,
.bell-radio-button-error .bell-radio.bell-hover .bell-radio-label {
  color: #f5222d;
}
.bell-radio-button-error .bell-radio.bell-radio-button-error .bell-radio.active,
.bell-radio-button-error .bell-radio:active,
.bell-radio-button-error .bell-radio.bell-active {
  background-color: #f5222d;
}
.bell-radio-button-error .bell-radio.bell-radio-button-error .bell-radio.active .bell-radio-label,
.bell-radio-button-error .bell-radio:active .bell-radio-label,
.bell-radio-button-error .bell-radio.bell-active .bell-radio-label {
  color: #fff;
}
.bell-radio-button-danger .bell-radio {
  background-color: #fff;
}
.bell-radio-button-danger .bell-radio .bell-radio-label {
  color: rgba(0,0,0,0.87);
}
.bell-radio-button-danger .bell-radio.bell-radio-button-danger .bell-radio.hover .bell-radio-label,
.bell-radio-button-danger .bell-radio:hover .bell-radio-label,
.bell-radio-button-danger .bell-radio.bell-hover .bell-radio-label {
  color: #eb1111;
}
.bell-radio-button-danger .bell-radio.bell-radio-button-danger .bell-radio.active,
.bell-radio-button-danger .bell-radio:active,
.bell-radio-button-danger .bell-radio.bell-active {
  background-color: #eb1111;
}
.bell-radio-button-danger .bell-radio.bell-radio-button-danger .bell-radio.active .bell-radio-label,
.bell-radio-button-danger .bell-radio:active .bell-radio-label,
.bell-radio-button-danger .bell-radio.bell-active .bell-radio-label {
  color: #fff;
}
.bell-radio-button-info .bell-radio {
  background-color: #fff;
}
.bell-radio-button-info .bell-radio .bell-radio-label {
  color: rgba(0,0,0,0.87);
}
.bell-radio-button-info .bell-radio.bell-radio-button-info .bell-radio.hover .bell-radio-label,
.bell-radio-button-info .bell-radio:hover .bell-radio-label,
.bell-radio-button-info .bell-radio.bell-hover .bell-radio-label {
  color: #2db7f5;
}
.bell-radio-button-info .bell-radio.bell-radio-button-info .bell-radio.active,
.bell-radio-button-info .bell-radio:active,
.bell-radio-button-info .bell-radio.bell-active {
  background-color: #2db7f5;
}
.bell-radio-button-info .bell-radio.bell-radio-button-info .bell-radio.active .bell-radio-label,
.bell-radio-button-info .bell-radio:active .bell-radio-label,
.bell-radio-button-info .bell-radio.bell-active .bell-radio-label {
  color: #fff;
}
.bell-radio-button-disabled .bell-radio {
  background-color: #fcfcfc;
}
.bell-radio-button-disabled .bell-radio .bell-radio-label {
  color: #dddee1;
}
.bell-radio-button-disabled .bell-radio.bell-radio-button-disabled .bell-radio.hover .bell-radio-label,
.bell-radio-button-disabled .bell-radio:hover .bell-radio-label,
.bell-radio-button-disabled .bell-radio.bell-hover .bell-radio-label {
  color: #dddee1;
}
.bell-radio-button-disabled .bell-radio.bell-radio-button-disabled .bell-radio.active,
.bell-radio-button-disabled .bell-radio:active,
.bell-radio-button-disabled .bell-radio.bell-active {
  background-color: #fcfcfc;
}
.bell-radio-button-disabled .bell-radio.bell-radio-button-disabled .bell-radio.active .bell-radio-label,
.bell-radio-button-disabled .bell-radio:active .bell-radio-label,
.bell-radio-button-disabled .bell-radio.bell-active .bell-radio-label {
  color: #dddee1;
}
.bell-radio-button {
  font-size: 13px;
}
.bell-radio-button .bell-radio {
  padding: 4px 18px;
}
.bell-radio-button-large {
  font-size: 14px;
}
.bell-radio-button-large .bell-radio {
  padding: 6px 18px;
}
.bell-radio-button-small {
  font-size: 12px;
}
.bell-radio-button-small .bell-radio {
  padding: 3px 12px;
}
.bell-radio-button +.bell-radio-button {
  margin-left: 8px;
}
.bell-radio-button .bell-radio-wrapper {
  display: none;
}
.bell-radio-button .bell-radio {
  margin-right: 0;
  display: inline-block;
  border: 1px solid #eee;
  transition: border-color 0.3s, color 0.3s, background-color 0.3s;
  cursor: pointer;
}
.bell-radio-button .bell-radio +.bell-radio {
  margin-left: -1px;
}
.bell-radio-button .bell-radio:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.bell-radio-button .bell-radio:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.bell-radio-button .bell-radio-disabled {
  cursor: not-allowed;
}
.bell-checkbox {
  user-select: none;
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.bell-checkbox {
  color: rgba(0,0,0,0.87);
}
.bell-checkbox .bell-checkbox-wrapper.bell-checkbox .bell-checkbox-wrapper.active .bell-checkbox-inner,
.bell-checkbox .bell-checkbox-wrapper:active .bell-checkbox-inner,
.bell-checkbox .bell-checkbox-wrapper.bell-active .bell-checkbox-inner {
  color: #1890ff;
  background-color: #1890ff;
  box-shadow: 0 0 0 2px #d2ecf1;
}
.bell-checkbox.bell-checkbox.hover .bell-checkbox-inner,
.bell-checkbox:hover .bell-checkbox-inner,
.bell-checkbox.bell-hover .bell-checkbox-inner {
  color: #1890ff;
}
.bell-checkbox-success {
  color: rgba(0,0,0,0.87);
}
.bell-checkbox-success .bell-checkbox-wrapper.bell-checkbox-success .bell-checkbox-wrapper.active .bell-checkbox-inner,
.bell-checkbox-success .bell-checkbox-wrapper:active .bell-checkbox-inner,
.bell-checkbox-success .bell-checkbox-wrapper.bell-active .bell-checkbox-inner {
  color: #52c41a;
  background-color: #52c41a;
  box-shadow: 0 0 0 2px #d5eddb;
}
.bell-checkbox-success.bell-checkbox-success.hover .bell-checkbox-inner,
.bell-checkbox-success:hover .bell-checkbox-inner,
.bell-checkbox-success.bell-hover .bell-checkbox-inner {
  color: #52c41a;
}
.bell-checkbox-info {
  color: rgba(0,0,0,0.87);
}
.bell-checkbox-info .bell-checkbox-wrapper.bell-checkbox-info .bell-checkbox-wrapper.active .bell-checkbox-inner,
.bell-checkbox-info .bell-checkbox-wrapper:active .bell-checkbox-inner,
.bell-checkbox-info .bell-checkbox-wrapper.bell-active .bell-checkbox-inner {
  color: #2db7f5;
  background-color: #2db7f5;
  box-shadow: 0 0 0 2px #d2ecf1;
}
.bell-checkbox-info.bell-checkbox-info.hover .bell-checkbox-inner,
.bell-checkbox-info:hover .bell-checkbox-inner,
.bell-checkbox-info.bell-hover .bell-checkbox-inner {
  color: #2db7f5;
}
.bell-checkbox-error {
  color: rgba(0,0,0,0.87);
}
.bell-checkbox-error .bell-checkbox-wrapper.bell-checkbox-error .bell-checkbox-wrapper.active .bell-checkbox-inner,
.bell-checkbox-error .bell-checkbox-wrapper:active .bell-checkbox-inner,
.bell-checkbox-error .bell-checkbox-wrapper.bell-active .bell-checkbox-inner {
  color: #f5222d;
  background-color: #f5222d;
  box-shadow: 0 0 0 2px #f7d7db;
}
.bell-checkbox-error.bell-checkbox-error.hover .bell-checkbox-inner,
.bell-checkbox-error:hover .bell-checkbox-inner,
.bell-checkbox-error.bell-hover .bell-checkbox-inner {
  color: #f5222d;
}
.bell-checkbox-warning {
  color: rgba(0,0,0,0.87);
}
.bell-checkbox-warning .bell-checkbox-wrapper.bell-checkbox-warning .bell-checkbox-wrapper.active .bell-checkbox-inner,
.bell-checkbox-warning .bell-checkbox-wrapper:active .bell-checkbox-inner,
.bell-checkbox-warning .bell-checkbox-wrapper.bell-active .bell-checkbox-inner {
  color: #faad14;
  background-color: #faad14;
  box-shadow: 0 0 0 2px #fff3cf;
}
.bell-checkbox-warning.bell-checkbox-warning.hover .bell-checkbox-inner,
.bell-checkbox-warning:hover .bell-checkbox-inner,
.bell-checkbox-warning.bell-hover .bell-checkbox-inner {
  color: #faad14;
}
.bell-checkbox-danger {
  color: rgba(0,0,0,0.87);
}
.bell-checkbox-danger .bell-checkbox-wrapper.bell-checkbox-danger .bell-checkbox-wrapper.active .bell-checkbox-inner,
.bell-checkbox-danger .bell-checkbox-wrapper:active .bell-checkbox-inner,
.bell-checkbox-danger .bell-checkbox-wrapper.bell-active .bell-checkbox-inner {
  color: #eb1111;
  background-color: #eb1111;
  box-shadow: 0 0 0 2px #f7d7db;
}
.bell-checkbox-danger.bell-checkbox-danger.hover .bell-checkbox-inner,
.bell-checkbox-danger:hover .bell-checkbox-inner,
.bell-checkbox-danger.bell-hover .bell-checkbox-inner {
  color: #eb1111;
}
.bell-checkbox-disabled {
  color: #ccc;
}
.bell-checkbox-disabled .bell-checkbox-wrapper.bell-checkbox-disabled .bell-checkbox-wrapper.active .bell-checkbox-inner,
.bell-checkbox-disabled .bell-checkbox-wrapper:active .bell-checkbox-inner,
.bell-checkbox-disabled .bell-checkbox-wrapper.bell-active .bell-checkbox-inner {
  color: #dddee1;
  background-color: #dddee1;
  box-shadow: none;
}
.bell-checkbox-disabled.bell-checkbox-disabled.hover .bell-checkbox-inner,
.bell-checkbox-disabled:hover .bell-checkbox-inner,
.bell-checkbox-disabled.bell-hover .bell-checkbox-inner {
  color: #dddee1;
}
.bell-checkbox + .bell-checkbox {
  margin-left: 8px;
}
.bell-checkbox .bell-checkbox-wrapper {
  position: absolute;
  white-space: nowrap;
  cursor: pointer;
  outline: 0;
  width: 14px;
  height: 14px;
  margin-top: 2px;
}
.bell-checkbox .bell-checkbox-wrapper.bell-checkbox .bell-checkbox-wrapper.active .bell-checkbox-inner:after,
.bell-checkbox .bell-checkbox-wrapper:active .bell-checkbox-inner:after,
.bell-checkbox .bell-checkbox-wrapper.bell-active .bell-checkbox-inner:after {
  transform: rotate(45deg) scale(1);
}
.bell-checkbox .bell-checkbox-inner {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 2px;
  border: 1px solid #eee;
  transition: color 0.3s, background-color 0.3s, box-shadow 0.3s;
}
.bell-checkbox .bell-checkbox-inner:after {
  display: inline-block;
  content: " ";
  position: absolute;
  top: 3px;
  left: 5px;
  width: 4px;
  height: 8px;
  border: 2px solid #fff;
  box-sizing: border-box;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0);
  transition: transform 0.3s;
}
.bell-checkbox .bell-checkbox-input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.bell-checkbox .bell-checkbox-label {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  line-height: 12px;
  padding-left: 22px;
}
.bell-checkbox-disabled {
  cursor: not-allowed;
}
.bell-checkbox-disabled .bell-checkbox-wrapper {
  cursor: not-allowed;
}
.bell-checkbox-disabled .bell-checkbox-wrapper .bell-checkbox-inner {
  cursor: not-allowed;
}
.bell-checkbox-disabled .bell-checkbox-label {
  cursor: not-allowed;
}
.bell-checkbox-vertical {
  display: flex;
  flex-direction: column;
}
.bell-checkbox-vertical .bell-checkbox {
  flex: 1;
}
.bell-switch {
  cursor: pointer;
  position: relative;
  user-select: none;
  display: inline-block;
  box-sizing: border-box;
  border: 1px solid;
  transition: border-color 0.3s, background-color 0.3s;
  font-size: 12px;
}
.bell-switch {
  min-width: 40px;
  height: 20px;
  border-radius: 20px;
}
.bell-switch.bell-switch.active .bell-switch-button,
.bell-switch:active .bell-switch-button,
.bell-switch.bell-active .bell-switch-button {
  padding-left: 6px;
  padding-right: 22px;
}
.bell-switch.bell-switch.active .bell-switch-button:after,
.bell-switch:active .bell-switch-button:after,
.bell-switch.bell-active .bell-switch-button:after {
  margin-left: -17px;
}
.bell-switch .bell-switch-button {
  height: 20px;
  padding-right: 6px;
  padding-left: 22px;
}
.bell-switch .bell-switch-button .bell-switch-on {
  line-height: 20px;
  height: 20px;
}
.bell-switch .bell-switch-button .bell-switch-off {
  line-height: 20px;
  height: 20px;
}
.bell-switch .bell-switch-button:after {
  width: 16px;
  height: 16px;
}
.bell-switch-small {
  min-width: 32px;
  height: 16px;
  border-radius: 16px;
}
.bell-switch-small.bell-switch-small.active .bell-switch-button,
.bell-switch-small:active .bell-switch-button,
.bell-switch-small.bell-active .bell-switch-button {
  padding-left: 4px;
  padding-right: 16px;
}
.bell-switch-small.bell-switch-small.active .bell-switch-button:after,
.bell-switch-small:active .bell-switch-button:after,
.bell-switch-small.bell-active .bell-switch-button:after {
  margin-left: -13px;
}
.bell-switch-small .bell-switch-button {
  height: 16px;
  padding-right: 4px;
  padding-left: 16px;
}
.bell-switch-small .bell-switch-button .bell-switch-on {
  line-height: 16px;
  height: 16px;
}
.bell-switch-small .bell-switch-button .bell-switch-off {
  line-height: 16px;
  height: 16px;
}
.bell-switch-small .bell-switch-button:after {
  width: 12px;
  height: 12px;
}
.bell-switch-large {
  min-width: 48px;
  height: 24px;
  border-radius: 24px;
}
.bell-switch-large.bell-switch-large.active .bell-switch-button,
.bell-switch-large:active .bell-switch-button,
.bell-switch-large.bell-active .bell-switch-button {
  padding-left: 6px;
  padding-right: 26px;
}
.bell-switch-large.bell-switch-large.active .bell-switch-button:after,
.bell-switch-large:active .bell-switch-button:after,
.bell-switch-large.bell-active .bell-switch-button:after {
  margin-left: -21px;
}
.bell-switch-large .bell-switch-button {
  height: 24px;
  padding-right: 6px;
  padding-left: 26px;
}
.bell-switch-large .bell-switch-button .bell-switch-on {
  line-height: 24px;
  height: 24px;
}
.bell-switch-large .bell-switch-button .bell-switch-off {
  line-height: 24px;
  height: 24px;
}
.bell-switch-large .bell-switch-button:after {
  width: 20px;
  height: 20px;
}
.bell-switch {
  border-color: #ccc;
  background-color: #ccc;
}
.bell-switch.bell-switch.active,
.bell-switch:active,
.bell-switch.bell-active {
  background-color: #1890ff;
  border-color: #1890ff;
}
.bell-switch .bell-switch-button .bell-switch-on {
  color: #fff;
}
.bell-switch .bell-switch-button .bell-switch-off {
  color: #fff;
}
.bell-switch .bell-switch-button:after {
  background-color: #fff;
}
.bell-switch-success {
  border-color: #ccc;
  background-color: #ccc;
}
.bell-switch-success.bell-switch-success.active,
.bell-switch-success:active,
.bell-switch-success.bell-active {
  background-color: #52c41a;
  border-color: #52c41a;
}
.bell-switch-success .bell-switch-button .bell-switch-on {
  color: #fff;
}
.bell-switch-success .bell-switch-button .bell-switch-off {
  color: #fff;
}
.bell-switch-success .bell-switch-button:after {
  background-color: #fff;
}
.bell-switch-error {
  border-color: #ccc;
  background-color: #ccc;
}
.bell-switch-error.bell-switch-error.active,
.bell-switch-error:active,
.bell-switch-error.bell-active {
  background-color: #f5222d;
  border-color: #f5222d;
}
.bell-switch-error .bell-switch-button .bell-switch-on {
  color: #fff;
}
.bell-switch-error .bell-switch-button .bell-switch-off {
  color: #fff;
}
.bell-switch-error .bell-switch-button:after {
  background-color: #fff;
}
.bell-switch-warning {
  border-color: #ccc;
  background-color: #ccc;
}
.bell-switch-warning.bell-switch-warning.active,
.bell-switch-warning:active,
.bell-switch-warning.bell-active {
  background-color: #faad14;
  border-color: #faad14;
}
.bell-switch-warning .bell-switch-button .bell-switch-on {
  color: #fff;
}
.bell-switch-warning .bell-switch-button .bell-switch-off {
  color: #fff;
}
.bell-switch-warning .bell-switch-button:after {
  background-color: #fff;
}
.bell-switch-danger {
  border-color: #ccc;
  background-color: #ccc;
}
.bell-switch-danger.bell-switch-danger.active,
.bell-switch-danger:active,
.bell-switch-danger.bell-active {
  background-color: #eb1111;
  border-color: #eb1111;
}
.bell-switch-danger .bell-switch-button .bell-switch-on {
  color: #fff;
}
.bell-switch-danger .bell-switch-button .bell-switch-off {
  color: #fff;
}
.bell-switch-danger .bell-switch-button:after {
  background-color: #fff;
}
.bell-switch-info {
  border-color: #ccc;
  background-color: #ccc;
}
.bell-switch-info.bell-switch-info.active,
.bell-switch-info:active,
.bell-switch-info.bell-active {
  background-color: #2db7f5;
  border-color: #2db7f5;
}
.bell-switch-info .bell-switch-button .bell-switch-on {
  color: #fff;
}
.bell-switch-info .bell-switch-button .bell-switch-off {
  color: #fff;
}
.bell-switch-info .bell-switch-button:after {
  background-color: #fff;
}
.bell-switch-disabled {
  border-color: #dddee1;
  background-color: #fcfcfc;
}
.bell-switch-disabled.bell-switch-disabled.active,
.bell-switch-disabled:active,
.bell-switch-disabled.bell-active {
  background-color: #d2d2d2;
  border-color: #dddee1;
}
.bell-switch-disabled .bell-switch-button .bell-switch-on {
  color: #fff;
}
.bell-switch-disabled .bell-switch-button .bell-switch-off {
  color: #fff;
}
.bell-switch-disabled .bell-switch-button:after {
  background-color: #dddee1;
}
.bell-switch +.bell-switch {
  margin-left: 8px;
}
.bell-switch.bell-switch.active .bell-switch-button .bell-switch-on,
.bell-switch:active .bell-switch-button .bell-switch-on,
.bell-switch.bell-active .bell-switch-button .bell-switch-on {
  display: inline;
}
.bell-switch.bell-switch.active .bell-switch-button .bell-switch-off,
.bell-switch:active .bell-switch-button .bell-switch-off,
.bell-switch.bell-active .bell-switch-button .bell-switch-off {
  display: none;
}
.bell-switch.bell-switch.active .bell-switch-button:after,
.bell-switch:active .bell-switch-button:after,
.bell-switch.bell-active .bell-switch-button:after {
  left: 100%;
}
.bell-switch .bell-switch-button {
  display: inline-block;
}
.bell-switch .bell-switch-button .bell-switch-on {
  display: none;
}
.bell-switch .bell-switch-button .bell-switch-off {
  display: inline;
}
.bell-switch .bell-switch-button .bell-switch-on,
.bell-switch .bell-switch-button .bell-switch-off,
.bell-switch .bell-switch-button margin-top -1px {
  text-align: center;
}
.bell-switch .bell-switch-button:after {
  cursor: pointer;
  content: " ";
  position: absolute;
  left: 1px;
  top: 1px;
  border-radius: 100%;
  transition: left 0.3s, margin-left 0.3s;
}
.bell-switch-disabled {
  cursor: not-allowed;
}
.bell-switch-disabled .bell-switch-button {
  cursor: not-allowed;
}
.bell-switch-disabled .bell-switch-button:after {
  cursor: not-allowed;
}
.bell-select {
  display: inline-block;
  box-sizing: border-box;
  user-select: none;
  text-align: left;
  width: 100%;
  position: relative;
}
.bell-select ::-webkit-scrollbar {
  width: 2px;
}
.bell-select ::-webkit-scrollbar {
  height: 2px;
}
.bell-select ::-webkit-scrollbar-track {
  background-color: rgba(0,0,0,0);
}
.bell-select ::-webkit-scrollbar-thumb {
  background-color: #d1d1d1;
  border-radius: 10px;
}
.bell-select ::-webkit-scrollbar-thumb:hover {
  background-color: #b3b3b3;
}
.bell-select .bell-select-button .bell-select-value,
.bell-select .bell-select-button .bell-select-placeholder {
  font-size: 12px;
  padding: 7px 30px 8px 15px;
}
.bell-select .bell-select-button .bell-select-arrow {
  padding: 9px 15px;
}
.bell-select .bell-select-dropdown {
  max-height: 200px;
}
.bell-select .bell-select-dropdown .bell-select-option {
  padding: 10px 15px;
  font-size: 12px;
  line-height: 1;
}
.bell-select.bell-select-top .bell-select-dropdown {
  bottom: 40px;
}
.bell-select.bell-select.active .bell-select-dropdown,
.bell-select:active .bell-select-dropdown,
.bell-select.bell-active .bell-select-dropdown {
  max-height: 200px !important;
}
.bell-select-small .bell-select-button .bell-select-value,
.bell-select-small .bell-select-button .bell-select-placeholder {
  font-size: 12px;
  padding: 3px 30px 3px 15px;
}
.bell-select-small .bell-select-button .bell-select-arrow {
  padding: 4px 15px;
}
.bell-select-small .bell-select-dropdown {
  max-height: 200px;
}
.bell-select-small .bell-select-dropdown .bell-select-option {
  padding: 6px 15px;
  font-size: 12px;
  line-height: 1;
}
.bell-select-small.bell-select-top .bell-select-dropdown {
  bottom: 32px;
}
.bell-select-small.bell-select-small.active .bell-select-dropdown,
.bell-select-small:active .bell-select-dropdown,
.bell-select-small.bell-active .bell-select-dropdown {
  max-height: 200px !important;
}
.bell-select-large .bell-select-button .bell-select-value,
.bell-select-large .bell-select-button .bell-select-placeholder {
  font-size: 14px;
  padding: 8px 30px 8px 15px;
}
.bell-select-large .bell-select-button .bell-select-arrow {
  padding: 10px 15px;
}
.bell-select-large .bell-select-dropdown {
  max-height: 200px;
}
.bell-select-large .bell-select-dropdown .bell-select-option {
  padding: 12px 15px;
  font-size: 14px;
  line-height: 1;
}
.bell-select-large.bell-select-top .bell-select-dropdown {
  bottom: 44px;
}
.bell-select-large.bell-select-large.active .bell-select-dropdown,
.bell-select-large:active .bell-select-dropdown,
.bell-select-large.bell-active .bell-select-dropdown {
  max-height: 200px !important;
}
.bell-select .bell-select-button {
  border: 1px solid;
  background-color: #fff;
  border-color: #eee;
}
.bell-select .bell-select-button.bell-select .bell-select-button.hover,
.bell-select .bell-select-button:hover,
.bell-select .bell-select-button.bell-hover {
  border-color: #40a9ff;
}
.bell-select.bell-select.active .bell-select-button,
.bell-select:active .bell-select-button,
.bell-select.bell-active .bell-select-button {
  border-color: #40a9ff;
  box-shadow: 0 0 0 2px #d2ecf1;
}
.bell-select .bell-select-option.bell-select .bell-select-option.hover,
.bell-select .bell-select-option:hover,
.bell-select .bell-select-option.bell-hover {
  background-color: #d2ecf1;
}
.bell-select-success .bell-select-button {
  border: 1px solid;
  background-color: #fff;
  border-color: #eee;
}
.bell-select-success .bell-select-button.bell-select-success .bell-select-button.hover,
.bell-select-success .bell-select-button:hover,
.bell-select-success .bell-select-button.bell-hover {
  border-color: #47cb89;
}
.bell-select-success.bell-select-success.active .bell-select-button,
.bell-select-success:active .bell-select-button,
.bell-select-success.bell-active .bell-select-button {
  border-color: #47cb89;
  box-shadow: 0 0 0 2px #d5eddb;
}
.bell-select-success .bell-select-option.bell-select-success .bell-select-option.hover,
.bell-select-success .bell-select-option:hover,
.bell-select-success .bell-select-option.bell-hover {
  background-color: #d5eddb;
}
.bell-select-error .bell-select-button {
  border: 1px solid;
  background-color: #fff;
  border-color: #eee;
}
.bell-select-error .bell-select-button.bell-select-error .bell-select-button.hover,
.bell-select-error .bell-select-button:hover,
.bell-select-error .bell-select-button.bell-hover {
  border-color: #f16643;
}
.bell-select-error.bell-select-error.active .bell-select-button,
.bell-select-error:active .bell-select-button,
.bell-select-error.bell-active .bell-select-button {
  border-color: #f16643;
  box-shadow: 0 0 0 2px #f7d7db;
}
.bell-select-error .bell-select-option.bell-select-error .bell-select-option.hover,
.bell-select-error .bell-select-option:hover,
.bell-select-error .bell-select-option.bell-hover {
  background-color: #f7d7db;
}
.bell-select-info .bell-select-button {
  border: 1px solid;
  background-color: #fff;
  border-color: #eee;
}
.bell-select-info .bell-select-button.bell-select-info .bell-select-button.hover,
.bell-select-info .bell-select-button:hover,
.bell-select-info .bell-select-button.bell-hover {
  border-color: #57c5f7;
}
.bell-select-info.bell-select-info.active .bell-select-button,
.bell-select-info:active .bell-select-button,
.bell-select-info.bell-active .bell-select-button {
  border-color: #57c5f7;
  box-shadow: 0 0 0 2px #d2ecf1;
}
.bell-select-info .bell-select-option.bell-select-info .bell-select-option.hover,
.bell-select-info .bell-select-option:hover,
.bell-select-info .bell-select-option.bell-hover {
  background-color: #d2ecf1;
}
.bell-select-warning .bell-select-button {
  border: 1px solid;
  background-color: #fff;
  border-color: #eee;
}
.bell-select-warning .bell-select-button.bell-select-warning .bell-select-button.hover,
.bell-select-warning .bell-select-button:hover,
.bell-select-warning .bell-select-button.bell-hover {
  border-color: #ffad33;
}
.bell-select-warning.bell-select-warning.active .bell-select-button,
.bell-select-warning:active .bell-select-button,
.bell-select-warning.bell-active .bell-select-button {
  border-color: #ffad33;
  box-shadow: 0 0 0 2px #fff3cf;
}
.bell-select-warning .bell-select-option.bell-select-warning .bell-select-option.hover,
.bell-select-warning .bell-select-option:hover,
.bell-select-warning .bell-select-option.bell-hover {
  background-color: #fff3cf;
}
.bell-select-danger .bell-select-button {
  border: 1px solid;
  background-color: #fff;
  border-color: #eee;
}
.bell-select-danger .bell-select-button.bell-select-danger .bell-select-button.hover,
.bell-select-danger .bell-select-button:hover,
.bell-select-danger .bell-select-button.bell-hover {
  border-color: #ee3737;
}
.bell-select-danger.bell-select-danger.active .bell-select-button,
.bell-select-danger:active .bell-select-button,
.bell-select-danger.bell-active .bell-select-button {
  border-color: #ee3737;
  box-shadow: 0 0 0 2px #f7d7db;
}
.bell-select-danger .bell-select-option.bell-select-danger .bell-select-option.hover,
.bell-select-danger .bell-select-option:hover,
.bell-select-danger .bell-select-option.bell-hover {
  background-color: #f7d7db;
}
.bell-select-disabled .bell-select-button {
  border: 1px solid;
  background-color: #f7f7f7;
  border-color: #dddee1;
}
.bell-select-disabled .bell-select-button.bell-select-disabled .bell-select-button.hover,
.bell-select-disabled .bell-select-button:hover,
.bell-select-disabled .bell-select-button.bell-hover {
  border-color: #dddee1;
}
.bell-select-disabled.bell-select-disabled.active .bell-select-button,
.bell-select-disabled:active .bell-select-button,
.bell-select-disabled.bell-active .bell-select-button {
  border-color: #dddee1;
  box-shadow: none;
}
.bell-select-disabled .bell-select-option.bell-select-disabled .bell-select-option.hover,
.bell-select-disabled .bell-select-option:hover,
.bell-select-disabled .bell-select-option.bell-hover {
  background-color: none;
}
.bell-select.bell-select.active .bell-select-arrow,
.bell-select:active .bell-select-arrow,
.bell-select.bell-active .bell-select-arrow {
  transform: rotate(180deg);
}
.bell-select.bell-select-multiple .bell-select-value,
.bell-select.bell-select-multiple .bell-select-placeholder {
  white-space: normal;
  line-height: 1.8;
}
.bell-select .bell-select-button {
  width: 100%;
  display: inline-block;
  position: relative;
  outline: 0;
  cursor: pointer;
  border-radius: 4px;
  transition: border-color 0.3s, box-shadow 0.3s;
}
.bell-select .bell-select-button .bell-select-arrow {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 14px;
  color: rgba(0,0,0,0.37);
  transform-origin: center;
  transition: transform 0.3s;
}
.bell-select .bell-select-button .bell-select-value,
.bell-select .bell-select-button .bell-select-placeholder {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgba(0,0,0,0.37);
}
.bell-select .bell-select-button .bell-select-value.bell-hide,
.bell-select .bell-select-button .bell-select-placeholder.bell-hide {
  display: none;
}
.bell-select .bell-select-button .bell-select-value {
  color: rgba(0,0,0,0.87);
}
.bell-select .bell-select-dropdown {
  width: 100%;
  overflow: auto;
  box-sizing: border-box;
  box-shadow: 0 1px 4px rgba(0,0,0,0.2);
  opacity: 1;
  max-height: 0px;
  position: absolute;
  z-index: 900;
  transition: max-height 0.3s, opacity 0.3s;
  background-color: #fff;
  border-radius: 4px;
}
.bell-select .bell-select-dropdown.bell-hide {
  opacity: 0;
  display: none;
}
.bell-select .bell-select-dropdown .bell-select-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.bell-select .bell-select-dropdown .bell-select-option {
  clear: both;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  color: rgba(0,0,0,0.54);
}
.bell-select .bell-select-dropdown .bell-select-option.bell-select .bell-select-dropdown .bell-select-option.active,
.bell-select .bell-select-dropdown .bell-select-option:active,
.bell-select .bell-select-dropdown .bell-select-option.bell-active {
  font-weight: bold;
  background-color: #f6f6f6;
}
.bell-select.bell-select-disabled .bell-select-button {
  cursor: not-allowed;
  background-color: #fcfcfc;
}
.bell-select.bell-select-disabled .bell-select-button.bell-select.bell-select-disabled .bell-select-button.hover,
.bell-select.bell-select-disabled .bell-select-button:hover,
.bell-select.bell-select-disabled .bell-select-button.bell-hover {
  border-color: #eee;
}
.bell-select.bell-select-top .bell-select-dropdown {
  top: auto;
}
.bell-select.bell-select-top .bell-select-button .bell-select-arrow {
  transform: rotate(180deg);
}
.bell-select.bell-select-top.bell-select.bell-select-top.active .bell-select-arrow,
.bell-select.bell-select-top:active .bell-select-arrow,
.bell-select.bell-select-top.bell-active .bell-select-arrow {
  transform: rotate(0);
}
.bell-datepicker {
  user-select: none;
  display: inline-block;
  box-sizing: border-box;
  font-size: 12px;
  min-width: 234px;
}
.bell-datepicker .bell-datepicker-el {
  display: inline-block;
  width: 100%;
}
.bell-datepicker .bell-datepicker-poper {
  position: absolute;
  z-index: 1060;
  overflow: hidden;
  box-shadow: 0px 0px 2px #eee;
  margin-top: 4px;
  max-height: 0px;
  transition: max-height 0.3s;
}
.bell-datepicker .bell-datepicker-poper.bell-show {
  max-height: 300px;
}
.bell-datepicker-date,
.bell-datepicker-daterange,
.bell-datepicker-month,
.bell-datepicker-week,
.bell-datepicker-year {
  user-select: none;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 4px;
  min-width: 234px;
}
.bell-datepicker-header {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  padding: 5px;
  border-bottom: 1px solid #f6f6f6;
}
.bell-datepicker-header .bell-datepicker-header-button {
  flex: 1;
  text-align: center;
  cursor: pointer;
  color: rgba(0,0,0,0.37);
  transition: color 0.3s;
}
.bell-datepicker-header .bell-datepicker-header-button.hover,
.bell-datepicker-header .bell-datepicker-header-button:hover,
.bell-datepicker-header .bell-datepicker-header-button.bell-hover {
  color: rgba(0,0,0,0.54);
}
.bell-datepicker-header .bell-datepicker-header-button .bell-icon {
  margin: 0;
}
.bell-datepicker-weeks {
  display: flex;
  margin: 10px;
}
.bell-datepicker-weeks .bell-datepicker-col {
  flex: 1;
  text-align: center;
  line-height: 1;
}
.bell-datepicker-body {
  margin: 10px;
}
.bell-datepicker-days {
  margin: 10px;
}
.bell-datepicker-days .bell-datepicker-row {
  display: flex;
  text-align: center;
  line-height: 1;
}
.bell-datepicker-days .bell-datepicker-col {
  cursor: pointer;
  flex: 1;
  text-align: center;
  color: rgba(0,0,0,0.54);
  border-radius: 4px;
  margin: 2px;
  padding: 5px;
}
.bell-datepicker-days .bell-datepicker-col-prev-month,
.bell-datepicker-days .bell-datepicker-col-last-month {
  color: rgba(0,0,0,0.37);
  cursor: not-allowed;
}
.bell-datepicker-days .bell-datepicker-col-current-month:hover {
  background-color: #1890ff;
  color: #fff;
}
.bell-datepicker-days .bell-datepicker-col-checked {
  background-color: #1890ff;
  color: #fff;
}
.bell-datepicker-month,
.bell-datepicker-year {
  max-width: 234px;
}
.bell-datepicker-month .bell-datepicker-body .bell-datepicker-col,
.bell-datepicker-year .bell-datepicker-body .bell-datepicker-col {
  display: inline-block;
  cursor: pointer;
  box-sizing: border-box;
  width: 25%;
  padding: 5px;
  transition: color 0.3s, background-color 0.3s;
}
.bell-datepicker-month .bell-datepicker-body .bell-datepicker-col.bell-datepicker-col-checked,
.bell-datepicker-year .bell-datepicker-body .bell-datepicker-col.bell-datepicker-col-checked {
  color: #fff;
  background-color: #1890ff;
}
.bell-datepicker-month .bell-datepicker-body .bell-datepicker-col.bell-datepicker-month .bell-datepicker-body .bell-datepicker-col.hover,
.bell-datepicker-year .bell-datepicker-body .bell-datepicker-col.bell-datepicker-year .bell-datepicker-body .bell-datepicker-col.hover,
.bell-datepicker-month .bell-datepicker-body .bell-datepicker-col:hover,
.bell-datepicker-year .bell-datepicker-body .bell-datepicker-col:hover,
.bell-datepicker-month .bell-datepicker-body .bell-datepicker-col.bell-hover,
.bell-datepicker-year .bell-datepicker-body .bell-datepicker-col.bell-hover {
  color: #fff;
  background-color: #1890ff;
}
.bell-datepicker-header-month + .bell-datepicker-header-month {
  margin-left: 30%;
}
.bell-datepicker-daterange-wrapper {
  display: flex;
}
.bell-datepicker-daterange-wrapper .bell-datepicker-table-date {
  flex: 1;
}
.bell-datepicker-daterange-wrapper .bell-datepicker-table-date + .bell-datepicker-table-date {
  border-left: 1px solid #eee;
}
.bell-datepicker-daterange-wrapper .bell-datepicker-table-date .bell-datepicker-days .bell-datepicker-col-range {
  position: relative;
  border-radius: 0;
  background-color: #e1f0fe;
}
.bell-datepicker-daterange-wrapper .bell-datepicker-table-date .bell-datepicker-days .bell-datepicker-col-range:before {
  position: absolute;
  content: ' ';
  height: 100%;
  top: 0;
  width: 4px;
  left: -4px;
  background-color: #e1f0fe;
}
.bell-datepicker-daterange-wrapper .bell-datepicker-table-date .bell-datepicker-days .bell-datepicker-col-range.bell-datepicker-daterange-wrapper .bell-datepicker-table-date .bell-datepicker-days .bell-datepicker-col-range.hover,
.bell-datepicker-daterange-wrapper .bell-datepicker-table-date .bell-datepicker-days .bell-datepicker-col-range:hover,
.bell-datepicker-daterange-wrapper .bell-datepicker-table-date .bell-datepicker-days .bell-datepicker-col-range.bell-hover {
  background-color: #e1f0fe;
  color: rgba(0,0,0,0.54);
}
.bell-datepicker-daterange-wrapper .bell-datepicker-table-date .bell-datepicker-days .bell-datepicker-col-range + .bell-datepicker-col-checked {
  position: relative;
}
.bell-datepicker-daterange-wrapper .bell-datepicker-table-date .bell-datepicker-days .bell-datepicker-col-range + .bell-datepicker-col-checked:before {
  position: absolute;
  content: ' ';
  height: 100%;
  top: 0;
  width: 4px;
  left: -4px;
  background-color: #e1f0fe;
}
.bell-datepicker-week .bell-datepicker-row {
  display: flex;
  cursor: pointer;
  color: rgba(0,0,0,0.54);
  border-radius: $radius-circle-half;
}
.bell-datepicker-week .bell-datepicker-row.bell-datepicker-week .bell-datepicker-row.hover,
.bell-datepicker-week .bell-datepicker-row:hover,
.bell-datepicker-week .bell-datepicker-row.bell-hover {
  background-color: #e1f0fe;
}
.bell-datepicker-week .bell-datepicker-row .bell-datepicker-col {
  border-radius: $radius-circle-half;
  padding: 5px;
  margin: 2px;
  flex: 1;
  text-align: center;
}
.bell-datepicker-week .bell-datepicker-row .bell-datepicker-col-prev-month,
.bell-datepicker-week .bell-datepicker-row .bell-datepicker-col-last-month {
  color: rgba(0,0,0,0.37);
}
.bell-datepicker-week .bell-datepicker-row-checked {
  background-color: #e1f0fe;
}
.bell-datepicker-week .bell-datepicker-row-checked .bell-datepicker-col:first-child,
.bell-datepicker-week .bell-datepicker-row-checked .bell-datepicker-col:last-child {
  background-color: #1890ff;
  color: #fff;
}
.bell-page {
  user-select: none;
}
.bell-page .bell-page-list .bell-page-item {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin-right: 4px;
  font-size: 12px;
  background: #fff;
}
.bell-page .bell-page-list .bell-page-item .bell-page-prev {
  margin-right: 6px;
}
.bell-page .bell-page-list .bell-page-item > .bell-icon {
  line-height: 32px;
}
.bell-page-small .bell-page-list .bell-page-item {
  width: 24px;
  height: 24px;
  line-height: 24px;
  margin-right: 2px;
  font-size: 12px;
  background: #fff;
}
.bell-page-small .bell-page-list .bell-page-item .bell-page-prev {
  margin-right: 4px;
}
.bell-page-small .bell-page-list .bell-page-item > .bell-icon {
  line-height: 24px;
}
.bell-page .bell-page-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
}
.bell-page .bell-page-item {
  display: inline-block;
  vertical-align: middle;
  list-style: none;
  text-align: center;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid #eee;
  transition: all 0.2s ease-in-out;
  color: #666;
}
.bell-page .bell-page-item.bell-active,
.bell-page .bell-page-item:hover {
  color: #1890ff;
  border-color: #1890ff;
}
.bell-page .bell-page-item.bell-disabled {
  cursor: not-allowed;
  color: #eee !important;
  border-color: #eee;
}
.bell-page .bell-page-item.bell-disabled.bell-page .bell-page-item.bell-disabled.hover,
.bell-page .bell-page-item.bell-disabled:hover,
.bell-page .bell-page-item.bell-disabled.bell-hover {
  color: #eee;
  border-color: #eee;
}
.bell-page .bell-page-item.bell-page-item-next:after,
.bell-page .bell-page-item.bell-page-item-prev:after {
  content: "\2022\2022\2022";
  display: block;
  letter-spacing: 1px;
  color: #eee;
  text-align: center;
  font-size: 12px;
}
.bell-page .bell-page-item.bell-page-item-next .bell-icon,
.bell-page .bell-page-item.bell-page-item-prev .bell-icon {
  display: none;
}
.bell-page .bell-page-item.bell-page-item-next.bell-page .bell-page-item.bell-page-item-next.hover:after,
.bell-page .bell-page-item.bell-page-item-prev.bell-page .bell-page-item.bell-page-item-prev.hover:after,
.bell-page .bell-page-item.bell-page-item-next:hover:after,
.bell-page .bell-page-item.bell-page-item-prev:hover:after,
.bell-page .bell-page-item.bell-page-item-next.bell-hover:after,
.bell-page .bell-page-item.bell-page-item-prev.bell-hover:after {
  display: none;
}
.bell-page .bell-page-item.bell-page-item-next.bell-page .bell-page-item.bell-page-item-next.hover .bell-icon,
.bell-page .bell-page-item.bell-page-item-prev.bell-page .bell-page-item.bell-page-item-prev.hover .bell-icon,
.bell-page .bell-page-item.bell-page-item-next:hover .bell-icon,
.bell-page .bell-page-item.bell-page-item-prev:hover .bell-icon,
.bell-page .bell-page-item.bell-page-item-next.bell-hover .bell-icon,
.bell-page .bell-page-item.bell-page-item-prev.bell-hover .bell-icon {
  display: inline-block;
}
.bell-page .bell-page-select {
  display: inline-block;
  width: 100px;
  margin-right: 10px;
  vertical-align: middle;
}
.bell-page .bell-page-elevator {
  display: inline-block;
}
.bell-page .bell-page-elevator .bell-page-input {
  width: 40px;
  display: inline-block;
  margin: 0 10px;
}
.bell-page .bell-page-total {
  font-size: 14px;
  margin-right: 10px;
}
.bell-page .bell-page-simple {
  display: inline-block;
}
.bell-page .bell-page-simple .bell-page-input {
  width: 40px;
  display: inline-block;
  margin: 0 10px;
}
.bell-page .bell-page-simple .bell-page-item {
  border: none;
  color: #666;
  padding: 5px;
}
.bell-page .bell-page-simple .bell-page-item.bell-active,
.bell-page .bell-page-simple .bell-page-item:hover {
  color: #666;
  border: none;
}
.bell-page-tiny .bell-page-list .bell-page-item {
  border: none;
  color: #666;
}
.bell-page-tiny .bell-page-list .bell-page-item.bell-active,
.bell-page-tiny .bell-page-list .bell-page-item:hover {
  color: #1890ff;
  border: none;
}
.bell-list {
  list-style: none;
  user-select: none;
  padding: 0 !important;
  margin: 0 !important;
}
.bell-list.large .bell-list-item-content {
  position: relative;
  padding: 10px;
  border-radius: 6px;
}
.bell-list.large .bell-list-header {
  padding: 10px;
}
.bell-list.large .bell-list-item-footer {
  position: absolute;
  right: 15px;
}
.bell-list .bell-list-item-content {
  position: relative;
  padding: 8px 10px;
  border-radius: 5px;
}
.bell-list .bell-list-header {
  padding: 8px 10px;
}
.bell-list .bell-list-item-footer {
  position: absolute;
  right: 10px;
}
.bell-list.small .bell-list-item-content {
  position: relative;
  padding: 5px 10px;
  border-radius: 4px;
}
.bell-list.small .bell-list-header {
  padding: 5px 10px;
}
.bell-list.small .bell-list-item-footer {
  position: absolute;
  right: 8px;
}
.bell-list {
  color: rgba(0,0,0,0.54);
}
.bell-list .bell-list-item-content {
  background-color: #fff;
}
.bell-list .bell-list-item-content.active,
.bell-list .bell-list-item-content:active,
.bell-list .bell-list-item-content.bell-active {
  background-color: #f9f9f9;
  color: rgba(0,0,0,0.54);
}
.bell-list .bell-list-item-content-hover {
  cursor: pointer;
}
.bell-list .bell-list-item-content-hover.hover,
.bell-list .bell-list-item-content-hover:hover,
.bell-list .bell-list-item-content-hover.bell-hover {
  background-color: #f9f9f9;
  color: rgba(0,0,0,0.54);
}
.bell-list.success {
  color: rgba(0,0,0,0.54);
}
.bell-list.success .bell-list-item-content {
  background-color: #fff;
}
.bell-list.success .bell-list-item-content.active,
.bell-list.success .bell-list-item-content:active,
.bell-list.success .bell-list-item-content.bell-active {
  background-color: #52c41a;
  color: #fff;
}
.bell-list.success .bell-list-item-content-hover {
  cursor: pointer;
}
.bell-list.success .bell-list-item-content-hover.hover,
.bell-list.success .bell-list-item-content-hover:hover,
.bell-list.success .bell-list-item-content-hover.bell-hover {
  background-color: #52c41a;
  color: #fff;
}
.bell-list.info {
  color: rgba(0,0,0,0.54);
}
.bell-list.info .bell-list-item-content {
  background-color: #fff;
}
.bell-list.info .bell-list-item-content.active,
.bell-list.info .bell-list-item-content:active,
.bell-list.info .bell-list-item-content.bell-active {
  background-color: #2db7f5;
  color: #fff;
}
.bell-list.info .bell-list-item-content-hover {
  cursor: pointer;
}
.bell-list.info .bell-list-item-content-hover.hover,
.bell-list.info .bell-list-item-content-hover:hover,
.bell-list.info .bell-list-item-content-hover.bell-hover {
  background-color: #2db7f5;
  color: #fff;
}
.bell-list.primary {
  color: rgba(0,0,0,0.54);
}
.bell-list.primary .bell-list-item-content {
  background-color: #fff;
}
.bell-list.primary .bell-list-item-content.active,
.bell-list.primary .bell-list-item-content:active,
.bell-list.primary .bell-list-item-content.bell-active {
  background-color: #1890ff;
  color: #fff;
}
.bell-list.primary .bell-list-item-content-hover {
  cursor: pointer;
}
.bell-list.primary .bell-list-item-content-hover.hover,
.bell-list.primary .bell-list-item-content-hover:hover,
.bell-list.primary .bell-list-item-content-hover.bell-hover {
  background-color: #1890ff;
  color: #fff;
}
.bell-list.warning {
  color: rgba(0,0,0,0.54);
}
.bell-list.warning .bell-list-item-content {
  background-color: #fff;
}
.bell-list.warning .bell-list-item-content.active,
.bell-list.warning .bell-list-item-content:active,
.bell-list.warning .bell-list-item-content.bell-active {
  background-color: #faad14;
  color: #fff;
}
.bell-list.warning .bell-list-item-content-hover {
  cursor: pointer;
}
.bell-list.warning .bell-list-item-content-hover.hover,
.bell-list.warning .bell-list-item-content-hover:hover,
.bell-list.warning .bell-list-item-content-hover.bell-hover {
  background-color: #faad14;
  color: #fff;
}
.bell-list.danger {
  color: rgba(0,0,0,0.54);
}
.bell-list.danger .bell-list-item-content {
  background-color: #fff;
}
.bell-list.danger .bell-list-item-content.active,
.bell-list.danger .bell-list-item-content:active,
.bell-list.danger .bell-list-item-content.bell-active {
  background-color: #eb1111;
  color: #fff;
}
.bell-list.danger .bell-list-item-content-hover {
  cursor: pointer;
}
.bell-list.danger .bell-list-item-content-hover.hover,
.bell-list.danger .bell-list-item-content-hover:hover,
.bell-list.danger .bell-list-item-content-hover.bell-hover {
  background-color: #eb1111;
  color: #fff;
}
.bell-list-border {
  box-shadow: 0px 0px 1px rgba(0,0,0,0.1);
}
.bell-list-divider {
  height: 1px;
  background-color: #eee;
  list-style: none;
}
.bell-list-header {
  font-size: 14px;
  line-height: 1.477;
}
.bell-list-item-nested {
  display: none;
  padding: 0 10px;
}
.bell-list-item-nested.bell-show {
  display: block;
}
.bell-list-item .bell-list-item-header {
  display: inline-block;
  vertical-align: middle;
}
.bell-list-item .bell-list-item-footer {
  top: 50%;
  transform: translateY(-50%);
}
.bell-list-item .bell-list-item-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: keep-all;
  display: inline-block;
  vertical-align: middle;
}
.bell-list-item-has-header .bell-list-item-text {
  position: absolute;
  left: 60px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.bell-list-item-has-footer .bell-list-item-text {
  width: 100%;
  padding-right: 60px;
  right: 60px;
}
.bell-avatar {
  overflow: hidden;
  display: inline-block;
  text-align: center;
  background-color: #ccc;
}
.bell-avatar {
  width: 50px;
  height: 50px;
  font-size: 14px;
  line-height: 50px;
  border-radius: 8px;
}
.bell-avatar > $seletor-icon {
  font-size: 26px;
  line-height: 50px;
}
.bell-avatar-small {
  width: 40px;
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  border-radius: 8px;
}
.bell-avatar-small > $seletor-icon {
  font-size: 26px;
  line-height: 40px;
}
.bell-avatar-large {
  width: 60px;
  height: 60px;
  font-size: 14px;
  line-height: 60px;
  border-radius: 8px;
}
.bell-avatar-large > $seletor-icon {
  font-size: 26px;
  line-height: 60px;
}
.bell-avatar > img {
  width: 100%;
  height: 100%;
}
.bell-avatar +.bell-avatar {
  margin-left: 10px;
}
.bell-avatar-circle {
  border-radius: 50%;
}
.bell-alert {
  user-select: none;
  position: relative;
  transition: all 0.3s;
  border: 1px solid;
  border-radius: 4px;
  font-size: 12px;
  line-height: 14px;
  padding: 12px 16px;
}
.bell-alert {
  border-color: #bbdcfd;
  background-color: #cde6fe;
  color: #064283;
}
.bell-alert .bell-alert-icon {
  color: #1890ff;
}
.bell-alert-secondary {
  border-color: #d6d8db;
  background-color: #e2e3e5;
  color: #383d41;
}
.bell-alert-secondary .bell-alert-icon {
  color: rgba(0,0,0,0.54);
}
.bell-alert-info {
  border-color: #bfe5eb;
  background-color: #d2ecf1;
  color: #11545f;
}
.bell-alert-info .bell-alert-icon {
  color: #2db7f5;
}
.bell-alert-success {
  border-color: #c4e6cc;
  background-color: #d5eddb;
  color: #195627;
}
.bell-alert-success .bell-alert-icon {
  color: #52c41a;
}
.bell-alert-danger {
  border-color: #f4c6cc;
  background-color: #f7d7db;
  color: #701d26;
}
.bell-alert-danger .bell-alert-icon {
  color: #eb1111;
}
.bell-alert-warning {
  border-color: #feedbd;
  background-color: #fff3cf;
  color: #846315;
}
.bell-alert-warning .bell-alert-icon {
  color: #faad14;
}
.bell-alert-error {
  border-color: #f4c6cc;
  background-color: #fc451e;
  color: #fff;
}
.bell-alert-error .bell-alert-icon {
  color: #fff;
}
.bell-alert-light {
  border-color: #fff;
  background-color: #fff;
  color: #383d41;
}
.bell-alert-light .bell-alert-icon {
  color: #383d41;
}
.bell-alert-dark {
  border-color: #d6d8db;
  background-color: rgba(0,0,0,0.37);
  color: #fff;
}
.bell-alert-dark .bell-alert-icon {
  color: $brand-muted-active;
}
.bell-alert.bell-hide {
  opacity: 0;
}
.bell-alert .bell-alert-icon {
  margin-right: 6px;
  float: left;
  vertical-align: top;
}
.bell-alert-with-desc .bell-alert-content {
  font-size: 14px;
  line-height: 1.477;
  font-weight: bold;
}
.bell-alert-with-desc .bell-alert-desc {
  font-size: 12px;
  line-height: 1.333333333333333;
  font-weight: normal;
}
.bell-alert-with-desc.bell-alert-with-icon .bell-icon {
  font-size: 18px;
  line-height: 2;
  margin-right: 14px;
}
.bell-alert-center {
  text-align: center;
}
.bell-alert-close {
  cursor: pointer;
  min-width: 24px;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
}
.bell-alert-close > .bell-icon {
  font-size: 22px;
  color: #999;
  line-height: 40px;
}
.bell-alert-close > .bell-icon.bell-alert-close > .bell-icon.hover,
.bell-alert-close > .bell-icon:hover,
.bell-alert-close > .bell-icon.bell-hover {
  color: #444;
}
.bell-card {
  background: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.2;
  color: #495060;
  margin: 15px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}
.bell-card-header {
  padding: 15px;
}
.bell-card-header .bell-avatar {
  vertical-align: middle;
}
.bell-card-header .bell-card-header-detail {
  vertical-align: middle;
  display: inline-block;
  padding: 0 10px;
}
.bell-card-header .bell-card-header-title {
  font-size: 15px;
  color: #1c2438;
  line-height: 1.6;
}
.bell-card-header .bell-card-header-sub-title {
  font-size: 14px;
  color: #80848f;
  line-height: 1.6;
}
.bell-card-title-extra {
  float: right;
  text-align: right;
}
.bell-card-media {
  position: relative;
}
.bell-card-media > img {
  display: block;
  width: 100%;
  max-width: 100%;
}
.bell-card-media .bell-card-media-detail {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 6px 15px;
  background-color: rgba(0,0,0,0.54);
}
.bell-card-media .bell-card-media-title {
  font-size: 18px;
  color: #fbfbfb;
  line-height: 1.6;
}
.bell-card-media .bell-card-media-sub-title {
  font-size: 12px;
  color: #929aa0;
  line-height: 1.6;
}
.bell-card-title {
  padding: 15px;
}
.bell-card-title .bell-card-title-text {
  font-size: 22px;
  color: #1c2438;
  line-height: 1.6;
}
.bell-card-title .bell-card-sub-title {
  font-size: 14px;
  color: #80848f;
  line-height: 1.6;
}
.bell-card-text {
  padding: 15px;
  font-size: 14px;
  color: #495060;
  line-height: 1.4;
}
.bell-card-actions {
  padding: 15px;
}
.bell-card-actions .bell-button +.bell-button {
  margin-left: 10px;
}
.bell-message {
  position: fixed;
  top: 0;
  left: 50%;
  opacity: 0;
  z-index: 1010;
  user-select: none;
  transition: all 0.3s;
}
.bell-message.bell-show {
  opacity: 1;
}
#bell-notice-wrapper {
  position: fixed;
  right: 0;
  top: 15px;
  z-index: 1010;
}
.bell-notice {
  position: relative;
  overflow: hidden;
  transition: all 0.3s;
  opacity: 0;
  padding: 15px;
  border-radius: 4px;
  box-shadow: 0 1px 6px rgba(0,0,0,0.2);
  background-color: #fff;
}
.bell-notice:before {
  background-color: #1890ff;
}
.bell-notice-success:before {
  background-color: #52c41a;
}
.bell-notice-error:before {
  background-color: #f5222d;
}
.bell-notice-info:before {
  background-color: #2db7f5;
}
.bell-notice-warning:before {
  background-color: #faad14;
}
.bell-notice-danger:before {
  background-color: #eb1111;
}
.bell-notice +.bell-notice {
  margin-top: 15px;
}
.bell-notice:before {
  content: ' ';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 4px;
}
.bell-notice.bell-show {
  opacity: 1;
}
.bell-notice .bell-notice-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  color: rgba(0,0,0,0.87);
  line-height: 24px;
}
.bell-notice .bell-notice-desc {
  line-height: 1.5;
  font-size: 12px;
  color: rgba(0,0,0,0.54);
  line-height: 20px;
}
.bell-notice .bell-notice-close {
  position: absolute;
  right: 0;
  top: 10px;
  cursor: pointer;
  font-size: 22px;
  padding: 5px 15px;
  color: #999;
}
.bell-notice .bell-notice-close.bell-notice .bell-notice-close.hover,
.bell-notice .bell-notice-close:hover,
.bell-notice .bell-notice-close.bell-hover {
  color: #333;
}
.bell-msg-alert-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.bell-msg-alert-wrapper .bell-msg-alert {
  text-align: left;
  overflow: hidden;
  position: relative;
  transition: all 0.3s;
  max-width: 500px;
  min-width: 320px;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #ebeef5;
  box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);
}
.bell-msg-alert-wrapper .bell-msg-alert-title,
.bell-msg-alert-wrapper .bell-msg-alert-desc,
.bell-msg-alert-wrapper .bell-msg-alert-footer {
  text-align: center;
  padding: 10px 15px;
}
.bell-msg-alert-wrapper .bell-msg-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.54);
  z-index: -1;
  transition: opacity 0.3s;
}
.bell-msg-alert-wrapper .bell-msg-alert-close {
  cursor: pointer;
  position: absolute;
  right: 0;
  padding: 5px 15px;
  font-size: 24px;
}
.bell-msg-alert-hidden .bell-msg-alert {
  margin-top: -200px;
  opacity: 0;
}
.bell-msg-alert-hidden .bell-msg-mask {
  opacity: 0;
}
.bell-msg-confirm-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
}
.bell-msg-confirm-wrapper .bell-msg-confirm {
  text-align: left;
  overflow: hidden;
  position: relative;
  transition: all 0.3s;
  max-width: 700px;
  min-width: 320px;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #ebeef5;
  box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);
}
.bell-msg-confirm-wrapper .bell-msg-confirm-title,
.bell-msg-confirm-wrapper .bell-msg-confirm-desc,
.bell-msg-confirm-wrapper .bell-msg-confirm-footer {
  text-align: center;
  padding: 10px 15px;
}
.bell-msg-confirm-wrapper .bell-msg-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.54);
  z-index: -1;
  transition: opacity 0.3s;
}
.bell-msg-confirm-wrapper .bell-msg-confirm-close {
  cursor: pointer;
  position: absolute;
  right: 0;
  padding: 5px 15px;
  font-size: 24px;
}
.bell-msg-confirm-hidden .bell-msg-confirm {
  margin-top: -200px;
  opacity: 0;
}
.bell-msg-confirm-hidden .bell-msg-mask {
  opacity: 0;
}
.bell-badge {
  position: relative;
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}
.bell-badge .bell-badge-count {
  background-color: #f5222d;
}
.bell-badge .bell-badge-dot {
  background-color: #f5222d;
}
.bell-badge-success .bell-badge-count {
  background-color: #52c41a;
}
.bell-badge-success .bell-badge-dot {
  background-color: #52c41a;
}
.bell-badge-info .bell-badge-count {
  background-color: #2db7f5;
}
.bell-badge-info .bell-badge-dot {
  background-color: #2db7f5;
}
.bell-badge-primary .bell-badge-count {
  background-color: #f5222d;
}
.bell-badge-primary .bell-badge-dot {
  background-color: #f5222d;
}
.bell-badge-warning .bell-badge-count {
  background-color: #faad14;
}
.bell-badge-warning .bell-badge-dot {
  background-color: #faad14;
}
.bell-badge-danger .bell-badge-count {
  background-color: #eb1111;
}
.bell-badge-danger .bell-badge-dot {
  background-color: #eb1111;
}
.bell-badge +.bell-badge {
  margin-left: 10px;
}
.bell-badge .bell-badge-count {
  white-space: nowrap;
  position: absolute;
  right: 0;
  transform: translateX(50%);
  height: 20px;
  top: -10px;
  text-align: center;
  border: 1px solid transparent;
  border-radius: 10px;
  color: #fff;
  padding: 3px 6px;
  font-size: 12px;
  z-index: 10;
  box-shadow: 0 0 0 1px #fff;
  transform-origin: -10% center;
}
.bell-badge .bell-badge-dot {
  border-radius: 100%;
  position: absolute;
  transform: translateX(-50%);
  transform-origin: 0 center;
  top: -4px;
  right: -8px;
  height: 8px;
  width: 8px;
  z-index: 10;
  box-shadow: 0 0 0 1px #fff;
}
.bell-badge .bell-badge-count-alone {
  box-sizing: border-box;
  top: auto;
  display: block;
  position: relative;
  transform: translateX(0);
  box-shadow: none;
}
.bell-collapse {
  overflow: hidden;
}
.bell-panel {
  border-top: 1px solid #eee;
}
.bell-panel:last-child {
  border-bottom: 1px solid #eee;
}
.bell-panel .bell-panel-el {
  width: 100%;
  cursor: pointer;
  user-select: none;
  font-weight: bold;
  padding: 8px 15px;
  font-size: 14px;
}
.bell-panel .bell-panel-el .bell-panel-el-icon {
  margin-right: 10px;
  transition: transform 0.2s linear;
  transform-origin: center;
  font-size: 18px;
  transform: rotate(-90deg);
}
.bell-panel .bell-panel-inner {
  display: none;
  transition: height 0.1s linear;
  overflow: hidden;
  padding: 10px;
  font-size: 13px;
}
.bell-panel .bell-panel-inner .bell-panel-content {
  padding: 15px;
}
.bell-panel .bell-panel-el-open > .bell-panel-el-icon {
  transform: rotate(0);
}
.bell-panel.bell-panel-open > .bell-panel-inner {
  display: block;
}
.bell-tooltip {
  position: relative;
  display: inline-block;
}
.bell-tooltip.bell-tooltip.hover .bell-tooltip-popper,
.bell-tooltip:hover .bell-tooltip-popper,
.bell-tooltip.bell-hover .bell-tooltip-popper {
  display: block;
  opacity: 0;
}
.bell-tooltip.bell-show .bell-tooltip-popper {
  display: block;
  opacity: 1;
}
.bell-tooltip .bell-tooltip-popper {
  position: absolute;
  line-height: 1.2;
  display: none;
  transition: opacity 0.3s;
  font-size: 12px;
  z-index: 1060;
}
.bell-tooltip .bell-tooltip-popper ::-webkit-scrollbar {
  width: 2px;
}
.bell-tooltip .bell-tooltip-popper ::-webkit-scrollbar {
  height: 2px;
}
.bell-tooltip .bell-tooltip-popper ::-webkit-scrollbar-track {
  background-color: rgba(0,0,0,0);
}
.bell-tooltip .bell-tooltip-popper ::-webkit-scrollbar-thumb {
  background-color: #d1d1d1;
  border-radius: 10px;
}
.bell-tooltip .bell-tooltip-popper ::-webkit-scrollbar-thumb:hover {
  background-color: #b3b3b3;
}
.bell-tooltip .bell-tooltip-popper.bell-tooltip-disabled {
  display: none;
}
.bell-tooltip .bell-tooltip-popper .bell-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
}
.bell-tooltip .bell-tooltip-popper .bell-tooltip-inner {
  text-align: left;
  text-decoration: none;
  white-space: nowrap;
  overflow-y: auto;
  overflow-x: auto;
  max-width: 250px;
  padding: 8px 12px;
  color: #fff;
  background-color: rgba(0,0,0,0.6);
  border-radius: 4px;
  box-shadow: 0 1px 6px rgba(0,0,0,0.2);
}
.bell-tooltip .bell-tooltip-popper[data-placement="bottom"] {
  left: 50%;
  padding: 8px 0;
}
.bell-tooltip .bell-tooltip-popper[data-placement="bottom"] .bell-tooltip-arrow {
  top: -2px;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: rgba(0,0,0,0.6);
}
.bell-tooltip .bell-tooltip-popper[data-placement="bottom-start"] {
  left: 0;
  padding: 8px 0;
}
.bell-tooltip .bell-tooltip-popper[data-placement="bottom-start"] .bell-tooltip-arrow {
  top: -2px;
  left: 10px;
  border-bottom-color: rgba(0,0,0,0.6);
}
.bell-tooltip .bell-tooltip-popper[data-placement="bottom-end"] {
  right: 0;
  padding: 8px 0;
}
.bell-tooltip .bell-tooltip-popper[data-placement="bottom-end"] .bell-tooltip-arrow {
  right: 10px;
  top: -2px;
  border-bottom-color: rgba(0,0,0,0.6);
}
.bell-tooltip .bell-tooltip-popper[data-placement="top"] {
  left: 50%;
  top: 0;
  padding: 8px 0;
}
.bell-tooltip .bell-tooltip-popper[data-placement="top"] .bell-tooltip-arrow {
  left: 50%;
  bottom: -2px;
  margin-left: -5px;
  border-top-color: rgba(0,0,0,0.6);
}
.bell-tooltip .bell-tooltip-popper[data-placement="top-start"] {
  left: 0;
  top: 0;
  padding: 8px 0;
}
.bell-tooltip .bell-tooltip-popper[data-placement="top-start"] .bell-tooltip-arrow {
  left: 10px;
  bottom: -2px;
  border-top-color: rgba(0,0,0,0.6);
}
.bell-tooltip .bell-tooltip-popper[data-placement="top-end"] {
  right: 0;
  top: 0;
  padding: 8px 0;
}
.bell-tooltip .bell-tooltip-popper[data-placement="top-end"] .bell-tooltip-arrow {
  right: 10px;
  bottom: -2px;
  border-top-color: rgba(0,0,0,0.6);
}
.bell-tooltip .bell-tooltip-popper[data-placement="left"] {
  left: 0;
  top: 50%;
  padding: 0 8px;
}
.bell-tooltip .bell-tooltip-popper[data-placement="left"] .bell-tooltip-arrow {
  right: -2px;
  top: 50%;
  margin-top: -5px;
  border-left-color: rgba(0,0,0,0.6);
}
.bell-tooltip .bell-tooltip-popper[data-placement="left-start"] {
  left: 0;
  top: 0;
  padding: 0 8px;
}
.bell-tooltip .bell-tooltip-popper[data-placement="left-start"] .bell-tooltip-arrow {
  right: -2px;
  top: 10px;
  border-left-color: rgba(0,0,0,0.6);
}
.bell-tooltip .bell-tooltip-popper[data-placement="left-end"] {
  left: 0;
  bottom: 0;
  padding: 0 8px;
}
.bell-tooltip .bell-tooltip-popper[data-placement="left-end"] .bell-tooltip-arrow {
  right: -2px;
  bottom: 10px;
  border-left-color: rgba(0,0,0,0.6);
}
.bell-tooltip .bell-tooltip-popper[data-placement="right"] {
  left: 100%;
  top: 50%;
  padding: 0 8px;
}
.bell-tooltip .bell-tooltip-popper[data-placement="right"] .bell-tooltip-arrow {
  left: -2px;
  top: 50%;
  margin-top: -5px;
  border-right-color: rgba(0,0,0,0.6);
}
.bell-tooltip .bell-tooltip-popper[data-placement="right-start"] {
  left: 100%;
  top: 0;
  padding: 0 8px;
}
.bell-tooltip .bell-tooltip-popper[data-placement="right-start"] .bell-tooltip-arrow {
  left: -2px;
  top: 10px;
  border-right-color: rgba(0,0,0,0.6);
}
.bell-tooltip .bell-tooltip-popper[data-placement="right-end"] {
  left: 100%;
  bottom: 0;
  padding: 0 8px;
}
.bell-tooltip .bell-tooltip-popper[data-placement="right-end"] .bell-tooltip-arrow {
  left: -2px;
  bottom: 10px;
  border-right-color: rgba(0,0,0,0.6);
}
.bell-spinner {
  display: inline-block;
  text-align: center;
}
.bell-spinner {
  color: #1890ff;
}
.bell-spinner .bell-spinner-dot {
  background-color: #1890ff;
}
.bell-spinner.success {
  color: #52c41a;
}
.bell-spinner.success .bell-spinner-dot {
  background-color: #52c41a;
}
.bell-spinner.info {
  color: #2db7f5;
}
.bell-spinner.info .bell-spinner-dot {
  background-color: #2db7f5;
}
.bell-spinner.error {
  color: #f5222d;
}
.bell-spinner.error .bell-spinner-dot {
  background-color: #f5222d;
}
.bell-spinner.warning {
  color: #faad14;
}
.bell-spinner.warning .bell-spinner-dot {
  background-color: #faad14;
}
.bell-spinner.danger {
  color: #eb1111;
}
.bell-spinner.danger .bell-spinner-dot {
  background-color: #eb1111;
}
.bell-spinner .bell-spinner-dot {
  height: 20px;
  width: 20px;
  font-size: 14px;
}
.bell-spinner.small .bell-spinner-dot {
  height: 16px;
  width: 16px;
  font-size: 13px;
}
.bell-spinner.large .bell-spinner-dot {
  height: 30px;
  width: 30px;
  font-size: 16px;
}
.bell-spinner .bell-spinner-dot {
  position: relative;
  display: block;
  border-radius: 50%;
  animation: spin-bounce 1s 0s ease-in-out infinite;
}
.bell-spinner.bell-spinner-fix {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255,255,255,0.8);
}
.bell-spinner.bell-spinner-fix .bell-spinner-main {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@-moz-keyframes spin-bounce {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes spin-bounce {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
@-o-keyframes spin-bounce {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
@keyframes spin-bounce {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
.bell-circle {
  display: inline-block;
  position: relative;
}
.bell-circle .bell-circle-inner {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  line-height: 1;
}
.bell-progress {
  display: flex;
}
.bell-progress .bell-progress-bg {
  background-color: #1890ff;
}
.bell-progress.success .bell-progress-bg {
  background-color: #52c41a;
}
.bell-progress.error .bell-progress-bg {
  background-color: #f5222d;
}
.bell-progress.warning .bell-progress-bg {
  background-color: #faad14;
}
.bell-progress.danger .bell-progress-bg {
  background-color: #eb1111;
}
.bell-progress.info .bell-progress-bg {
  background-color: #2db7f5;
}
.bell-progress.bell-progress.active .bell-progress-inner,
.bell-progress:active .bell-progress-inner,
.bell-progress.bell-active .bell-progress-inner {
  position: relative;
}
.bell-progress.bell-progress.active .bell-progress-inner:before,
.bell-progress:active .bell-progress-inner:before,
.bell-progress.bell-active .bell-progress-inner:before {
  content: " ";
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  border-radius: 10px;
  animation: bell-progress-active 2s ease-in-out infinite;
}
.bell-progress .bell-progress-outer {
  flex: 1;
}
.bell-progress .bell-progress-inner-text {
  text-align: right;
  width: 60px;
  font-size: 12px;
  line-height: 2;
}
.bell-progress .bell-progress-inner {
  display: inline-block;
  width: 100%;
  background-color: #f3f3f3;
  border-radius: 100px;
  vertical-align: middle;
}
.bell-progress .bell-progress-bg {
  border-radius: 100px;
  transition: height 0.2s linear, width 0.2s linear;
}
.bell-progress-vertical {
  height: 100%;
  width: auto;
  display: inline-block;
}
.bell-progress-vertical .bell-progress-outer,
.bell-progress-vertical .bell-progress-inner {
  height: 100%;
  width: auto;
  margin: 0 auto;
}
.bell-progress-vertical .bell-progress-inner {
  display: flex;
  align-items: flex-end;
}
.bell-progress-vertical .bell-progress-inner-text {
  display: inline-block;
  text-align: center;
  width: 100%;
}
@-moz-keyframes bell-progress-active {
  0% {
    opacity: 0.3;
    width: 0;
  }
  100% {
    opacity: 0;
    width: 100%;
  }
}
@-webkit-keyframes bell-progress-active {
  0% {
    opacity: 0.3;
    width: 0;
  }
  100% {
    opacity: 0;
    width: 100%;
  }
}
@-o-keyframes bell-progress-active {
  0% {
    opacity: 0.3;
    width: 0;
  }
  100% {
    opacity: 0;
    width: 100%;
  }
}
@keyframes bell-progress-active {
  0% {
    opacity: 0.3;
    width: 0;
  }
  100% {
    opacity: 0;
    width: 100%;
  }
}
#bell-loading-bar-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 2000;
}
#bell-loading-bar-wrapper .bell-loading-bar {
  background-color: #f8f8f8;
  border-radius: 100px;
}
#bell-loading-bar-wrapper .bell-loading-bar .bell-loading-bar-bg {
  background-color: #1890ff;
}
#bell-loading-bar-wrapper .bell-loading-bar-success .bell-loading-bar-bg {
  background-color: #52c41a;
}
#bell-loading-bar-wrapper .bell-loading-bar-error .bell-loading-bar-bg {
  background-color: #f5222d;
}
#bell-loading-bar-wrapper .bell-loading-bar-info .bell-loading-bar-bg {
  background-color: #2db7f5;
}
#bell-loading-bar-wrapper .bell-loading-bar-warning .bell-loading-bar-bg {
  background-color: #faad14;
}
#bell-loading-bar-wrapper .bell-loading-bar-danger .bell-loading-bar-bg {
  background-color: #eb1111;
}
#bell-loading-bar-wrapper .bell-loading-bar .bell-loading-bar-bg {
  border-radius: 100px;
  transition: width 0.2s linear;
}
.bell-slider {
  width: 100%;
  user-select: none;
  outline: none;
  cursor: pointer;
}
.bell-slider .bell-slider-fill {
  background-color: #1890ff;
}
.bell-slider .bell-slider-thumb {
  border-color: #1890ff !important;
}
.bell-slider-success .bell-slider-fill {
  background-color: #52c41a;
}
.bell-slider-success .bell-slider-thumb {
  border-color: #52c41a !important;
}
.bell-slider-error .bell-slider-fill {
  background-color: #f5222d;
}
.bell-slider-error .bell-slider-thumb {
  border-color: #f5222d !important;
}
.bell-slider-warning .bell-slider-fill {
  background-color: #faad14;
}
.bell-slider-warning .bell-slider-thumb {
  border-color: #faad14 !important;
}
.bell-slider-danger .bell-slider-fill {
  background-color: #eb1111;
}
.bell-slider-danger .bell-slider-thumb {
  border-color: #eb1111 !important;
}
.bell-slider-info .bell-slider-fill {
  background-color: #2db7f5;
}
.bell-slider-info .bell-slider-thumb {
  border-color: #2db7f5 !important;
}
.bell-slider-disabled .bell-slider-fill {
  background-color: #eee;
}
.bell-slider-disabled .bell-slider-thumb {
  border-color: #eee !important;
}
.bell-slider.dragging .bell-slider-thumb {
  transform: scale(1.5);
}
.bell-slider.disabled,
.bell-slider[disabled] {
  cursor: default;
}
.bell-slider.disabled .bell-slider-thumb.hover,
.bell-slider[disabled] .bell-slider-thumb.hover,
.bell-slider.disabled .bell-slider-thumb:hover,
.bell-slider[disabled] .bell-slider-thumb:hover,
.bell-slider.disabled .bell-slider-thumb.bell-hover,
.bell-slider[disabled] .bell-slider-thumb.bell-hover {
  transform: scale(1);
}
.bell-slider .bell-slider-bg {
  width: 100%;
  height: 4px;
  border-radius: 4px;
  background-color: #dddee1;
  position: relative;
}
.bell-slider .bell-slider-fill {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.bell-slider .bell-slider-thumb {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid transparent;
  margin-left: -1px;
  transition: transform 0.3s;
}
.bell-slider .bell-slider-thumb.hover,
.bell-slider .bell-slider-thumb:hover,
.bell-slider .bell-slider-thumb.bell-hover {
  transform: scale(1.5);
}
.bell-tag {
  display: inline-block;
  opacity: 1;
  overflow: hidden;
  cursor: pointer;
  border-radius: 4px;
  vertical-align: middle;
  border: 1px solid transparent;
  position: relative;
  margin-right: 10px;
}
.bell-tag.large {
  padding: 6px 10px;
  font-size: 12px;
}
.bell-tag {
  padding: 5px 10px;
  font-size: 12px;
}
.bell-tag.small {
  padding: 3px 10px;
  font-size: 12px;
}
.bell-tag.tiny {
  padding: 2px 10px;
  font-size: 12px;
}
.bell-tag {
  color: rgba(0,0,0,0.37);
}
.bell-tag.bell-tag-checked {
  border-color: #e9eaec;
  background-color: #e9eaec;
  color: rgba(0,0,0,0.54);
}
.bell-tag.bell-tag-checked.bell-tag-border {
  border-color: #e9eaec;
  background-color: transparent;
  color: #e9eaec;
}
.bell-tag.bell-tag-checked.bell-tag-border::after {
  background-color: #e9eaec;
}
.bell-tag.success {
  color: rgba(0,0,0,0.37);
}
.bell-tag.success.bell-tag-checked {
  border-color: #52c41a;
  background-color: #52c41a;
  color: #fff;
}
.bell-tag.success.bell-tag-checked.bell-tag-border {
  border-color: #52c41a;
  background-color: transparent;
  color: #52c41a;
}
.bell-tag.success.bell-tag-checked.bell-tag-border::after {
  background-color: #52c41a;
}
.bell-tag.error {
  color: rgba(0,0,0,0.37);
}
.bell-tag.error.bell-tag-checked {
  border-color: #f5222d;
  background-color: #f5222d;
  color: #fff;
}
.bell-tag.error.bell-tag-checked.bell-tag-border {
  border-color: #f5222d;
  background-color: transparent;
  color: #f5222d;
}
.bell-tag.error.bell-tag-checked.bell-tag-border::after {
  background-color: #f5222d;
}
.bell-tag.info {
  color: rgba(0,0,0,0.37);
}
.bell-tag.info.bell-tag-checked {
  border-color: #2db7f5;
  background-color: #2db7f5;
  color: #fff;
}
.bell-tag.info.bell-tag-checked.bell-tag-border {
  border-color: #2db7f5;
  background-color: transparent;
  color: #2db7f5;
}
.bell-tag.info.bell-tag-checked.bell-tag-border::after {
  background-color: #2db7f5;
}
.bell-tag.primary {
  color: rgba(0,0,0,0.37);
}
.bell-tag.primary.bell-tag-checked {
  border-color: #1890ff;
  background-color: #1890ff;
  color: #fff;
}
.bell-tag.primary.bell-tag-checked.bell-tag-border {
  border-color: #1890ff;
  background-color: transparent;
  color: #1890ff;
}
.bell-tag.primary.bell-tag-checked.bell-tag-border::after {
  background-color: #1890ff;
}
.bell-tag.warning {
  color: rgba(0,0,0,0.37);
}
.bell-tag.warning.bell-tag-checked {
  border-color: #faad14;
  background-color: #faad14;
  color: #fff;
}
.bell-tag.warning.bell-tag-checked.bell-tag-border {
  border-color: #faad14;
  background-color: transparent;
  color: #faad14;
}
.bell-tag.warning.bell-tag-checked.bell-tag-border::after {
  background-color: #faad14;
}
.bell-tag.danger {
  color: rgba(0,0,0,0.37);
}
.bell-tag.danger.bell-tag-checked {
  border-color: #eb1111;
  background-color: #eb1111;
  color: #fff;
}
.bell-tag.danger.bell-tag-checked.bell-tag-border {
  border-color: #eb1111;
  background-color: transparent;
  color: #eb1111;
}
.bell-tag.danger.bell-tag-checked.bell-tag-border::after {
  background-color: #eb1111;
}
.bell-tag .bell-tag-close-icon {
  transform: scale(2);
  position: relative;
  top: 1px;
  cursor: pointer;
  margin-left: 8px;
}
.bell-tag.bell-tag-border::after {
  display: inline-block;
  content: ' ';
  height: 100%;
  width: 1px;
  position: absolute;
  top: 0;
  right: 24px;
}
.bell-tag.bell-tag-border .bell-tag-close-icon {
  margin-left: 20px;
}
.bell-rate {
  display: inline-block;
  cursor: pointer;
  font-size: 20px;
}
.bell-rate {
  color: rgba(0,0,0,0.37);
}
.bell-rate .bell-rate-star-full {
  color: rgba(0,0,0,0.37);
}
.bell-rate .bell-rate-star-full.active,
.bell-rate .bell-rate-star-full:active,
.bell-rate .bell-rate-star-full.bell-active {
  color: #1890ff;
}
.bell-rate .bell-rate-star-content.active,
.bell-rate .bell-rate-star-content:active,
.bell-rate .bell-rate-star-content.bell-active {
  color: #1890ff;
}
.bell-rate .bell-rate-text {
  color: rgba(0,0,0,0.54);
}
.bell-rate-success {
  color: rgba(0,0,0,0.37);
}
.bell-rate-success .bell-rate-star-full {
  color: rgba(0,0,0,0.37);
}
.bell-rate-success .bell-rate-star-full.active,
.bell-rate-success .bell-rate-star-full:active,
.bell-rate-success .bell-rate-star-full.bell-active {
  color: #52c41a;
}
.bell-rate-success .bell-rate-star-content.active,
.bell-rate-success .bell-rate-star-content:active,
.bell-rate-success .bell-rate-star-content.bell-active {
  color: #52c41a;
}
.bell-rate-success .bell-rate-text {
  color: rgba(0,0,0,0.54);
}
.bell-rate-error {
  color: rgba(0,0,0,0.37);
}
.bell-rate-error .bell-rate-star-full {
  color: rgba(0,0,0,0.37);
}
.bell-rate-error .bell-rate-star-full.active,
.bell-rate-error .bell-rate-star-full:active,
.bell-rate-error .bell-rate-star-full.bell-active {
  color: #f5222d;
}
.bell-rate-error .bell-rate-star-content.active,
.bell-rate-error .bell-rate-star-content:active,
.bell-rate-error .bell-rate-star-content.bell-active {
  color: #f5222d;
}
.bell-rate-error .bell-rate-text {
  color: rgba(0,0,0,0.54);
}
.bell-rate-info {
  color: rgba(0,0,0,0.37);
}
.bell-rate-info .bell-rate-star-full {
  color: rgba(0,0,0,0.37);
}
.bell-rate-info .bell-rate-star-full.active,
.bell-rate-info .bell-rate-star-full:active,
.bell-rate-info .bell-rate-star-full.bell-active {
  color: #2db7f5;
}
.bell-rate-info .bell-rate-star-content.active,
.bell-rate-info .bell-rate-star-content:active,
.bell-rate-info .bell-rate-star-content.bell-active {
  color: #2db7f5;
}
.bell-rate-info .bell-rate-text {
  color: rgba(0,0,0,0.54);
}
.bell-rate-warning {
  color: rgba(0,0,0,0.37);
}
.bell-rate-warning .bell-rate-star-full {
  color: rgba(0,0,0,0.37);
}
.bell-rate-warning .bell-rate-star-full.active,
.bell-rate-warning .bell-rate-star-full:active,
.bell-rate-warning .bell-rate-star-full.bell-active {
  color: #faad14;
}
.bell-rate-warning .bell-rate-star-content.active,
.bell-rate-warning .bell-rate-star-content:active,
.bell-rate-warning .bell-rate-star-content.bell-active {
  color: #faad14;
}
.bell-rate-warning .bell-rate-text {
  color: rgba(0,0,0,0.54);
}
.bell-rate-danger {
  color: rgba(0,0,0,0.37);
}
.bell-rate-danger .bell-rate-star-full {
  color: rgba(0,0,0,0.37);
}
.bell-rate-danger .bell-rate-star-full.active,
.bell-rate-danger .bell-rate-star-full:active,
.bell-rate-danger .bell-rate-star-full.bell-active {
  color: #eb1111;
}
.bell-rate-danger .bell-rate-star-content.active,
.bell-rate-danger .bell-rate-star-content:active,
.bell-rate-danger .bell-rate-star-content.bell-active {
  color: #eb1111;
}
.bell-rate-danger .bell-rate-text {
  color: rgba(0,0,0,0.54);
}
.bell-rate-disabled {
  color: rgba(0,0,0,0.37);
}
.bell-rate-disabled .bell-rate-star-full {
  color: rgba(0,0,0,0.37);
}
.bell-rate-disabled .bell-rate-star-full.active,
.bell-rate-disabled .bell-rate-star-full:active,
.bell-rate-disabled .bell-rate-star-full.bell-active {
  color: $brand-disabled;
}
.bell-rate-disabled .bell-rate-star-content.active,
.bell-rate-disabled .bell-rate-star-content:active,
.bell-rate-disabled .bell-rate-star-content.bell-active {
  color: $brand-disabled;
}
.bell-rate-disabled .bell-rate-text {
  color: rgba(0,0,0,0.54);
}
.bell-rate .bell-rate-star-full {
  position: relative;
  transition: color 0.3s, font-size 0.3s;
  display: inline-block;
  width: 21px;
  height: 21px;
  line-height: 21px;
  vertical-align: middle;
}
.bell-rate .bell-rate-star-full.hover,
.bell-rate .bell-rate-star-full:hover,
.bell-rate .bell-rate-star-full.bell-hover {
  font-size: 21px;
}
.bell-rate .bell-rate-star-full.hover .bell-rate-star-content,
.bell-rate .bell-rate-star-full:hover .bell-rate-star-content,
.bell-rate .bell-rate-star-full.bell-hover .bell-rate-star-content {
  width: 9.5px;
}
.bell-rate .bell-rate-star-full::before {
  cursor: pointer;
  content: "\F4B3";
}
.bell-rate .bell-rate-star-full + .bell-rate-star-full {
  margin-left: 0;
}
.bell-rate .bell-rate-star-content {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  overflow: hidden;
  line-height: 21px;
  width: 9px;
}
.bell-rate .bell-rate-star-content::before {
  opacity: 0;
  cursor: pointer;
  content: "\F4B3";
  transition: opacity 0.3s;
}
.bell-rate .bell-rate-star-content.active::before,
.bell-rate .bell-rate-star-content:active::before,
.bell-rate .bell-rate-star-content.bell-active::before {
  opacity: 1;
}
.bell-rate .bell-rate-text {
  margin-left: 2px;
  font-size: 12px;
}
.bell-rate.bell-rate-readonly {
  cursor: default;
}
.bell-rate.bell-rate-readonly .bell-rate-star-full.hover,
.bell-rate.bell-rate-readonly .bell-rate-star-full:hover,
.bell-rate.bell-rate-readonly .bell-rate-star-full.bell-hover {
  font-size: 20px;
}
.bell-rate.bell-rate-readonly .bell-rate-star-full::before {
  cursor: default;
}
.bell-rate.bell-rate-readonly .bell-rate-star-content::before {
  cursor: default;
}
.bell-tabs {
  overflow: hidden;
}
.bell-tabs .bell-tabs-labels .bell-tabs-label {
  padding: 10px 15px;
  display: inline-block;
  border-bottom: 2px solid #eee;
  color: rgba(0,0,0,0.54);
  cursor: pointer;
}
.bell-tabs .bell-tabs-labels .bell-tabs-label.bell-tabs .bell-tabs-labels .bell-tabs-label.hover,
.bell-tabs .bell-tabs-labels .bell-tabs-label:hover,
.bell-tabs .bell-tabs-labels .bell-tabs-label.bell-hover {
  color: #1890ff;
  border-color: #1890ff;
}
.bell-tabs .bell-tabs-labels .bell-tabs-label.bell-tabs .bell-tabs-labels .bell-tabs-label.active,
.bell-tabs .bell-tabs-labels .bell-tabs-label:active,
.bell-tabs .bell-tabs-labels .bell-tabs-label.bell-active {
  color: #1890ff;
  border-color: #1890ff;
}
.bell-tabs .bell-tabs-contents {
  display: flex;
  flex-direction: row;
  will-change: transform;
  transition: transform 0.3s ease-in-out;
}
.bell-tabs .bell-tabs-contents ::-webkit-scrollbar {
  display: none;
}
.bell-tabs .bell-tabs-panel {
  outline: 0;
  flex-shrink: 0;
  width: 100%;
  transition: opacity 0.3s;
  opacity: 1;
}
.bell-fade-enter {
  opacity: 1;
  transition-property: opacity;
  transition-duration: 0.3s;
}
.bell-fade-leave {
  opacity: 0;
}
.bell-fade-appear {
  opacity: 0;
}
.bell-fade-enter-to {
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.3s;
}
.bell-fade-leave-to {
  opacity: 1;
}
.bell-fade-appear-to {
  opacity: 1;
}
.bell-zoom-left-enter {
  transform: scaleX(1);
  transform-origin: left center;
  transition-property: transform;
  transition-duration: 0.3s;
}
.bell-zoom-left-leave {
  transform: scaleX(0);
}
.bell-zoom-left-appear {
  transform: scaleX(0);
}
.bell-zoom-left-enter-to {
  transform: scaleX(0);
  transform-origin: left top;
  transition-property: transform;
  transition-duration: 0.3s;
}
.bell-zoom-left-leave-to {
  transform: scaleX(1);
}
.bell-zoom-left-appear-to {
  transform: scaleX(1);
}
.bell-zoom-right-enter {
  transform: scaleX(1);
  transform-origin: right center;
  transition-property: transform;
  transition-duration: 0.3s;
}
.bell-zoom-right-leave {
  transform: scaleX(0);
}
.bell-zoom-right-appear {
  transform: scaleX(0);
}
.bell-zoom-right-enter-to {
  transform: scaleX(0);
  transform-origin: right top;
  transition-property: transform;
  transition-duration: 0.3s;
}
.bell-zoom-right-leave-to {
  transform: scaleX(1);
}
.bell-zoom-right-appear-to {
  transform: scaleX(1);
}
.bell-zoom-top-enter {
  transform: scaleY(1);
  transform-origin: center top;
  transition-property: transform;
  transition-duration: 0.3s;
}
.bell-zoom-top-leave {
  transform: scaleY(0);
}
.bell-zoom-top-appear {
  transform: scaleY(0);
}
.bell-zoom-top-enter-to {
  transform: scaleY(0);
  transform-origin: top top;
  transition-property: transform;
  transition-duration: 0.3s;
}
.bell-zoom-top-leave-to {
  transform: scaleY(1);
}
.bell-zoom-top-appear-to {
  transform: scaleY(1);
}
.bell-zoom-bottom-enter {
  transform: scaleY(1);
  transform-origin: center bottom;
  transition-property: transform;
  transition-duration: 0.3s;
}
.bell-zoom-bottom-leave {
  transform: scaleY(0);
}
.bell-zoom-bottom-appear {
  transform: scaleY(0);
}
.bell-zoom-bottom-enter-to {
  transform: scaleY(0);
  transform-origin: bottom bottom;
  transition-property: transform;
  transition-duration: 0.3s;
}
.bell-zoom-bottom-leave-to {
  transform: scaleY(1);
}
.bell-zoom-bottom-appear-to {
  transform: scaleY(1);
}
.bell-zoom-center-y-enter {
  transform: scaleY(1);
  transform-origin: center center;
  transition-property: transform;
  transition-duration: 0.3s;
}
.bell-zoom-center-y-leave {
  transform: scaleY(0);
}
.bell-zoom-center-y-appear {
  transform: scaleY(0);
}
.bell-zoom-center-y-enter-to {
  transform: scaleY(0);
  transform-origin: center center;
  transition-property: transform;
  transition-duration: 0.3s;
}
.bell-zoom-center-y-leave-to {
  transform: scaleY(1);
}
.bell-zoom-center-y-appear-to {
  transform: scaleY(1);
}
.bell-zoom-center-x-enter {
  transform: scaleX(1);
  transform-origin: center center;
  transition-property: transform;
  transition-duration: 0.3s;
}
.bell-zoom-center-x-leave {
  transform: scaleX(0);
}
.bell-zoom-center-x-appear {
  transform: scaleX(0);
}
.bell-zoom-center-x-enter-to {
  transform: scaleX(0);
  transform-origin: center center;
  transition-property: transform;
  transition-duration: 0.3s;
}
.bell-zoom-center-x-leave-to {
  transform: scaleX(1);
}
.bell-zoom-center-x-appear-to {
  transform: scaleX(1);
}
.bell-collapse-enter {
  overflow: hidden;
  transition-property: height, padding-top, padding-bottom, margin;
  transition-duration: 0.3s;
}
.bell-collapse-appear {
  display: none;
}
.bell-collapse-enter-to {
  overflow: hidden;
  transition-property: height, padding-top, padding-bottom, margin;
  transition-duration: 0.3s;
}
.bell-time-line {
  list-style: none;
  padding: 0;
  padding-left: 30px;
  font-size: 0;
}
.bell-time-line-padding .bell-time-line-item:nth-last-of-type(2) .bell-time-line-tail {
  border-left: 1px dotted;
}
.bell-time-line-item {
  font-size: 12px;
  line-height: 22px;
  padding-bottom: 12px;
  padding-left: 14px;
  position: relative;
}
.bell-time-line-item:last-child .bell-time-line-tail {
  display: none;
}
.bell-time-line-item .bell-time-line-dot {
  width: 12px;
  height: 12px;
  border: 1px solid;
  border-radius: 100%;
  position: absolute;
  margin: 4px -20px;
  background-color: #fff;
}
.bell-time-line-item .bell-time-line-tail {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  height: 100%;
  margin-top: 5px;
  color: #e9eaec;
  border-left: 1px solid;
}
.bell-time-line-item .bell-time-line-content {
  overflow: hidden;
  line-height: 20px;
}
.bell-time-line-item .bell-time-line-content p {
  padding: 0;
  margin: 0;
}
.bell-drawer-top .bell-drawer-content {
  left: 0px;
  top: 0px;
  right: 0px;
}
.bell-drawer-left .bell-drawer-content {
  left: 0px;
  top: 0px;
  bottom: 0px;
}
.bell-drawer-right .bell-drawer-content {
  top: 0px;
  bottom: 0px;
  right: 0px;
}
.bell-drawer-bottom .bell-drawer-content {
  left: 0px;
  bottom: 0px;
  right: 0px;
}
.bell-drawer .bell-drawer-content {
  position: fixed;
  background-color: #fff;
}
.bell-drawer .bell-drawer-mask {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0,0,0,0.54);
}
.bell-drawer.bell-drawer-hidden {
  display: none;
}
.bell-form .bell-form-item {
  position: relative;
}
.bell-form .bell-form-item-label {
  text-align: left;
  vertical-align: middle;
  line-height: 1;
  padding: 10px 12px 10px 0;
  box-sizing: border-box;
  position: absolute;
}
.bell-dialog {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 20;
}
.bell-dialog-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.54);
  transition: opacity 0.3s;
}
.bell-dialog-content {
  max-width: 90%;
  min-width: 300px;
  box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
  background-color: #fff;
  z-index: 1;
  transition: margin-top 0.3s;
}
.bell-dialog-title,
.bell-dialog-actions {
  padding: 15px;
}
.bell-dialog-title {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  font-size: 14px;
  color: #17233d;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1px solid #efefec;
}
.bell-dialog-body {
  padding: 15px;
  max-height: auto;
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 12px;
  line-height: 1.5;
}
.bell-dialog-actions {
  border-top: 1px solid #efefec;
  padding: 12px 18px;
  text-align: right;
}
.bell-table,
.bell-table-header {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  clear: both;
  background-color: #fff;
  color: rgba(0,0,0,0.65);
  font-size: 14px;
  line-height: 1.5;
}
.bell-table td,
.bell-table-header td,
.bell-table th,
.bell-table-header th {
  border: none;
}
.bell-table tr:nth-child(2n),
.bell-table-header tr:nth-child(2n) {
  background-color: #fff;
}
.bell-table tr:nth-child(2n).bell-table-active,
.bell-table-header tr:nth-child(2n).bell-table-active {
  background-color: #ebf7ff;
}
.bell-table .bell-table-active,
.bell-table-header .bell-table-active {
  background-color: #ebf7ff;
}
.bell-table-stripe tr:nth-child(2n) {
  background-color: #f8f8f9;
}
.bell-table-border td,
.bell-table-border th {
  border: 1px solid #ddd;
}
.bell-table-header th {
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
  height: 40px;
  background-color: #f8f8f9;
}
.bell-table-body td {
  min-width: 0;
  cursor: default;
  box-sizing: border-box;
  text-align: left;
  text-overflow: ellipsis;
  vertical-align: middle;
  height: 48px;
  border-bottom: 1px solid #e8eaec;
}
.bell-table-body tr:hover {
  background-color: #ebf7ff;
}
.bell-table-fixed {
  position: relative;
}
.bell-table-fixed th,
.bell-table-fixed td {
  word-break: keep-all;
  white-space: nowrap;
}
.bell-table-hidden {
  visibility: hidden;
}
.bell-table-fixed-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.bell-table-fixed-left {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  box-shadow: 2px 0 6px -2px rgba(0,0,0,0.2);
}
.bell-table-fixed-right {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  box-shadow: -2px 0 6px -2px rgba(0,0,0,0.2);
}