.ovf-scroll {
  overflow-y: scroll;
  overflow-x: hidden;
}
.ovf-scroll::-webkit-scrollbar {
  width: 6px;
  border-radius: 10px;
  overflow: hidden;
}
.ovf-scroll::-webkit-scrollbar-thumb {
  background: #878787;
  border-radius: 10px;
}
.ovf-scroll.showOnHover::-webkit-scrollbar-thumb {
  visibility: hidden;
}
.ovf-scroll.showOnHover:hover::-webkit-scrollbar-thumb {
  visibility: visible;
}
.ovf-hidden {
  overflow: hidden;
}
.ovf-elipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}
.relative,
.pos-rel {
  position: relative;
}
.table {
  display: table;
}
.table-row {
  display: table-row;
}
.table-cell {
  display: table-cell;
}
ul {
  padding: 0;
}
li {
  list-style: none;
}
.pointer {
  cursor: pointer;
}
.dot10 .ant-badge-status-dot {
  width: 10px;
  height: 10px;
}
.btn.btn-circle,
.btn.btn-circle-o {
  padding: 8px 20px;
  border-radius: 20px;
  box-shadow: none;
  border-color: transparent;
  background: #1677ff;
  color: #fff;
  margin: 20px 0;
  outline: none;
  height: auto;
}
.btn.btn-circle:hover,
.btn.btn-circle-o:hover {
  opacity: 0.9;
}
.btn.btn-circle:active,
.btn.btn-circle-o:active {
  outline: none;
  border-color: transparent;
  opacity: 0.8;
}
.btn.btn-circle-o {
  background: #fff;
  border: solid 1px #1677ff;
  color: #1677ff;
}
.btn.btn-circle-o:active {
  background: #1677ff;
  border-color: transparent;
  color: #fff;
}
.btn-o {
  border-color: transparent;
  background: transparent !important;
  outline: none;
  box-shadow: none;
}
.btn-o:hover,
.btn-o:active {
  background: transparent !important;
}
.btn-square {
  border-radius: 2px;
}
.btn-register {
  color: #fff;
  background-color: #3ecc10;
  padding: 8px 20px;
  height: auto;
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.52);
  border-color: transparent;
}
.btn-delete {
  color: #ff3d36;
}
.btn-red {
  background: #ff7373;
  color: #fff !important;
  border: none!important;
}
.btn-red:hover,
.btn-red:focus {
  background: rgba(255, 111, 111, 0.87) !important;
}
.btn-add {
  border: dashed 1px #999 !important;
  color: #999;
  font-size: 13px;
  padding-left: 10px;
  margin-bottom: 5px;
  margin-right: 10px;
}
.btn-call-action {
  font-size: 16px;
  height: auto;
  padding: 7px 20px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.43);
}
.btn-block {
  width: 100%;
}
.btn-block-primary {
  width: 100%;
  font-weight: bold !important;
}
.btn-text {
  padding: 0 !important;
  height: auto !important;
}
img {
  overflow: hidden;
}
img.img-bordered {
  border: solid 4px #fff;
  border-radius: 3px;
  box-shadow: 0 0 1px 0 #000;
}
img.full-bg {
  width: 100%;
  height: 100%;
}
.img-circle {
  border-radius: 50%;
  overflow: hidden;
  border: solid 1px #ffffff57;
}
.img-circle img {
  width: 100%;
  height: 100%;
}
.avatar-circle {
  width: 40px;
  height: 40px;
  background: #eee;
  border-radius: 50%;
  overflow: hidden;
  border: solid 1px #ffffff57;
}
.avatar-circle img {
  width: 100%;
  height: 100%;
}
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.animated.infinite {
  animation-iteration-count: infinite;
}
.animated.hinge {
  animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  animation-duration: 0.75s;
}
@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  animation-name: slideInRight;
}
@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}
@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@keyframes flashcard {
  from {
    transform-style: preserve-3d;
    transform: rotateX(0deg);
  }
  to {
    transform: rotateX(180deg);
  }
}
.flashcard {
  animation-name: flashcard;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}
@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  animation-name: slideInDown;
}
.text-upper {
  text-transform: uppercase;
}
.text-underline {
  text-decoration: underline;
}
.hover-underline:hover {
  text-decoration: underline !important;
}
.tac {
  text-align: center !important;
}
.tal {
  text-align: left !important;
}
.tar {
  text-align: right !important;
}
/* margin */
.mg-15 {
  margin: -15px;
}
.mgt-15 {
  margin-top: -15px;
}
.mgr-15 {
  margin-right: -15px;
}
.mgb-15 {
  margin-bottom: -15px;
}
.mgl-15 {
  margin-left: -15px;
}
.mgv-15 {
  margin-top: -15px;
  margin-bottom: -15px;
}
.mgh-15 {
  margin-right: -15px;
  margin-left: -15px;
}
.mgi-15 {
  margin: -15px !important;
}
.mgti-15 {
  margin-top: -15px !important;
}
.mgri-15 {
  margin-right: -15px !important;
}
.mgbi-15 {
  margin-bottom: -15px !important;
}
.mgli-15 {
  margin-left: -15px !important;
}
.mg-10 {
  margin: -10px;
}
.mgt-10 {
  margin-top: -10px;
}
.mgr-10 {
  margin-right: -10px;
}
.mgb-10 {
  margin-bottom: -10px;
}
.mgl-10 {
  margin-left: -10px;
}
.mgv-10 {
  margin-top: -10px;
  margin-bottom: -10px;
}
.mgh-10 {
  margin-right: -10px;
  margin-left: -10px;
}
.mgi-10 {
  margin: -10px !important;
}
.mgti-10 {
  margin-top: -10px !important;
}
.mgri-10 {
  margin-right: -10px !important;
}
.mgbi-10 {
  margin-bottom: -10px !important;
}
.mgli-10 {
  margin-left: -10px !important;
}
.mg-5 {
  margin: -5px;
}
.mgt-5 {
  margin-top: -5px;
}
.mgr-5 {
  margin-right: -5px;
}
.mgb-5 {
  margin-bottom: -5px;
}
.mgl-5 {
  margin-left: -5px;
}
.mgv-5 {
  margin-top: -5px;
  margin-bottom: -5px;
}
.mgh-5 {
  margin-right: -5px;
  margin-left: -5px;
}
.mgi-5 {
  margin: -5px !important;
}
.mgti-5 {
  margin-top: -5px !important;
}
.mgri-5 {
  margin-right: -5px !important;
}
.mgbi-5 {
  margin-bottom: -5px !important;
}
.mgli-5 {
  margin-left: -5px !important;
}
.mg0 {
  margin: 0px;
}
.mgt0 {
  margin-top: 0px;
}
.mgr0 {
  margin-right: 0px;
}
.mgb0 {
  margin-bottom: 0px;
}
.mgl0 {
  margin-left: 0px;
}
.mgv0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.mgh0 {
  margin-right: 0px;
  margin-left: 0px;
}
.mgi0 {
  margin: 0px !important;
}
.mgti0 {
  margin-top: 0px !important;
}
.mgri0 {
  margin-right: 0px !important;
}
.mgbi0 {
  margin-bottom: 0px !important;
}
.mgli0 {
  margin-left: 0px !important;
}
.mg5 {
  margin: 5px;
}
.mgt5 {
  margin-top: 5px;
}
.mgr5 {
  margin-right: 5px;
}
.mgb5 {
  margin-bottom: 5px;
}
.mgl5 {
  margin-left: 5px;
}
.mgv5 {
  margin-top: 5px;
  margin-bottom: 5px;
}
.mgh5 {
  margin-right: 5px;
  margin-left: 5px;
}
.mgi5 {
  margin: 5px !important;
}
.mgti5 {
  margin-top: 5px !important;
}
.mgri5 {
  margin-right: 5px !important;
}
.mgbi5 {
  margin-bottom: 5px !important;
}
.mgli5 {
  margin-left: 5px !important;
}
.mg10 {
  margin: 10px;
}
.mgt10 {
  margin-top: 10px;
}
.mgr10 {
  margin-right: 10px;
}
.mgb10 {
  margin-bottom: 10px;
}
.mgl10 {
  margin-left: 10px;
}
.mgv10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.mgh10 {
  margin-right: 10px;
  margin-left: 10px;
}
.mgi10 {
  margin: 10px !important;
}
.mgti10 {
  margin-top: 10px !important;
}
.mgri10 {
  margin-right: 10px !important;
}
.mgbi10 {
  margin-bottom: 10px !important;
}
.mgli10 {
  margin-left: 10px !important;
}
.mg15 {
  margin: 15px;
}
.mgt15 {
  margin-top: 15px;
}
.mgr15 {
  margin-right: 15px;
}
.mgb15 {
  margin-bottom: 15px;
}
.mgl15 {
  margin-left: 15px;
}
.mgv15 {
  margin-top: 15px;
  margin-bottom: 15px;
}
.mgh15 {
  margin-right: 15px;
  margin-left: 15px;
}
.mgi15 {
  margin: 15px !important;
}
.mgti15 {
  margin-top: 15px !important;
}
.mgri15 {
  margin-right: 15px !important;
}
.mgbi15 {
  margin-bottom: 15px !important;
}
.mgli15 {
  margin-left: 15px !important;
}
.mg20 {
  margin: 20px;
}
.mgt20 {
  margin-top: 20px;
}
.mgr20 {
  margin-right: 20px;
}
.mgb20 {
  margin-bottom: 20px;
}
.mgl20 {
  margin-left: 20px;
}
.mgv20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.mgh20 {
  margin-right: 20px;
  margin-left: 20px;
}
.mgi20 {
  margin: 20px !important;
}
.mgti20 {
  margin-top: 20px !important;
}
.mgri20 {
  margin-right: 20px !important;
}
.mgbi20 {
  margin-bottom: 20px !important;
}
.mgli20 {
  margin-left: 20px !important;
}
.mg30 {
  margin: 30px;
}
.mgt30 {
  margin-top: 30px;
}
.mgr30 {
  margin-right: 30px;
}
.mgb30 {
  margin-bottom: 30px;
}
.mgl30 {
  margin-left: 30px;
}
.mgv30 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.mgh30 {
  margin-right: 30px;
  margin-left: 30px;
}
.mgi30 {
  margin: 30px !important;
}
.mgti30 {
  margin-top: 30px !important;
}
.mgri30 {
  margin-right: 30px !important;
}
.mgbi30 {
  margin-bottom: 30px !important;
}
.mgli30 {
  margin-left: 30px !important;
}
.mg50 {
  margin: 50px;
}
.mgt50 {
  margin-top: 50px;
}
.mgr50 {
  margin-right: 50px;
}
.mgb50 {
  margin-bottom: 50px;
}
.mgl50 {
  margin-left: 50px;
}
.mgv50 {
  margin-top: 50px;
  margin-bottom: 50px;
}
.mgh50 {
  margin-right: 50px;
  margin-left: 50px;
}
.mgi50 {
  margin: 50px !important;
}
.mgti50 {
  margin-top: 50px !important;
}
.mgri50 {
  margin-right: 50px !important;
}
.mgbi50 {
  margin-bottom: 50px !important;
}
.mgli50 {
  margin-left: 50px !important;
}
.mg100 {
  margin: 100px;
}
.mgt100 {
  margin-top: 100px;
}
.mgr100 {
  margin-right: 100px;
}
.mgb100 {
  margin-bottom: 100px;
}
.mgl100 {
  margin-left: 100px;
}
.mgv100 {
  margin-top: 100px;
  margin-bottom: 100px;
}
.mgh100 {
  margin-right: 100px;
  margin-left: 100px;
}
.mgi100 {
  margin: 100px !important;
}
.mgti100 {
  margin-top: 100px !important;
}
.mgri100 {
  margin-right: 100px !important;
}
.mgbi100 {
  margin-bottom: 100px !important;
}
.mgli100 {
  margin-left: 100px !important;
}
.mg200 {
  margin: 200px;
}
.mgt200 {
  margin-top: 200px;
}
.mgr200 {
  margin-right: 200px;
}
.mgb200 {
  margin-bottom: 200px;
}
.mgl200 {
  margin-left: 200px;
}
.mgv200 {
  margin-top: 200px;
  margin-bottom: 200px;
}
.mgh200 {
  margin-right: 200px;
  margin-left: 200px;
}
.mgi200 {
  margin: 200px !important;
}
.mgti200 {
  margin-top: 200px !important;
}
.mgri200 {
  margin-right: 200px !important;
}
.mgbi200 {
  margin-bottom: 200px !important;
}
.mgli200 {
  margin-left: 200px !important;
}
/* padding */
.pd0 {
  padding: 0px;
}
.pdt0 {
  padding-top: 0px;
}
.pdr0 {
  padding-right: 0px;
}
.pdb0 {
  padding-bottom: 0px;
}
.pdl0 {
  padding-left: 0px;
}
.pdv0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.pdh0 {
  padding-right: 0px;
  padding-left: 0px;
}
.pdi0 {
  padding: 0px !important;
}
.pdti0 {
  padding-top: 0px !important;
}
.pdri0 {
  padding-right: 0px !important;
}
.pdbi0 {
  padding-bottom: 0px !important;
}
.pdli0 {
  padding-left: 0px !important;
}
.pd2 {
  padding: 2px;
}
.pdt2 {
  padding-top: 2px;
}
.pdr2 {
  padding-right: 2px;
}
.pdb2 {
  padding-bottom: 2px;
}
.pdl2 {
  padding-left: 2px;
}
.pdv2 {
  padding-top: 2px;
  padding-bottom: 2px;
}
.pdh2 {
  padding-right: 2px;
  padding-left: 2px;
}
.pdi2 {
  padding: 2px !important;
}
.pdti2 {
  padding-top: 2px !important;
}
.pdri2 {
  padding-right: 2px !important;
}
.pdbi2 {
  padding-bottom: 2px !important;
}
.pdli2 {
  padding-left: 2px !important;
}
.pd3 {
  padding: 3px;
}
.pdt3 {
  padding-top: 3px;
}
.pdr3 {
  padding-right: 3px;
}
.pdb3 {
  padding-bottom: 3px;
}
.pdl3 {
  padding-left: 3px;
}
.pdv3 {
  padding-top: 3px;
  padding-bottom: 3px;
}
.pdh3 {
  padding-right: 3px;
  padding-left: 3px;
}
.pdi3 {
  padding: 3px !important;
}
.pdti3 {
  padding-top: 3px !important;
}
.pdri3 {
  padding-right: 3px !important;
}
.pdbi3 {
  padding-bottom: 3px !important;
}
.pdli3 {
  padding-left: 3px !important;
}
.pd5 {
  padding: 5px;
}
.pdt5 {
  padding-top: 5px;
}
.pdr5 {
  padding-right: 5px;
}
.pdb5 {
  padding-bottom: 5px;
}
.pdl5 {
  padding-left: 5px;
}
.pdv5 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.pdh5 {
  padding-right: 5px;
  padding-left: 5px;
}
.pdi5 {
  padding: 5px !important;
}
.pdti5 {
  padding-top: 5px !important;
}
.pdri5 {
  padding-right: 5px !important;
}
.pdbi5 {
  padding-bottom: 5px !important;
}
.pdli5 {
  padding-left: 5px !important;
}
.pd10 {
  padding: 10px;
}
.pdt10 {
  padding-top: 10px;
}
.pdr10 {
  padding-right: 10px;
}
.pdb10 {
  padding-bottom: 10px;
}
.pdl10 {
  padding-left: 10px;
}
.pdv10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.pdh10 {
  padding-right: 10px;
  padding-left: 10px;
}
.pdi10 {
  padding: 10px !important;
}
.pdti10 {
  padding-top: 10px !important;
}
.pdri10 {
  padding-right: 10px !important;
}
.pdbi10 {
  padding-bottom: 10px !important;
}
.pdli10 {
  padding-left: 10px !important;
}
.pd15 {
  padding: 15px;
}
.pdt15 {
  padding-top: 15px;
}
.pdr15 {
  padding-right: 15px;
}
.pdb15 {
  padding-bottom: 15px;
}
.pdl15 {
  padding-left: 15px;
}
.pdv15 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.pdh15 {
  padding-right: 15px;
  padding-left: 15px;
}
.pdi15 {
  padding: 15px !important;
}
.pdti15 {
  padding-top: 15px !important;
}
.pdri15 {
  padding-right: 15px !important;
}
.pdbi15 {
  padding-bottom: 15px !important;
}
.pdli15 {
  padding-left: 15px !important;
}
.pd20 {
  padding: 20px;
}
.pdt20 {
  padding-top: 20px;
}
.pdr20 {
  padding-right: 20px;
}
.pdb20 {
  padding-bottom: 20px;
}
.pdl20 {
  padding-left: 20px;
}
.pdv20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.pdh20 {
  padding-right: 20px;
  padding-left: 20px;
}
.pdi20 {
  padding: 20px !important;
}
.pdti20 {
  padding-top: 20px !important;
}
.pdri20 {
  padding-right: 20px !important;
}
.pdbi20 {
  padding-bottom: 20px !important;
}
.pdli20 {
  padding-left: 20px !important;
}
.pd30 {
  padding: 30px;
}
.pdt30 {
  padding-top: 30px;
}
.pdr30 {
  padding-right: 30px;
}
.pdb30 {
  padding-bottom: 30px;
}
.pdl30 {
  padding-left: 30px;
}
.pdv30 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.pdh30 {
  padding-right: 30px;
  padding-left: 30px;
}
.pdi30 {
  padding: 30px !important;
}
.pdti30 {
  padding-top: 30px !important;
}
.pdri30 {
  padding-right: 30px !important;
}
.pdbi30 {
  padding-bottom: 30px !important;
}
.pdli30 {
  padding-left: 30px !important;
}
.pd50 {
  padding: 50px;
}
.pdt50 {
  padding-top: 50px;
}
.pdr50 {
  padding-right: 50px;
}
.pdb50 {
  padding-bottom: 50px;
}
.pdl50 {
  padding-left: 50px;
}
.pdv50 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.pdh50 {
  padding-right: 50px;
  padding-left: 50px;
}
.pdi50 {
  padding: 50px !important;
}
.pdti50 {
  padding-top: 50px !important;
}
.pdri50 {
  padding-right: 50px !important;
}
.pdbi50 {
  padding-bottom: 50px !important;
}
.pdli50 {
  padding-left: 50px !important;
}
.pd100 {
  padding: 100px;
}
.pdt100 {
  padding-top: 100px;
}
.pdr100 {
  padding-right: 100px;
}
.pdb100 {
  padding-bottom: 100px;
}
.pdl100 {
  padding-left: 100px;
}
.pdv100 {
  padding-top: 100px;
  padding-bottom: 100px;
}
.pdh100 {
  padding-right: 100px;
  padding-left: 100px;
}
.pdi100 {
  padding: 100px !important;
}
.pdti100 {
  padding-top: 100px !important;
}
.pdri100 {
  padding-right: 100px !important;
}
.pdbi100 {
  padding-bottom: 100px !important;
}
.pdli100 {
  padding-left: 100px !important;
}
.pd101 {
  padding: 101px;
}
.pdt101 {
  padding-top: 101px;
}
.pdr101 {
  padding-right: 101px;
}
.pdb101 {
  padding-bottom: 101px;
}
.pdl101 {
  padding-left: 101px;
}
.pdv101 {
  padding-top: 101px;
  padding-bottom: 101px;
}
.pdh101 {
  padding-right: 101px;
  padding-left: 101px;
}
.pdi101 {
  padding: 101px !important;
}
.pdti101 {
  padding-top: 101px !important;
}
.pdri101 {
  padding-right: 101px !important;
}
.pdbi101 {
  padding-bottom: 101px !important;
}
.pdli101 {
  padding-left: 101px !important;
}
.pd200 {
  padding: 200px;
}
.pdt200 {
  padding-top: 200px;
}
.pdr200 {
  padding-right: 200px;
}
.pdb200 {
  padding-bottom: 200px;
}
.pdl200 {
  padding-left: 200px;
}
.pdv200 {
  padding-top: 200px;
  padding-bottom: 200px;
}
.pdh200 {
  padding-right: 200px;
  padding-left: 200px;
}
.pdi200 {
  padding: 200px !important;
}
.pdti200 {
  padding-top: 200px !important;
}
.pdri200 {
  padding-right: 200px !important;
}
.pdbi200 {
  padding-bottom: 200px !important;
}
.pdli200 {
  padding-left: 200px !important;
}
.mga {
  margin: auto;
}
.mgla {
  margin-left: auto;
}
.mgra {
  margin-right: auto;
}
.block-center {
  margin: 0 auto;
}
.padding-none,
.no-padding {
  padding: 0;
}
/* width */
.w50 {
  width: 50px;
}
.h50 {
  height: 50px;
}
.w64 {
  width: 64px;
}
.h64 {
  height: 64px;
}
.w100 {
  width: 100px;
}
.h100 {
  height: 100px;
}
.w150 {
  width: 150px;
}
.h150 {
  height: 150px;
}
.w150 {
  width: 150px;
}
.h150 {
  height: 150px;
}
.w200 {
  width: 200px;
}
.h200 {
  height: 200px;
}
.w250 {
  width: 250px;
}
.h250 {
  height: 250px;
}
.w1 {
  width: 1px;
}
.h1 {
  height: 1px;
}
.w2 {
  width: 2px;
}
.h2 {
  height: 2px;
}
.w3 {
  width: 3px;
}
.h3 {
  height: 3px;
}
.w4 {
  width: 4px;
}
.h4 {
  height: 4px;
}
.w5 {
  width: 5px;
}
.h5 {
  height: 5px;
}
.w6 {
  width: 6px;
}
.h6 {
  height: 6px;
}
.w7 {
  width: 7px;
}
.h7 {
  height: 7px;
}
.w8 {
  width: 8px;
}
.h8 {
  height: 8px;
}
.w9 {
  width: 9px;
}
.h9 {
  height: 9px;
}
.w10 {
  width: 10px;
}
.h10 {
  height: 10px;
}
.w11 {
  width: 11px;
}
.h11 {
  height: 11px;
}
.w12 {
  width: 12px;
}
.h12 {
  height: 12px;
}
.w13 {
  width: 13px;
}
.h13 {
  height: 13px;
}
.w14 {
  width: 14px;
}
.h14 {
  height: 14px;
}
.w15 {
  width: 15px;
}
.h15 {
  height: 15px;
}
.w16 {
  width: 16px;
}
.h16 {
  height: 16px;
}
.w17 {
  width: 17px;
}
.h17 {
  height: 17px;
}
.w18 {
  width: 18px;
}
.h18 {
  height: 18px;
}
.w19 {
  width: 19px;
}
.h19 {
  height: 19px;
}
.w20 {
  width: 20px;
}
.h20 {
  height: 20px;
}
.w21 {
  width: 21px;
}
.h21 {
  height: 21px;
}
.w22 {
  width: 22px;
}
.h22 {
  height: 22px;
}
.w23 {
  width: 23px;
}
.h23 {
  height: 23px;
}
.w24 {
  width: 24px;
}
.h24 {
  height: 24px;
}
.w25 {
  width: 25px;
}
.h25 {
  height: 25px;
}
.w26 {
  width: 26px;
}
.h26 {
  height: 26px;
}
.w27 {
  width: 27px;
}
.h27 {
  height: 27px;
}
.w28 {
  width: 28px;
}
.h28 {
  height: 28px;
}
.w29 {
  width: 29px;
}
.h29 {
  height: 29px;
}
.w30 {
  width: 30px;
}
.h30 {
  height: 30px;
}
.w31 {
  width: 31px;
}
.h31 {
  height: 31px;
}
.w32 {
  width: 32px;
}
.h32 {
  height: 32px;
}
.w33 {
  width: 33px;
}
.h33 {
  height: 33px;
}
.w34 {
  width: 34px;
}
.h34 {
  height: 34px;
}
.w35 {
  width: 35px;
}
.h35 {
  height: 35px;
}
.w36 {
  width: 36px;
}
.h36 {
  height: 36px;
}
.w37 {
  width: 37px;
}
.h37 {
  height: 37px;
}
.w38 {
  width: 38px;
}
.h38 {
  height: 38px;
}
.w39 {
  width: 39px;
}
.h39 {
  height: 39px;
}
.w40 {
  width: 40px;
}
.h40 {
  height: 40px;
}
.w10p {
  width: 10%;
}
.wi10p {
  width: 10% !important;
}
.h10p {
  height: 10%;
}
.hi10p {
  height: 10% !important;
}
.w20p {
  width: 20%;
}
.wi20p {
  width: 20% !important;
}
.h20p {
  height: 20%;
}
.hi20p {
  height: 20% !important;
}
.w30p {
  width: 30%;
}
.wi30p {
  width: 30% !important;
}
.h30p {
  height: 30%;
}
.hi30p {
  height: 30% !important;
}
.w40p {
  width: 40%;
}
.wi40p {
  width: 40% !important;
}
.h40p {
  height: 40%;
}
.hi40p {
  height: 40% !important;
}
.w50p {
  width: 50%;
}
.wi50p {
  width: 50% !important;
}
.h50p {
  height: 50%;
}
.hi50p {
  height: 50% !important;
}
.w60p {
  width: 60%;
}
.wi60p {
  width: 60% !important;
}
.h60p {
  height: 60%;
}
.hi60p {
  height: 60% !important;
}
.w70p {
  width: 70%;
}
.wi70p {
  width: 70% !important;
}
.h70p {
  height: 70%;
}
.hi70p {
  height: 70% !important;
}
.w80p {
  width: 80%;
}
.wi80p {
  width: 80% !important;
}
.h80p {
  height: 80%;
}
.hi80p {
  height: 80% !important;
}
.w90p {
  width: 90%;
}
.wi90p {
  width: 90% !important;
}
.h90p {
  height: 90%;
}
.hi90p {
  height: 90% !important;
}
.w100p {
  width: 100%;
}
.wi100p {
  width: 100% !important;
}
.h100p {
  height: 100%;
}
.hi100p {
  height: 100% !important;
}
.wi250 {
  width: 250px !important;
}
.wi100p {
  width: 100% !important;
}
.w100p {
  width: 100%;
}
.w100v {
  width: 100vw;
}
/* height */
.h100p {
  height: 100%;
}
.h100v {
  height: 100vh;
}
.wh100p {
  height: 100%;
  width: 100%;
}
.wh100v {
  height: 100vh;
  width: 100vw;
}
.mxw100p {
  max-width: 100%;
}
.mxw50p {
  max-width: 50%;
}
.mxw80p {
  max-width: 80%;
}
/* min height, max height */
.mh100 {
  min-height: 100px;
}
.mh200 {
  min-height: 200px;
}
.mhi200 {
  min-height: 200px !important;
}
.mhi500 {
  min-height: 500px !important;
}
.mxh100p {
  max-height: 100%;
}
.fa-icon-left {
  margin-right: 10px;
}
.fa-icon-right {
  margin-left: 10px;
}
/* font size */
.fz10 {
  font-size: 10px;
}
.fzi10 {
  font-size: 10px !important;
}
.fz11 {
  font-size: 11px;
}
.fzi11 {
  font-size: 11px !important;
}
.fz12 {
  font-size: 12px;
}
.fzi12 {
  font-size: 12px !important;
}
.fz13 {
  font-size: 13px;
}
.fzi13 {
  font-size: 13px !important;
}
.fz14 {
  font-size: 14px;
}
.fzi14 {
  font-size: 14px !important;
}
.fz15 {
  font-size: 15px;
}
.fzi15 {
  font-size: 15px !important;
}
.fz16 {
  font-size: 16px;
}
.fzi16 {
  font-size: 16px !important;
}
.fz17 {
  font-size: 17px;
}
.fzi17 {
  font-size: 17px !important;
}
.fz18 {
  font-size: 18px;
}
.fzi18 {
  font-size: 18px !important;
}
.fz19 {
  font-size: 19px;
}
.fzi19 {
  font-size: 19px !important;
}
.fz20 {
  font-size: 20px;
}
.fzi20 {
  font-size: 20px !important;
}
.fz21 {
  font-size: 21px;
}
.fzi21 {
  font-size: 21px !important;
}
.fz22 {
  font-size: 22px;
}
.fzi22 {
  font-size: 22px !important;
}
.fz23 {
  font-size: 23px;
}
.fzi23 {
  font-size: 23px !important;
}
.fz24 {
  font-size: 24px;
}
.fzi24 {
  font-size: 24px !important;
}
.fz25 {
  font-size: 25px;
}
.fzi25 {
  font-size: 25px !important;
}
.fz26 {
  font-size: 26px;
}
.fzi26 {
  font-size: 26px !important;
}
.fz27 {
  font-size: 27px;
}
.fzi27 {
  font-size: 27px !important;
}
.fz28 {
  font-size: 28px;
}
.fzi28 {
  font-size: 28px !important;
}
.fz29 {
  font-size: 29px;
}
.fzi29 {
  font-size: 29px !important;
}
.fz30 {
  font-size: 30px;
}
.fzi30 {
  font-size: 30px !important;
}
.fz31 {
  font-size: 31px;
}
.fzi31 {
  font-size: 31px !important;
}
.fz32 {
  font-size: 32px;
}
.fzi32 {
  font-size: 32px !important;
}
.fz33 {
  font-size: 33px;
}
.fzi33 {
  font-size: 33px !important;
}
.fz34 {
  font-size: 34px;
}
.fzi34 {
  font-size: 34px !important;
}
.fz35 {
  font-size: 35px;
}
.fzi35 {
  font-size: 35px !important;
}
.fz36 {
  font-size: 36px;
}
.fzi36 {
  font-size: 36px !important;
}
.fz37 {
  font-size: 37px;
}
.fzi37 {
  font-size: 37px !important;
}
.fz38 {
  font-size: 38px;
}
.fzi38 {
  font-size: 38px !important;
}
.fz39 {
  font-size: 39px;
}
.fzi39 {
  font-size: 39px !important;
}
.fz40 {
  font-size: 40px;
}
.fzi40 {
  font-size: 40px !important;
}
/* font weight */
.strong {
  font-weight: bold;
}
.fwb {
  font-weight: bold;
}
.fwbi {
  font-weight: bold !important;
}
.fwn {
  font-weight: normal;
}
.clf {
  color: #ffffff;
}
.clfi {
  color: #fff !important;
}
.opaque {
  color: #999;
}
.error {
  color: red;
}
.primary-color {
  color: #1677ff !important;
}
.secondary-color {
  color: yellow;
}
.success-color {
  color: #52c41a !important;
}
.warning-color {
  color: #faad14 !important;
}
.error-color {
  color: #ff4d4f !important;
}
.primary-text-color {
  color: #4d4d4d !important;
}
/* Background */
.bgf {
  background: #fff;
}
.bg-primary-color {
  background: #1677ff;
}
.bg-secondary-color {
  background: yellow;
}
.bg-success-color {
  background: #52c41a !important;
}
.bg-warning-color {
  background: #faad14 !important;
}
/* container */
.container {
  max-width: 1140px;
  min-width: 1140px;
}
.container-center {
  max-width: 1140px;
  min-width: 1140px;
  margin: 0 auto;
}
.just-flex {
  display: flex;
}
.flex {
  display: flex !important;
  align-items: center;
}
.flex-space-between {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}
.flex-space-between-start {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  align-items: start;
}
.flex-space-around {
  display: flex !important;
  align-items: center;
  justify-content: space-around;
}
.flex-start {
  display: flex;
  align-items: flex-start;
}
.inline-flex {
  display: inline-flex;
  align-items: center;
}
.flex-equal-divide {
  display: flex;
}
.flex-equal-divide div {
  flex: 1;
}
.flex-center {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.flex-center-start {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.flex-center-end {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.flex-end {
  display: flex;
  justify-content: flex-end;
}
.flex-vertical {
  display: flex;
  flex-direction: column;
}
.flex-vertical-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/* Float */
.pull-none {
  float: none !important;
}
.flr {
  float: right;
}
.fll {
  float: left;
}
.input-place-center .ant-input {
  text-align: center;
}
.input-invalid {
  border-color: red !important;
}
.rounded {
  border-radius: 40px;
}
.roundedi {
  border-radius: 40px !important;
}
.bradius3 {
  border-radius: 3px;
}
.bradius4 {
  border-radius: 4px;
}
.bradius5 {
  border-radius: 5px;
}
.bradius7 {
  border-radius: 7px;
}
.bradius10 {
  border-radius: 10px;
}
.bradius15 {
  border-radius: 15px;
}
.bd {
  border: 1px solid #f0f0f0;
}
.border-none,
.bd-none {
  border: none;
}
.border-none.active,
.bd-none.active,
.border-none.focus,
.bd-none.focus,
.border-none:focus:active,
.bd-none:focus:active {
  border: none;
}
.circle {
  border-radius: 50%;
  overflow: hidden;
}
.bdrs {
  border: 1px solid #f0f0f0;
  border-radius: 2px;
}
.inline {
  display: inline;
}
.block {
  display: block;
}
.abs,
.absolute {
  position: absolute;
}
.absi {
  position: absolute !important;
}
.inline-block {
  display: inline-block;
}
.__table {
  display: table;
}
.__row {
  display: table-row;
}
.__cell {
  display: table-cell;
}
.hidden {
  display: none;
}
/* top, right, bottom, left*/
.top0 {
  top: 0px;
}
.right0 {
  right: 0px;
}
.bottom0 {
  bottom: 0px;
}
.left0 {
  left: 0px;
}
.top1 {
  top: 1px;
}
.right1 {
  right: 1px;
}
.bottom1 {
  bottom: 1px;
}
.left1 {
  left: 1px;
}
.top2 {
  top: 2px;
}
.right2 {
  right: 2px;
}
.bottom2 {
  bottom: 2px;
}
.left2 {
  left: 2px;
}
.top3 {
  top: 3px;
}
.right3 {
  right: 3px;
}
.bottom3 {
  bottom: 3px;
}
.left3 {
  left: 3px;
}
.top4 {
  top: 4px;
}
.right4 {
  right: 4px;
}
.bottom4 {
  bottom: 4px;
}
.left4 {
  left: 4px;
}
.top5 {
  top: 5px;
}
.right5 {
  right: 5px;
}
.bottom5 {
  bottom: 5px;
}
.left5 {
  left: 5px;
}
.top6 {
  top: 6px;
}
.right6 {
  right: 6px;
}
.bottom6 {
  bottom: 6px;
}
.left6 {
  left: 6px;
}
.top7 {
  top: 7px;
}
.right7 {
  right: 7px;
}
.bottom7 {
  bottom: 7px;
}
.left7 {
  left: 7px;
}
.top8 {
  top: 8px;
}
.right8 {
  right: 8px;
}
.bottom8 {
  bottom: 8px;
}
.left8 {
  left: 8px;
}
.top9 {
  top: 9px;
}
.right9 {
  right: 9px;
}
.bottom9 {
  bottom: 9px;
}
.left9 {
  left: 9px;
}
.top10 {
  top: 10px;
}
.right10 {
  right: 10px;
}
.bottom10 {
  bottom: 10px;
}
.left10 {
  left: 10px;
}
.top11 {
  top: 11px;
}
.right11 {
  right: 11px;
}
.bottom11 {
  bottom: 11px;
}
.left11 {
  left: 11px;
}
.top12 {
  top: 12px;
}
.right12 {
  right: 12px;
}
.bottom12 {
  bottom: 12px;
}
.left12 {
  left: 12px;
}
.top13 {
  top: 13px;
}
.right13 {
  right: 13px;
}
.bottom13 {
  bottom: 13px;
}
.left13 {
  left: 13px;
}
.top14 {
  top: 14px;
}
.right14 {
  right: 14px;
}
.bottom14 {
  bottom: 14px;
}
.left14 {
  left: 14px;
}
.top15 {
  top: 15px;
}
.right15 {
  right: 15px;
}
.bottom15 {
  bottom: 15px;
}
.left15 {
  left: 15px;
}
.top16 {
  top: 16px;
}
.right16 {
  right: 16px;
}
.bottom16 {
  bottom: 16px;
}
.left16 {
  left: 16px;
}
.top17 {
  top: 17px;
}
.right17 {
  right: 17px;
}
.bottom17 {
  bottom: 17px;
}
.left17 {
  left: 17px;
}
.top18 {
  top: 18px;
}
.right18 {
  right: 18px;
}
.bottom18 {
  bottom: 18px;
}
.left18 {
  left: 18px;
}
.top19 {
  top: 19px;
}
.right19 {
  right: 19px;
}
.bottom19 {
  bottom: 19px;
}
.left19 {
  left: 19px;
}
.top20 {
  top: 20px;
}
.right20 {
  right: 20px;
}
.bottom20 {
  bottom: 20px;
}
.left20 {
  left: 20px;
}
.ed-block {
  background: #ffffff;
}
.ed-block__title {
  font-weight: bold;
  font-size: 18px;
  color: #fff;
  vertical-align: middle;
}
.ed-block__title-primary {
  font-weight: bold;
  color: #4d4d4d;
  vertical-align: middle;
  font-size: 16px;
  text-transform: uppercase;
}
.full-bg {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
}
.line {
  background: #f0f0f0;
  width: 100%;
  height: 1px;
}
.line-bold {
  background: #f0f0f0;
  width: 100%;
  height: 1px;
  background: #d9d9d9;
}
body {
  font-family: sans-serif;
  font-size: 14px;
  margin: 0;
}
#app {
  width: 100vw;
  overflow-x: hidden;
  margin: auto;
  position: relative;
}
.ant-layout {
  background: #fff !important;
}
.ant-menu-item-selected {
  border-radius: 5px;
}
.code-block {
  background: #11334f;
  padding: 5px 10px;
  border-radius: 5px;
  color: #c1ac32;
  font-family: monospace;
}
.mw100 {
  min-width: 100px;
}
.mw300 {
  min-width: 300px;
}
.mw100p {
  max-width: 100%;
}
@media screen and (max-width: 1024px) {
  .container-center {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }
}