@import url(https://fonts.googleapis.com/css?family=Kanit|Poppins:300,400,500,600,700|Sarabun:300,400,500,600,700);
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url(_/node_modules/slick-carousel/slick/ajax-loader.gif) center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url(_/node_modules/slick-carousel/slick/fonts/slick.eot);
    src: url(_/node_modules/slick-carousel/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(_/node_modules/slick-carousel/slick/fonts/slick.woff) format('woff'), url(_/node_modules/slick-carousel/slick/fonts/slick.ttf) format('truetype'), url(_/node_modules/slick-carousel/slick/fonts/slick.svg#slick) format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

@charset "UTF-8";
#root > div > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div > div.ant-row.page-content > div > div > div > div > div > div > div > div > div > ul > li {
  border-top: 0px; }

.header .action-group-btn button:hover {
  -webkit-filter: drop-shadow(1px 1px 1px #5a5a5a);
          filter: drop-shadow(1px 1px 1px #5a5a5a); }

.action-group-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 10px; }
  .action-group-btn img {
    height: 2em;
    width: 2em; }
  .action-group-btn p {
    margin: 0;
    color: #454545;
    font-size: 10px; }
  .action-group-btn button {
    border-style: none;
    padding: 0.7em 15px;
    background: none; }
    .action-group-btn button:hover {
      cursor: pointer;
      -webkit-filter: drop-shadow(1px 1px 1px rgba(170, 170, 170, 0.5));
              filter: drop-shadow(1px 1px 1px rgba(170, 170, 170, 0.5)); }
    .action-group-btn button:focus {
      outline: none; }
  .action-group-btn .menu-split {
    height: calc(100% - 1.4em);
    border-left: 1px solid #cecece;
    margin: auto; }

.action-bar {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 10px; }
  .action-bar h2 {
    height: 0;
    line-height: 0;
    margin: auto 0;
    color: #939393;
    font-size: 18px;
    display: inline-table; }

.modal-selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.export-data-student-container,
.export-KPI-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #c7c7c7;
  padding: 8px 0px;
  border-radius: 5px;
  margin-bottom: 10px;
  cursor: pointer; }
  .export-data-student-container .active-select,
  .export-KPI-container .active-select {
    border: 1px solid #249103; }
  .export-data-student-container .inactive-select,
  .export-KPI-container .inactive-select {
    border: 1px solid #c7c7c7; }

.export-data-student-icon,
.export-KPI-icon {
  padding: 2px 10px; }

.export-student-footer Button {
  background-color: #249103;
  width: 100%;
  color: #fff; }

.export-student-footer Button:hover {
  color: #fff;
  background-color: #249103;
  opacity: 1; }

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.input-box {
  padding: 10px 15px 5px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .input-box label {
    margin-right: 10px;
    min-width: 100px;
    font-style: italic;
    width: 30%;
    display: inline-block; }
  .input-box input, .input-box select {
    padding-left: 3px;
    width: 170px;
    height: 2em;
    min-width: initial;
    max-width: initial;
    display: inline-block; }
  .input-box .Select.selector-class {
    width: calc(58% - 12px);
    min-width: initial;
    display: inline-block;
    vertical-align: middle; }

@media screen and (max-width: 1110px) {
  .input-box label, .flex-col > .input-box label {
    width: 100%;
    text-align: left; }
  .input-box .Select.selector-class, .input-box input, .input-box select, .flex-col > .input-box .Select.selector-class, .flex-col > .input-box input, .flex-col > .input-box select {
    width: 100%; } }

.page-style {
  position: relative; }
  .page-style input[disabled] {
    color: rgba(0, 0, 0, 0.25) !important;
    background-color: #f5f5f5 !important;
    border: 1px solid #dcd7d7 !important;
    cursor: not-allowed !important;
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-decoration: none !important;
    outline: none !important; }
  .page-style .page-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 10px;
    color: #5e5e5e;
    font-size: 14px;
    -webkit-box-shadow: 0px 3px 20px -8px rgba(211, 211, 211, 0.75);
            box-shadow: 0px 3px 20px -8px rgba(211, 211, 211, 0.75); }
    .page-style .page-head h2 {
      margin: auto 0;
      color: #939393;
      font-size: 18px; }
  .page-style div > .input-box.flex, .page-style > .input-box.flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: initial;
        -ms-flex-pack: initial;
            justify-content: initial;
    min-height: 2em; }
  .page-style .page-content {
    max-height: calc(100vh - 170px);
    overflow: auto; }
    .page-style .page-content .content-x {
      overflow: scroll; }
      .page-style .page-content .content-x .input-box {
        max-width: initial; }
    .page-style .page-content .content-2 {
      max-height: calc(calc(100vh - 250px) / 2); }
    .page-style .page-content .content-3 {
      min-height: 115px; }
      .page-style .page-content .content-3-top .input-box {
        max-width: initial; }
        .page-style .page-content .content-3-top .input-box label {
          width: 41%; }
    .page-style .page-content table.content-x thead, .page-style .page-content table.content-x tbody {
      display: block; }
    .page-style .page-content table.content-x tbody {
      overflow-y: scroll;
      overflow-x: hidden; }
    .page-style .page-content table.content-x th, .page-style .page-content table.content-x td, .page-style .page-content table.content-x th div {
      width: 150px; }
    .page-style .page-content table.content-2-table tbody {
      max-height: calc(calc(100vh - 250px) / 2 - 30px);
      min-height: 60px; }
    .page-style .page-content table.content-3-table tbody {
      height: calc(calc(100vh - 250px) - 300px);
      min-height: 60px; }
  .page-style .page-master-file {
    padding: 20px; }
    .page-style .page-master-file .input-box {
      max-width: 310px;
      padding: 0px; }
      .page-style .page-master-file .input-box button {
        height: 32px; }

.disabled, .disabledbutton {
  opacity: 0.54; }

.disabledbutton {
  pointer-events: none;
  background: whitesmoke;
  border-style: none; }

.disabledbutton[disabled] {
  border: 0px  !important; }

input.disabledbutton {
  opacity: 1;
  background: none; }

.Select.selector-class {
  height: 2em; }
  .Select.selector-class .Select-menu-outer .Select-option {
    font-size: 11px;
    padding: 2px; }

.Select-control {
  height: 2em !important;
  border-radius: 0 !important;
  border: none !important; }
  .Select-control .Select-placeholder, .Select-control .Select-value {
    line-height: 2em !important;
    border: 1px solid #ccc; }
  .Select-control .Select-placeholder {
    padding: 0px 3px !important; }
  .Select-control .Select-value .Select-value-label {
    line-height: 2em;
    display: block;
    overflow: hidden;
    padding-right: 20px;
    text-overflow: ellipsis; }
  .Select-control .Select-input, .Select-control .Select-value {
    height: 2em;
    padding: 0px 3px !important; }
    .Select-control .Select-input input, .Select-control .Select-value input {
      padding: 0px !important; }
  .Select-control .Select-clear-zone {
    display: none; }
  .Select-control .Select-arrow {
    border-color: black transparent transparent;
    border-width: 4.5px 3.5px 2.5px; }

select {
  min-width: 50px;
  padding-left: 3px;
  padding-right: 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-position: right 50%;
  background-repeat: no-repeat;
  border-radius: 0;
  background-color: white;
  border-color: #eeeeee;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
  border-color: #e0e0e0;
  border-width: 0.1px;
  height: 19px;
  line-height: normal; }

.Edit-theme .ant-col.ant-form-item-label.ant-col-sm-24 {
  text-align: left;
  max-width: 150px;
  font-style: unset; }
  .Edit-theme .ant-col.ant-form-item-label.ant-col-sm-24 label {
    white-space: normal;
    line-height: 1.5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.right-sidebar-content .page-master-file label,
.right-sidebar-content .page-master-file .ant-col.ant-form-item-label.ant-col-sm-24, .edit-profile-admin .page-master-file label,
.edit-profile-admin .page-master-file .ant-col.ant-form-item-label.ant-col-sm-24 {
  text-align: left;
  max-width: 150px;
  font-style: unset;
  white-space: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.2; }

.right-sidebar-content .page-master-file input, .edit-profile-admin .page-master-file input {
  height: 32px !important;
  width: 375px !important;
  padding-left: 11px;
  border-radius: 5px !important;
  border: 1px #ddd solid !important; }

.right-sidebar-content .page-master-file .ant-col.ant-form-item-control-wrapper.ant-col-sm-24.ant-col-md-14, .edit-profile-admin .page-master-file .ant-col.ant-form-item-control-wrapper.ant-col-sm-24.ant-col-md-14 {
  width: 375px !important; }

.right-sidebar-content .page-master-file .ant-col.ant-form-item-control-wrapper.ant-col-sm-24,
.right-sidebar-content .page-master-file textarea.ant-input,
.right-sidebar-content .page-master-file .ant-col.ant-form-item-control-wrapper.ant-col-md-24, .edit-profile-admin .page-master-file .ant-col.ant-form-item-control-wrapper.ant-col-sm-24,
.edit-profile-admin .page-master-file textarea.ant-input,
.edit-profile-admin .page-master-file .ant-col.ant-form-item-control-wrapper.ant-col-md-24 {
  max-width: 900px; }

.right-sidebar-content .page-master-file .input-box, .edit-profile-admin .page-master-file .input-box {
  margin-bottom: 10px;
  max-width: 600px !important; }

.right-sidebar-content .page-master-file .ant-col.ant-form-item-control-wrapper.ant-col-sm-24.ant-col-md-12:has(.ant-select-selection), .edit-profile-admin .page-master-file .ant-col.ant-form-item-control-wrapper.ant-col-sm-24.ant-col-md-12:has(.ant-select-selection) {
  width: 375px; }

.right-sidebar-content .page-master-file .ant-col.ant-form-item-control-wrapper.ant-col-xs-24.ant-col-sm-16:has(.ant-select-selection),
.right-sidebar-content .page-master-file .ant-col.ant-form-item-control-wrapper.ant-col-sm-24.ant-col-md-15:has(.ant-select-selection), .edit-profile-admin .page-master-file .ant-col.ant-form-item-control-wrapper.ant-col-xs-24.ant-col-sm-16:has(.ant-select-selection),
.edit-profile-admin .page-master-file .ant-col.ant-form-item-control-wrapper.ant-col-sm-24.ant-col-md-15:has(.ant-select-selection) {
  width: 375px; }

.page-master-file .site-information label,
.page-master-file .site-information .ant-col.ant-form-item-label.ant-col-sm-24 {
  text-align: left;
  max-width: 150px;
  font-style: unset;
  white-space: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.2; }

.page-master-file .site-information input {
  height: 32px !important;
  width: 375px !important;
  padding-left: 11px;
  border-radius: 5px !important;
  border: 1px #ddd solid !important; }

.page-master-file .site-information .ant-col.ant-form-item-control-wrapper.ant-col-sm-24.ant-col-md-14 {
  width: 375px !important; }

.page-master-file .site-information .ant-col.ant-form-item-control-wrapper.ant-col-sm-24,
.page-master-file .site-information textarea.ant-input,
.page-master-file .site-information .ant-col.ant-form-item-control-wrapper.ant-col-md-24 {
  max-width: 900px; }

.page-master-file .site-information .input-box {
  margin-bottom: 10px;
  max-width: 600px !important; }

.page-master-file .site-information .ant-col.ant-form-item-control-wrapper.ant-col-sm-24.ant-col-md-12:has(.ant-select-selection) {
  width: 375px; }

.page-master-file .site-information .ant-col.ant-form-item-control-wrapper.ant-col-xs-24.ant-col-sm-16:has(.ant-select-selection),
.page-master-file .site-information .ant-col.ant-form-item-control-wrapper.ant-col-sm-24.ant-col-md-15:has(.ant-select-selection) {
  width: 375px; }

.modalCustompage .ant-modal-body .ant-form-item-label + div:not(.not-width) {
  width: 375px !important; }

.modalCustompage .ant-modal-body .ant-form-item-label + div textarea {
  height: auto !important; }

.modalCustompage .ant-modal-body .ant-form-item-label + div:has(.quill.input-text-editor),
.modalCustompage .ant-modal-body .ant-form-item-label + .ant-col.ant-form-item-control-wrapper.ant-col-sm-24.ant-col-md-12 {
  width: 900px !important; }

.modalCustompage .ant-modal-body .ant-form-item-label {
  text-align: left;
  line-height: 19px;
  width: 150px;
  white-space: normal; }

.ant-form-item-control-wrapper .ant-form-item-control span.ant-form-item-children:has(.colorPicker) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .ant-form-item-control-wrapper .ant-form-item-control span.ant-form-item-children:has(.colorPicker) div > div:nth-child(1) > div:nth-child(1) {
    height: 100% !important; }
  .ant-form-item-control-wrapper .ant-form-item-control span.ant-form-item-children:has(.colorPicker) > div:nth-child(1) {
    height: 28px;
    margin-top: .9px; }
    .ant-form-item-control-wrapper .ant-form-item-control span.ant-form-item-children:has(.colorPicker) > div:nth-child(1) > div {
      height: 100% !important; }
  .ant-form-item-control-wrapper .ant-form-item-control span.ant-form-item-children:has(.colorPicker) .sketch-picker {
    margin-top: 31.5px; }
  .ant-form-item-control-wrapper .ant-form-item-control span.ant-form-item-children:has(.colorPicker) .colorPicker {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    height: 30px !important; }

.ant-form-item-control-wrapper .ant-form-item-control span.ant-form-item-children > .ant-col:has(.color-picker-component-input) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .ant-form-item-control-wrapper .ant-form-item-control span.ant-form-item-children > .ant-col:has(.color-picker-component-input) div:nth-child(1) > div:nth-child(1) {
    border: 1px #ddd solid !important; }
  .ant-form-item-control-wrapper .ant-form-item-control span.ant-form-item-children > .ant-col:has(.color-picker-component-input) > div:nth-child(1) {
    height: 28px;
    margin-top: .9px; }
    .ant-form-item-control-wrapper .ant-form-item-control span.ant-form-item-children > .ant-col:has(.color-picker-component-input) > div:nth-child(1) > div {
      height: 100% !important; }
  .ant-form-item-control-wrapper .ant-form-item-control span.ant-form-item-children > .ant-col:has(.color-picker-component-input) .sketch-picker {
    margin-top: 31.5px; }
  .ant-form-item-control-wrapper .ant-form-item-control span.ant-form-item-children > .ant-col:has(.color-picker-component-input) .color-picker-component-input {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    height: 30px !important; }

.color-picker-component-input {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  height: 30px !important; }

input.ant-input.color-picker-component-input {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-left: 0 !important; }

.color-popover:nth-child(1) {
  margin-bottom: 250px; }

ul {
  list-style-type: none; }

.role-head {
  border-top: 1px solid #757575;
  border-bottom: 2px solid #757575;
  opacity: 0.87;
  font-weight: 600; }
  .role-head > div > span {
    padding: 10px;
    width: 55px; }
  .role-head .title {
    padding: 10px 0px; }
  .role-head .choice {
    padding-right: 10px; }

.sub-head {
  padding: 10px;
  background-color: rgba(179, 229, 252, 0.37);
  width: 100%; }

.sub-item {
  padding: 10px;
  background: #fff;
  border-bottom: 1px solid #f0f0f0; }
  .sub-item span.flex-1 {
    width: 55px;
    text-align: center; }

.content-left label {
  text-align: left;
  width: initial;
  min-width: initial;
  line-height: 2em; }

.content-left input, .content-left select {
  height: 2em;
  width: initial; }

html[style="overflow-y: hidden;"]:after {
  content: '';
  background: #00000040;
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1; }

.codex-icon {
  padding: 5px;
  max-height: 60px;
  min-height: 60px; }

.header-text {
  height: 100%; }
  .header-text p {
    margin: 0;
    text-align: left; }
  .header-text .sub-text {
    font-size: 14px; }

.headericon2 {
  height: 40px; }

.header-login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

/* ------ header ------ */
.header-account-dropdown {
  padding: 0; }
  .header-account-dropdown .ant-dropdown-menu-item {
    border-top: 0px; }

header {
  height: 66px;
  width: 100%;
  position: relative;
  z-index: 999 !important; }

/* --- left section --- */
/* logo */
.logodes {
  position: absolute;
  left: 30px; }

header > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-left > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  header > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-left > div a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

/* --- right section --- */
header > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-right {
  position: absolute;
  right: 20px; }

.client-header-seven div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-right {
  padding-right: 20px;
  height: 66px;
  position: unset !important; }

@media screen and (max-width: 1025px) {
  .client-header-seven div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-right {
    padding-right: 0px; } }

@media only screen and (max-width: 1250px) {
  header > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle > div > a,
  header > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle > div > a,
  .login-btn {
    font-size: 14px !important; } }

header > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-right > div > a,
header > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-right > div > .link {
  padding: 21px;
  display: block; }

header > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-right > div > a:hover,
header > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-right > div > div.link:hover {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease; }

/* cart */
header > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-right > div > div.link {
  padding: 6px;
  border-radius: 20px;
  line-height: 14px; }

header > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-right > div > div.link > div > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

header > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-right > div > a > div > span > sup,
header > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-right > div > div.link > div > span > sup {
  -webkit-box-shadow: none;
          box-shadow: none; }

/* --- middle section --- */
header > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle > div > a,
header > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle > div > span.link {
  padding: 12px 10px; }

header > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle > div > a:hover, .hov:hover {
  -webkit-transition: .5s;
  transition: .5s; }

header > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle > div > span.link:hover {
  background: rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease; }

.bergur-icon-client {
  display: none; }

@media (min-width: 1200px) {
  .customerheader2 {
    height: 110px; }
  .customerheader .bm-burger-button {
    display: none; } }

@media (max-width: 1200px) {
  .customerheader2 > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-right.headericon {
    display: none; }
  .customerheader2 .ant-row-flex-left.logodes.logodes {
    width: 100%;
    left: 0px;
    height: 66px; }
  header.customerheader2 > div > div > div > div.bm-burger-button {
    display: block !important; } }

.footertwo-line:before {
  content: '';
  background: #e5e5e5;
  width: 100%;
  height: 1px;
  z-index: 500;
  position: relative;
  opacity: .6;
  display: block; }

.footerone .ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle:before {
  content: '';
  background: #e5e5e5;
  width: 100%;
  height: 1px;
  z-index: 500;
  position: relative;
  opacity: .6; }

@media (min-width: 1199px) {
  .pd-lr0 {
    padding: 80px 20px 50px !important; }
  .customerheader .logo {
    display: none; }
  .customerheader2 .bm-burger-button {
    display: none; }
  .customerheader2 .logo {
    display: none; }
  .customerheader2 .logodes {
    left: 13%; }
  .customerheader2 .headericon {
    right: 13% !important; }
  header.customerheader2 > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle.full-menu > div {
    padding: 12px 10px; }
  header.customerheader2 > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-left > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 93px; }
  header.customerheader2 > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-right > div#cart > a {
    margin-top: 35px; }
  header.customerheader2 > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-right > div#bell > a {
    margin-top: 35px; }
  header.customerheader2 > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-right.full-menu.headericon > div > a.login-link {
    padding: 0px;
    margin-top: 37px;
    border-radius: 0px;
    margin-left: 12px; } }

@media (min-width: 1001px) {
  .account-right-whitebox, .profile-edit {
    padding-left: 0px !important; } }

@media (min-width: 1200px) {
  .myaccount-student-order .myorder .ordermenu {
    width: 77%; } }

@media (min-width: 1025px) {
  .businesslayout .header.main {
    margin-left: -18%;
    width: 118%; }
  header > div > div > div > div.bm-burger-button {
    display: none !important; }
  .myaccount-page .myaccount-menu-container {
    width: 100%; } }

@media (max-height: 1200px) {
  .section-Four-container-two img, .section-three-container-two img {
    -o-object-fit: cover;
       object-fit: cover; } }

/* ------ menu ------ */
.header3-outer {
  width: 100%;
  z-index: 999; }

.header3 {
  margin: auto;
  width: 74%; }
  @media (max-width: 1199px) {
    .header3 {
      width: 96%;
      height: 35px !important; } }

.header3 .logodes {
  left: 0px !important; }

header.header3 > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-right {
  right: 0px !important; }

.footersix h2 {
  margin: 0 !important; }

@media (max-width: 768px) {
  .footersixAll > div {
    padding-bottom: 0 !important; }
  .footersixAll > div:nth-child(2) {
    padding-top: 13px !important; } }

@media (max-width: 767px) {
  div.footerOnemenuData, div.footerOnemenuHelp, div.footerOnemenuLastCol {
    padding: 19px 10px 30px !important; }
  .footertwo-line + .ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle,
  .footerfour + .ant-row-flex-middle,
  .footersix .ant-row-flex-space-around.ant-row-flex-middle {
    padding-left: 1%;
    padding-right: 1%;
    padding-bottom: 3px; }
  .footertwo-line + .ant-row-flex-middle .ant-col-xs-23.ant-col-sm-12.ant-col-md-8 {
    padding: 0 !important; }
  div.footerOnemenuFirstCol {
    padding: 40px 30px 0px !important; }
  .footerOnemenuLastCol.ant-col-md-6 {
    padding: 0px 30px 30px !important; }
  .footerone p.mobile-smalltxt, .footerfive + .ant-row-flex-middle .left-txt p {
    text-align: center; } }

@media (max-width: 1199px) {
  .footerOnemenuData, .footerOnemenuHelp, .footerOnemenuLastCol {
    padding: 48px 10px 30px !important; }
  .footerOnemenuFirstCol {
    padding: 50px 30px 30px !important; }
  .system-header-one-wrapper {
    padding: 0 !important; }
  #root > div > div > header > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-left {
    left: 0 !important;
    width: 100%; }
  .customerheader2 > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-right.headericon {
    right: 15px; }
  .customerheader2 > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-right.headericon > div:nth-child(3) {
    display: none; }
  header > div > div > div > div.bm-burger-button {
    display: block;
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    width: 66px !important;
    height: 66px !important; }
  header > div > div > div > div.bm-burger-button:hover {
    background-color: rgba(0, 0, 0, 0.1); }
  header > div > div.logo {
    position: absolute;
    display: block; }
  header > div > div > div > div > span header > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-right {
    right: 10px; }
  header > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-right.full-menu {
    right: 10px; }
  header > div > div:nth-child(3) > div:nth-child(3) > div > span > span:nth-child(1) {
    position: absolute !important;
    height: 3px !important;
    width: 30px !important;
    left: 20px !important;
    right: 0px !important;
    top: 30% !important;
    opacity: 1 !important;
    border-radius: 10px !important; }
  header > div > div:nth-child(3) > div:nth-child(3) > div > span > span:nth-child(2) {
    position: absolute !important;
    height: 3px !important;
    width: 30px !important;
    left: 20px !important;
    right: 0px !important;
    top: 45% !important;
    opacity: 1 !important;
    border-radius: 10px !important; }
  header > div > div:nth-child(3) > div:nth-child(3) > div > span > span:nth-child(3) {
    position: absolute !important;
    height: 3px !important;
    width: 30px !important;
    left: 20px !important;
    right: 0px !important;
    top: 60% !important;
    opacity: 1 !important;
    border-radius: 10px !important; } }

.bm-burger-button .bm-burger-bars:nth-child(1) {
  position: absolute !important;
  height: 3px !important;
  width: 30px !important;
  left: 20px !important;
  right: 0px !important;
  top: 30% !important;
  opacity: 1 !important;
  border-radius: 10px !important; }

.bm-burger-button .bm-burger-bars:nth-child(2) {
  position: absolute !important;
  height: 3px !important;
  width: 30px !important;
  left: 20px !important;
  right: 0px !important;
  top: 45% !important;
  opacity: 1 !important;
  border-radius: 10px !important; }

.bm-burger-button .bm-burger-bars:nth-child(3) {
  position: absolute !important;
  height: 3px !important;
  width: 30px !important;
  left: 20px !important;
  right: 0px !important;
  top: 60% !important;
  opacity: 1 !important;
  border-radius: 10px !important; }

.system-header-two-wrapper .logodes {
  left: 0px; }

.system-header-two-wrapper .ant-row-flex-middle {
  position: relative;
  margin-left: 30px !important; }

.system-header-two-wrapper .ant-input-search input {
  border-radius: 4px !important; }

.system-header-two-wrapper .bm-burger-button {
  width: 55px !important;
  height: 55px !important; }

/* ------ end header ------ */
.headerLine {
  border-left: 1px solid;
  margin-top: 0; }

.client-header-ten .headerLine, .client-header-twelve .headerLine, .client-header-nine .headerLine {
  display: none; }

.client-header-ten .headerLine:has(+ div#facebook img),
.client-header-ten .headerLine:has(+ div#facebook + div#line img),
.client-header-ten .headerLine:has(+ div#facebook + div#line + div#youtube img),
.client-header-ten .headerLine:has(+ div#facebook + div#line + div#youtube + div#tiktok img) .headerLine:has(+ div#facebook + div#line + div#youtube + div#tiktok + div#language-flag-container img), .client-header-twelve .headerLine:has(+ div#facebook img),
.client-header-twelve .headerLine:has(+ div#facebook + div#line img),
.client-header-twelve .headerLine:has(+ div#facebook + div#line + div#youtube img),
.client-header-twelve .headerLine:has(+ div#facebook + div#line + div#youtube + div#tiktok img) .headerLine:has(+ div#facebook + div#line + div#youtube + div#tiktok + div#language-flag-container img), .client-header-nine .headerLine:has(+ div#facebook img),
.client-header-nine .headerLine:has(+ div#facebook + div#line img),
.client-header-nine .headerLine:has(+ div#facebook + div#line + div#youtube img),
.client-header-nine .headerLine:has(+ div#facebook + div#line + div#youtube + div#tiktok img) .headerLine:has(+ div#facebook + div#line + div#youtube + div#tiktok + div#language-flag-container img) {
  display: block; }

.client-header-ten .headerLine:has(+ div#facebook img),
.client-header-ten .headerLine:has(+ div#facebook + div#instagram img),
.client-header-ten .headerLine:has(+ div#facebook + div#instagram + div#line img),
.client-header-ten .headerLine:has(+ div#facebook + div#instagram + div#line + div#youtube img),
.client-header-ten .headerLine:has(+ div#facebook + div#instagram + div#line + div#youtube + div#language-flag-container img), .client-header-twelve .headerLine:has(+ div#facebook img),
.client-header-twelve .headerLine:has(+ div#facebook + div#instagram img),
.client-header-twelve .headerLine:has(+ div#facebook + div#instagram + div#line img),
.client-header-twelve .headerLine:has(+ div#facebook + div#instagram + div#line + div#youtube img),
.client-header-twelve .headerLine:has(+ div#facebook + div#instagram + div#line + div#youtube + div#language-flag-container img), .client-header-nine .headerLine:has(+ div#facebook img),
.client-header-nine .headerLine:has(+ div#facebook + div#instagram img),
.client-header-nine .headerLine:has(+ div#facebook + div#instagram + div#line img),
.client-header-nine .headerLine:has(+ div#facebook + div#instagram + div#line + div#youtube img),
.client-header-nine .headerLine:has(+ div#facebook + div#instagram + div#line + div#youtube + div#language-flag-container img) {
  display: block; }

/* ------- Start Header Eight ------- */
header.custom-header-test-wrapper > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle.full-menu {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-top: 20px;
  margin-right: 45px;
  position: absolute;
  left: 30px; }

header.custom-header-test-wrapper > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle.full-menu2 {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 20px;
  margin-right: 245px; }

.custom-header-test-wrapper .headerLine {
  border-left: 1px solid #dddddd;
  left: -15px; }

@media (max-width: 1199px) {
  header.custom-header-eight-wrapper .headerLine {
    display: none; } }

header.custom-header-test-wrapper > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle > div > a {
  padding: 12px 10px; }

header.custom-header-test-wrapper > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle > div > a:hover {
  background: rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease; }

.custom-header-twelve-wrapper .logodes {
  right: 0%; }

header.custom-header-test-wrapper img {
  margin-top: 12px 0px; }

.custom-header-eight-wrapper .ant-row-flex-right > div {
  display: none !important; }

.custom-header-eight-wrapper .ant-row-flex-right > div:nth-child(4) {
  display: block !important; }

.custom-header-eight-wrapper .ant-row-flex-right > div:nth-child(5) {
  display: block !important; }

/* ------- End Header Eight ------- */
/* ------ Start Header Eleven ------ */
header.custom-header-eleven-wrapper .header-login {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 66px; }

header.custom-header-eleven-wrapper > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-top: 20px;
  margin-left: 170px; }

header.custom-header-eleven-wrapper > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle > div > a {
  padding: 12px 10px; }

/* ------ End Header Eleven ------- */
/* ------ start Header twelve ------- */
header.custom-header-twelve-wrapper > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle.search-bar-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

header.custom-header-twelve-wrapper .ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle.full-menu {
  -ms-flex-pack: distribute;
      justify-content: space-around; }

@media only screen and (max-width: 1199px) {
  header.custom-header-twelve-wrapper > div:nth-child(2) > div:nth-child(4) > div.bm-menu {
    margin-top: -15px; } }

.bm-item.mobile-menu {
  outline: none !important; }

/* ------ End Header twelve ------- */
/* ------ Start Header Seven ------ */
header.custom-header-seven-wrapper > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 20px;
  margin-right: 245px; }

header.custom-header-seven-wrapper .headerLine {
  margin-right: 15px; }
  @media (max-width: 1199px) {
    header.custom-header-seven-wrapper .headerLine {
      display: none; } }

header.custom-header-seven-wrapper > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle > div > a {
  padding: 12px 10px; }

header.custom-header-seven-wrapper > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle > div > a:hover {
  background: rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease; }

/* ------ End Header Seven ------- */
/* ------ Start Header Ten ------ */
header.custom-header-ten-wrapper > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle {
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding-top: 7px; }

header.custom-header-ten-wrapper > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle > div > a {
  padding: 12px 10px; }

header.custom-header-ten-wrapper > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle > div > a:hover {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease; }

@media only screen and (max-width: 1199px) {
  header > div > div > div.bm-overlay {
    width: 0 !important; } }

.custom-header-ten-wrapper .ant-input-search .ant-input {
  border-radius: 8px !important; }

@media only screen and (max-width: 1199px) {
  .custom-header-ten-wrapper .bm-burger-bars:nth-child(1) {
    position: absolute !important;
    height: 3px !important;
    width: 30px !important;
    left: 20px !important;
    right: 0px !important;
    top: 30% !important;
    opacity: 1 !important;
    border-radius: 10px !important; }
  .custom-header-ten-wrapper .bm-burger-bars:nth-child(2) {
    position: absolute !important;
    height: 3px !important;
    width: 30px !important;
    left: 20px !important;
    right: 0px !important;
    top: 45% !important;
    opacity: 1 !important;
    border-radius: 10px !important; }
  .custom-header-ten-wrapper .bm-burger-bars:nth-child(3) {
    position: absolute !important;
    height: 3px !important;
    width: 30px !important;
    left: 20px !important;
    right: 0px !important;
    top: 60% !important;
    opacity: 1 !important;
    border-radius: 10px !important; } }

/* ------ End Header Ten ------- */
/* ------ Start Header Four ------ */
.manual-wapper {
  background-color: #ffffff;
  width: 350px;
  /* ------ end header ------ */
  /* ------ Start Header 13 ------ */
  /* ------ end Header 13 ------ */
  /* ------ system header ------ */
  /* ------ end system header ------ */ }
  .manual-wapper .item-wapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px; }
    .manual-wapper .item-wapper .text {
      padding-left: 10px; }
      .manual-wapper .item-wapper .text h2 {
        color: #2dabe3;
        font-size: 18px; }
      .manual-wapper .item-wapper .text span {
        color: #000; }
  .manual-wapper .headericon-cart {
    display: none !important; }
  @media (max-width: 1199px) {
    .manual-wapper .headericon {
      display: none !important; }
    .manual-wapper .headersearch .ant-input-search {
      height: 35px; }
      .manual-wapper .headersearch .ant-input-search .ant-input {
        font-size: 12px; }
    .manual-wapper .headerLine {
      display: none; } }
  .manual-wapper .login-btn {
    width: 100%;
    height: 40px;
    border-radius: 40px; }
  .manual-wapper div.link.sign-btn {
    padding: 8px;
    border-radius: 20px;
    margin-top: 15px;
    line-height: 14px;
    display: block;
    color: #1890ff; }
  .manual-wapper .customerheader4 .Menu-down {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    margin-top: 15px; }
  .manual-wapper .customerheader4 .bm-menu-wrap {
    top: 0px; }
  .manual-wapper .customerheader4 .bm-overlay {
    top: 0px; }
  @media screen and (max-width: 1199px) {
    .manual-wapper .customerheader4 .logodes {
      top: 10px !important; }
    .manual-wapper .customerheader4 .headericon-cart a {
      margin-top: 8px !important; } }
  @media screen and (max-width: 600px) {
    .manual-wapper .customerheader4 .logodes {
      top: 5px !important; }
      .manual-wapper .customerheader4 .logodes img {
        height: 35px !important;
        vertical-align: top;
        margin-top: 10px; } }
  .manual-wapper .customerheader .system-header-box {
    margin: 0 auto;
    padding-top: 13px;
    height: 130px;
    margin-bottom: 20px; }
    .manual-wapper .customerheader .system-header-box .bm-menu-wrap {
      top: 0px; }
    .manual-wapper .customerheader .system-header-box .bm-overlay {
      top: 0px; }
    @media screen and (max-width: 1600px) {
      .manual-wapper .customerheader .system-header-box {
        margin: 0 auto; } }
    @media screen and (max-width: 1199px) {
      .manual-wapper .customerheader .system-header-box {
        height: 105px; }
        .manual-wapper .customerheader .system-header-box .logodes img {
          height: 35px !important;
          vertical-align: top;
          margin-top: 0px; }
        .manual-wapper .customerheader .system-header-box .anticon-shopping {
          color: #000 !important;
          font-size: 22px !important;
          font-weight: 500; }
        .manual-wapper .customerheader .system-header-box .headericon-cart {
          top: 10px !important; }
          .manual-wapper .customerheader .system-header-box .headericon-cart a {
            margin-top: 0px !important; } }
    .manual-wapper .customerheader .system-header-box .header-system-row2 {
      width: 85.3333%; }
    @media (max-width: 1199px) {
      .manual-wapper .customerheader .system-header-box .header-system-row2 {
        margin-top: 46px !important;
        padding-right: 10px;
        padding-left: 10px;
        width: 100%; } }

.system-course-category-wapper {
  background-color: #ffffff;
  width: 370px; }
  .system-course-category-wapper .item-wapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px; }
    .system-course-category-wapper .item-wapper h2 {
      padding: 0 10px;
      color: #2dabe3; }
    .system-course-category-wapper .item-wapper h5 {
      padding: 0 10px;
      color: #000;
      font-size: 12px;
      margin-top: -10px; }

.system-article-category-wapper {
  background-color: #ffffff;
  border-radius: 3px;
  padding: 3px; }
  .system-article-category-wapper .item-wapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 3px;
    border: 0.5px solid #e8e8e8; }

.customerheader4 .ant-row-flex-space-around.ant-row-flex-right.full-menu.headericon-cart {
  display: none; }

.vertical-center {
  margin: 0;
  margin-bottom: 0 !important; }
  .vertical-center .ant-btn {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important; }

.without-border-radius-l {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }
  .without-border-radius-l .ant-input {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important; }

.without-border-radius-r {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }
  .without-border-radius-r .ant-btn {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important; }

.my-search-icon .anticon-search {
  margin-top: 1px !important;
  margin-right: 9px; }

.customerheader4 {
  background: transparent !important;
  -webkit-box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0) !important;
          box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0) !important;
  padding-top: 10px;
  height: 140px;
  margin-bottom: 20px;
  margin: 0 auto; }
  @media screen and (max-width: 1199px) {
    .customerheader4 {
      width: 100%;
      height: 150px !important; } }
  .customerheader4 div.link, .customerheader4 span.link {
    font-size: 16px !important;
    font-weight: 600; }
  .customerheader4 .header4row2 {
    margin-top: 45px !important; }
    .customerheader4 .header4row2 .headericon-cart {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      top: 0px; }
    .customerheader4 .header4row2 .cat-button span {
      font-size: 13px !important;
      margin-left: 10px !important; }
    .customerheader4 .header4row2 .cat-button {
      padding: 0px 3px !important;
      width: 100%;
      height: 40px;
      margin: auto;
      font-weight: 600; }
      @media (max-width: 576px) {
        .customerheader4 .header4row2 .cat-button {
          height: 37px;
          margin: 6px 0px 0px; } }
    .customerheader4 .header4row2 .header-search-input {
      width: 100%;
      height: 40px;
      border-radius: 4px; }
      @media (max-width: 576px) {
        .customerheader4 .header4row2 .header-search-input {
          height: 37px;
          margin: 6px 0px 0px; } }
    .customerheader4 .header4row2 .ant-input-search .ant-input {
      border-radius: 4px; }
  @media (max-width: 1199px) {
    .customerheader4 .headericon {
      display: none !important; } }
  .customerheader4 .ant-row-flex-middle {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
    margin-left: 110px; }
  .customerheader4 .ant-row-flex-right {
    right: 0px !important; }
  @media only screen and (min-width: 1199px) {
    .customerheader4 .bm-menu-wrap {
      display: none; } }
  @media only screen and (max-width: 1199px) {
    .customerheader4 .headericon-cart {
      display: block !important;
      top: 23px;
      right: 5% !important; }
      .customerheader4 .headericon-cart a {
        margin-top: 0px !important; } }
  @media screen and (max-width: 1600px) {
    .customerheader4 .bm-burger-bars:nth-child(1) {
      left: 12px !important;
      top: 36% !important;
      height: 2px !important;
      width: 25px !important; }
    .customerheader4 .bm-burger-bars:nth-child(2) {
      left: 12px !important;
      top: 50% !important;
      height: 2px !important;
      width: 25px !important; }
    .customerheader4 .bm-burger-bars:nth-child(3) {
      left: 12px !important;
      top: 63% !important;
      height: 2px !important;
      width: 25px !important; } }

.customerheader {
  -webkit-box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.3); }

/* ------ End Header Four ------ */
.custom-header-five-wrapper .ant-row-flex-middle {
  padding-top: 0px !important;
  height: 66px; }

.custom-header-five-wrapper .ant-menu {
  background: inherit; }

.custom-header-six-wrapper .ant-row-flex-middle {
  padding-top: 0px !important;
  height: 66px; }

.custom-header-six-wrapper .ant-menu {
  background: inherit; }

.custom-header-seven-wrapper .ant-row-flex-right > div:nth-child(3) {
  display: block !important; }

.custom-header-nine-wrapper .ant-col {
  z-index: 999; }

@media only screen and (max-width: 1199px) {
  .custom-header-nine-wrapper {
    padding-top: 0px;
    height: auto; }
    .custom-header-nine-wrapper .customerHome-slide.slideOne {
      margin-top: 0px !important; } }

.custom-header-eleven-wrapper .headerLine {
  margin-left: 10px;
  margin-right: 10px; }

@media only screen and (max-width: 1199px) {
  .custom-header-eleven-wrapper .ant-row-flex-right > div:nth-child(1),
  .custom-header-eleven-wrapper .ant-row-flex-right > div:nth-child(2),
  .custom-header-eleven-wrapper .ant-row-flex-right > div:nth-child(3) {
    display: block !important; }
  .custom-header-eleven-wrapper .ant-row-flex-right > div:nth-child(1) {
    padding-top: 20px; } }

.custom-header-eleven-wrapper .ant-row-flex-right > div:nth-child(1) {
  padding-right: 10px; }

header.custom-header-twelve-wrapper > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-right > div > a {
  margin-top: 0; }

.custom-header-twelve-wrapper .search-bar-left {
  margin-left: 30px; }
  .custom-header-twelve-wrapper .search-bar-left .ant-input {
    border-radius: 8px !important; }

@media only screen and (max-width: 1199px) {
  .custom-header-twelve-wrapper .bm-burger-bars:nth-child(1) {
    position: absolute !important;
    height: 3px !important;
    width: 30px !important;
    left: 20px !important;
    right: 0px !important;
    top: 30% !important;
    opacity: 1 !important;
    border-radius: 10px !important; }
  .custom-header-twelve-wrapper .bm-burger-bars:nth-child(2) {
    position: absolute !important;
    height: 3px !important;
    width: 30px !important;
    left: 20px !important;
    right: 0px !important;
    top: 45% !important;
    opacity: 1 !important;
    border-radius: 10px !important; }
  .custom-header-twelve-wrapper .bm-burger-bars:nth-child(3) {
    position: absolute !important;
    height: 3px !important;
    width: 30px !important;
    left: 20px !important;
    right: 0px !important;
    top: 60% !important;
    opacity: 1 !important;
    border-radius: 10px !important; } }

@media only screen and (max-width: 1199px) {
  .footertwologo .ant-col {
    margin-bottom: 0px !important;
    width: 100%;
    text-align: center !important; } }

@media only screen and (max-width: 1199px) {
  .footerfourcontactdes {
    text-align: center; } }

@media only screen and (min-width: 1200px) {
  .footerfour {
    width: 94%;
    margin: 0 auto; } }

@media only screen and (max-width: 1199px) {
  .footerfour {
    margin: 0 auto; } }

@media only screen and (max-width: 770px) {
  .footerfour {
    padding: 20px 0px !important; }
    .footerfour .footerFourTitleabout .ant-row.last {
      padding-bottom: 50px; }
    .footerfour .footerFourTitleabout .ant-row.last span, .footerfour .ant-row.footerFouraddress span {
      padding: 0px 5%; }
    .footerfour .footerFourTitleabout .ant-row:nth-child(2),
    .footerfour .footerfour > .footerFourTitlearticle,
    .footerfour .footerFouraddressfooterFouraddress {
      height: 60px !important; } }

.footerfouriconcenter {
  text-align: center !important; }

.footerfive {
  width: 100%;
  margin: 0 auto; }
  .footerfive > .footerFivemenu2 {
    height: 71px;
    overflow: hidden; }
  @media only screen and (max-width: 950px) {
    .footerfive .footerfivemenu {
      display: block !important; } }
  .footerfive .footerfivemenu .ant-col:last-child {
    border-right: 0px !important; }
  @media only screen and (max-width: 1199px) {
    .footerfive .footerfivemenu .ant-col {
      width: 100% !important;
      border-right: 0px !important; } }
  .footerfive .footerfivemenu .ant-col:last-child {
    border-right: 0px !important; }

.google-map {
  -webkit-box-shadow: 0px 0px 0px 0px #5f5f5f;
          box-shadow: 0px 0px 0px 0px #5f5f5f; }

@media only screen and (max-width: 1199px) {
  .custom-header-one-wrapper .logodes img {
    width: 150px;
    height: auto !important; } }

.customerHome-slide.slideTwo .slick-dots {
  bottom: 17% !important; }

@media only screen and (max-width: 1400px) {
  .customerHome-slide.slideTwo .slick-dots {
    bottom: 17% !important; } }

@media only screen and (max-width: 1100px) {
  .customerHome-slide.slideTwo .slick-dots {
    bottom: 20% !important; } }

@media only screen and (max-width: 800px) {
  .customerHome-slide.slideTwo .slick-dots {
    bottom: 21% !important; } }

@media only screen and (max-width: 440px) {
  .customerHome-slide .slideTwo .slick-dots {
    bottom: 17% !important; } }

.footerOneLogo {
  max-width: 100% !important; }

/* ---------------------------- Footer --------------------------*/
/* ++++++++++++++++ Start Footer One ++++++++++++++++ */
@media only screen and (max-width: 767px) {
  .ant-col.ant-col-24.footerOneLogo {
    text-align: center !important; }
  .ant-col.footerOnemenuData.ant-col-xs-12.ant-col-md-4 {
    padding-left: 30px !important;
    padding-right: 30px !important; }
  .ant-col.footerOnemenuHelp.ant-col-xs-12.ant-col-md-4 {
    padding-left: 30px !important;
    padding-right: 30px !important; } }

@media only screen and (max-width: 450px) {
  .ant-col.footerOnemenuData.ant-col-xs-12.ant-col-md-4 {
    padding-left: 30px !important;
    padding-right: 30px !important; }
  .ant-col.footerOnemenuHelp.ant-col-xs-12.ant-col-md-4 {
    padding-left: 30px !important;
    padding-right: 30px !important; } }

/* ++++++++++++++++  Stop Footer One ++++++++++++++++ */
/* ++++++++++++++++ Start Footer Two ++++++++++++++++ */
@media only screen and (max-width: 1199px) {
  h2 {
    margin-bottom: 1em; }
  section.footertwo {
    height: auto !important; }
  .ant-row-flex.ant-row-flex-space-around.ant-row-flex-top {
    z-index: 999; }
  .ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle.footertwomenu {
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
    padding-top: 140px !important;
    padding-bottom: 30px; } }

@media only screen and (max-width: 650px) {
  .ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle.footertwomenu {
    padding-left: 30px; } }

@media only screen and (max-width: 600px) {
  .footertwomenu {
    -webkit-box-pack: unset !important;
        -ms-flex-pack: unset !important;
            justify-content: unset !important; }
    .footertwomenu .ant-col {
      margin-bottom: 0px !important;
      width: 50% !important;
      text-align: left !important;
      padding: 10px 30px !important; }
  .ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle.footertwomenu {
    padding-left: 20%;
    padding-right: 10%; }
  .footertwo img {
    padding-bottom: 0 !important; } }

@media only screen and (max-width: 480px) {
  .footertwologo .ant-col {
    margin-bottom: 0px !important;
    width: 100%;
    text-align: center !important; } }

@media only screen and (max-width: 450px) {
  .footertwologo .ant-col {
    margin-bottom: 0px !important;
    width: 100%;
    text-align: center !important; }
  .ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle.footertwomenu {
    padding-left: 50px;
    padding-right: 0px; } }

@media only screen and (max-width: 360px) {
  .ant-row-flex.ant-row-flex-space-around.ant-row-flex-top {
    left: 15%; } }

/* ++++++++++++++++ Stop Footer Two ++++++++++++++++ */
/* ++++++++++++++++ Start Footer Three ++++++++++++++++ */
.footerthree {
  margin: auto;
  max-width: 96%; }

/* ++++++++++++++++  Stop Footer Three ++++++++++++++++ */
/* ++++++++++++++++ Start Footer Four ++++++++++++++++ */
.ant-col.ant-col-24.footerfourcontactdes {
  margin-top: -18px; }

@media only screen and (max-width: 1199px) {
  header.footerthree > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .footerfourcontactdes {
    text-align: left; } }

@media only screen and (max-width: 1100px) {
  .ant-col.footerFour.ant-col-xs-24.ant-col-md-24.ant-col-lg-6 {
    display: block !important; }
  .ant-row.last {
    height: auto !important; }
  .ant-row.footerFourArticle {
    text-align: left;
    padding-top: 0px !important;
    height: auto !important;
    padding-bottom: 15px !important; }
  .ant-row.footerFourTitlecontact {
    height: auto !important;
    padding-top: 15px !important; }
  .ant-col.footerFour.ant-col-xs-24.ant-col-md-24.ant-col-lg-6 {
    padding-right: 0px !important;
    padding-left: 0px !important; }
  .ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle.iconSocail {
    height: auto !important;
    padding-bottom: 20px !important; } }

@media only screen and (max-width: 992px) {
  .footerfourcontactdes {
    text-align: center; } }

@media only screen and (max-width: 770px) {
  div.ant-row.footerFourArticle {
    padding-bottom: 0px !important;
    width: 100%; }
  .ant-row.footerFourArticle {
    text-align: left !important; }
  .ant-row.footerFourIconarticle,
  .ant-row.footerFourIconcontact {
    height: auto !important; } }

@media only screen and (max-width: 564px) {
  .ant-row.footerFouraddress {
    height: auto !important; } }

@media only screen and (max-width: 450px) {
  .footerFourTitlearticle {
    text-align: center; } }

/* ++++++++++++++++ Stop Footer Four ++++++++++++++++ */
/* ++++++++++++++++ Start Footer Five ++++++++++++++++ */
@media only screen and (min-width: 1150px) {
  .ant-col.footerFiveTest.ant-col-lg-2\.4 {
    width: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; } }

@media only screen and (max-width: 1150px) {
  .footerfive.ant-row-flex.ant-row-flex-space-around.ant-row-flex-top {
    padding-left: 15% !important; }
  .ant-col.footerFiveTest.ant-col-md-4\.8 {
    width: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .ant-col.footerFiveTest.ant-col-md-4\.8.ant-col-lg-2\.4 {
    text-align: center; }
  .ant-col.ant-col-24.footerFiveLogo {
    text-align: center !important; } }

@media only screen and (max-width: 768px) {
  .containerContact .ant-row-flex.ant-row-flex-flex-start.ant-row-flex-left {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    margin-top: 0px !important;
    margin-right: 0px !important; }
  .containerContact .ant-row-flex.ant-row-flex-flex-start.ant-row-flex-left.ant-col-3 {
    width: 15% !important; }
  .ant-col.ant-col-13.containerLogo {
    text-align: center !important; }
  .ant-col.ant-col-24.footerFiveLogo img {
    margin-top: -2px !important; }
  h2.contactText5 {
    margin-top: 0px; } }

@media only screen and (max-width: 650px) {
  .ant-col.footerFiveTest.ant-col-md-4\.8 {
    width: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .ant-col.footerFiveTest.ant-col-md-4\.8.ant-col-lg-2\.4 {
    text-align: left !important; }
  .ant-col.ant-col-24.footerFiveLogo {
    text-align: left !important;
    padding: 0px 5% !important; }
  .ant-col.containerContact.ant-col-xs-24.ant-col-md-9 {
    width: 100% !important;
    padding-left: 10%;
    padding-right: 10%; }
  .ant-col.footerFiveTest .google-map iframe {
    width: 100%;
    height: 150px; } }

/* ++++++++++++++++  Stop Footer Five ++++++++++++++++ */
/* ++++++++++++++++ Start Footer Six ++++++++++++++++ */
@media only screen and (min-width: 1199px) {
  .ant-row-flex.ant-row-flex-center.ant-row-flex-middle.footersixIconsocail {
    margin: 0px 38%; } }

@media only screen and (max-width: 1199px) {
  .ant-row-flex.ant-row-flex-center.ant-row-flex-middle.footersixIconsocail {
    margin: 0px 35%; }
  .ant-row-flex.ant-row-flex-space-around.ant-row-flex-top.footersixAll {
    padding-top: 0px !important; } }

@media only screen and (min-width: 767px) and (max-width: 1199px) {
  .ant-row-flex.ant-row-flex-space-around.ant-row-flex-top.footersixAll {
    padding-bottom: 0px !important; } }

@media only screen and (max-width: 800px) {
  .ant-row-flex.ant-row-flex-center.ant-row-flex-middle.footersixIconsocail {
    margin: 0px 30%; } }

@media (min-width: 700px) and (max-width: 1199px) {
  section > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-top > div > div > div > div.ant-col.ant-col-3 {
    margin-right: 7px; }
  .pd-lr0 > div > div.ant-row > div > span, .footerOnemenuHelp > div:nth-child(2) > div > a, .footerOnemenuData > div:nth-child(2) > div > a, .footer-col1 > div.ant-row > div > span {
    font-size: 16px !important; } }

.left-txt2 {
  text-align: left; }

.left-txt2.header-col > a {
  display: block;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left; }

@media only screen and (max-width: 600px) {
  .footerFiveTest:before {
    background: transparent !important; }
  header.footerthree .ant-row-flex.ant-row-flex-space-around.ant-row-flex-left.logodes {
    margin-left: 12px !important;
    width: auto; }
  .ant-row-flex.ant-row-flex-center.ant-row-flex-middle.footersixIconsocail {
    margin: 0px 25%; }
  .ant-row-flex p.mobile-smalltxt {
    margin: 0 !important;
    font-size: 10px !important;
    text-align: center; }
  .ant-row-flex .mobile-smalltxt2 {
    text-align: center !important;
    padding: 0 !important; } }

@media only screen and (max-width: 500px) {
  .ant-row-flex.ant-row-flex-center.ant-row-flex-middle.footersixIconsocail {
    margin: 0px 20%; } }

@media only screen and (max-width: 400px) {
  .ant-row-flex.ant-row-flex-center.ant-row-flex-middle.footersixIconsocail {
    margin: 0px !important; } }

@media only screen and (max-width: 1199px) {
  p.mobile-smalltxt {
    font-size: 17px !important; }
  .ant-col.ant-col-xs-24.ant-col-md-12.ant-col-lg-6 {
    padding-top: 20px !important; }
  .ant-col.ant-col-13.containerLogo {
    text-align: center !important; }
  .ant-col.footerSixreview.ant-col-lg-8.ant-col-xl-8 {
    text-align: center !important; }
  .footerSixseemore.ant-col.ant-col-24 {
    width: 100%; } }

@media only screen and (max-width: 720px) {
  .footersix a {
    text-align: center !important; } }

@media only screen and (max-width: 550px) {
  .footerSixreview.ant-col.ant-col-8 {
    text-align: center !important;
    width: 30%;
    left: 5%; } }

@media only screen and (max-width: 450px) {
  .footerSixseemore.ant-col.ant-col-24 {
    width: 100%; }
  .ant-col.footerSixColReview.ant-col-xs-24.ant-col-md-12.ant-col-lg-8 {
    width: 100% !important; } }

/* ++++++++++++++++  Stop Footer Six ++++++++++++++++ */
/* ++++++++++++++++ Start Footer Two ++++++++++++++++ */
/* ++++++++++++++++  Stop Footer Two ++++++++++++++++ */
.header-Thirteen-wrapper .header13-button {
  margin-top: 0px !important;
  padding: 0px !important; }

@media only screen and (max-width: 1025px) {
  header.footerthree .ant-row-flex.ant-row-flex-space-around.ant-row-flex-left.logodes {
    width: auto; }
  header.custom-header-ten-wrapper > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-right.full-menu, header.custom-header-twelve-wrapper > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-right.full-menu, header.custom-header-twelve-wrapper > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle.search-bar-left {
    display: none; }
  header.custom-header-ten-wrapper > div:nth-child(2) {
    border-top: none !important;
    padding-bottom: 8px !important; }
  .custom-header-twelve-wrapper > div:nth-child(2) {
    border-top: none !important;
    padding-bottom: 0px !important; }
  header.customerheader.custom-header-ten-wrapper, header.custom-header-twelve-wrapper {
    height: 66px !important; }
  header.custom-header-ten-wrapper > div:nth-child(1) a img, header.custom-header-twelve-wrapper > div:nth-child(1) a img {
    width: 87% !important; }
  header.custom-header-twelve-wrapper > div:nth-child(1) a img {
    margin-top: -2px; }
  header.custom-header-ten-wrapper > div:nth-child(1) > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-left.logodes > div {
    height: 53px; }
  header.customerheader4 > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle {
    visibility: hidden; }
  .customerheader4 div .header4row2 {
    margin-top: 23px !important; }
  .customerheader4.system-header-two-wrapper .logodes {
    left: 0;
    width: 89%; }
  .system-header-two-wrapper .bm-burger-button {
    top: 15px !important;
    left: 5% !important; }
  .customerheader4 .headericon-cart {
    top: 25px !important; } }

@media only screen and (max-width: 1035px) {
  header.customerheader4 > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle.full-menu {
    padding-left: 0;
    height: 68px !important;
    width: 100%;
    margin: 0 !important;
    display: block; }
  header.customerheader4 .logodes {
    width: 100% !important; } }

@media only screen and (max-width: 575px) {
  .customerheader4 .system-header-box .header4row2 {
    margin-top: 17px !important; }
  header.customerheader4 > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle {
    height: 74px; } }

@media only screen and (max-width: 1025px) {
  .logodes {
    left: 0px !important;
    width: 100%; } }

.custom-header-test-wrapper .logodes {
  left: 0px !important;
  width: 100%; }

@media only screen and (max-width: 1250px) {
  header.custom-header-test-wrapper > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle.full-menu2 {
    margin-right: 11%; } }

@media only screen and (max-width: 1025px) {
  header.custom-header-test-wrapper > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle.full-menu2 {
    display: none; } }

.client-header-logo img, .client-logo2 img {
  padding: 3% 0px; }

.client-middle-column div#announcement > a > div, .client-middle-column div#cart > a > div, .client-middle-column div#bell > a > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.client-middle-column div#announcement > a > div .ant-badge, .client-middle-column div#cart > a > div .ant-badge, .client-middle-column div#bell > a > div .ant-badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.client-middle-column div#announcement > a > div .ant-badge svg, .client-middle-column div#cart > a > div .ant-badge svg, .client-middle-column div#bell > a > div .ant-badge svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.ant-dropdown-trigger.ant-dropdown-open i.anticon.anticon-down {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: .5s;
  transition: .5s;
  cursor: pointer; }

.ant-row-flex-right .ant-dropdown-trigger.ant-dropdown-open {
  cursor: pointer; }

.client-full-menu .ant-col a, .client-full-menu .ant-col span {
  padding: 0px !important; }

.client-middle-column .ant-col > a {
  padding: 6px !important; }

.client-full-menu > .ant-col > span {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

header .ant-row-flex-right > div#bell:hover,
header .ant-row-flex-right > div#cart:hover,
header .ant-row-flex-right > div#announcement:hover {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 99px;
  -webkit-transition: .5s;
  transition: .5s; }

header .ant-row-flex-right > div#facebook:hover,
header .ant-row-flex-right > div#instagram:hover,
header .ant-row-flex-right > div#line:hover,
header .ant-row-flex-right > div#youtube:hover,
header .ant-row-flex-right > div#language-flag-container img,
header .ant-row-flex-right > div#tiktok:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: .5s;
  transition: .5s; }

.ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle.full-menu.client-full-menu {
  overflow: hidden;
  height: 66px;
  padding: 0px !important;
  margin: auto; }
  .ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle.full-menu.client-full-menu .ant-col {
    height: 100%; }
    .ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle.full-menu.client-full-menu .ant-col a {
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 0;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }

@media (min-width: 1025px) {
  .client-header-logo {
    position: absolute;
    left: 40px;
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important; }
  .login-btn {
    font-size: 16px;
    padding: 5px 12px; } }

.client-middle-column {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%; }

.bm-menu-wrap .bm-menu .ant-col.ant-col-24:has(.anticon),
.bm-menu-wrap .bm-menu .ant-col.ant-col-24:has(a[href="/cart"]) {
  display: none; }

@media (max-width: 1025px) {
  div#facebook, div#instagram, div#line, div#youtube, div#tiktok, div#language-flag-container:has(.language-switcher) {
    display: none !important; } }

@media (max-width: 1100px) {
  .client-header-one .ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle.full-menu.client-full-menu {
    display: none; }
  .client-header-one div#facebook, .client-header-one div#instagram, .client-header-one div#line, .client-header-one div#youtube, .client-header-one div#tiktok, .client-header-one div#language-flag-container:has(.language-switcher) {
    display: none !important; }
  .client-header-one .client-header-logo {
    left: 0px !important;
    width: 100%;
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important; }
  .client-header-one > div > div > div > div.bm-burger-button {
    display: block !important; } }

@media (max-width: 1025px) {
  header .ant-row-flex-right.full-menu #facebook {
    display: none; }
  .ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle.full-menu.client-full-menu {
    display: none; }
  .client-full-menu {
    display: none !important; }
  .client-full-height.ant-row-flex-right > .ant-col:has(a[href="/signin"]) {
    display: none; } }

@media (max-width: 550px) {
  .header > header .client-header-logo img, .header > header .client-logo2 img {
    max-width: 180px !important; } }

@media (max-width: 600px) {
  header .lang-flag.full-menu img {
    margin-right: 3px !important; } }

sup.ant-scroll-number.ant-badge-count {
  width: 20px;
  padding: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  sup.ant-scroll-number.ant-badge-count p.current {
    font-size: 13px; }

sup.ant-scroll-number {
  width: 20px;
  padding: 0; }

.client-header-one > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.client-header-one div#facebook img {
  margin-left: 10px !important; }

.client-header-one div#announcement {
  position: relative;
  right: 2px; }

.client-header-one .client-middle-column {
  max-width: 310px; }

.client-header-one .ant-row-flex-middle.client-full-menu {
  width: calc(100% - 570px);
  gap: 19px; }

@media (min-width: 1025px) {
  .client-header-one .ant-row-flex-right.full-menu {
    width: auto;
    -webkit-box-pack: right;
        -ms-flex-pack: right;
            justify-content: right; }
  .client-header-one div {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; } }

.client-header-two a.menu-hover-style-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0px 10px !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse; }

.client-header-two a.menu-hover-style-2::before {
  width: 100%;
  position: unset;
  -webkit-transform: scale(0);
          transform: scale(0); }

.client-header-two a.menu-hover-style-2:hover::before {
  -webkit-transform: scale(1);
          transform: scale(1); }

.client-header-two a.menu-hover-style-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0px 10px !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse; }

.client-header-two a.menu-hover-style-3::before {
  width: 100%;
  bottom: -2px;
  height: 0; }

.client-header-two a.menu-hover-style-3:hover::before {
  height: 3px; }

.client-header-two a.login-link:hover > div {
  background: rgba(0, 0, 0, 0.1);
  -webkit-transition: .5s;
  transition: .5s; }

.client-header-two .bottom-main {
  padding-top: 48px;
  width: calc(100% - 461px);
  overflow: hidden;
  height: 93px; }

.client-header-two a.menu-hover-style-1 {
  padding-top: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 0 !important; }

@media (min-width: 1025px) {
  .client-header-two {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

@media (max-width: 1025px) {
  .client-header-two .bottom-main {
    display: none !important; } }

.client-header-three {
  width: 96%;
  margin: auto; }
  .client-header-three > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-right {
    right: 0 !important;
    top: 0 !important; }
  .client-header-three .logodes {
    left: 0 !important; }
  .client-header-three .ant-row-flex-left.logodes {
    gap: 1px; }
  @media (max-width: 1025px) {
    .client-header-three .ant-row-flex-left.logodes {
      -webkit-box-pack: unset;
          -ms-flex-pack: unset;
              justify-content: unset; } }

.header4-login-button {
  padding: 8px !important; }

.header4-login-button:hover > div {
  background-color: rgba(0, 0, 0, 0.1) !important;
  border-color: rgba(0, 0, 0, 0.1) !important;
  -webkit-transition: .5s;
  transition: .5s; }

.client-header-four {
  padding: 7px 0px; }
  .client-header-four .client-header-logo {
    height: 66px; }
  .client-header-four .ant-row-flex-middle.full-menu {
    gap: 17px; }
  .client-header-four div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle {
    width: calc(100% - 580px);
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; }
  .client-header-four .header4row2 {
    width: 100%;
    margin: 7px auto 0px; }
    .client-header-four .header4row2 .full-menu.headersearch {
      position: relative;
      left: 40px; }
    .client-header-four .header4row2 .headericon2 {
      position: relative;
      right: 25px; }
    .client-header-four .header4row2 .cat-button {
      padding: 0px 3px !important;
      width: 100%;
      height: 40px;
      margin: auto;
      font-weight: 600; }
    .client-header-four .header4row2 .header-search-input {
      width: 100%;
      height: 40px;
      border-radius: 4px; }
    .client-header-four .header4row2 .headericon2 > .ant-col {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    @media (max-width: 1200px) {
      .client-header-four .header4row2 .header4row2-col1 {
        width: calc(100% - 165px); }
      .client-header-four .header4row2 .header4row2-col1 + div {
        display: block !important; } }
  .client-header-four .bm-menu-wrap .bm-login-container {
    display: none; }
    @media (max-width: 1025px) {
      .client-header-four .bm-menu-wrap .bm-login-container {
        display: block; } }
  @media (max-width: 1025px) {
    .client-header-four {
      padding: 0;
      height: 66px !important; }
      .client-header-four div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-right.full-menu {
        right: 0 !important; }
      .client-header-four .header4row2 {
        display: none; }
      .client-header-four .headericon + div {
        height: 66px;
        position: absolute !important; }
      .client-header-four .ant-row-flex-middle a {
        display: none !important; }
      .client-header-four .client-header-logo img {
        max-height: 55px !important;
        max-width: 230px !important;
        padding: 0 !important; }
      .client-header-four .client-header-logo {
        height: 100%; } }
  @media (max-width: 1025px) {
    .client-header-four .ant-row-flex-space-around.ant-row-flex-right.full-menu {
      display: none !important; } }

@media (min-width: 1025px) {
  .client-header-four .system-header-box > .headericon2 {
    display: none; } }

.client-header-five div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle {
  width: calc(100% - 570px);
  gap: 36px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.client-header-five ul.ant-menu.ant-menu-light.ant-menu-root.ant-menu-inline {
  background: transparent;
  border: none; }

@media (min-width: 1025px) {
  .client-header-five .ant-row-flex-right.full-menu {
    width: 180px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    right: 36px !important;
    height: 100%; } }

@media (max-width: 1025px) {
  .client-header-five .bm-menu-wrap .ant-row p.ant-dropdown-trigger {
    display: none !important; } }

.client-header-six div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle {
  width: calc(100% - 570px);
  gap: 36px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.client-header-six ul.ant-menu.ant-menu-light.ant-menu-root.ant-menu-inline {
  background: transparent;
  border: none; }

@media (min-width: 1025px) {
  .client-header-six .ant-row-flex-right.full-menu {
    width: 180px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    height: 100%;
    right: 36px !important; } }

@media (max-width: 1025px) {
  .client-header-six .bm-menu-wrap .ant-row p.ant-dropdown-trigger {
    display: none !important; } }

.client-header-seven .ant-row-flex-middle.full-menu.client-full-menu {
  overflow: unset !important;
  gap: 14px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end; }

.client-header-seven .ant-row-flex-middle.client-full-menu {
  width: calc(100% - 600px); }

.client-header-seven .headerLine {
  margin-right: 8px;
  height: 30px; }

@media (max-width: 1025px) {
  .client-header-seven .headerLine {
    display: none; } }

@media (min-width: 1025px) {
  .client-header-seven .client-full-menu {
    margin: 0px 15px !important; }
  .client-header-seven .client-middle-column {
    max-width: 336px;
    width: auto; } }

@media (max-width: 1025px) {
  header.client-header-seven div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-right {
    position: absolute !important;
    top: 0; } }

@media (min-width: 1025px) {
  .client-header-seven > div {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px; } }

@media (min-width: 1025px) and (max-width: 1199px) {
  .client-header-seven .client-middle-column {
    padding-right: 10px; } }

@media only screen and (max-width: 1380px) {
  .client-header-eight div#facebook, .client-header-eight div#line, .client-header-eight div#instagram, .client-header-eight div#youtube, .client-header-eight div#tiktok, .client-header-eight div#language-flag-container {
    display: none; } }

@media only screen and (max-width: 1450px) {
  .client-header-eight > div:nth-child(1) {
    width: 92% !important; }
  .client-header-eight .client-middle-column .ant-col > a {
    display: block; } }

@media (min-width: 1025px) {
  .client-header-eight > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .client-header-eight > div > .logo + div, .client-header-eight > div > .logo {
    display: none; }
  .client-header-eight {
    padding: 0px 20px 0px 3%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .client-header-eight a.menu-hover-style-2::before {
      bottom: 0; }
    .client-header-eight a.menu-hover-style-3::before {
      bottom: 0; }
    .client-header-eight a.menu-hover-style-5::before {
      bottom: -4px; }
    .client-header-eight a.menu-hover-style-5::after {
      top: -4px; }
    .client-header-eight .client-middle-column .ant-col > a {
      display: block; }
    .client-header-eight .client-middle-column {
      max-width: 315px;
      position: unset !important;
      -webkit-box-pack: unset;
          -ms-flex-pack: unset;
              justify-content: unset;
      -webkit-box-flex: unset;
          -ms-flex: unset;
              flex: unset; }
    .client-header-eight .ant-row-flex-middle.full-menu2 {
      padding-right: 15px !important; }
    .client-header-eight .ant-row-flex-middle.full-menu {
      width: 100%;
      overflow: visible;
      white-space: nowrap;
      z-index: 1; }
    .client-header-eight .ant-row-flex-middle.full-menu2 {
      width: 220px;
      white-space: nowrap;
      -webkit-box-pack: right;
          -ms-flex-pack: right;
              justify-content: right;
      z-index: 1;
      overflow: hidden; }
    .client-header-eight .ant-row-flex-middle {
      margin: 0 !important;
      padding: 0 !important;
      height: 66px; }
      .client-header-eight .ant-row-flex-middle .ant-col {
        height: 100%; }
        .client-header-eight .ant-row-flex-middle .ant-col a {
          height: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          padding: 0 !important;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
    .client-header-eight .client-header-logo {
      -webkit-box-pack: center !important;
          -ms-flex-pack: center !important;
              justify-content: center !important;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      position: absolute;
      left: 0;
      height: 100%;
      width: 100%; }
    .client-header-eight .headerLine {
      left: 0;
      margin-right: 7px;
      height: 30px; } }

@media (max-width: 1025px) {
  .client-header-eight {
    -ms-flex-pack: distribute;
        justify-content: space-around; }
    .client-header-eight > div:nth-child(1) {
      width: calc(100% - 74px) !important; }
    .client-header-eight .client-middle-column {
      right: 10px;
      position: relative;
      width: 67px; }
    .client-header-eight .full-menu.ant-row-flex-middle, .client-header-eight .full-menu2 {
      display: none; }
    .client-header-eight .headerLine {
      display: none; }
    .client-header-eight .client-header-logo img {
      max-height: 55px !important;
      max-width: 230px !important;
      padding: 0 !important; }
    .client-header-eight .client-header-logo {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      height: 100%;
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important; } }

@media (min-width: 1025px) {
  .client-header-nine .client-full-menu {
    width: calc(100% - 570px);
    gap: 36px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .client-header-nine .client-middle-column {
    max-width: 324px;
    width: auto; } }

@media (max-width: 1025px) {
  header.client-header-nine > div > .logo + * + * {
    height: 66px; }
  .client-header-nine .client-middle-column {
    top: 0; }
    .client-header-nine .client-middle-column .headerLine {
      display: none; } }

.client-header-ten .client-middle-column {
  top: 0; }

@media (min-width: 1025px) {
  .client-header-ten .client-middle-column {
    height: 70px;
    max-width: 324px;
    width: auto; }
  .client-header-ten .client-full-menu {
    gap: 36px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; } }

@media (max-width: 1150px) {
  .client-header-ten span.ant-input-search.ant-input-affix-wrapper {
    width: 330px !important; } }

@media (max-width: 1025px) {
  .client-header-ten .full-menu.client-full-menu, .client-header-ten .client-search {
    display: none; }
  .client-header-ten .headerLine {
    display: none; }
  .client-header-ten .top-header {
    height: 66px; }
  .client-header-ten .client-header-logo img {
    max-height: 55px !important;
    max-width: 230px !important;
    padding: 0 !important; }
  .client-header-ten .client-header-logo {
    height: 100%;
    top: 0 !important; } }

.client-header-eleven .client-full-menu {
  gap: 16px;
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
  width: calc(100% - 565px);
  margin-left: 0 !important;
  overflow: visible !important; }

.client-header-eleven .client-middle-column {
  top: 0; }

@media (min-width: 1025px) {
  .client-header-eleven > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 94.3%;
    margin: auto; }
  .client-header-eleven .client-header-logo {
    position: unset;
    padding-right: 23px; }
  .client-header-eleven .headerLine {
    height: 30px; } }

@media (max-width: 1025px) {
  .client-header-eleven div#line, .client-header-eleven .headerLine, .client-header-eleven .header-login {
    display: none; }
  .client-header-eleven div#cart {
    display: block !important; } }

.client-logo2 > div a {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.client-header-twelve .client-middle-column {
  top: 0; }

@media (min-width: 1025px) {
  .client-header-twelve .client-middle-column {
    height: 70px;
    width: auto;
    max-width: 341px; }
  .client-header-twelve .search-bar-left {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-left: 2.5%; }
  .client-header-twelve .client-full-menu {
    gap: 36px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .client-header-twelve .client-logo2 {
    width: 100%;
    left: 0; } }

@media (max-width: 1025px) {
  .client-header-twelve .full-menu.client-full-menu, .client-header-twelve .client-search {
    display: none; }
  .client-header-twelve .headerLine {
    display: none; }
  .client-header-twelve .top-header {
    height: 66px; }
  .client-header-twelve .bm-cross-button > span {
    top: 26px !important; }
  .client-header-twelve .client-logo2 {
    padding: 0 !important;
    height: 100%; }
  .client-header-twelve .client-logo2 img {
    max-height: 55px !important;
    max-width: 230px !important;
    padding: 0 !important; } }

.client-header-thirteen .header13-icon > a > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 6px; }

.client-header-thirteen .header-name-user {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }
  .client-header-thirteen .header-name-user p {
    text-align: left !important; }

.client-header-four .header-name-user p {
  text-align: center !important; }

.client-header-thirteen .header13-icon > a > div:hover {
  background: rgba(0, 0, 0, 0.1);
  -webkit-transition: .3s;
  transition: .3s;
  border-radius: 99px; }

.client-header-thirteen > .header-13-search {
  padding-left: 15px; }

header.client-header-thirteen .client-header-right a.header13-button > div:hover {
  background-color: rgba(0, 0, 0, 0.1) !important;
  -webkit-transition: .5s !important;
  transition: .5s !important;
  border-color: rgba(0, 0, 0, 0.1) !important; }

@media (max-width: 1200px) {
  .client-header-thirteen .header-13-search {
    margin-right: 3% !important; } }

@media (min-width: 1025px) {
  .client-header-thirteen .header-13-search + div {
    display: none; }
  .client-header-thirteen > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    width: 94.3%;
    margin: auto;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .client-header-thirteen > div > .logo {
    display: none; }
  .client-header-thirteen .client-header-right {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .client-header-thirteen .client-header-logo {
    position: unset !important; }
  .client-header-thirteen .header-13-search {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 2%;
    width: auto;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    .client-header-thirteen .header-13-search span.input-prefix {
      position: absolute;
      z-index: 2;
      line-height: 0;
      height: 36px;
      width: 29px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .client-header-thirteen .header-13-search input.ant-input {
      height: 40px !important;
      border: none !important; }
  .client-header-thirteen .header13-right {
    width: 40%;
    margin-right: 0%;
    position: unset !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 66px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: unset;
            flex-flow: unset;
    bottom: 0; }
    .client-header-thirteen .header13-right .client-header-right .header13-icon a:hover {
      background: rgba(0, 0, 0, 0.1);
      border-radius: 99px;
      -webkit-transition: .5s;
      transition: .5s; }
    .client-header-thirteen .header13-right .client-header-right .header13-icon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .client-header-thirteen .header13-right .client-header-right .header13-icon a {
        padding: 6px !important; }
    .client-header-thirteen .header13-right .header13-link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
      width: 100%;
      -webkit-box-pack: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      overflow: hidden;
      height: 100%; }
      .client-header-thirteen .header13-right .header13-link .ant-col {
        height: 100%; }
        .client-header-thirteen .header13-right .header13-link .ant-col a {
          height: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          padding: 0;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
    .client-header-thirteen .header13-right .header13-button {
      padding: 0 !important; } }

@media (max-width: 1025px) {
  .client-header-thirteen .client-header-logo img {
    max-height: 55px !important;
    max-width: 230px !important;
    padding: 0 !important; }
  .client-header-thirteen .ant-row.header-name-user.ant-dropdown-trigger {
    display: none !important; }
  .client-header-thirteen > div {
    height: 100%; }
  .client-header-thirteen .header13-icon a {
    display: block; }
  .client-header-thirteen .header13-right {
    height: 100%;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .client-header-thirteen .header-13-search {
    display: none !important; }
  .client-header-thirteen .client-header-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0px;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: 0;
    right: 10px; }
    .client-header-thirteen .client-header-right .register-button, .client-header-thirteen .client-header-right .ant-col:has([href="/signin"]) {
      display: none !important; } }

.footertwo .footertwomenu > .ant-col {
  height: 100%;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important; }

@media (max-width: 1300px) {
  .footertwomenu {
    gap: 2%; } }
  @media (max-width: 1300px) and (max-width: 600px) {
    .footertwomenu {
      height: auto !important;
      gap: 0px;
      padding: 10px 0% 10px 0%; } }

@media (min-width: 850px) and (max-width: 1025px) {
  .footertwomenu > div > a {
    font-size: 13px !important; }
  .footertwo .ant-row-flex-space-between.ant-row-flex-middle.footertwomenu {
    width: 75% !important; } }

@media (max-width: 850px) {
  section.footertwo > div:nth-child(1) {
    padding-bottom: 7px;
    padding-top: 7px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .footertwo .ant-row-flex-space-between.ant-row-flex-middle.footertwomenu {
    width: 100% !important; } }

@media (max-width: 520px) {
  .footerthree > div .ant-row-flex.ant-row-flex-space-around.ant-row-flex-right p:nth-child(2) {
    font-size: 12px !important; }
  .footerthree-col1 {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); } }

.footerFourArticle > div {
  padding-bottom: 26px; }

.footerfour .ant-col h2 {
  text-align: -webkit-center; }

.ant-col.footerFour {
  -moz-text-align-last: center;
       text-align-last: center; }
  @media (max-width: 1200px) {
    .ant-col.footerFour {
      padding: 0; } }

@media only screen and (max-width: 1200px) {
  .ant-row.footerFouraddress {
    -moz-text-align-last: center !important;
         text-align-last: center !important;
    padding-top: 0px !important; } }

@media only screen and (min-width: 1200px) {
  .footerFourTitlearticle {
    height: 43px; } }

@media (max-width: 1200px) {
  .footerFourArticle::before, .footerFourArticle::after {
    display: none !important; }
  .footerfour > .ant-row-flex.ant-row-flex-space-between {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly; }
  .footerFourArticle > div img {
    width: 100% !important;
    padding-bottom: 15px;
    height: 9vw !important; }
  .footerFourTitleabout .ant-row.last {
    text-align: center !important;
    padding-bottom: 60px;
    height: auto !important; }
  .footerFouraddress {
    text-align: center !important; }
  .footerFourTitleabout h2, .footerFourTitlearticle h2, .footerFouraddressfooterFouraddress h2 {
    font-size: 28px; } }
  @media (max-width: 1200px) and (max-width: 550px) {
    .footerFourTitleabout h2, .footerFourTitlearticle h2, .footerFouraddressfooterFouraddress h2 {
      font-size: 24px; } }

@media (max-width: 1200px) {
  .footerFourTitleabout h2::before, .footerFourTitlearticle h2::before, .footerFouraddressfooterFouraddress h2::before {
    top: 52px !important; }
  .footerFourTitleabout .ant-row.last span, .footerFourTitlearticle span, .ant-row.footerFouraddress span {
    font-size: 13px; }
  .footerFourTitlearticle span {
    width: 100%;
    display: block;
    margin-bottom: 20px; }
  .ant-row.footerFourArticle {
    padding-top: 9px !important;
    height: auto !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly; }
    .ant-row.footerFourArticle > div {
      padding-bottom: 30px;
      -ms-flex-preferred-size: 45%;
          flex-basis: 45%; } }

@media (max-width: 767px) {
  .footerFourArticle > div img {
    width: 100% !important;
    height: 24vw !important; }
  .footerFourTitleabout .ant-row.last span, .footerFourTitlearticle span, .ant-row.footerFouraddress span {
    font-size: 14px; }
  .footerFourContact {
    padding-top: 0px !important; }
  .footerFourTitleabout.ant-col.footerFour > .ant-row:nth-child(1) {
    height: auto !important;
    margin-top: 12px;
    margin-bottom: 0; } }

@media (max-width: 450px) {
  .ant-row.footerFourArticle .footerFourTitlearticle {
    margin-top: 0px;
    padding-left: 0 !important; } }

.footerFivemenu2Row2 {
  margin: 45px auto 55px; }

.footerFiveItem {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.footerFivemenu2 > .footerFiveItem:nth-child(1) > a::before {
  display: none; }

.footerFivemenu2 > .footerFiveItem > a::before {
  content: "";
  height: 35px;
  width: .5px;
  background: #e0e0e0;
  position: absolute;
  left: 0;
  top: -3px; }

.displayonmobile {
  display: none !important; }

@media (min-width: 770px) {
  .footerfive-contact-column2 + div {
    padding-left: 3%; } }

@media (min-width: 770px) and (max-width: 992px) {
  .footerfive-contact-column2 + div {
    padding: 0px 3%; } }

@media (min-width: 770px) and (max-width: 992px) {
  .footerfive-contact-column2 + div {
    padding: 0px 3%; } }

@media (min-width: 770px) and (max-width: 992px) {
  .footerfive-contact-column2 + div {
    padding: 0px 3%; } }

@media (max-width: 770px) {
  .footerfive-contact-column2 {
    padding: 0px 1% 25px !important; }
  .footerFivemenu2 {
    padding-top: 0px !important; }
  div.footerFivemenu2 {
    padding: 18px 2% 15px !important;
    height: auto; }
  div.footerfive > .footerFivemenu2 > div > a {
    padding-left: 0;
    padding-bottom: 0;
    padding-right: 0; }
  .footerFivemenu2 > .footerFiveItem > a::before {
    display: none; }
  div.footerFivemenu2Row2 {
    margin: 0; } }

@media (max-width: 1199px) {
  .footerFivemenu2 {
    padding: 52px 2% 15px !important; } }

.footerSixreview a img {
  padding: 0px 6px;
  height: 105px;
  -o-object-position: center -14px;
     object-position: center -14px; }

@media (max-width: 1200px) {
  .footerSixreview a img {
    width: 100% !important; }
  .footersixAll > .ant-col.ant-col-xs-24.ant-col-md-24 {
    padding-bottom: 0 !important; } }

@media (min-width: 550px) and (max-width: 991px) {
  .ant-col.containerLogo {
    width: 35%; } }

@media (max-width: 550px) {
  .footerSixColReview {
    width: 100% !important; }
  .footerSixcolmenu {
    width: 100% !important; } }

@media (max-width: 576px) {
  section[for="footer"] .ant-row-flex:last-child > div.ant-col.ant-col-8.ant-col-xs-23.ant-col-sm-12.ant-col-md-8:nth-child(3), .footer .ant-row-flex:last-child > div.ant-col.ant-col-8.ant-col-xs-23.ant-col-sm-12.ant-col-md-8:nth-child(3) {
    text-align: center !important;
    padding: 0 !important; }
  .footersix .ant-col.containerLogo img {
    max-width: 220px; } }

@media (min-width: 990px) and (max-width: 1181px) {
  .footersixAll > div:nth-child(1) {
    width: 100% !important; }
  .footersixAll > div:nth-child(1) img {
    max-width: 270px !important; } }

.articlesix-container .slick-slide a > div {
  border: solid 1px #e8e8e8; }

.articleeight-container .article8list a > div {
  border: solid 1px #e8e8e8; }

.selection-language-dropdown .ant-dropdown-menu-root {
  padding: 0; }

@media (max-width: 990px) {
  .footersixAll > div:nth-child(1) img {
    width: 225px !important; } }

.hover-selection-language {
  font-size: 16px;
  font-weight: 600;
  border: 1px solid transparent;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.hover-selection-language:hover {
  color: #dddddd; }

.selection-language-selected {
  border: solid 1px black; }

.menu-language-selection-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%; }
  .menu-language-selection-mobile .ant-dropdown-placement-bottomLeft {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content; }

.disable-anticon-down .anticon-down {
  display: none !important; }

.videoThree {
  margin: 0 !important;
  overflow: hidden;
  padding-left: 5% !important;
  padding-right: 5% !important; }
  @media (max-width: 992px) {
    .videoThree .ant-col.ant-col-xs-24.ant-col-sm-24.ant-col-md-24.ant-col-lg-8.ant-col-xl-8 {
      padding: 20px 0px 0px !important; }
    .videoThree h1 {
      margin-bottom: 20px; }
    .videoThree h3 {
      margin-top: 5px; } }

.bm-menu-wrap > div.bm-menu > nav > div > div > div:has(img) {
  width: 31px; }

.bm-menu-wrap > div.bm-menu > nav > div > .ant-row-flex {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-column-gap: 3px;
     -moz-column-gap: 3px;
          column-gap: 3px; }

.bm-menu-wrap .bm-menu .ant-col.ant-col-24:has(.anticon) + div {
  display: none; }

.footer-logo-fix-ratio {
  -o-object-fit: contain !important;
     object-fit: contain !important; }

@media only screen and (max-width: 900px) {
  .footer-seven > div {
    max-width: 93% !important; } }

.footer-seven .fonttexteditor > * {
  margin-bottom: 0; }

.footer-seven p {
  font-size: 1.5vw;
  font-family: "Kanit", sans-serif !important;
  margin: 0; }

.footer-seven h3 {
  font-size: 2.2vw;
  font-family: "Kanit", sans-serif !important;
  margin: 0; }

@media only screen and (min-width: 991px) {
  .footer-seven .footerseven-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; } }

@media only screen and (max-width: 600px) {
  .footer-seven p, .footer-seven li {
    font-size: 2.3vw !important; } }

@media only screen and (max-width: 575px) {
  .footer-seven .ant-col.ant-col-xs-24.ant-col-sm-12.ant-col-md-12.ant-col-lg-12.ant-col-xl-12:nth-child(2) {
    padding-top: 6%;
    padding-bottom: 3%; }
  .footer-seven .ant-col.ant-col-xs-24.ant-col-sm-12.ant-col-md-12.ant-col-lg-12.ant-col-xl-12:nth-child(1) {
    padding-top: 8%; } }

@media only screen and (max-width: 991px) {
  .footer-seven p, .footer-seven li {
    font-size: 18px !important; }
  .footer-seven h3 {
    font-size: 26px !important; } }

@media only screen and (max-width: 576px) {
  .footer-seven .image-navigation-section > p {
    text-align: left !important; }
  .footer-seven .image-navigation-section > div {
    justify-items: left !important; } }

.footer-seven h2 {
  font-size: 2.2vw;
  display: block;
  margin-top: 2%; }
  @media only screen and (max-width: 991px) {
    .footer-seven h2 {
      font-size: 22px; } }
  @media only screen and (max-width: 600px) {
    .footer-seven h2 {
      font-size: 3.7vw; } }

.footer-seven .fonttexteditor > * > strong {
  font-weight: 600; }

.header-text__p {
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
  text-align: left !important; }

.tier-padding {
  padding: 0 !important; }

.header-tier {
  position: relative;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.tier-icon {
  position: absolute;
  left: 4px;
  padding: 3px;
  top: 0;
  height: 100%; }

.tier-name {
  position: absolute;
  left: 32px;
  top: 0;
  height: 100%;
  line-height: 23px;
  width: 62px;
  overflow: hidden;
  font-size: 12px;
  font-weight: 500; }

.tier-background-image {
  position: relative;
  border-radius: 4px;
  width: 100px;
  aspect-ratio: 180 / 40; }

.tier-background {
  position: relative;
  border-radius: 4px;
  width: 100px;
  aspect-ratio: 180 / 40; }

.sub-menu {
  background-color: #ffffff;
  width: 100%;
  min-width: 200px;
  max-width: 240px;
  overflow: scroll; }
  .sub-menu .sub-head-text {
    color: #006be5;
    border-bottom: 1px solid #e0e0e0;
    padding: 5px 10px;
    font-size: 11px; }

.menu {
  min-width: 65px;
  border-right: 1px solid #e0e0e0;
  overflow-y: auto; }

.menu-item {
  cursor: pointer;
  min-height: 40px;
  min-width: 60px;
  padding: 10px 0px;
  text-align: center;
  min-height: 78px; }
  .menu-item img {
    height: 40px;
    width: 40px; }
  .menu-item p {
    margin: 0;
    color: #454545;
    font-size: 9.3px; }
  .menu-item:hover {
    background-color: white;
    -webkit-filter: contrast(2);
            filter: contrast(2); }

.submenu-item {
  cursor: pointer;
  min-height: 40px;
  min-width: 60px;
  padding: 10px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .submenu-item img {
    height: 40px;
    width: 40px; }
  .submenu-item p {
    font-size: 9.5px;
    color: #454545;
    margin: 0;
    margin-top: 13px; }
  .submenu-item:hover {
    -webkit-filter: contrast(2);
            filter: contrast(2); }

.submenu-item-display-none {
  display: none; }

.active-menu {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  background-color: #ffffff; }
  .active-menu p {
    color: #006be5; }
  .active-menu:hover {
    border-right: none; }

.flex-space {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.flex-5 {
  -webkit-box-flex: 5;
      -ms-flex: 5;
          flex: 5; }

.email-msg {
  padding: 10px 16px 5px;
  resize: none;
  border-style: none;
  width: 100%;
  height: calc(80vh - 344px); }
  .email-msg:focus {
    outline: none; }

.input-email {
  border-bottom: 1px solid #e0e0e0;
  padding: 16px; }
  .input-email input {
    border-style: none; }
  .input-email input:focus {
    outline: none; }

.email-bottom {
  position: absolute;
  bottom: 0px;
  padding: 20px;
  border-top: 1px solid #e0e0e0;
  width: 100%;
  background-color: #fafafa; }
  .email-bottom button {
    padding: 8px 24px;
    background-color: #039BE5;
    border-style: none;
    outline: none;
    color: #fff; }

.text-box {
  height: calc(80% - 75px); }

.file-blob {
  position: absolute;
  bottom: 90px;
  left: 16px;
  border-radius: 3px;
  background: #eaeaea;
  padding: 8px;
  color: #049BE5; }

.sendingEmail {
  opacity: 0.54; }

.tab-style {
  background-color: #f5f5f5;
  cursor: pointer;
  color: #454545;
  font-size: 11px;
  -webkit-box-shadow: 1px -1px 6px rgba(0, 0, 0, 0.26);
          box-shadow: 1px -1px 6px rgba(0, 0, 0, 0.26); }
  .tab-style .tab-close {
    display: inline-block;
    vertical-align: middle;
    padding: 8px 12px 8px 0px; }
    .tab-style .tab-close img {
      width: 11px;
      height: 11px;
      -webkit-filter: invert(0.8);
              filter: invert(0.8); }
      .tab-style .tab-close img:hover {
        -webkit-filter: invert(0.4);
                filter: invert(0.4); }
  .tab-style:hover {
    color: #006be5; }
  .tab-style span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 55px; }
  .tab-style .text-tab {
    padding: 8px 10px 4px 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 75px; }

.tablist-style {
  background-color: #eeeeee;
  overflow: auto;
  -webkit-box-shadow: 1px -1px 6px rgba(0, 0, 0, 0.26);
          box-shadow: 1px -1px 6px rgba(0, 0, 0, 0.26); }

.ant-select-selection--multiple {
  min-width: 120px; }

.modal-confirm {
  z-index: 9999 !important; }
  .modal-confirm header h4 {
    margin: 0px; }
  .modal-confirm .icon {
    font-size: 72px;
    text-align: center; }
  .modal-confirm .message {
    color: #757575;
    padding-bottom: 12px;
    padding-top: 12px;
    font-size: 14px; }
    .modal-confirm .message .actions {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }

.modal-txt {
  color: #76828e; }

.material-btn {
  border-style: none;
  height: 36px;
  margin-left: 8px;
  font-weight: 300;
  font-size: 14px;
  padding: 10px;
  line-height: 0px;
  min-width: 5em; }
  .material-btn:hover {
    cursor: pointer;
    -webkit-box-shadow: 0 1px 3px 0px grey;
            box-shadow: 0 1px 3px 0px grey; }
  .material-btn:focus {
    outline: none;
    -webkit-box-shadow: 0 1px 3px 0px lightgrey;
            box-shadow: 0 1px 3px 0px lightgrey;
    -webkit-filter: contrast(2);
            filter: contrast(2); }

.inactive-color {
  opacity: 0.37; }
  .inactive-color.login {
    margin-right: 10px; }

.modal-header-txt {
  padding: 24px;
  border-bottom: 1px solid #e0e0e0; }

.modal-custom header {
  color: white !important; }
  .modal-custom header h4 {
    margin: 0px; }

.modal-custom .icon {
  font-size: 72px;
  text-align: center; }

.modal-custom .message {
  color: #000; }
  .modal-custom .message .actions {
    margin-top: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    .modal-custom .message .actions button {
      width: 120px;
      margin-right: 16px; }

.modal-custom .ok-btn {
  margin-left: 12px; }

.modal-custom .modal-txt {
  color: #757575;
  font-size: 14px; }

.modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  border-bottom: 1px solid #e0e0e0; }
  .modal-header h3 {
    font-size: 20px;
    color: #757575; }

.close-btn {
  margin-left: auto;
  margin-bottom: auto;
  margin-top: auto;
  border-radius: 50%;
  cursor: pointer; }
  .close-btn:hover {
    background-color: red;
    color: white; }

.close-btn svg {
  font-size: 30px; }

.modal-text {
  color: black; }

.modal-header-txt-small {
  font-weight: bold;
  color: black; }

.modal-text-small {
  color: black; }

.modal-content, .modal-contentC {
  margin: auto;
  background-color: #fff;
  position: relative;
  outline: 0;
  display: table;
  min-width: 350px; }
  .modal-content h3, .modal-contentC h3 {
    font-size: 20px;
    color: #757575; }

.h3-fixmargin {
  margin-top: 0px;
  margin-bottom: 0px; }

.h3-fixmargin-error {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 15px;
  color: #f81d22 !important; }

.modal-content-body {
  padding: 24px;
  min-height: 75px;
  min-width: 490px; }
  .modal-content-body input {
    margin: 16px 0; }

.modal-content-bot {
  padding: 8px;
  float: right; }

.modal-contentC {
  margin: auto;
  background-color: #fff;
  position: relative;
  outline: 0;
  display: table;
  min-width: 350px;
  border-radius: 3px; }

.z-index3 {
  z-index: 3; }

.bottom-modal {
  display: none;
  position: absolute;
  right: 50%;
  bottom: 0;
  margin-right: 400px;
  z-index: 1;
  border: solid 1px; }

.cancel-style {
  background-color: #dddddd;
  font-size: 14px;
  color: #757575; }

.delete-style {
  color: #fff;
  background-color: #d62c2c; }

.confirm-style {
  color: #fff;
  background-color: #006be5; }

.modal-custom header {
  color: white !important; }
  .modal-custom header h4 {
    margin: 0px; }

.modal-custom .icon {
  font-size: 72px;
  text-align: center; }

.modal-custom .message {
  color: #000; }
  .modal-custom .message .actions {
    margin-top: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    .modal-custom .message .actions button {
      width: 120px;
      margin-right: 16px; }

.modal-custom .ok-btn {
  margin-left: 12px; }

.modal-custom .modal-txt {
  color: #757575;
  font-size: 14px; }

.modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  border-bottom: 1px solid #e0e0e0; }
  .modal-header h3 {
    font-size: 20px;
    color: #757575; }

.close-btn {
  margin-left: auto;
  margin-bottom: auto;
  margin-top: auto;
  border-radius: 50%;
  cursor: pointer; }
  .close-btn:hover {
    background-color: red;
    color: white; }

.close-btn svg {
  font-size: 30px; }

.modal-text {
  color: black; }

.modal-header-txt-small {
  font-weight: bold;
  color: black; }

.modal-text-small {
  color: black; }

.modal-content, .modal-contentC {
  margin: auto;
  background-color: #fff;
  position: relative;
  outline: 0;
  display: table;
  min-width: 350px; }
  .modal-content h3, .modal-contentC h3 {
    font-size: 20px;
    color: #757575; }

.h3-fixmargin {
  margin-top: 0px;
  margin-bottom: 0px; }

.modal-content-body {
  padding: 24px;
  min-height: 75px;
  min-width: 490px; }
  .modal-content-body input {
    margin: 16px 0; }

.modal-content-bot {
  padding: 8px;
  float: right; }

.modal-contentC {
  margin: auto;
  background-color: #fff;
  position: relative;
  outline: 0;
  display: table;
  min-width: 350px;
  border-radius: 3px; }

.z-index3 {
  z-index: 3; }

.bottom-modal {
  display: none;
  position: absolute;
  right: 50%;
  bottom: 0;
  margin-right: 400px;
  z-index: 1;
  border: solid 1px; }

.cancel-style {
  background-color: #dddddd;
  font-size: 14px;
  color: #757575; }

.delete-style {
  color: #fff;
  background-color: #d62c2c; }

.confirm-style {
  color: #fff;
  background-color: #006be5; }

.email-size {
  width: 75vw;
  height: 80%; }
  .email-size .modal-header-txt {
    padding: 7px 16px;
    background-color: #3a3a3c;
    color: white; }
    .email-size .modal-header-txt h2 {
      font-weight: normal; }
    .email-size .modal-header-txt .close-btn svg {
      font-size: 20px; }
  .email-size .input-email {
    padding: 5px 16px; }
    .email-size .input-email span {
      font-weight: bold; }
    .email-size .input-email input {
      -webkit-box-flex: 14;
          -ms-flex: 14;
              flex: 14; }
  .email-size .email-bottom {
    padding: 7px 16px; }
  .email-size .file-blob {
    border: 1px solid #e0e0e0;
    padding: 8px 20px;
    background: #fafafa;
    border-radius: 2px;
    bottom: 60px; }
  .email-size .close-btn:hover {
    background: none;
    background-color: none;
    -webkit-filter: drop-shadow(1px 1px 1px rgba(170, 170, 170, 0.8));
            filter: drop-shadow(1px 1px 1px rgba(170, 170, 170, 0.8)); }

.modal-input .input-form {
  color: #000; }
  .modal-input .input-form form .input-wrapper {
    padding-bottom: 6px; }

.actions {
  margin-top: 8px;
  text-align: right; }
  .actions button {
    width: 75px; }
    .actions button.ok-btn {
      color: white; }

.input-field {
  border-style: none;
  width: 100%;
  border-bottom: 1px solid #e0e0e0; }

.input-label {
  color: #9e9e9e;
  font-size: 12px;
  margin-left: 5px; }

.modal-btn-txt {
  border-style: none;
  background-color: white;
  color: #1173be;
  height: 36px;
  float: right;
  padding: 0px;
  font-weight: bold;
  width: 75px; }
  .modal-btn-txt:active {
    outline: none; }
  .modal-btn-txt:focus {
    outline: none; }
  .modal-btn-txt:visited {
    outline: none; }

.modal-btn-txt:disabled {
  color: #cbcbcb; }

.modal-header-txt {
  padding: 24px;
  font-weight: bold;
  color: #555;
  margin-bottom: 20px; }

.modal-message .icon {
  font-size: 72px;
  text-align: center; }

.modal-message .message {
  color: #000;
  padding: 24px 0; }
  .modal-message .message .actions {
    margin-top: 36px; }
    .modal-message .message .actions button {
      width: 120px;
      margin-right: 16px; }

.content-style {
  width: 100%; }

.flex-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }
  @media screen and (max-width: 820px) {
    .flex-1 {
      -ms-flex-preferred-size: auto;
          flex-basis: auto; } }

.filter-input {
  height: 25px;
  width: 100%; }

.filter-input:focus {
  outline: none; }

.input-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff; }

.input-search-filter {
  width: 90%; }

.input-search-icon {
  -ms-flex-item-align: center;
      align-self: center; }

.filter-text > .ant-form-item-label {
  text-align: left; }

.ant-input:not(.input-textArea) {
  border-radius: 5px !important;
  border: 1px #ddd solid !important; }

.ant-input:focus {
  outline: none !important; }

.ant-calendar-picker {
  width: 100% !important; }

.ant-time-picker {
  width: 100% !important; }

.ant-select {
  border-radius: 5px !important;
  height: 25px !important;
  border: 1px #ddd solid !important;
  width: 100% !important;
  min-width: 170px !important; }

.ant-select.ant-fullcalendar-year-select.ant-select-sm {
  width: 70px !important;
  min-width: 70px !important; }

.ant-select.ant-fullcalendar-month-select.ant-select-sm {
  min-width: 70px !important;
  width: 70px !important; }

.booking-calendar .ant-fullcalendar-header {
  padding: 11px 0px 11px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px; }
  .booking-calendar .ant-fullcalendar-header .ant-select.ant-fullcalendar-month-select {
    margin-left: 0px; }
  .booking-calendar .ant-fullcalendar-header .ant-radio-group {
    margin-left: 0px; }

.ant-select-ant-select-selection {
  border-radius: 0px !important;
  border: none !important;
  width: 100% !important;
  margin: 0px !important;
  height: 35px !important;
  min-width: 170px !important; }

.ant-select-selection--single:focus {
  outline: none !important; }

.ant-btn-group {
  position: relative !important;
  width: 100% !important; }

.ant-btn-group:hover .ant-dropdown-trigger {
  display: inline-block !important; }

.ant-btn-group, .ant-btn-default {
  border: none !important;
  padding: 0px !important;
  font-weight: 600 !important;
  font-size: 14px !important; }

.ant-dropdown-trigger {
  display: none !important;
  position: absolute !important;
  right: 0 !important; }

.ant-dropdown-menu-submenu-vertical .ant-dropdown-menu-submenu {
  padding: 0px !important; }

.ant-menu-item-group .ant-menu-item-group-title {
  padding: 0px !important; }

.ant-menu-submenu-vertical .ant-menu-submenu-title {
  padding: 0px !important;
  margin: 0px !important;
  line-height: 30px !important; }

.ant-menu-vertical .ant-menu-item:after {
  content: inherit !important; }

.ant-btn-default {
  background: transparent !important; }

table.scroll {
  border-collapse: collapse; }
  table.scroll thead {
    padding: 0px; }
    table.scroll thead td {
      background: #f2f2f2;
      border: 1px #ccc solid;
      overflow: hidden; }
      table.scroll thead td input, table.scroll thead td .ant-select {
        border: 0px !important; }
  table.scroll tbody {
    overflow-y: scroll;
    max-height: 200px; }
    table.scroll tbody tr {
      border: 1px #ccc solid; }

.table-wrapper {
  position: relative;
  height: 55vh;
  overflow: scroll; }

.table-content-wrapper {
  position: relative;
  height: 20vh;
  overflow: scroll; }

.header-fixed {
  width: 77%;
  right: 0;
  left: 23%;
  top: 170px;
  background: #f2f2f2;
  position: fixed;
  -webkit-transform: translate(0%, 0px) !important;
          transform: translate(0%, 0px) !important; }

.body-fixed {
  width: 77%;
  right: 0;
  left: 23%;
  top: 170px; }

.ant-table-thead > tr > th {
  padding: 0px !important; }
  .ant-table-thead > tr > th .clear-table .anticon-filter {
    margin-left: 0 !important;
    font-size: 15px;
    position: relative;
    width: 20px;
    height: 20px; }

.ant-dropdown-trigger {
  display: block !important;
  position: relative !important;
  color: #000; }

.antd-table-for-search-member-page .ant-table-tbody > tr {
  background-color: #ffffff !important; }

.antd-table-for-search-member-page .ant-table-tbody > tr > td {
  border: unset; }

.antd-table-for-search-member-page .ant-table-thead > tr {
  background-color: #F4F4F5 !important; }

.antd-table-for-search-member-page .ant-table-thead > tr > th {
  border: unset; }

.search-member-content-select-show-user.ant-select.ant-select-enabled {
  width: 10% !important;
  height: 40px !important; }

ul.ant-pagination.ant-table-pagination.antd-pagination-table-for-search-member-page {
  float: right !important;
  background-color: #F4F4F5;
  border-radius: 10px;
  padding: 5px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); }
  ul.ant-pagination.ant-table-pagination.antd-pagination-table-for-search-member-page li {
    border: unset;
    background: unset;
    border-radius: 10px; }

.search-member-content-column {
  height: 40px; }

input.ant-input.antd-search-user-for-search-member-page {
  border: 2px solid #ededed !important;
  border-radius: 10px !important;
  height: 40px !important; }

.ant-input.antd-search-user-for-search-member-page:hover {
  border-color: #a5a5a5 !important; }

.ant-input.antd-search-user-for-search-member-page:focus,
.ant-input.antd-search-user-for-search-member-page:active {
  border-color: inherit;
  background: #007B4B; }

.ant-table-tbody tr:nth-child(odd) {
  background-color: #eeeff7; }

.ant-table-tbody tr:nth-child(even) {
  background-color: #ffffff; }

.ant-table-tbody td {
  position: relative;
  height: 30px;
  padding: 5px 8px !important; }
  .ant-table-tbody td div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    width: 100%;
    height: 30px;
    top: 0;
    left: 0;
    line-height: 30px;
    padding: 0 5px; }

.ant-table-tbody td.clear-table__colum {
  background-color: var(--bg-admin-background);
  border-bottom: none; }

.subcontent-table .ant-table-tbody tr td:last-of-type {
  background: none !important;
  border-bottom: 1px solid #e9e9e9; }

.subcontent-table .ant-table-tbody tr:hover > td {
  background: #ecf6fd !important; }

th {
  white-space: nowrap;
  overflow: hidden; }

.column-title.with-tool-tip {
  padding-right: 24px; }

.column-title {
  position: relative;
  border: 0.5px #ccc solid;
  white-space: normal;
  height: 32px;
  line-height: 16px;
  padding: 1px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .column-title .column-icon {
    display: none;
    cursor: pointer;
    position: absolute;
    right: -1px;
    top: -1px;
    bottom: 0px; }
  .column-title .icon {
    color: #EFEFF7;
    width: 20px;
    padding: 10px 7px;
    font-size: 8px;
    background: #85B3E4; }

.active {
  display: block !important; }

.column-title:hover .column-icon {
  display: block; }

.ant-pagination {
  margin-top: 10px !important;
  margin: 16px !important; }
  .ant-pagination li {
    vertical-align: middle; }
  .ant-pagination.pagination {
    position: absolute;
    right: 0;
    bottom: 0px; }

.ant-table-header {
  background: none;
  background-color: none; }
  .ant-table-header thead > tr {
    height: 0 !important; }

.font-normal {
  font-style: normal !important;
  vertical-align: top;
  display: inline-block;
  max-width: 55%; }

.ant-table-placeholder {
  height: calc(30vh - 90px); }

.shelf-life-header {
  padding: 25px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #9c9c9c;
  border-top: 1px solid #9c9c9c; }
  .shelf-life-header .shelf-life-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 20px; }
    .shelf-life-header .shelf-life-container .Select {
      margin: 0 10px; }

.select-item {
  background: #d2d2d2; }

.last .ant-menu-submenu-vertical .ant-menu {
  left: -100% !important; }

.cssload-piano {
  margin: auto;
  margin-top: 150px;
  width: 39px;
  height: 10px;
  font-size: 10px; }

.cssload-piano > div {
  height: 100%;
  width: 100%;
  display: block;
  margin-bottom: 0.6em;
  animation: stretchdelay 1.38s infinite ease-in-out;
  -o-animation: stretchdelay 1.38s infinite ease-in-out;
  -ms-animation: stretchdelay 1.38s infinite ease-in-out;
  -webkit-animation: stretchdelay 1.38s infinite ease-in-out;
  -moz-animation: stretchdelay 1.38s infinite ease-in-out; }

.cssload-piano .cssload-rect2 {
  animation-delay: -1.15s;
  -o-animation-delay: -1.15s;
  -ms-animation-delay: -1.15s;
  -webkit-animation-delay: -1.15s;
  -moz-animation-delay: -1.15s; }

.cssload-piano .cssload-rect3 {
  animation-delay: -0.92s;
  -o-animation-delay: -0.92s;
  -ms-animation-delay: -0.92s;
  -webkit-animation-delay: -0.92s;
  -moz-animation-delay: -0.92s; }

@keyframes stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8);
    background-color: #108fe9;
    -webkit-box-shadow: 0 0 0 rgba(10, 10, 10, 0.1);
            box-shadow: 0 0 0 rgba(10, 10, 10, 0.1); }
  20% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    background-color: #00b192;
    -webkit-box-shadow: 0 5px 6px rgba(10, 10, 10, 0.4);
            box-shadow: 0 5px 6px rgba(10, 10, 10, 0.4); } }

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleX(0.8);
    background-color: #108fe9;
    -webkit-box-shadow: 0 0 0 rgba(10, 10, 10, 0.1);
            box-shadow: 0 0 0 rgba(10, 10, 10, 0.1); }
  20% {
    -webkit-transform: scaleX(1);
    background-color: #00b192;
    -webkit-box-shadow: 0 5px 6px rgba(10, 10, 10, 0.4);
            box-shadow: 0 5px 6px rgba(10, 10, 10, 0.4); } }

.search-adjust-input .ant-select-selection {
  height: 100%; }
  .search-adjust-input .ant-select-selection .ant-select-selection__rendered {
    height: 100%; }
    .search-adjust-input .ant-select-selection .ant-select-selection__rendered .ant-select-selection-selected-value {
      padding: 4px 0; }

.dashboard-header {
  text-align: right;
  border-bottom: 1px solid #cdcdcd; }
  .dashboard-header strong {
    margin-right: 10px; }
  .dashboard-header .input-box {
    display: inline-block;
    max-width: initial;
    width: initial; }
    .dashboard-header .input-box select,
    .dashboard-header .input-box input {
      min-width: 55px; }

.dashboard-header2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #cdcdcd;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .dashboard-header2 strong {
    margin-right: 10px; }
  .dashboard-header2 .input-box {
    display: inline-block;
    max-width: initial;
    width: initial; }
    .dashboard-header2 .input-box select,
    .dashboard-header2 .input-box input {
      min-width: 55px; }

.dashboard-title {
  color: #939393;
  text-align: center;
  background: white;
  padding: 10px 0; }

.dashboard-content {
  padding: 0 20px 25px;
  height: calc(100vh - 200px);
  width: 100%;
  overflow: auto;
  background: white; }

.dashboard .recharts-wrapper {
  margin: 0 auto; }
  .dashboard .recharts-wrapper ul li {
    border-top: none;
    margin-left: 10px; }

.dashboard .ant-table-tbody tr td:last-of-type {
  background: none !important;
  border-bottom: 1px solid #e9e9e9; }

.dashboard .ant-table-tbody tr:hover > td {
  background: #ecf6fd !important; }

.dashboard .recharts-surface,
.dashboard svg:not(:root) {
  overflow: visible !important; }
  .dashboard .recharts-surface tspan,
  .dashboard svg:not(:root) tspan {
    font-size: 11px; }

.dashboard .no-data {
  text-align: center;
  padding: 5em;
  color: rgba(147, 147, 147, 0.77); }

.progress-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px; }

.main-page-content {
  margin-top: 60px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  grid-template-columns: calc(75% - 15px) calc(25% - 15px);
  display: grid;
  grid-gap: 30px; }

.left-page-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 800px; }
  .left-page-content .left-page-header {
    font-size: 24px !important;
    color: #4497cd; }
  .left-page-content .sub-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-bottom: 20px;
    border-bottom: 3px solid #e0e0e0;
    margin-bottom: 20px; }
    .left-page-content .sub-header .sub-header-text {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .left-page-content .sub-header .sub-header-text .sub-header-text-title {
        font-size: 26px; }
      .left-page-content .sub-header .sub-header-text .sub-header-text-des {
        font-size: 12px; }
      .left-page-content .sub-header .sub-header-text p {
        margin: 0; }
  .left-page-content .left-bottom {
    margin-top: 10px; }
    .left-page-content .left-bottom .left-bottom-text {
      font-size: 14px; }
  .left-page-content .version-header-text {
    font-size: 22px !important;
    color: #4497cd;
    margin-bottom: 0; }
  .left-page-content .version-des-text {
    font-size: 15px !important; }
  .left-page-content .ant-collapse {
    background: transparent;
    border: 0; }
    .left-page-content .ant-collapse .ant-collapse-item {
      border: 0px;
      margin-bottom: 10px;
      background-color: #fff; }
      .left-page-content .ant-collapse .ant-collapse-item .ant-collapse-header {
        border-radius: 4px !important;
        padding: 9px 34px; }
        .left-page-content .ant-collapse .ant-collapse-item .ant-collapse-header i {
          color: rgba(0, 0, 0, 0.85); }
      .left-page-content .ant-collapse .ant-collapse-item .ant-collapse-header:hover {
        background-color: #1cb0e6;
        color: #fff; }
        .left-page-content .ant-collapse .ant-collapse-item .ant-collapse-header:hover i {
          color: #fff; }
      .left-page-content .ant-collapse .ant-collapse-item .ant-collapse-content {
        border: 1px solid #d9d9d9;
        border-top: 0;
        border-radius: 0 0 4px 4px; }
        .left-page-content .ant-collapse .ant-collapse-item .ant-collapse-content p {
          margin: 0; }
        .left-page-content .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
          padding: 16px 32px; }
    .left-page-content .ant-collapse .ant-collapse-item-active .ant-collapse-header {
      background-color: #1cb0e6;
      color: #fff;
      border: 0;
      border-radius: 4px !important;
      padding: 9px 34px; }
      .left-page-content .ant-collapse .ant-collapse-item-active .ant-collapse-header i {
        color: #fff; }
    .left-page-content .ant-collapse .ant-collapse-item-active .ant-collapse-header:hover {
      background-color: #1cb0e6;
      color: #fff; }
      .left-page-content .ant-collapse .ant-collapse-item-active .ant-collapse-header:hover i {
        color: #fff; }

.right-page-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }
  .right-page-content .info-box {
    text-align: left;
    background-color: #fff;
    border-radius: 4px; }
    .right-page-content .info-box p {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      width: 100%;
      padding: 5px 15px;
      margin-bottom: 0; }
      .right-page-content .info-box p span:nth-child(2) {
        color: #1db0e6;
        text-align: right; }
    .right-page-content .info-box p:nth-child(even) {
      background: #f6fcfe; }

.right-page-content > div {
  padding: 0px !important;
  margin-top: 0 !important; }

@media (max-width: 1023px) {
  .main-page-content {
    grid-template-columns: 1fr; }
    .main-page-content .left-page-content {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
    .main-page-content .right-page-content {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
    .main-page-content .right-page-content > div {
      padding: 0px;
      margin-top: 0px; } }

.table-daily-sales-summary > div > div > div > div > div > table > tbody > tr:last-child,
.table-daily-sales-summary > div > div > div > div > div > table > tbody > tr:last-child:hover > td {
  background-color: #bfbfbf !important; }

.main-content-index-wrapper {
  padding: 25px 5%;
  height: 100vh;
  overflow-y: scroll; }

.main-content-recommended-function-wrapper {
  margin: 0 auto;
  max-width: 1320px;
  width: 100%;
  margin-bottom: 40px; }

.add-on-page-wrapper .function-recommend-wrapper {
  background-color: white;
  padding: 24px 24px 8px 24px;
  border-radius: 16px; }
  .add-on-page-wrapper .function-recommend-wrapper .d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .add-on-page-wrapper .function-recommend-wrapper .heading-wrapper {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .add-on-page-wrapper .function-recommend-wrapper .heading-wrapper .heading-add-on {
      font-family: "Kanit", sans-serif;
      font-weight: 500;
      font-size: 18pt;
      line-height: 36px;
      color: #4791D2; }
    .add-on-page-wrapper .function-recommend-wrapper .heading-wrapper .pointer {
      cursor: pointer; }
    .add-on-page-wrapper .function-recommend-wrapper .heading-wrapper .view-all-button {
      font-family: "Kanit", sans-serif;
      font-weight: 500;
      font-size: 12pt;
      color: #4791D2; }
  .add-on-page-wrapper .function-recommend-wrapper .slide-wrapper {
    margin-top: 12px;
    -webkit-user-select: none;
    /* Safari */
    -ms-user-select: none;
    /* IE 10 and IE 11 */
    -moz-user-select: none;
         user-select: none;
    /* Standard syntax */ }
    .add-on-page-wrapper .function-recommend-wrapper .slide-wrapper .react-multiple-carousel__arrow {
      height: 100%;
      border-radius: 0px;
      background-color: rgba(255, 255, 255, 0.6); }
    .add-on-page-wrapper .function-recommend-wrapper .slide-wrapper .react-multiple-carousel__arrow--left {
      left: 0px !important; }
    .add-on-page-wrapper .function-recommend-wrapper .slide-wrapper .react-multiple-carousel__arrow--right {
      right: 0px !important; }
    .add-on-page-wrapper .function-recommend-wrapper .slide-wrapper .react-multiple-carousel__arrow::before {
      font-size: 30px;
      font-weight: 800;
      color: #1c7ed5 !important;
      top: -34px !important; }
    .add-on-page-wrapper .function-recommend-wrapper .slide-wrapper .slide .card {
      padding: 0 0px;
      position: relative; }
      .add-on-page-wrapper .function-recommend-wrapper .slide-wrapper .slide .card .image {
        -o-object-fit: cover;
           object-fit: cover;
        border-radius: 4px; }
      .add-on-page-wrapper .function-recommend-wrapper .slide-wrapper .slide .card .description-wrap {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        background-color: white;
        min-height: 68px;
        padding: 12px 8px; }
        .add-on-page-wrapper .function-recommend-wrapper .slide-wrapper .slide .card .description-wrap .description {
          font-size: 11pt;
          font-family: "Kanit", sans-serif;
          font-weight: 400;
          background-color: white;
          color: #454545;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          text-overflow: ellipsis;
          overflow: hidden; }

.mySwiper {
  overflow: hidden; }
  .mySwiper .swiper-wrapper {
    display: -webkit-box; }

.assistant-service-wrapper {
  background-color: white;
  padding: 24px;
  border-radius: 16px;
  position: relative; }
  .assistant-service-wrapper .ribbon {
    position: absolute;
    right: var(--right, 48px);
    top: var(--top, -1px);
    z-index: 1; }
    .assistant-service-wrapper .ribbon .content {
      background: #E3EFF7;
      color: white;
      text-align: center;
      font-weight: 400;
      font-size: 14px;
      padding: 10px 10px 24px 10px;
      width: var(--width, 150px);
      min-height: var(--height, 90px);
      -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 12px), 50% 100%, 0 calc(100% - 12px));
              clip-path: polygon(0 0, 100% 0, 100% calc(100% - 12px), 50% 100%, 0 calc(100% - 12px)); }
      .assistant-service-wrapper .ribbon .content .contract-title {
        font-family: "Kanit", sans-serif;
        font-size: 12pt;
        font-weight: 400;
        /* Regular weight */
        color: #454545; }
      .assistant-service-wrapper .ribbon .content .contract-label {
        font-family: 'Kanit', sans-serif;
        font-weight: 300;
        /* Light weight */
        font-size: 12pt;
        color: #454545; }
      .assistant-service-wrapper .ribbon .content .icon-image {
        margin-right: 4px; }
  .assistant-service-wrapper .header-wrapper .title {
    font-family: "Kanit", sans-serif;
    font-weight: 500;
    font-size: 21pt;
    line-height: 36px;
    color: #4791D2; }
  .assistant-service-wrapper .header-wrapper .description {
    font-family: "Kanit", sans-serif;
    font-size: 14pt;
    color: #454545; }
  .assistant-service-wrapper .radio-wrapper {
    margin-top: 40px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .assistant-service-wrapper .radio-wrapper .radio-button {
      white-space: nowrap;
      font-family: "Kanit", sans-serif;
      font-size: 12pt;
      font-weight: 400;
      /* Regular weight */
      padding: 8px 8px;
      border-radius: 20px;
      margin: 12px 12px 0px 0;
      color: #888888;
      border: 1.4px solid #888888; }
    .assistant-service-wrapper .radio-wrapper .radio-button:hover {
      color: #4691D1;
      background-color: #EFF8FF;
      border-color: #4691D1; }
    .assistant-service-wrapper .radio-wrapper .pointer {
      cursor: pointer; }

.ribbon {
  position: absolute;
  right: var(--right, 12px);
  top: var(--top, 0);
  z-index: 1; }
  .ribbon .premium {
    background-image: -webkit-gradient(linear, left top, right top, from(#FCB531), to(#FDD35B));
    background-image: linear-gradient(to right, #FCB531, #FDD35B); }
  .ribbon .add-on {
    background-image: -webkit-gradient(linear, left top, right top, from(#FB793F), to(#FCA95A));
    background-image: linear-gradient(to right, #FB793F, #FCA95A); }
  .ribbon .content {
    color: white;
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    padding: 1px 4px;
    line-height: 24px;
    text-align: center;
    width: var(--width, 80px);
    min-height: var(--height, 24px);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8px), 50% 100%, 0 calc(100% - 8px));
            clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8px), 50% 100%, 0 calc(100% - 8px));
    word-wrap: break-word !important; }
  .ribbon .margin-r-p20 {
    top: calc(var(--top, var($default-top)) + 20px); }
  .ribbon .ribbon-big {
    width: var(--width, 140px) !important;
    min-height: var(--height, 36px) !important;
    line-height: 32px;
    font-size: 16px !important; }
  .ribbon .ribbon-content-big {
    padding: 5px 4px; }

.all-recommended-page {
  padding: 30px;
  width: 100%; }
  .all-recommended-page .navigation-wrapper {
    display: grid;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    grid-template-columns: calc(25% - 15px) calc(75% - 15px);
    grid-gap: 30px;
    margin-bottom: 10px; }
    .all-recommended-page .navigation-wrapper .navigation {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .all-recommended-page .navigation-wrapper .navigation .link {
        font-family: "Kanit", sans-serif;
        font-weight: 500;
        font-size: 12pt;
        font-weight: 400;
        /* Regular weight */
        color: #454545; }
      .all-recommended-page .navigation-wrapper .navigation .active {
        color: #4691D1; }
  .all-recommended-page .content-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    grid-template-columns: calc(25% - 15px) calc(75% - 15px);
    grid-gap: 30px;
    display: grid; }
    .all-recommended-page .content-wrapper .category-wrapper {
      padding: 16px;
      background-color: white;
      border: 2px solid #DFEAFD;
      border-radius: 12px;
      position: -webkit-sticky;
      position: sticky;
      top: 64px; }
      .all-recommended-page .content-wrapper .category-wrapper .type .title {
        font-family: "Kanit", sans-serif;
        color: #4691D1;
        font-size: 16pt;
        font-weight: 500;
        margin: 8px 0; }
      .all-recommended-page .content-wrapper .category-wrapper .type .function {
        font-family: "Kanit", sans-serif;
        font-size: 13pt;
        margin: 8px 0;
        color: #5D6062;
        cursor: pointer; }
      .all-recommended-page .content-wrapper .category-wrapper .type .active {
        color: #4691D1; }
      .all-recommended-page .content-wrapper .category-wrapper .category .title {
        font-family: "Kanit", sans-serif;
        color: #4691D1;
        font-size: 16pt;
        font-weight: 500;
        margin: 8px 0; }
      .all-recommended-page .content-wrapper .category-wrapper .category .label-wrap {
        margin: 8px 0; }
        .all-recommended-page .content-wrapper .category-wrapper .category .label-wrap .label {
          font-family: "Kanit", sans-serif;
          font-weight: 400;
          font-size: 13pt;
          color: #5D6062;
          padding: 0; }
    .all-recommended-page .content-wrapper .recommended-function-wrapper .heading-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      gap: 45px; }
      .all-recommended-page .content-wrapper .recommended-function-wrapper .heading-wrapper .title-wrapper .title {
        font-family: "Kanit", sans-serif;
        font-weight: 500;
        font-size: 18pt;
        color: #4691D1;
        line-height: 30pt; }
      .all-recommended-page .content-wrapper .recommended-function-wrapper .heading-wrapper .title-wrapper .description {
        font-family: "Kanit", sans-serif;
        font-weight: 400;
        font-size: 16px;
        color: #454545;
        line-height: 25px; }
      .all-recommended-page .content-wrapper .recommended-function-wrapper .heading-wrapper .contract-more {
        font-family: "Kanit", sans-serif;
        font-weight: 500;
        text-align: center;
        font-size: 13pt;
        color: #5D6062; }
        .all-recommended-page .content-wrapper .recommended-function-wrapper .heading-wrapper .contract-more .add-line-wrapper .tel {
          text-align: center;
          font-family: "Kanit", sans-serif;
          font-weight: 500;
          font-size: 16px;
          color: #454545;
          line-height: 30px; }
    .all-recommended-page .content-wrapper .recommended-function-wrapper .card-row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .all-recommended-page .content-wrapper .recommended-function-wrapper .card-row .card-wrapper {
        margin: 12px 0px;
        position: relative; }
      .all-recommended-page .content-wrapper .recommended-function-wrapper .card-row .card-image {
        -o-object-fit: cover;
           object-fit: cover;
        width: 255px;
        height: 150px; }
      .all-recommended-page .content-wrapper .recommended-function-wrapper .card-row .description-wrap {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        background-color: white;
        min-height: 83px;
        padding: 16px 12px; }
        .all-recommended-page .content-wrapper .recommended-function-wrapper .card-row .description-wrap .description {
          font-size: 13pt;
          font-family: "Kanit", sans-serif;
          font-weight: 400;
          background-color: white;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          text-overflow: ellipsis;
          overflow: hidden; }

.information-content-page {
  padding: 30px;
  width: 100%; }
  .information-content-page .navigation-wrapper {
    display: grid;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    grid-template-columns: calc(25% - 15px) calc(75% - 15px);
    grid-gap: 30px;
    margin-bottom: 10px; }
    .information-content-page .navigation-wrapper .navigation {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .information-content-page .navigation-wrapper .navigation .link {
        font-family: "Kanit", sans-serif;
        font-size: 12pt;
        font-weight: 400;
        color: #454545; }
      .information-content-page .navigation-wrapper .navigation .active {
        color: #4691D1;
        overflow: hidden;
        text-overflow: ellipsis; }
  .information-content-page .content-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    grid-template-columns: calc(25% - 15px) calc(75% - 15px);
    grid-gap: 30px;
    display: grid; }
    .information-content-page .content-wrapper .category-wrapper {
      padding: 16px;
      background-color: white;
      border: 2px solid #DFEAFD;
      border-radius: 12px;
      position: -webkit-sticky;
      position: sticky;
      top: 64px; }
      .information-content-page .content-wrapper .category-wrapper .type .title {
        font-family: "Kanit", sans-serif;
        color: #4691D1;
        font-size: 16pt;
        font-weight: 500;
        margin: 8px 0; }
      .information-content-page .content-wrapper .category-wrapper .type .function {
        font-family: "Kanit", sans-serif;
        font-size: 13pt;
        margin: 8px 0;
        color: #5D6062;
        cursor: pointer; }
      .information-content-page .content-wrapper .category-wrapper .type .active {
        color: #4691D1; }
      .information-content-page .content-wrapper .category-wrapper .category .title {
        font-family: "Kanit", sans-serif;
        color: #4691D1;
        font-size: 16pt;
        font-weight: 500;
        margin: 8px 0; }
      .information-content-page .content-wrapper .category-wrapper .category .label-wrap {
        margin: 8px 0; }
        .information-content-page .content-wrapper .category-wrapper .category .label-wrap .label {
          font-family: "Kanit", sans-serif;
          font-weight: 400;
          font-size: 13pt;
          color: #5D6062;
          padding: 0; }
    .information-content-page .content-wrapper .recommended-function-wrapper .heading-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .information-content-page .content-wrapper .recommended-function-wrapper .heading-wrapper .ribbon-wrapper {
        position: relative; }
      .information-content-page .content-wrapper .recommended-function-wrapper .heading-wrapper .title-wrapper .title {
        font-family: "Kanit", sans-serif;
        font-weight: 500;
        font-size: 16pt;
        color: #4691D1;
        overflow: hidden;
        text-overflow: ellipsis; }
      .information-content-page .content-wrapper .recommended-function-wrapper .heading-wrapper .title-wrapper .description {
        font-family: "Kanit", sans-serif;
        font-weight: 400;
        font-size: 18pt;
        color: #454545;
        line-height: 25px;
        margin-top: 10px; }
    .information-content-page .content-wrapper .recommended-function-wrapper .paid-annually-function-wrapper {
      border-radius: 22px;
      background-color: #2C8EF7;
      padding: 16px 26px 16px 26px;
      margin-top: 26px; }
      .information-content-page .content-wrapper .recommended-function-wrapper .paid-annually-function-wrapper .content-paid-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        grid-template-columns: 30% 68%;
        grid-gap: 30px;
        display: grid; }
        .information-content-page .content-wrapper .recommended-function-wrapper .paid-annually-function-wrapper .content-paid-wrapper .title-box {
          padding-left: 16px; }
          .information-content-page .content-wrapper .recommended-function-wrapper .paid-annually-function-wrapper .content-paid-wrapper .title-box .title {
            color: white;
            font-size: 22px;
            font-family: "Kanit", sans-serif;
            font-weight: 500;
            margin-top: 12px; }
          .information-content-page .content-wrapper .recommended-function-wrapper .paid-annually-function-wrapper .content-paid-wrapper .title-box .description {
            color: white;
            font-family: "Kanit", sans-serif;
            font-size: 18px;
            font-weight: 400;
            margin-top: 4px; }
        .information-content-page .content-wrapper .recommended-function-wrapper .paid-annually-function-wrapper .content-paid-wrapper .white-box {
          background-color: white;
          width: 100%;
          height: 100%;
          border-radius: 16px;
          padding: 16px 24px; }
          .information-content-page .content-wrapper .recommended-function-wrapper .paid-annually-function-wrapper .content-paid-wrapper .white-box .price-wrapper {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            grid-template-columns: 50% 50%;
            display: grid; }
            .information-content-page .content-wrapper .recommended-function-wrapper .paid-annually-function-wrapper .content-paid-wrapper .white-box .price-wrapper .price-box {
              font-family: "Kanit", sans-serif;
              font-weight: 500;
              border-right: solid 1px #DFEAFD; }
              .information-content-page .content-wrapper .recommended-function-wrapper .paid-annually-function-wrapper .content-paid-wrapper .white-box .price-wrapper .price-box .price-title {
                font-size: 16px;
                line-height: 30px; }
              .information-content-page .content-wrapper .recommended-function-wrapper .paid-annually-function-wrapper .content-paid-wrapper .white-box .price-wrapper .price-box .price {
                font-size: 20px;
                line-height: 30px; }
              .information-content-page .content-wrapper .recommended-function-wrapper .paid-annually-function-wrapper .content-paid-wrapper .white-box .price-wrapper .price-box .price-next-title {
                margin-top: 8px;
                font-size: 16px;
                line-height: 30px; }
              .information-content-page .content-wrapper .recommended-function-wrapper .paid-annually-function-wrapper .content-paid-wrapper .white-box .price-wrapper .price-box .price-next {
                font-size: 18px;
                line-height: 30px; }
            .information-content-page .content-wrapper .recommended-function-wrapper .paid-annually-function-wrapper .content-paid-wrapper .white-box .price-wrapper .contact-more-wrapper {
              justify-self: center; }
              .information-content-page .content-wrapper .recommended-function-wrapper .paid-annually-function-wrapper .content-paid-wrapper .white-box .price-wrapper .contact-more-wrapper .tel {
                text-align: center;
                font-family: "Kanit", sans-serif;
                font-weight: 500;
                font-size: 16px;
                color: #454545;
                text-align: center; }
    .information-content-page .content-wrapper .recommended-function-wrapper .text-editor {
      padding: 0px 0px;
      margin-top: 30px;
      font-size: 16px;
      font-family: "Kanit", sans-serif; }
      .information-content-page .content-wrapper .recommended-function-wrapper .text-editor img {
        max-width: 100%; }

.non-absolute {
  position: absolute;
  right: 0;
  top: -6px; }

@media (max-width: 1023px) {
  .all-recommended-page .navigation-wrapper {
    grid-template-columns: 1fr; }
  .all-recommended-page .content-wrapper {
    grid-template-columns: 1fr; }
  .information-content-page .navigation-wrapper {
    grid-template-columns: 1fr; }
  .information-content-page .content-wrapper {
    grid-template-columns: 1fr; }
  .responsive-wrapper {
    grid-template-columns: 1fr; }
  .information-content-page .content-wrapper .recommended-function-wrapper .paid-annually-function-wrapper .content-paid-wrapper .white-box .price-wrapper {
    grid-template-columns: 1fr; }
  .information-content-page .content-wrapper .recommended-function-wrapper .paid-annually-function-wrapper .content-paid-wrapper {
    grid-template-columns: 1fr; }
  .information-content-page .content-wrapper .recommended-function-wrapper .paid-annually-function-wrapper .content-paid-wrapper .white-box .price-wrapper .price-box {
    border-right: 0px; }
  .all-recommended-page .content-wrapper .recommended-function-wrapper .heading-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .information-content-page .content-wrapper .recommended-function-wrapper .heading-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }

.pointer {
  cursor: pointer; }

* {
  font-family: sans-serif; }

.container-data-exploration {
  text-align: center;
  overflow: auto;
  max-height: calc(100vh - 78px); }
  .container-data-exploration .ant-row {
    margin-left: auto !important;
    margin-right: auto !important; }

.ContentHeaderBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 20px 0px 20px;
  font-size: 20px;
  font-weight: 800; }

.content-total {
  text-align: left;
  padding-left: 20px; }
  .content-total .header-1 {
    font-size: 40px;
    font-weight: 600;
    padding-top: 20px;
    margin: 0; }
  .content-total .header-2 {
    font-size: 20px;
    font-weight: 400;
    padding-top: 10px; }

.total-data {
  padding-Top: 10;
  text-align: left; }
  .total-data .styleContentBox {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .total-data .styleContentBox h2 {
      font-size: 20px;
      font-weight: 800;
      margin: 0; }
    .total-data .styleContentBox p {
      font-size: 40px;
      font-weight: 700;
      margin: 0; }

.login-external-group {
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 5.5em; }
  .login-external-group p {
    margin: 0;
    color: #3a3a3c;
    font-size: 12px; }

.input-group {
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 5.5em; }
  .input-group select {
    padding: 5px;
    color: #3a3a3c;
    border-radius: 3px;
    border: 1px solid #b0b4b7;
    font-size: 13px;
    margin: 5px 0;
    height: 30px; }
  .input-group input {
    padding: 5px;
    margin: 10px 0;
    color: #3a3a3c;
    border-radius: 3px;
    border: 1px solid #b0b4b7;
    font-size: 13px;
    margin: 5px 0; }
  .input-group input:-webkit-autofill {
    color: #b0b4b7;
    background-color: #fff; }
  .input-group button {
    padding: 10px;
    background-color: #0265d5;
    color: #fff;
    border-radius: 5px;
    margin: 20px 0;
    border-style: none;
    font-size: 13px; }
  .input-group p {
    margin: 25px 0 15px;
    color: #3a3a3c;
    font-size: 12px; }

footer {
  bottom: 0;
  width: 100%; }
  footer p {
    width: 50%;
    margin: 0 auto;
    text-align: center;
    opacity: 0.87;
    color: #3a3a3c; }

.icon {
  height: 30px;
  width: 30px; }

.container {
  padding-top: 3.6em;
  margin: auto;
  max-width: 600px; }
  .container .logo {
    width: 100%;
    padding: 0 5.5em;
    display: table-cell; }
  .container img {
    margin: 0 auto;
    display: block;
    width: 100%; }
  .container h1 {
    text-align: center;
    margin: 35px 0;
    font-weight: 200;
    color: #3a3a3c; }

.login-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  margin: 3.6em 0 0.8em;
  color: #3a3a3c;
  letter-spacing: 1px; }

.google-login-button {
  width: 100%;
  height: 45px;
  font-size: 14px;
  border-radius: 8px !important;
  margin-top: 0px;
  margin-bottom: 10px; }
  .google-login-button span {
    margin-left: auto;
    margin-right: auto; }

.login-button {
  width: 100%;
  height: 45px; }

.login-button.btn-facebook {
  background-color: #1877F2;
  padding: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0px 0px 10px; }

.login-button.btn-google {
  background-color: #fff;
  color: #000000;
  border: 1px solid #c0c0c0;
  padding: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 0; }

.table-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .table-form input,
  .table-form select {
    width: 100%; }
  .table-form input[type=radio],
  .table-form input[type=checkbox] {
    width: initial; }
  .table-form .table-tr {
    display: table-row; }
    .table-form .table-tr .table-td {
      display: inline-block;
      padding-bottom: 10px;
      padding-right: 10px; }
      .table-form .table-tr .table-td.label {
        width: 100px; }
      .table-form .table-tr .table-td .input-lg {
        min-height: 200px; }
      .table-form .table-tr .table-td.width-full {
        width: 100%; }

.ant-select-selection--multiple {
  min-width: 160px; }

.max-width-250 {
  max-width: 250px; }

.public-DraftEditor-content {
  min-height: 35vh; }

.quill {
  background: white; }
  .quill .ql-toolbar {
    background: #fbfbfb; }

.ant-tabs-content {
  min-height: 450px; }

.card-container > .ant-tabs-card > .ant-tabs-content {
  height: 120px;
  margin-top: -16px; }

.card-container > .ant-tabs-card > .ant-tabs-content > .ant-tabs-tabpane {
  background: #fff;
  padding: 16px; }

.card-container > .ant-tabs-card > .ant-tabs-bar {
  border-color: #fff; }

.card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
  border-color: transparent;
  background: transparent; }

.card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active {
  border-color: #fff;
  background: #fff; }

#content > div > div > div > div.PaymentReport > div:nth-child(7) > div > div > div > div > div {
  line-height: 32px !important; }

#content > div > div > div > div.PaymentReport > div:nth-child(8) > div > div > span > div > input {
  padding: 15px !important; }

#content > div.ant-row > div.ant-col.ant-col-sm-20.ant-col-sm-offset-2.ant-col-lg-12 > div > div > div.ant-row.paymentreport-input-time > div.ant-col.ant-col-20 > div > span > input {
  border-radius: 0px;
  height: 32px; }

.cart.ordertable.contentTable > div > div > div > div > div > div > div > div > div > div > div > table > tbody > tr > td:nth-child(2) > div > div > div > div > div > option {
  line-height: 30px !important; }

.slick-prev,
.slick-next {
  display: none !important; }

.customer-container {
  padding-top: 60em;
  margin: auto;
  max-width: 100%; }

.ant-empty-image {
  background: transparent !important;
  color: #444;
  border-radius: 0px !important;
  webkit-box-shadow: 0px !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }

.ant-empty-image:hover {
  background: transparent !important;
  color: #444;
  border-radius: 0px !important;
  webkit-box-shadow: 0px !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }

header > div > div:nth-child(3) > div.bm-menu-wrap > div.bm-menu > nav > div:focus {
  outline: none; }

#app > div > div > section {
  min-height: calc(100vh - 340px); }

@font-face {
  font-family: 'IBM Plex Sans Thai';
  unicode-range: U+0E00–U+0E7F;
  src: url(app/resource/font/IBM_Plex_Sans_Thai/IBMPlexSansThai-Regular.ttf) format("truetype"); }

@font-face {
  font-family: 'Manrope';
  src: url(app/resource/font/Manrope/static/Manrope-Regular.ttf) format("truetype"); }

body {
  min-height: 100vh; }

div.bannerslide > div > div > div > div.slick-slide {
  padding-left: 8px !important;
  padding-right: 8px !important; }

.slick-prev:before,
.slick-next:before {
  font-size: 40px !important; }

.slick-prev {
  margin-left: -20px; }

.coursefour {
  padding-top: 150px;
  padding-bottom: 150px; }

.coursefourart {
  margin-top: -100px; }

.coursefourart2 {
  margin-top: 100px; }

.coursefiveart {
  margin-bottom: -450px; }

.coursefiveart2 {
  margin-top: -430px; }

.coursefour .ant-card {
  -webkit-box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 8px;
          box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 8px;
  border: 0px; }

.bordero {
  background-image: url(https://ccalearning.com/src/app/resource/newIcon/bordero.png);
  background-size: cover;
  padding-top: 1px; }

.cartlistarticleone .ant-card {
  background: transparent;
  border: 0px;
  border-bottom: 2px solid #ddd; }

.cartlistarticleone .ant-card:hover {
  -webkit-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
          box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; }

.cartlistarticleoneimg {
  -webkit-box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 8px;
          box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 8px; }

.cartlistarticletwo .ant-card {
  background: transparent;
  border: 0px; }

.cartlistarticletwo .ant-card:hover {
  -webkit-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
          box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; }

.cartlistarticletwoimg {
  -webkit-box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 8px;
          box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 8px; }

.cartlistarticletwo .ant-card-body {
  padding: 0px;
  position: relative;
  z-index: 6;
  margin-top: -20px; }

.cartlistarticletwo .ant-card-meta {
  margin: 10px;
  padding: 15px;
  background: #fff;
  border: 0px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 8px;
          box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 8px; }

.itemcoursedetailone .ant-card {
  background: transparent;
  background-size: cover;
  background-repeat: no-repeat;
  border: 0px;
  padding: 0px !important; }

.itemcoursedetailone .ant-card:hover {
  -webkit-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
          box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; }

.InstructorOne .ant-card {
  background: transparent; }

.InstructorOne .ant-card-body {
  padding: 0px; }

.InstructorOnedes {
  padding: 20px; }

.contactbox {
  background: #fff;
  border-left: 3px solid #ffbe00;
  -webkit-box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 8px;
          box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 8px;
  max-width: 300px;
  min-height: 250px;
  padding: 20px; }

.buttoncustom1 {
  background: #383838 !important;
  color: #ffffff !important; }

.buttoncustom2 {
  background: #ffbe00 !important;
  color: #ffffff !important; }

.buttoncustom3 {
  background: #fff !important;
  color: #ffbe00 !important; }

.buttoncustom1:hover,
.cardlistthree:hover,
.bannerslide .slick-slide :hover {
  opacity: 0.98 !important;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  cursor: pointer; }

.bannerInner :hover {
  opacity: 0.98;
  cursor: pointer;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }

.NoLink :hover {
  opacity: 1 !important;
  cursor: default; }

.customerHome-slide .ant-card-hoverable:hover {
  opacity: 0.75 !important;
  cursor: pointer;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }

.customerHome-slide-inner img:hover {
  cursor: pointer;
  opacity: 0.75;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }

.customerHome-slide-inner-nolink img:hover {
  cursor: default;
  opacity: 1; }

/* ------ body old ------ */
/* ------ body ------ */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Roboto", "Kanit", sans-serif !important; }

* {
  font-family: "Roboto", "Kanit", sans-serif !important; }

.fonttwo {
  font-family: Trirong !important; }

.fonttexteditor > *,
.fonttexteditor > * > *,
.fonttexteditor > * > * > *,
.fonttexteditor > * > * > * > *,
.fonttexteditor > * > * > * > * > * {
  font-family: Trirong !important;
  max-width: 100% !important; }

.ant-list-pagination {
  margin-bottom: 24px; }

/* page title */
.title-padding {
  padding-top: 30px;
  font-size: 24px; }

h1 {
  font-size: 24px; }

/* body-container */
.body-container {
  width: 85%;
  margin: 0 auto; }

@media (max-width: 500px) {
  .InstructorOne {
    background-size: contain !important;
    background-repeat: no-repeat;
    padding-top: 120px !important; }
  .video {
    margin-top: 0px !important; }
  .body-container {
    width: 95%; }
  .coursefourart {
    margin-top: -50px; }
  .coursefourart2 {
    margin-top: 400px; } }

/* ------ end body ------ */
.footertwo > div > div > div.ant-col-xs-24.ant-col-md-12 > div > div > a {
  line-height: 70px; }

.footertwo > div > div > div.ant-col-xs-24.ant-col-md-12 > div > div {
  text-align: right; }

/* ------ footer ------ */
/* col1 */
section > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-top > div.ant-col-xs-24.ant-col-md-9 > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-left,
section > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-top > div.ant-col-xs-24.ant-col-md-9 > div.ant-row {
  margin-top: 10px; }

/* col2 */
section > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-top > div > div > div {
  margin-bottom: 8px; }

section > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-top > div.ant-col.ant-col-md-4.ant-col-xs-12 > div > div a:hover {
  opacity: 0.6; }

section > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-top > div.ant-col.ant-col-md-4.ant-col-xs-12 > div > div a {
  -webkit-transition: .3s;
  transition: .3s; }

section.footertwo .footertwomenu .ant-col > a:hover {
  opacity: 0.6; }

section.footertwo .footertwomenu .ant-col > a {
  -webkit-transition: .3s;
  transition: .3s; }

.footerfive .footerFivemenu2 .ant-col > a:hover {
  opacity: 0.6; }

.footerfive .footerFivemenu2 .ant-col > a {
  -webkit-transition: .3s;
  transition: .3s; }

.footersix .footerSixcolmenu .ant-col > a:hover {
  opacity: 0.6; }

.footersix .footerSixcolmenu .ant-col > a {
  -webkit-transition: .3s;
  transition: .3s; }

/* col3 */
section > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-top > div > div > div {
  margin-bottom: 8px; }

/* col4 */
section > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-top > div > div > div > div {
  margin-bottom: 8px; }

/* col4 icon */
section > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-top > div.ant-col-xs-24.ant-col-md-5 > div > div.ant-row-flex.ant-row-flex-flex-start.ant-row-flex-left > div {
  z-index: 2;
  margin-right: 0px; }

/* ------ end footer ------ */
/* ------ additional ------ */
/* pagination */
.ant-pagination {
  text-align: center; }

.ant-table-pagination.ant-pagination {
  float: none !important; }

.frame {
  width: 85%;
  margin: 0 auto;
  padding: 20px 0; }

.reviewfour {
  background-color: #ffbe00;
  padding-top: 100px; }

@media (max-width: 500px) {
  .frame {
    width: 95%;
    margin: 0px auto;
    padding: 20px 0; }
  .coursefiveart,
  .coursefourart {
    display: none; }
  .itemcoursedetailone .ant-card {
    margin-top: -20px !important; }
  .InstructorOne {
    background: #ffbe00;
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 100px !important; }
  div.InstructorOne > div {
    max-width: 95% !important; }
  .slick-prev {
    left: 0px; }
  .slick-next {
    right: 0px; }
  .reviewfour {
    background-color: #ffbe00;
    padding-top: 20px; }
  .reviewfourbox {
    width: 100% !important;
    margin-left: 0px !important;
    margin-right: 0px !important; } }

html {
  overflow-x: hidden; }

/* ------ end additional ------ */
.anticon {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease; }

.ant-row.aboutus > div:nth-child(3) > div > p:nth-child(1) > span > img {
  max-width: 100%; }

.ql-video {
  width: 500px;
  height: 300px; }

.ql-video {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }

.ant-carousel {
  margin-bottom: -6px !important; }

.status-description {
  white-space: normal; }

#content > div.myorder > div > div:nth-child(2) > div:nth-child(1) > div > div > div > div > div > div > table > thead > tr > th:nth-child(4) {
  display: none; }

#content > div.myorder > div > div:nth-child(2) > div:nth-child(1) > div > div > div > div > div > div > table > thead > tr > th:nth-child(5) {
  display: none; }

#content > div.myorder > div > div > div > div > div > div > div > div > div > table > tbody > tr > td:nth-child(4) {
  display: none; }

#content > div.myorder > div > div > div > div > div > div > div > div > div > table > tbody > tr > td:nth-child(5) {
  display: none; }

.ant-card-meta-description {
  color: #555 !important; }
  .ant-card-meta-description p {
    font-family: sarabun !important; }

.itemdetail .contenttext-description, .itemdetail .client-course-description {
  font-family: sarabun !important; }

.itemdetail .contenttext-title {
  height: 25px;
  font-family: kanit !important; }
  @media only screen and (max-width: 767px) {
    .itemdetail .contenttext-title {
      height: 20px; } }

.articlesix-list p {
  font-family: sarabun !important; }

.ant-table-tbody td div {
  position: relative !important;
  line-height: 24px; }

#content > div.myorder > div > div:nth-child(2) > div:nth-child(1) > div > div > div > div > div > div > table > thead > tr > th:nth-child(7) {
  min-width: 300px !important; }

#root > div > div > div.customerHome-slide > div > button.slick-arrow.slick-next {
  display: none !important; }

.courseList-container .courseList-header .search-bar {
  text-align: right; }

.courseList-content .ant-card-cover {
  height: auto !important; }

a.list-data-custom > div > div > div.ant-card-cover > div > img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top; }

@media only screen and (max-width: 1260px) {
  .myorder .ant-table-wrapper {
    display: none; }
  .myorder .status-title {
    height: auto !important; } }

.ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body {
  overflow: hidden;
  overflow-x: hidden !important; }

.ant-table-scroll {
  min-width: 1000px; }

.cart .ant-empty-normal {
  margin: 0px; }

.myorder .ant-empty-normal {
  margin: 0px; }

.fonttexteditor {
  padding: 15px; }

.coursefour > div.ant-col.ant-col-18 > div:nth-child(2) > div > div > div > div > div {
  max-width: 50%; }

.articlesix-container > div > div.ant-list.ant-list-vertical.ant-list-lg.ant-list-split.ant-list-grid > div > div > div > div > div > div > div:nth-child(1) > a > img {
  max-height: 160px;
  min-height: 100px; }

.pricing-price > a > button {
  -webkit-box-shadow: rgba(0, 0, 0, 0) 0px 2px 8px !important;
          box-shadow: rgba(0, 0, 0, 0) 0px 2px 8px !important;
  text-align: right; }

.itemdetail > div > div.ant-list.ant-list-split.ant-list-grid > div > div > div > div > div > a > div > div > div.ant-card-body {
  height: 233px; }

.cardlistcoursethree-pricing {
  position: absolute !important;
  bottom: 24px; }

.cardlistcoursethree-pricing {
  width: calc(100% - 48px); }

.articlesix-container > div > div > div > div > div > div > div > div > div:nth-child(2) > div > a > h3 {
  font-weight: bold; }

.contenttext-title {
  white-space: normal;
  font-weight: bold;
  color: #555; }

.contactus {
  line-height: 28px; }

.contactus > div > div.ant-col.ant-col-xs-20.ant-col-xs-offset-1.ant-col-md-12.ant-col-md-offset-0 > div > div > div.ant-col.ant-col-4 > h3 {
  font-weight: bold; }

.contactus > div > div.ant-col.ant-col-xs-20.ant-col-xs-offset-1.ant-col-md-12.ant-col-md-offset-0 > div > div:nth-child(3) > h3 {
  font-weight: bold; }

.contactus > div > div.ant-col.ant-col-xs-20.ant-col-xs-offset-1.ant-col-md-12.ant-col-md-offset-0 > div > div:nth-child(1) {
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px; }

.contactus > div > div.ant-col.ant-col-xs-20.ant-col-xs-offset-1.ant-col-md-12.ant-col-md-offset-0 > div > div:nth-child(2) {
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px; }

.contactus > div > div.ant-col.ant-col-xs-20.ant-col-xs-offset-1.ant-col-md-12.ant-col-md-offset-0 > div > div:nth-child(2) > div.ant-col.ant-col-4 > h3 {
  margin-bottom: 0px; }

.pricing-price > a > button {
  background: transparent !important;
  color: #555 !important; }

.pricing-type > p.pricing-type-inclass {
  color: #00955b !important; }

.pricing-type > p.pricing-type-online {
  color: #3e76dc !important; }

.pricing-type > p.pricing-type-privateclass {
  color: #faad14 !important; }

.customerHome-slide {
  max-height: 1500px !important; }

#content > div.articlelist > div > div.ant-col.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-4.ant-col-md-offset-2 > div:nth-child(2) > div > div.ant-spin-nested-loading > div > ul > li {
  border-top: 0px; }

.courseDetail {
  margin: 0 auto !important;
  padding: 60px 0px 30px; }

@media only screen and (max-width: 600px) {
  .courseList-container > div.courseList-content > div > div > div > div.ant-spin-nested-loading > div > div > div {
    width: 100% !important; }
  .courseDetail img, .courseDetail iframe {
    width: 100%; } }

#content > div.reviewlist > div > div.ant-col.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-4.ant-col-md-offset-2 > div:nth-child(2) > div > div.ant-spin-nested-loading > div > ul > li:nth-child(1) {
  border-top: 0px; }

#content > div.courseList-container > div.courseList-content > div > div > div > div.ant-spin-nested-loading > div > div > div > div > div > div.ant-card-body > div > div > div.ant-card-meta-title {
  white-space: normal; }

#content > div.MyAccountCourse > div > div:nth-child(2) > div > div.ant-spin-nested-loading > div > div > div > div > div > div,
#content > div.customerHome > div.customerHome-course > div > div > div > div > div > div > div.ant-spin-nested-loading > div > div > div > div > div > div,
#content > div.courseList-container > div.courseList-content > div > div > div > div.ant-spin-nested-loading > div > div > div > div > div > div {
  height: 233px; }

/*
div.ant-card-cover > a {
  position: relative;
  padding-top: 75%;
}

div.ant-card-cover > img,
div.ant-card-cover > a > img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  object-fit: cover;
  overflow: hidden;
  object-position: top;
}
*/
#app > div > div > div:nth-child(8) > div > h2 {
  display: none; }

.coursefour > div.ant-col-18 > h2 > span:nth-child(1) {
  display: none; }

.coursefour > div.ant-col-18 > h2 > span:nth-child(2) {
  color: #203979 !important; }

.coursefour > div.ant-col-18 > div:nth-child(2) {
  background: transparent !important; }

.coursefour > div.ant-col-18 > div:nth-child(2) > div > div > div > div > div > div > div > a > div > div > div.ant-card-body > div.ant-card-meta > div > div.ant-card-meta-title > div {
  color: #203979 !important; }

.coursefour > div.ant-col-18 > div:nth-child(2) > div > div > div > div > div > div > div > a > div > div > div.ant-card-body > div > img {
  border: 2px solid #203979 !important; }

.coursefour > div.ant-col-18 > div:nth-child(2) > div > div > div > div > div > div > div > a > div > div > div.ant-card-body > div.ant-row > div:nth-child(2) {
  text-align: right; }

.coursefour > div.ant-col-18 > div:nth-child(2) > div > div > div > div > div > div > div > a > div > div > div.ant-card-body > div.ant-row > div:nth-child(2) > a > button {
  background: #203979 !important; }

.coursefour > div.ant-col-18 > div.ant-col-24 > a > button {
  background: #203979 !important; }

#app > div > div > div.ant-row.itemdetail.itemdetaillist-course.ant-row-flex.ant-row-flex-center.ant-row-flex-top button {
  text-align: center; }

#content > div:nth-child(1) > div:nth-child(4) > div.ant-col.cartpayment.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-8.ant-col-md-offset-2 > div > div:nth-child(2) > div > div > div > div > div {
  font-size: 11px; }

#content > div:nth-child(1) > div:nth-child(4) > div.ant-col.cartpayment.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-8.ant-col-md-offset-2 > div > div:nth-child(2) > div > div > div > div > div > div > table > thead span {
  margin-left: 4px; }

.PaymentReport p {
  padding: 12px 0px 0px 0px !important; }

.PaymentReport input {
  border-radius: 8px !important;
  min-height: 46px; }

.PaymentReport .ant-select,
.PaymentReport .ant-select-selection {
  border-radius: 8px !important;
  min-height: 46px; }

.PaymentReport .ant-select-selection__rendered {
  border-radius: 8px !important;
  min-height: 46px; }

.PaymentReport .ant-select-selection-selected-value {
  line-height: 46px; }

.PaymentReport .uploadclass .ant-list-bordered {
  border-radius: 8px 8px 0px 0px; }

.PaymentReport .uploadclass button {
  border-radius: 0px 0px 8px 8px; }

.PaymentReport .upload-customer .ant-list-bordered {
  border-radius: 0px 0px 5px 5px !important; }

.PaymentReport .upload-customer button {
  border-radius: 0px 0px 8px 8px; }

.PaymentReport .buttonreportsubmit {
  min-width: 150px;
  min-height: 50px; }

.PaymentReport .paymentreport-input-name,
.PaymentReport .paymentreport-input-email,
.PaymentReport .paymentreport-input-tel {
  display: none; }

.PaymentReport .paymentreport-input-id input {
  border: 0px !important; }

.videofourfull {
  padding: 100px; }

@media (max-width: 992px) {
  .videofourfull {
    padding: 10px; }
  .PaymentReport {
    width: 100%; } }

.cart h2,
.cart h3,
.cart h4,
.cart h5,
.cart h6,
.cart div,
.cart p,
.cart span {
  font-family: "Kanit", sans-serif; }

.contactus p,
.contactus input,
.contactus a {
  font-family: sarabun !important; }

.cartpayment * {
  font-family: sarabun !important; }

.cartRight * {
  font-family: sarabun !important; }

.Cartbottom * {
  font-family: sarabun !important; }

.ant-modal-body p,
.ant-modal-body input,
.ant-modal-body span {
  font-family: sarabun !important; }

.customer-footer__support p,
.customer-footer__support input,
.customer-footer__support span {
  font-family: sarabun !important; }

.regis-select .ant-select-selection.ant-select-selection--single {
  background: transparent;
  -webkit-box-shadow: unset;
          box-shadow: unset; }

.registration h1 {
  color: rgba(0, 0, 0, 0.85);
  margin-bottom: 0px; }

.registration h2 {
  font-weight: 700; }

.registration span {
  font-size: 15px; }

.registration .input-section {
  padding: 0; }

.registration .main-section {
  padding: 0; }

.registration .register-additional-box .ant-row {
  margin: 0px 0px 15px 0px !important; }

.registration .ant-checkbox-wrapper span {
  color: rgba(0, 0, 0, 0.65); }

.registration .ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 0; }

.registration .register-checkbox {
  margin-right: 8px; }
  .registration .register-checkbox:last-child {
    margin-right: 0px; }

.registration .ant-radio-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }

.registration .ant-select {
  padding: 0px !important;
  display: block; }
  .registration .ant-select .ant-select-selection {
    height: 42px !important;
    padding-bottom: 0px; }
    .registration .ant-select .ant-select-selection .ant-select-selection__rendered {
      height: 42px !important;
      line-height: 42px !important; }
      .registration .ant-select .ant-select-selection .ant-select-selection__rendered .ant-select-selection__placeholder {
        font-family: sarabun !important;
        font-size: 12px !important;
        line-height: 42px !important;
        height: 42px;
        margin-top: 0;
        top: 0; }
        .registration .ant-select .ant-select-selection .ant-select-selection__rendered .ant-select-selection__placeholder .ant-select-search {
          height: 42px; }
      .registration .ant-select .ant-select-selection .ant-select-selection__rendered li {
        height: 34px !important;
        margin-top: 4px !important; }
    .registration .ant-select .ant-select-selection .ant-select-arrow {
      margin-top: -9px; }

.registration .ant-select-selection--multiple .ant-select-selection__choice {
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 25px 0 10px; }

.registration .ant-form-explain {
  margin-top: 5px; }

.registration .anticon-close-circle {
  font-size: 13px !important; }

.registration .delete-file-icon {
  background: #ddd;
  border-radius: 50%;
  padding: 1px 3px 2px 3px;
  font-size: 10px;
  cursor: pointer;
  margin-left: 5px; }

.registration .tax-invoice-form-container {
  margin-top: 10px; }
  .registration .tax-invoice-form-container .tax-invoice-person-type-title {
    margin-top: 20px; }

.registration-customer-course h1 {
  color: rgba(0, 0, 0, 0.85);
  margin-bottom: 0px; }

.registration-customer-course h2 {
  font-weight: 700; }

.registration-customer-course span {
  font-size: 13px;
  font-weight: 300;
  color: #52525b; }

.registration-customer-course .input-section {
  padding: 0; }

.registration-customer-course input::-webkit-input-placeholder {
  opacity: 0; }

.registration-customer-course input::-moz-placeholder {
  opacity: 0; }

.registration-customer-course input:-ms-input-placeholder {
  opacity: 0; }

.registration-customer-course input::-ms-input-placeholder {
  opacity: 0; }

.registration-customer-course input::placeholder {
  opacity: 0; }

.registration-customer-course .ant-select-selection.ant-select-selection--single:focus {
  -webkit-box-shadow: 0 0 0 0px rgba(24, 144, 255, 0.2);
          box-shadow: 0 0 0 0px rgba(24, 144, 255, 0.2); }

.registration-customer-course .ant-select-selection.ant-select-selection--multiple:focus {
  -webkit-box-shadow: 0 0 0 0px rgba(24, 144, 255, 0.2);
          box-shadow: 0 0 0 0px rgba(24, 144, 255, 0.2); }

.registration-customer-course .ant-select.ant-select-open.ant-select-focused:focus {
  -webkit-box-shadow: 0 0 0 0px rgba(24, 144, 255, 0.2) !important;
          box-shadow: 0 0 0 0px rgba(24, 144, 255, 0.2) !important; }

.registration-customer-course .ant-select-focused .ant-select-selection {
  -webkit-box-shadow: 0 0 0 0px rgba(24, 144, 255, 0.2) !important; }

.registration-customer-course .ant-select .ant-select-selection .ant-select-selection__rendered {
  margin: 0;
  background-color: #f4f4f5; }

.registration-customer-course span.ant-form-item-children input {
  border: none !important;
  background: transparent;
  padding: 0px 2px;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  height: 20px !important; }

.registration-customer-course .ant-col.ant-form-item-control-wrapper {
  background: #f4f4f5;
  border-radius: 11px; }

.registration-customer-course .ant-col.ant-form-item-control-wrapper {
  background: #f4f4f5;
  border-radius: 11px;
  padding: 7px 12px; }

.registration-customer-course .sale-file-attach-container {
  position: absolute;
  background: transparent;
  overflow: hidden;
  top: 11px;
  left: 103px; }

.registration-customer-course .sale-file-attach-container a {
  margin-right: 2px; }

.registration-customer-course .main-section.register-additional-box .ant-row {
  background: #f4f4f5;
  border-radius: 11px;
  padding: 7px 12px; }

.registration-customer-course .register-additional-box .ant-col.ant-col-24 > div {
  margin-top: 0 !important; }

.registration-customer-course .register-additional-box:not(.ant-row.main-section) .ant-row.main-section {
  margin: 0px  !important; }

.registration-customer-course .register-additional-box input {
  border: none !important;
  background: transparent;
  padding: 0px 2px !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  height: 20px !important; }

.registration-customer-course .ant-btn-primary span {
  color: white; }

.registration-customer-course .ant-btn-primary i {
  color: white; }

.registration-customer-course .ant-btn-primary {
  background-color: #1890ff !important; }

.registration-customer-course .main-section {
  padding: 0; }

.registration-customer-course .register-additional-box .ant-row {
  margin: 0px 0px 15px 0px !important; }

.registration-customer-course .ant-checkbox-wrapper span {
  color: rgba(0, 0, 0, 0.65); }

.registration-customer-course .ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 0; }

.registration-customer-course .register-checkbox {
  margin-right: 8px; }
  .registration-customer-course .register-checkbox:last-child {
    margin-right: 0px; }

.registration-customer-course .ant-radio-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }

.registration-customer-course .ant-select {
  padding: 0px !important;
  display: block;
  border: none !important; }
  .registration-customer-course .ant-select .ant-select-selection {
    height: 42px !important;
    padding-bottom: 0px; }
    .registration-customer-course .ant-select .ant-select-selection .ant-select-selection__rendered {
      height: 42px !important;
      line-height: 42px !important; }
      .registration-customer-course .ant-select .ant-select-selection .ant-select-selection__rendered .ant-select-selection__placeholder {
        font-family: sarabun !important;
        font-size: 12px !important;
        line-height: 42px !important;
        height: 42px;
        margin-top: 0;
        top: 0; }
        .registration-customer-course .ant-select .ant-select-selection .ant-select-selection__rendered .ant-select-selection__placeholder .ant-select-search {
          height: 42px; }
      .registration-customer-course .ant-select .ant-select-selection .ant-select-selection__rendered li {
        height: 34px !important;
        margin-top: 4px !important; }
    .registration-customer-course .ant-select .ant-select-selection .ant-select-arrow {
      margin-top: -9px; }

.registration-customer-course .ant-select-selection--multiple .ant-select-selection__choice {
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 25px 0 10px; }

.registration-customer-course .ant-form-explain {
  margin-top: 5px; }

.registration-customer-course .anticon-close-circle {
  font-size: 13px !important; }

.registration-customer-course .delete-file-icon {
  background: #ddd;
  border-radius: 50%;
  padding: 1px 3px 2px 3px;
  font-size: 10px;
  cursor: pointer;
  margin-left: 5px; }

.registration-customer-course .tax-invoice-form-container {
  margin-top: 10px; }
  .registration-customer-course .tax-invoice-form-container .tax-invoice-person-type-title {
    margin-top: 20px; }

.change-person-type-cart-wrapper .change-person-type-cart-wrapper-title {
  font-family: sarabun !important;
  font-size: 15px; }

.change-person-type-cart-wrapper .tax-invoice-person-type-title,
.change-person-type-cart-wrapper .tax-invoice-title {
  margin-top: 20px; }
  .change-person-type-cart-wrapper .tax-invoice-person-type-title h2,
  .change-person-type-cart-wrapper .tax-invoice-title h2 {
    font-weight: 700; }

.change-person-type-cart-wrapper .ant-input-group {
  margin-bottom: 10px !important;
  height: 45px !important; }

.change-person-type-cart-wrapper .ant-checkbox-wrapper {
  margin-top: 5px;
  margin-bottom: 10px; }

.change-person-type-cart-wrapper .ant-input {
  margin-top: 0px;
  height: 45px !important;
  font-size: 12px;
  font-weight: 300;
  font-family: sarabun !important;
  border-radius: 8px !important;
  border-color: #e7e7e7 !important;
  padding: 5px 20px; }
  .change-person-type-cart-wrapper .ant-input::-webkit-input-placeholder {
    font-weight: 300; }
  .change-person-type-cart-wrapper .ant-input::-moz-placeholder {
    font-weight: 300; }
  .change-person-type-cart-wrapper .ant-input:-ms-input-placeholder {
    font-weight: 300; }
  .change-person-type-cart-wrapper .ant-input::-ms-input-placeholder {
    font-weight: 300; }
  .change-person-type-cart-wrapper .ant-input::placeholder {
    font-weight: 300; }

.change-person-type-cart-wrapper span {
  font-size: 15px; }

.change-person-type-cart-wrapper .ant-checkbox-wrapper span {
  color: rgba(0, 0, 0, 0.65); }

.change-person-type-cart-wrapper .ant-btn {
  height: 40px;
  font-size: 14px;
  border-radius: 8px !important;
  margin-top: 0px;
  margin-bottom: 0px; }

.change-person-type-cart-wrapper .submit-btn {
  background: #000;
  width: 100%;
  height: 40px;
  font-size: 14px;
  border-radius: 8px !important;
  margin-top: 20px;
  margin-bottom: 0px;
  border: 0px; }
  .change-person-type-cart-wrapper .submit-btn:hover {
    background: #000; }

.change-person-type-cart-wrapper h2 {
  font-weight: 700; }

.change-person-type-cart-wrapper span {
  font-size: 15px; }

.change-person-type-cart-wrapper .input-section {
  padding: 0;
  margin: 0 -4px; }

.change-person-type-cart-wrapper .main-section {
  padding: 0 !important; }

.videoplayer * {
  font-family: sarabun !important; }

.comment-lecture-homeworkpage * {
  font-family: 'Manrope', 'IBM Plex Sans Thai' !important; }

.myorder .ant-table-body * {
  font-family: sarabun !important; }

.myorder table > tbody > tr > td:nth-child(11) > p {
  margin-bottom: 0px !important; }

.PaymentReport p,
.PaymentReport input,
.PaymentReport span,
.PaymentReport a {
  font-family: sarabun !important; }

.cart-container p,
.cart-container input,
.cart-container span,
.cart-container a,
.cart-container td {
  font-family: kanit !important; }

.cart-container td,
.cart-container th {
  text-align: center; }

.courseDetail .courseDetail-mainContent .courseDetail-countDownContent .button-addtocart-incart {
  background: #fff; }

.cardlistthreetitle {
  top: 420px;
  width: 100%;
  height: auto; }

.cart-col-left {
  margin-bottom: 50px; }

.cart-container {
  background: #fff; }

.courseDetail .courseDetail-mainContent .courseDetail-tabs {
  background: transparent; }

.courseDetail .courseDetail-Header .courseDetail-constructor {
  background: #fff; }

.courseDetail .courseDetail-mainContent .courseDetail-countDownContent {
  background: transparent; }

.courseDetail .courseDetail-mainContent .courseDetail-countDownContent .course-button-study {
  border: 0px; }

.courseDetail .courseDetail-mainContent .courseDetail-countDownContent .courseDetail-coursePromotionDetail {
  background: #fff; }

.courseDetail .courseDetail-mainContent .courseDetail-countDownContent .courseDetail-coursePriceDetail {
  background: #fff; }

.courseDetail .courseDetail-mainContent .courseDetail-tabs .ant-tabs-tabpane-active {
  border-radius: 0px 8px 0px 0px; }

.ant-pagination-prev,
.ant-pagination-next {
  border-top: 0px; }

.coursesix .ant-card-meta-title {
  white-space: normal; }

.coursesix .pricing-type > p {
  font-size: 14px !important;
  line-height: 30px; }

@media only screen and (min-width: 1260px) and (max-width: 1600px) {
  .pricing-price {
    width: 45%; } }

.custom-header-ten-wrapper i.anticon.anticon-search.ant-input-search-icon, .custom-header-twelve-wrapper i.anticon.anticon-search.ant-input-search-icon {
  font-size: 16px; }

.custom-header-ten-wrapper > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-right > div > a {
  margin-top: 0; }

.custom-header-ten-wrapper > div > .ant-row-flex.ant-row-flex-space-around.ant-row-flex-right {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0; }

.customerheader4 > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-right.full-menu.headericon {
  top: 0;
  margin-right: 5%; }

.howtobuyoneclass {
  margin: 0 auto; }

.ant-steps-dot .ant-steps-item-content {
  width: auto !important; }

.howtobuytwocontainter .ant-steps-dot .ant-steps-item .ant-steps-item-icon {
  width: 15px;
  height: 15px; }

.howtobuytwocontainter .ant-steps-vertical > .ant-steps-item > .ant-steps-item-tail::after {
  margin-left: 0;
  width: 3px; }

.howtobuytwocontainter .ant-steps-vertical.ant-steps-dot .ant-steps-item-tail {
  left: 5.5px;
  top: 12px;
  padding: 9px 0 4px; }

.howtobuytwocontainter .ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot {
  left: 0; }

.ant-steps-item-title div {
  cursor: pointer;
  margin-left: -90px;
  width: 250px; }

@media screen and (max-width: 600px) {
  .ant-steps-item-title div {
    margin-left: 0px !important; } }

.howtobuycontainter .howtobuystepherizontal .ant-steps {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important; }

.howtobuycontainter .howtobuystepherizontal .ant-steps-item {
  display: inline-block;
  text-align: center;
  width: 70px;
  max-width: 70px;
  z-index: 1;
  white-space: unset !important;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 0 !important;
  overflow: visible; }
  .howtobuycontainter .howtobuystepherizontal .ant-steps-item .ant-steps-item-title {
    padding-right: 0px !important;
    padding-top: 20px; }
    @media (max-width: 600px) {
      .howtobuycontainter .howtobuystepherizontal .ant-steps-item .ant-steps-item-title > div {
        margin-left: 0px; } }
    .howtobuycontainter .howtobuystepherizontal .ant-steps-item .ant-steps-item-title p {
      margin-bottom: 0px; }

.howtobuycontainter .howtobuystepherizontal .ant-steps-item.ant-steps-item-process .ant-steps-icon {
  color: #ffffff; }

.howtobuycontainter .howtobuystepherizontal .ant-steps-item-icon {
  display: block !important;
  margin: 0 auto;
  height: 70px;
  width: 70px;
  border-radius: 50% !important; }
  .howtobuycontainter .howtobuystepherizontal .ant-steps-item-icon .ant-steps-icon {
    color: #000000;
    font-size: 50px;
    margin-top: 8px;
    display: block; }

.howtobuycontainter .howtobuystepherizontal .ant-steps-item-title::after {
  display: none !important; }

.howtobuycontainter .howtobuystepherizontal .stepborder {
  height: 4px;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #4f4e53), color-stop(0%, rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to right, #4f4e53 50%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 25px 4px;
  background-repeat: repeat-x;
  width: 100%;
  margin: 0 auto;
  position: absolute;
  margin-top: 33px; }

.howtobuycontainter .howtobuystepverticle {
  display: none; }

@media only screen and (max-width: 600px) {
  .ant-col.howtobuysteps h3 {
    padding-left: 0 !important; }
  .howtobuycontainter .howtobuystepherizontal {
    display: none; }
  .howtobuycontainter .howtobuystepverticle {
    display: block; }
  .howtobuycontainter .ant-steps-small .ant-steps-item-icon {
    line-height: 21px;
    z-index: 10;
    position: relative; }
  .howtobuycontainter .ant-steps-small .ant-steps-item-tail {
    padding: 0 !important; }
  .howtobuycontainter .ant-steps-item-title p:first-child {
    margin-bottom: 0px;
    font-size: 18px !important; }
  .howtobuycontainter .ant-steps-item-title p:last-child {
    margin-bottom: 20px;
    font-size: 16px !important; } }

.instruct-detail2 .instrcutor-detail-col1,
.instruct-detail2 .instrcutor-detail-col2,
.instruct-detail2 .instrcutor-detail-col3 {
  padding: 24px; }
  @media only screen and (max-width: 600px) {
    .instruct-detail2 .instrcutor-detail-col1,
    .instruct-detail2 .instrcutor-detail-col2,
    .instruct-detail2 .instrcutor-detail-col3 {
      padding-top: 15px; } }

@media only screen and (max-width: 600px) {
  .instruct-detail2 {
    padding-top: 20px; } }

.instruct-detail2 .title {
  font-size: 17px;
  font-weight: 600; }

.instruct-detail2 p {
  font-size: 14px; }

#content > div.newinstructor-wrapper > div > div.ant-col.gutter-row.account-right-box.ant-col-xs-24.ant-col-sm-24.ant-col-md-24.ant-col-lg-19.ant-col-xl-19.ant-col-xxl-18 > div > div.table-content-wrapper > div > div > div > div > div > div > table > tbody > tr > td:last-child {
  max-width: unset !important; }

#content > div.myaccountedituser > div > div.ant-col.gutter-row.account-right-box.ant-col-xs-24.ant-col-sm-24.ant-col-md-24.ant-col-lg-19.ant-col-xl-19.ant-col-xxl-18 > div.newstudent-schedulecontent-wrapper > div.table-content-wrapper > div > div > div > div > div > div > table > tbody > tr > td:last-child {
  max-width: unset !important; }

.articlesix-container.promotion .ant-card-body {
  height: 192px; }

.articlesix-list .pricing-price-promotion-discount {
  margin-bottom: 0px !important; }

@media only screen and (min-width: 992px) {
  div.right-column-allcourse {
    padding-left: 30px; } }

@media only screen and (min-width: 1800px) {
  .title-lesson {
    width: 15vw !important; } }

@media only screen and (max-width: 767px) {
  .title-lesson {
    width: 65vw !important; }
  .flip-card-inner {
    border: none; } }

.instruct-title {
  margin-bottom: 5px; }

.instruct-detail-container.instruct-detail-one h1 {
  font-size: 36px !important;
  line-height: 41px;
  margin-bottom: 0px; }

h2.cataegory-course {
  font-size: 17px; }

.instruct-all-course {
  font-size: 14px; }

.instruct-course-number {
  font-size: 24px; }

.instruct-box {
  margin-bottom: 10px;
  margin-top: 10px; }

div#instruct-content:after {
  content: '';
  height: 75px;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), to(#fff));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff);
  position: absolute;
  bottom: 0px; }

#instruct-content {
  max-height: 305px;
  overflow: hidden;
  padding-top: 3%; }
  @media only screen and (max-width: 600px) {
    #instruct-content {
      padding-top: 6%; } }

#instruct-content.open {
  max-height: unset; }

div#instruct-content.open:after {
  display: none !important; }

@media only screen and (max-width: 992px) {
  .instructordetailimge {
    display: block !important; }
  .instructordetailimg {
    display: none !important; } }

.button-wrap:has(.custom-Button) {
  text-align: center; }

button.ant-btn.button-button.custom-Button {
  font-size: 18px;
  padding-top: 6px;
  padding-bottom: 6px; }

header > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle > div > a:hover, header > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle > div > span.link:hover {
  background: none; }

@media (max-width: 1025px) {
  .ant-row-flex.howtobuystepherizontal {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); }
  .ant-row-flex.howtobuystepherizontal + * + * {
    margin-top: -25px; } }

.admin-setting-back .dropdown-container {
  gap: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.admin-setting-back span.ant-dropdown-trigger.setting-site-into-dropdown {
  background-color: white;
  height: 32px;
  padding: 0 11px;
  border: 1px solid #ddd;
  border-radius: 5px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: inherit; }

@media only screen and (min-width: 1025px) {
  a.menu-hover-style-1 {
    -webkit-transition: .3s;
    transition: .3s; }
  a.menu-hover-style-1:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    color: #ffffff !important; }
  a.menu-hover-style-2 {
    -webkit-transition: 0.4s;
    transition: 0.4s; }
  a.menu-hover-style-2::before {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 17px;
    left: 50%;
    background-color: #ffffff;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    border-radius: 99px; }
  a.menu-hover-style-2:hover::before {
    width: 100%;
    left: 0; }
  a.menu-hover-style-3 {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  a.menu-hover-style-3:hover {
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px); }
  a.menu-hover-style-3::before {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: 17px;
    left: 0;
    right: 0;
    height: 3px;
    background-color: #f1f1f1;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    border-radius: 99px; }
  a.menu-hover-style-3:hover::before {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  a.menu-hover-style-4::before,
  a.menu-hover-style-4::after {
    content: "";
    position: absolute;
    background-color: #ffffff;
    width: 100%;
    height: 2px;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s; }
  a.menu-hover-style-4::before {
    top: 14px;
    left: 0;
    -webkit-transform-origin: left;
            transform-origin: left; }
  a.menu-hover-style-4::after {
    bottom: 14px;
    right: 0;
    -webkit-transform-origin: right;
            transform-origin: right; }
  .client-header-eight a.menu-hover-style-4::before {
    top: -3px; }
  .client-header-eight a.menu-hover-style-4::after {
    bottom: -3px; }
  .ant-row-flex-right.full-menu.hov.client-middle-column a.menu-hover-style-4::before {
    top: -5px; }
  .ant-row-flex-right.full-menu.hov.client-middle-column a.menu-hover-style-4::after {
    bottom: -5px; }
  .ant-row-flex-right.full-menu.hov.client-middle-column a.menu-hover-style-2::before {
    bottom: -2px; }
  .ant-row-flex-right.full-menu.hov.client-middle-column a.menu-hover-style-3::before {
    bottom: 1px; }
  .ant-row-flex-right.full-menu.hov.client-middle-column a.menu-hover-style-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .ant-row-flex-right.full-menu.hov.client-middle-column a.menu-hover-style-1:hover {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    color: #ffffff !important; }
  .ant-row-flex-right.full-menu.hov.client-middle-column a.menu-hover-style-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  a.menu-hover-style-4:hover::before,
  a.menu-hover-style-4:hover::after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); }
  header.client-header-two a.menu-hover-style-4::before {
    top: 8px; }
  header.client-header-two a.menu-hover-style-4::after {
    bottom: 8px; }
  a.menu-hover-style-5::before,
  a.menu-hover-style-5::after {
    content: "";
    position: absolute;
    display: block;
    border: 0px solid transparent;
    width: 0%;
    height: 0%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  a.menu-hover-style-5::after {
    top: 12px;
    left: -7px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent; }
  a.menu-hover-style-5::before {
    right: -7px;
    bottom: 12px;
    border-bottom: 2px solid transparent;
    border-right: 2px solid transparent; }
  a.menu-hover-style-5:hover::before,
  a.menu-hover-style-5:hover::after {
    width: 12px;
    height: 12px;
    border-color: #fff; }
  .client-header-eleven .ant-row-flex-right a.menu-hover-style-5::after {
    top: -8px;
    left: -1px; }
  .client-header-eleven .ant-row-flex-right a.menu-hover-style-5::before {
    bottom: -8px;
    right: 0px; }
  header.client-header-two a.menu-hover-style-5::after {
    top: 7px;
    left: 4px; }
  header.client-header-two a.menu-hover-style-5::before {
    right: 4px;
    bottom: 7px; } }

.max-width-375 {
  max-width: 375px !important; }

.register-wrapper {
  justify-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 3.2vw 0px; }

.customerHome-slide {
  width: 100%; }
  .customerHome-slide .slick-slide img {
    width: 100%; }

.slick-dots li button:before {
  font-family: 'slick';
  font-size: 9px !important;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25 !important;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before {
  opacity: 1 !important;
  color: black !important;
  border-radius: 99px; }

.customerHome-slide .slick-dots li button:before, .gallery-four .slick-dots li button:before, .articlesix-container .slick-dots li button:before {
  font-size: 8px !important; }

.customerHome-slide .slick-dots li.slick-active button:before, .gallery-four .slick-dots li.slick-active button:before, .articlesix-container .slick-dots li.slick-active button:before {
  font-size: 10px !important; }

.customerHome-slide.slideTwo .slick-slide img {
  width: 100%;
  height: auto;
  margin: 80px 0px 70px 0px; }

.customerHome-slide.slideone ul.slick-dots {
  bottom: 40px !important; }

@media only screen and (max-width: 900px) {
  .customerHome-slide.slideone ul.slick-dots {
    bottom: 20px !important; }
  .customerHome-slide.slideTwo .slick-slide img {
    width: 100%;
    height: auto;
    margin: 70px 0px 60px 0px !important; } }

@media only screen and (max-width: 440px) {
  .customerHome-slide.slideTwo .slick-slide img {
    width: 100%;
    height: auto;
    margin: 25px 0px 20px 0px !important; }
  .customerHome-slide.slideone ul.slick-dots {
    bottom: 13px !important; }
  .customerHome-slide .slick-dots li button:before, .gallery-four .slick-dots li button:before, .articlesix-container .slick-dots li button:before {
    font-size: 7px !important; }
  .customerHome-slide .slick-dots li.slick-active button:before, .gallery-four .slick-dots li.slick-active button:before, .articlesix-container .slick-dots li.slick-active button:before {
    font-size: 9px !important; } }

.customerHome .customerHome-title {
  padding: 50px 50px 20px; }

.customerHome .codexlms-mod--courses {
  padding: 0px 35px 20px; }

.customerHome .codexlms-mod--courses__item:last-child {
  margin-right: 30px; }

.customerHome .customerHome-article {
  padding: 0px 35px 20px; }

.courseHome-welcome {
  padding: 50px 50px 50px; }
  .courseHome-welcome .courseHome-welcome__img {
    margin-left: calc(10%);
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-right: 20px; }
  .courseHome-welcome .courseHome-welcome__text {
    display: inline-block;
    position: relative;
    vertical-align: middle; }
    .courseHome-welcome .courseHome-welcome__text h2 {
      display: block; }

.codexlms-mod--article {
  padding: 0px 35px 20px;
  position: relative;
  margin: 0 auto; }
  .codexlms-mod--article .homeArticle-content {
    width: 50%;
    display: inline-block;
    position: relative;
    padding: 10px;
    border: none; }
  .codexlms-mod--article .homeArticle-img {
    display: inline-block;
    position: relative; }
  .codexlms-mod--article .homeArticle-img img {
    vertical-align: middle;
    margin-right: 20px;
    width: 230px;
    height: 150px; }
  .codexlms-mod--article .homeArticle-text {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    width: 50%; }

.ant-card-body {
  height: auto; }

.input-group button {
  cursor: pointer; }

.input-group button:hover {
  opacity: 0.85;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease; }

#root > div > div > section:nth-child(2) {
  padding-bottom: 0px; }

/* article*/
#content > div.customerHome > div.customerHome-article > div > div > div > div > div > div > div > div > div > div > div > div.ant-col-12 {
  margin-left: 15px; }

#content > div.customerHome > div.customerHome-article > div > div > div > div > div > div > div > div > div > div > div > div > a > h2 {
  font-size: 15px;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 9px;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 4.8em;
  line-height: 1.6em; }

#content > div.customerHome > div.customerHome-article > div > div > div > div > div > div > div > div > div > div > div > div > p:nth-child(2),
#content > div.customerHome > div.customerHome-article > div > div > div > div > div > div > div > div > div > div > div > div > p:nth-child(3) {
  margin-bottom: 9px;
  font-size: 12px; }

@media (max-width: 400px) {
  #content > div.customerHome > div.customerHome-article > div > div > div > div > div > div > div > div > div > div > div > div > p:nth-child(2),
  #content > div.customerHome > div.customerHome-article > div > div > div > div > div > div > div > div > div > div > div > div > p:nth-child(3) {
    font-size: 10px; } }

#content > div.customerHome > div.customerHome-article > div > div > div > div > div > div > div > div > div > div > div > div > p:nth-child(3),
#content > div.customerHome > div.customerHome-article > div > div > div > div > div > div > div > div > div > div > div > div > a:nth-child(4) {
  display: none; }

#content > div.customerHome > div.customerHome-article > div > div > div > div > div > div > div > div > div > div > div > div > p:nth-child(2) > p {
  display: none; }

#content > div.customerHome > div.customerHome-article > div > div > div > div > div > div > div > div > div > div > div > div > p:nth-child(2) {
  margin-bottom: 0px; }

/* main */
.courseHome-welcome,
.customerHome .customerHome-article,
.customerHome .customerHome-title {
  padding: 0px; }

#content > div.customerHome {
  overflow: hidden; }

#content > div.customerHome > div.customerHome-slide > div > div > div > div > div > div > div > img {
  width: 100%;
  max-height: 500px; }

#content > div.customerHome > div.customerHome-slide > div > div > div > div > div > div > div {
  max-height: 500px; }

@media (min-width: 1799px) {
  #content > div.customerHome > div.customerHome-article > div > div > div > div > div > div > div > div > div > div > div > div > p:nth-child(3),
  #content > div.customerHome > div.customerHome-article > div > div > div > div > div > div > div > div > div > div > div > div > p:nth-child(2) > p {
    display: block;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    height: 4.8em;
    line-height: 1.6em;
    margin-bottom: 8px;
    font-size: 12px; }
  #content > div.customerHome > div.customerHome-article > div > div > div > div > div > div > div > div > div > div > div > div > p:nth-child(3),
  #content > div.customerHome > div.customerHome-article > div > div > div > div > div > div > div > div > div > div > div > div > a:nth-child(4) {
    display: block; }
  #content > div.customerHome > div.customerHome-article > div > div > div > div > div > div > div > div > div > div > div > div > a > h2 {
    margin-top: 0px; }
  #content > div.customerHome > div.customerHome-slide > div > div > div > div > div > div > div > img {
    height: 750px; }
  #content > div.customerHome > div.customerHome-slide > div > div > div > div > div > div > div {
    height: 744px; } }

#content > div.ant-row > div > div > p > a > strong > img,
#content > div.ant-row > div > div > p > a > img,
#content > div.ant-row > div > div > p > img {
  max-height: 100%;
  max-width: 100%; }

#content > div.customerHome > div > div > div > iframe {
  max-width: 100%;
  max-height: 100%; }

@media (max-width: 820px) {
  #content > div.customerHome > div.courseHome-welcome > div > div > p > img {
    width: 100%;
    padding: 20px; }
  #content > div.customerHome > div.customerHome-slide > div > div > div > div > div > div > div > img {
    height: auto; } }

@media (max-width: 500px) {
  #content > div.customerHome > div.customerHome-article > div > div > div > div > div > div > div > div > div > div > div > div > a > h2 {
    font-size: 14px;
    font-weight: normal;
    max-height: 54px;
    line-height: 18px; }
  #content > div.customerHome > div.customerHome-article > div > div > div > div > div > div > div > div > div > div > div > div > p:nth-child(3) {
    font-size: 11px; } }

.client-listdata2 .ant-card-meta-description > div > div:nth-child(1) > div > span > div > p {
  margin: 0;
  font-size: 13px;
  height: 60px;
  overflow: hidden; }

.courseList-content .ant-card-cover a > img {
  height: auto; }

#content > div.customerHome > div.customerHome-course > div > div > div > div > div > div > div > div > div > div > div > div > div > div.ant-card-body > div > div > div.ant-card-meta-description > div > div:nth-child(1) > div > span > div > p > img {
  display: none; }

#content > div.customerHome > div.customerHome-course > div > div > div > div > div > div > div > div > div > div > div > div > div > div.ant-card-body > div > div > div.ant-card-meta-title > a > h4 {
  white-space: normal;
  height: 48px; }

#content > div.customerHome > div.customerHome-article > div > div > div > div > div > div > div > div {
  height: 170px; }

#content > div.customerHome > div > div > div > div > div > div.ant-list-pagination {
  display: none; }

.customerHome-slide.slide-three .slick-slide img {
  max-width: 2500px !important; }

.customerHome-slide.slide-three .slick-slide {
  padding-left: 7px;
  padding-right: 7px; }
  @media (max-width: 1025px) {
    .customerHome-slide.slide-three .slick-slide {
      padding-left: 0px;
      padding-right: 0px; } }

.customerHome-slide.slide-three .customerHome-slide-inner img:hover {
  opacity: 1; }

@media (max-width: 1025px) {
  .customerHome-slide.slide-three .slick-list {
    padding: 0 !important; } }

.ant-card-meta-description > div > div:nth-child(2) > div:nth-child(2) {
  text-align: right; }

.courseList-content .ant-card-cover {
  height: 200px;
  overflow: hidden; }

.courseList-container {
  width: 85%;
  margin: 0 auto;
  padding: 0px 0px 30px 0px; }
  .courseList-container .courseList-header {
    width: 100%;
    padding: 30px 0px 30px 0px; }
    .courseList-container .courseList-header .filter-bar {
      display: inline-block;
      width: 50%; }
    .courseList-container .courseList-header .filter-text {
      padding-right: 10px;
      font-size: 14px; }
    .courseList-container .courseList-header .search-bar {
      display: inline-block;
      width: 50%; }
  .courseList-container .courseList-content .ant-card-cover {
    margin-top: -1px; }
  .courseList-container .courseList-content .codexlms-mod--courses {
    padding: 0px 0px; }
  .courseList-container .courseList-content .codexlms-mod--courses__item:last-child {
    margin-right: 25px; }
  .courseList-container .courseList-content .courseList-pagination {
    text-align: center; }

.ant-card-meta-description {
  color: #555; }

.filter-select {
  color: rgba(0, 0, 0, 0.8); }

@media (max-width: 500px) {
  .courseList-container {
    width: 95%; } }

@media (min-width: 500px) {
  /* --- filter --- */
  #content > div.courseList-container > div.courseList-header > div.filter-bar > span {
    font-size: 24px; }
  #content > div.courseList-container > div.courseList-header > div.filter-bar > select {
    min-width: 45%;
    padding-left: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    height: 35px !important;
    border-radius: 4px !important; }
  /* --- search --- */
  #content > div.courseList-container > div.courseList-header > div.search-bar > span {
    width: 45%; }
  #content > div.courseList-container > div.courseList-header > div.search-bar > span > input {
    background: #fff;
    border-color: rgba(0, 0, 0, 0.1) !important;
    height: 35px !important;
    border-radius: 4px !important; } }

@media (max-width: 500px) {
  /* --- filter --- */
  #content > div.courseList-container > div.courseList-header > div.filter-bar > span {
    font-size: 24px; }
  #content > div.courseList-container > div.courseList-header > div.filter-bar > select {
    width: calc(100% - 5px);
    padding-left: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    height: 35px !important;
    border-radius: 4px !important; }
  /* --- search --- */
  #content > div.courseList-container > div.courseList-header > div.search-bar > span {
    width: calc(100% - 5px); }
  #content > div.courseList-container > div.courseList-header > div.search-bar > span > input {
    background: #fff;
    border-color: rgba(0, 0, 0, 0.1) !important;
    height: 35px !important;
    border-radius: 4px !important; } }

/* --- course list --- */
#content > div.MyAccountCourse > div > div:nth-child(2) > div > div.ant-spin-nested-loading > div > div,
#content > div.customerHome > div.customerHome-course > div > div > div > div > div > div > div.ant-spin-nested-loading > div > div,
#content > div.courseList-container > div.courseList-content > div > div > div > div.ant-spin-nested-loading > div > div {
  margin-left: -30px !important;
  margin-right: 0px !important; }

#content > div.MyAccountCourse > div > div > div > div.ant-spin-nested-loading > div > div > div,
#content > div.customerHome > div.customerHome-course > div > div > div > div > div > div > div.ant-spin-nested-loading > div > div > div,
#content > div.courseList-container > div.courseList-content > div > div > div > div.ant-spin-nested-loading > div > div > div {
  padding-left: 30px; }

@media (max-width: 500px) {
  #content > div.MyAccountCourse > div > div:nth-child(2) > div > div.ant-spin-nested-loading > div > div > div,
  #content > div.customerHome > div.customerHome-course > div > div > div > div > div > div > div.ant-spin-nested-loading > div > div > div,
  #content > div.courseList-container > div.courseList-content > div > div > div > div.ant-spin-nested-loading > div > div > div {
    padding-left: 15px; }
  #content > div.MyAccountCourse > div > div:nth-child(2) > div > div.ant-spin-nested-loading > div > div,
  #content > div.customerHome > div.customerHome-course > div > div > div > div > div > div > div.ant-spin-nested-loading > div > div,
  #content > div.courseList-container > div.courseList-content > div > div > div > div.ant-spin-nested-loading > div > div {
    margin-left: -15px !important; } }

#content > div.MyAccountCourse > div > div:nth-child(2) > div > div.ant-spin-nested-loading > div > div > div > div,
#content > div.customerHome > div.customerHome-course > div > div > div > div > div > div > div.ant-spin-nested-loading > div > div > div > div,
#content > div.courseList-container > div.courseList-content > div > div > div > div.ant-spin-nested-loading > div > div > div > div {
  background: #ffffff;
  color: #444;
  border-radius: 6px;
  webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }

#content > div.MyAccountCourse > div > div:nth-child(2) > div > div.ant-spin-nested-loading > div > div > div > div:hover,
#content > div.customerHome > div.customerHome-course > div > div > div > div > div > div > div.ant-spin-nested-loading > div > div > div > div:hover,
#content > div.courseList-container > div.courseList-content > div > div > div > div.ant-spin-nested-loading > div > div > div > div:hover {
  -webkit-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.15); }

#content > div.MyAccountCourse > div > div:nth-child(2) > div > div.ant-spin-nested-loading > div > div > div > div,
#content > div.customerHome > div.customerHome-course > div > div > div > div > div > div > div.ant-spin-nested-loading > div > div > div > div,
#content > div.courseList-container > div.courseList-content > div > div > div > div.ant-spin-nested-loading > div > div > div > div {
  padding-left: 0px !important;
  padding-right: 0px !important; }

#content > div.MyAccountCourse > div > div:nth-child(2) > div > div.ant-spin-nested-loading > div > div > div > div > div > div,
#content > div.customerHome > div.customerHome-course > div > div > div > div > div > div > div.ant-spin-nested-loading > div > div > div > div > div > div,
#content > div.courseList-container > div.courseList-content > div > div > div > div.ant-spin-nested-loading > div > div > div > div > div > div {
  border: 0px; }

/* course image */
#content > div.MyAccountCourse > div > div > div > div.ant-spin-nested-loading > div > div > div > div > div > a > div > div {
  border-radius: 6px;
  border: 0px; }

#content > div.MyAccountCourse > div > div > div > div.ant-spin-nested-loading > div > div > div > div > div > a > div > div > div.ant-card-cover > img,
#content > div.customerHome > div.customerHome-course > div > div > div > div > div > div > div.ant-spin-nested-loading > div > div > div > div > div > div > div.ant-card-cover > a > img,
#content > div.courseList-container > div.courseList-content > div > div > div > div.ant-spin-nested-loading > div > div > div > div > div > div > div.ant-card-cover > a > img {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px; }

@media (max-width: 500px) {
  #content > div.MyAccountCourse > div > div:nth-child(2) > div > div.ant-spin-nested-loading > div > div > div > div > div > div > div.ant-card-cover,
  #content > div.customerHome > div.customerHome-course > div > div > div > div > div > div > div.ant-spin-nested-loading > div > div > div > div > div > div > div.ant-card-cover,
  #content > div.courseList-container > div.courseList-content > div > div > div > div.ant-spin-nested-loading > div > div > div > div > div > div > div.ant-card-cover {
    height: 130px; }
  #content > div.MyAccountCourse > div > div:nth-child(2) > div > div.ant-spin-nested-loading > div > div > div > div > div > div > div.ant-card-cover > a > img,
  #content > div.customerHome > div.customerHome-course > div > div > div > div > div > div > div.ant-spin-nested-loading > div > div > div > div > div > div > div.ant-card-cover > a > img,
  #content > div.courseList-container > div.courseList-content > div > div > div > div.ant-spin-nested-loading > div > div > div > div > div > div > div.ant-card-cover > a > img {
    max-height: 130px !important; }
  #content > div.MyAccountCourse > div > div:nth-child(2) > div > div.ant-spin-nested-loading > div > div > div > div > div > div > div.ant-card-body > div > div > div.ant-card-meta-description > div > div:nth-child(2) > div > span,
  #content > div.customerHome > div.customerHome-course > div > div > div > div > div > div > div.ant-spin-nested-loading > div > div > div > div > div > div > div.ant-card-body > div > div > div.ant-card-meta-description > div > div:nth-child(2) > div > span,
  #content > div.courseList-container > div.courseList-content > div > div > div > div.ant-spin-nested-loading > div > div > div > div > div > div > div.ant-card-body > div > div > div.ant-card-meta-description > div > div:nth-child(2) > div > span {
    font-size: 12px; } }

/* description */
#content > div.MyAccountCourse > div > div.frame > div > div.ant-spin-nested-loading > div > div > div > div > div > a > div > div > div.ant-card-body > div > div > div.ant-card-meta-title,
#content > div.customerHome > div.customerHome-course > div > div > div > div > div > div > div.ant-spin-nested-loading > div > div > div > div > div > div > div.ant-card-body > div > div > div.ant-card-meta-title > a > h4,
#content > div.courseList-container > div.courseList-content > div > div > div > div.ant-spin-nested-loading > div > div > div > div > div > div > div.ant-card-body > div > div > div.ant-card-meta-title > a > h4 {
  margin-bottom: 0px;
  font-weight: bold;
  color: #555; }

#content > div.customerHome > div.customerHome-course > div > div > div > div > div > div > div.ant-spin-nested-loading > div > div > div > div > div > div > div.ant-card-body > div > div > div.ant-card-meta-description > div > div > div > span > div > p,
#content > div.courseList-container > div.courseList-content > div > div > div > div.ant-spin-nested-loading > div > div > div > div > div > div > div.ant-card-body > div > div > div.ant-card-meta-description > div > div > div > span > div > p {
  display: block;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  height: 5.4em;
  line-height: 1.8em;
  margin-bottom: 30px;
  font-size: 12px; }

@media (max-width: 575px) {
  #content > div.courseList-container > div.courseList-content > div > div > div > div > div > div > div > div > div > div > div.ant-card-body > div > div > div.ant-card-meta-description > div > div:nth-child(2),
  #content > div.customerHome > div.customerHome-course > div > div > div > div > div > div > div > div > div > div > div > div > div > div.ant-card-body > div > div > div.ant-card-meta-description > div > div:nth-child(2) > div {
    text-align: center; }
  #content > div.customerHome > div.customerHome-course > div > div > div > div > div > div > div.ant-spin-nested-loading > div > div > div > div > div > div > div.ant-card-body > div > div > div.ant-card-meta-description > div > div > div:nth-child(2),
  #content > div.courseList-container > div.courseList-content > div > div > div > div.ant-spin-nested-loading > div > div > div > div > div > div > div.ant-card-body > div > div > div.ant-card-meta-description > div > div > div:nth-child(2) {
    text-align: center !important;
    padding-top: 10px; } }

#content > div.customerHome > div.customerHome-course > div > div > div > div > div > div > div.ant-spin-nested-loading > div > div > div > div > div > div > div.ant-card-body > div > div > div.ant-card-meta-description > div > div > div:nth-child(2),
#content > div.courseList-container > div.courseList-content > div > div > div > div.ant-spin-nested-loading > div > div > div > div > div > div > div.ant-card-body > div > div > div.ant-card-meta-description > div > div > div:nth-child(2) {
  text-align: right; }

#content > div.customerHome > div.customerHome-course > div > div > div > div > div > div > div.ant-spin-nested-loading > div > div > div > div > div > div > div.ant-card-body {
  padding: 24px; }

@media (max-width: 500px) {
  #content > div.MyAccountCourse > div > div.frame > div > div.ant-spin-nested-loading > div > div > div > div > div > a > div > div > div.ant-card-body > div > div > div.ant-card-meta-description > div {
    font-size: 12px; }
  #content > div.courseList-container > div.courseList-content > div > div > div > div.ant-spin-nested-loading > div > div > div > div > div > div > div.ant-card-body,
  #content > div.MyAccountCourse > div > div.frame > div > div.ant-spin-nested-loading > div > div > div > div > div > a > div > div > div.ant-card-body,
  #content > div.customerHome > div.customerHome-course > div > div > div > div > div > div > div.ant-spin-nested-loading > div > div > div > div > div > div > div.ant-card-body {
    padding: 15px; } }

#content > div.MyAccountCourse > div > div.frame > div > div.ant-spin-nested-loading > div > div > div > div > div > a > div > div > div.ant-card-body {
  height: 120px; }

#content > div.courseList-container > div.courseList-content > div > div > div > div.ant-spin-nested-loading > div > div > div > div > div > div > div.ant-card-body > div > div > div.ant-card-meta-description > div > div:nth-child(1) > div > span > div > p > img {
  display: none; }

#content > div.courseList-container > div.courseList-content > div > div > div > div.ant-spin-nested-loading > div > div > div > div > div > div > div.ant-card-body > div > div > div.ant-card-meta-title > a > h4 {
  white-space: normal;
  height: 48px; }

.listdatathree .flip-card-front .ant-card-meta-detail {
  height: 100%; }

.listdatathree.list-data-three-from-product .ant-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.coursesix .ant-card-meta-description > div > div > div > span > div,
.listdatathree .ant-card-meta-description > div > div > div > span > div {
  border-bottom: 1px dashed #bbb;
  margin-bottom: 10px; }

.coursesix .flip-card,
.listdatathree .flip-card {
  background-color: transparent;
  -webkit-perspective: 1000px;
          perspective: 1000px; }

.coursesix .flip-card-inner,
.listdatathree .flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  border-radius: 4px;
  border-width: 1px;
  border-color: #f2f2f2;
  border-style: solid; }

.coursesix .flip-card:hover .flip-card-inner,
.listdatathree .flip-card:hover .flip-card-inner {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg); }

.coursesix .flip-card-back,
.listdatathree .flip-card-back {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 4px; }

.coursesix .flip-card-front,
.listdatathree .flip-card-front {
  background-color: #fff;
  color: black;
  border-radius: 4px;
  overflow: hidden; }
  .coursesix .flip-card-front img,
  .listdatathree .flip-card-front img {
    border-radius: 4px; }
    @media screen and (max-width: 500px) {
      .coursesix .flip-card-front img,
      .listdatathree .flip-card-front img {
        border-radius: 2px; } }
  .coursesix .flip-card-front .ant-card-meta-detail,
  .listdatathree .flip-card-front .ant-card-meta-detail {
    padding: 10px 20px; }
    .coursesix .flip-card-front .ant-card-meta-detail .ant-card-meta-title,
    .listdatathree .flip-card-front .ant-card-meta-detail .ant-card-meta-title {
      font-size: 16px;
      white-space: normal;
      text-overflow: unset;
      max-height: 80px; }
      @media screen and (max-width: 1500px) {
        .coursesix .flip-card-front .ant-card-meta-detail .ant-card-meta-title,
        .listdatathree .flip-card-front .ant-card-meta-detail .ant-card-meta-title {
          max-height: 55px; } }
      @media screen and (max-width: 800px) {
        .coursesix .flip-card-front .ant-card-meta-detail .ant-card-meta-title,
        .listdatathree .flip-card-front .ant-card-meta-detail .ant-card-meta-title {
          font-size: 14px; } }
      @media screen and (max-width: 500px) {
        .coursesix .flip-card-front .ant-card-meta-detail .ant-card-meta-title,
        .listdatathree .flip-card-front .ant-card-meta-detail .ant-card-meta-title {
          font-size: 12px;
          max-height: 40px; }
          .coursesix .flip-card-front .ant-card-meta-detail .ant-card-meta-title div,
          .listdatathree .flip-card-front .ant-card-meta-detail .ant-card-meta-title div {
            font-weight: 500 !important; } }
    .coursesix .flip-card-front .ant-card-meta-detail p,
    .listdatathree .flip-card-front .ant-card-meta-detail p {
      font-family: Kanit !important;
      font-size: 16px !important;
      font-weight: 700; }
      @media screen and (max-width: 800px) {
        .coursesix .flip-card-front .ant-card-meta-detail p,
        .listdatathree .flip-card-front .ant-card-meta-detail p {
          font-size: 14px !important; } }
      @media screen and (max-width: 500px) {
        .coursesix .flip-card-front .ant-card-meta-detail p,
        .listdatathree .flip-card-front .ant-card-meta-detail p {
          font-size: 13px !important; }
          .coursesix .flip-card-front .ant-card-meta-detail p div,
          .listdatathree .flip-card-front .ant-card-meta-detail p div {
            font-weight: 400 !important; } }
    .coursesix .flip-card-front .ant-card-meta-detail .teacher1,
    .listdatathree .flip-card-front .ant-card-meta-detail .teacher1 {
      font-size: 14px !important;
      font-weight: 400 !important;
      margin-bottom: 5px !important; }
      @media screen and (max-width: 800px) {
        .coursesix .flip-card-front .ant-card-meta-detail .teacher1,
        .listdatathree .flip-card-front .ant-card-meta-detail .teacher1 {
          font-size: 14px !important; } }
      @media screen and (max-width: 500px) {
        .coursesix .flip-card-front .ant-card-meta-detail .teacher1,
        .listdatathree .flip-card-front .ant-card-meta-detail .teacher1 {
          font-size: 11px !important;
          white-space: nowrap; } }
    .coursesix .flip-card-front .ant-card-meta-detail .freedocument,
    .listdatathree .flip-card-front .ant-card-meta-detail .freedocument {
      font-size: 13px !important;
      font-weight: 400 !important; }
      @media screen and (max-width: 800px) {
        .coursesix .flip-card-front .ant-card-meta-detail .freedocument,
        .listdatathree .flip-card-front .ant-card-meta-detail .freedocument {
          font-size: 12px !important; } }
      @media screen and (max-width: 500px) {
        .coursesix .flip-card-front .ant-card-meta-detail .freedocument,
        .listdatathree .flip-card-front .ant-card-meta-detail .freedocument {
          font-size: 10px !important; } }
    .coursesix .flip-card-front .ant-card-meta-detail p,
    .listdatathree .flip-card-front .ant-card-meta-detail p {
      font-size: 16px !important; }
      @media screen and (max-width: 500px) {
        .coursesix .flip-card-front .ant-card-meta-detail p,
        .listdatathree .flip-card-front .ant-card-meta-detail p {
          font-size: 12px !important; } }

.coursesix .flip-card-back,
.listdatathree .flip-card-back {
  background-color: #fff;
  color: #000;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  font-family: Kanit !important;
  text-align: left;
  padding: 15px 20px;
  cursor: default; }
  .coursesix .flip-card-back .ant-card-meta-detail,
  .listdatathree .flip-card-back .ant-card-meta-detail {
    min-height: 178px; }
    .coursesix .flip-card-back .ant-card-meta-detail .ant-card-meta-title,
    .listdatathree .flip-card-back .ant-card-meta-detail .ant-card-meta-title {
      font-size: 16px;
      padding-top: 5px;
      white-space: normal;
      text-overflow: unset;
      max-height: 60px; }
      @media screen and (max-width: 500px) {
        .coursesix .flip-card-back .ant-card-meta-detail .ant-card-meta-title,
        .listdatathree .flip-card-back .ant-card-meta-detail .ant-card-meta-title {
          font-size: 14px;
          max-height: 55px; } }
      @media screen and (max-width: 800px) {
        .coursesix .flip-card-back .ant-card-meta-detail .ant-card-meta-title,
        .listdatathree .flip-card-back .ant-card-meta-detail .ant-card-meta-title {
          font-size: 14px;
          max-height: 45px; } }
  .coursesix .flip-card-back .cat,
  .listdatathree .flip-card-back .cat {
    font-size: 12px;
    font-family: Kanit;
    color: #959495;
    margin-bottom: 5px; }
  .coursesix .flip-card-back .des,
  .listdatathree .flip-card-back .des {
    font-size: 12px;
    font-family: Kanit;
    font-weight: 400;
    color: #555;
    max-height: 70px; }
  .coursesix .flip-card-back .teacher,
  .listdatathree .flip-card-back .teacher {
    font-size: 12px !important;
    font-family: Kanit;
    max-height: 21px !important;
    font-weight: 400 !important; }
    @media screen and (max-width: 800px) {
      .coursesix .flip-card-back .teacher,
      .listdatathree .flip-card-back .teacher {
        font-size: 12px !important;
        max-height: 34px !important; } }
    @media screen and (max-width: 500px) {
      .coursesix .flip-card-back .teacher,
      .listdatathree .flip-card-back .teacher {
        font-size: 11px !important;
        max-height: 34px !important; } }
  .coursesix .flip-card-back .teacherEduroom,
  .listdatathree .flip-card-back .teacherEduroom {
    font-size: 12px !important;
    font-family: Kanit;
    max-height: 21px !important;
    font-weight: 400 !important; }
    @media screen and (max-width: 800px) {
      .coursesix .flip-card-back .teacherEduroom,
      .listdatathree .flip-card-back .teacherEduroom {
        font-size: 12px !important;
        max-height: 34px !important; } }
    @media screen and (max-width: 500px) {
      .coursesix .flip-card-back .teacherEduroom,
      .listdatathree .flip-card-back .teacherEduroom {
        font-size: 11px !important;
        max-height: 34px !important; } }
  .coursesix .flip-card-back .classtime,
  .listdatathree .flip-card-back .classtime {
    font-size: 12px !important;
    font-family: Kanit;
    text-align: right; }
    @media screen and (max-width: 800px) {
      .coursesix .flip-card-back .classtime,
      .listdatathree .flip-card-back .classtime {
        font-size: 12px !important;
        max-height: 45px !important; } }
    @media screen and (max-width: 500px) {
      .coursesix .flip-card-back .classtime,
      .listdatathree .flip-card-back .classtime {
        font-size: 11px !important;
        max-height: 45px !important; } }
  .coursesix .flip-card-back .coursecardfourbottom,
  .listdatathree .flip-card-back .coursecardfourbottom {
    position: absolute;
    bottom: 10px;
    width: calc(100% - 40px); }
  .coursesix .flip-card-back button,
  .listdatathree .flip-card-back button {
    width: 100%;
    height: 40px;
    border-radius: 4px;
    color: #fff;
    margin-bottom: 5px;
    font-size: 14px; }
    .coursesix .flip-card-back button:hover,
    .listdatathree .flip-card-back button:hover {
      opacity: .85; }
  .coursesix .flip-card-back .ant-card-meta-description p,
  .listdatathree .flip-card-back .ant-card-meta-description p {
    font-family: Kanit !important;
    font-size: 12px; }

.coursesix .card-list-course-four-wrapper .ant-card-bordered,
.listdatathree .card-list-course-four-wrapper .ant-card-bordered {
  border: 0px; }
  .coursesix .card-list-course-four-wrapper .ant-card-bordered .ant-card-body,
  .listdatathree .card-list-course-four-wrapper .ant-card-bordered .ant-card-body {
    padding: 0px; }

.coursesix .card-list-course-four-wrapper .ant-card-hoverable:hover,
.listdatathree .card-list-course-four-wrapper .ant-card-hoverable:hover {
  border-color: rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
          box-shadow: 0 0px 0px rgba(0, 0, 0, 0); }

.coursesix .card-list-course-four-wrapper .slick-track,
.listdatathree .card-list-course-four-wrapper .slick-track {
  padding: 0 40px; }

.coursesix .slide-arrow-left button,
.coursesix .slide-arrow-right button,
.listdatathree .slide-arrow-left button,
.listdatathree .slide-arrow-right button {
  background: transparent !important;
  margin-top: 120px;
  padding: 10px; }
  .coursesix .slide-arrow-left button i,
  .coursesix .slide-arrow-right button i,
  .listdatathree .slide-arrow-left button i,
  .listdatathree .slide-arrow-right button i {
    font-size: 40px; }
  .coursesix .slide-arrow-left button:hover,
  .coursesix .slide-arrow-right button:hover,
  .listdatathree .slide-arrow-left button:hover,
  .listdatathree .slide-arrow-right button:hover {
    background: #efefef !important;
    border-radius: 50%; }
  .coursesix .slide-arrow-left button:focus,
  .coursesix .slide-arrow-right button:focus,
  .listdatathree .slide-arrow-left button:focus,
  .listdatathree .slide-arrow-right button:focus {
    border: 0px !important;
    outline: 0; }
  @media screen and (max-width: 1500px) {
    .coursesix .slide-arrow-left button i,
    .coursesix .slide-arrow-right button i,
    .listdatathree .slide-arrow-left button i,
    .listdatathree .slide-arrow-right button i {
      font-size: 34px; } }
  @media screen and (max-width: 800px) {
    .coursesix .slide-arrow-left button,
    .coursesix .slide-arrow-right button,
    .listdatathree .slide-arrow-left button,
    .listdatathree .slide-arrow-right button {
      padding: 3px; }
      .coursesix .slide-arrow-left button i,
      .coursesix .slide-arrow-right button i,
      .listdatathree .slide-arrow-left button i,
      .listdatathree .slide-arrow-right button i {
        font-size: 18px; } }

.coursesix .slick-dots li,
.listdatathree .slick-dots li {
  border-top: 0px; }

.coursesix .slick-dots li button:before,
.listdatathree .slick-dots li button:before {
  font-size: 16px; }

.coursesix .slick-dots li.slick-active button:before,
.listdatathree .slick-dots li.slick-active button:before {
  font-size: 20px; }

@media screen and (max-width: 800px) {
  .coursesix .slick-dots,
  .listdatathree .slick-dots {
    bottom: -50px; } }

.listdata-filter-show {
  text-align: center;
  margin-top: 10px; }
  .listdata-filter-show .listdata-filter-show-title {
    font-size: 20px;
    font-weight: 500; }
    @media screen and (max-width: 1025px) {
      .listdata-filter-show .listdata-filter-show-title {
        font-size: 14px; } }
  .listdata-filter-show .listdata-filter-show-list {
    display: inline-block;
    position: relative;
    z-index: 3;
    position: relative; }
    .listdata-filter-show .listdata-filter-show-list div {
      display: inline-block; }
    .listdata-filter-show .listdata-filter-show-list .ant-tag,
    .listdata-filter-show .listdata-filter-show-list .ant-tag a,
    .listdata-filter-show .listdata-filter-show-list .ant-tag a:hover {
      color: #fff;
      font-size: 14px;
      padding: 5px 15px;
      background: #155fcf;
      border-radius: 25px !important;
      border: 0px; }
      @media screen and (max-width: 1025px) {
        .listdata-filter-show .listdata-filter-show-list .ant-tag,
        .listdata-filter-show .listdata-filter-show-list .ant-tag a,
        .listdata-filter-show .listdata-filter-show-list .ant-tag a:hover {
          font-size: 11px;
          padding: 0px 10px;
          margin: 3px; } }
      .listdata-filter-show .listdata-filter-show-list .ant-tag .anticon-close,
      .listdata-filter-show .listdata-filter-show-list .ant-tag a .anticon-close,
      .listdata-filter-show .listdata-filter-show-list .ant-tag a:hover .anticon-close {
        color: #fff !important; }
      .listdata-filter-show .listdata-filter-show-list .ant-tag :root .ant-tag .anticon-close,
      .listdata-filter-show .listdata-filter-show-list .ant-tag a :root .ant-tag .anticon-close,
      .listdata-filter-show .listdata-filter-show-list .ant-tag a:hover :root .ant-tag .anticon-close {
        font-size: 14px;
        color: #fff !important; }
        @media screen and (max-width: 1025px) {
          .listdata-filter-show .listdata-filter-show-list .ant-tag :root .ant-tag .anticon-close,
          .listdata-filter-show .listdata-filter-show-list .ant-tag a :root .ant-tag .anticon-close,
          .listdata-filter-show .listdata-filter-show-list .ant-tag a:hover :root .ant-tag .anticon-close {
            font-size: 12px; } }
        .listdata-filter-show .listdata-filter-show-list .ant-tag :root .ant-tag .anticon-close:hover,
        .listdata-filter-show .listdata-filter-show-list .ant-tag a :root .ant-tag .anticon-close:hover,
        .listdata-filter-show .listdata-filter-show-list .ant-tag a:hover :root .ant-tag .anticon-close:hover {
          color: #fff !important; }

.review-eight .ant-card-meta-description > div > div > div > span > div {
  border-bottom: 1px dashed #bbb;
  margin-bottom: 10px; }

.review-eight .flip-card {
  background-color: transparent;
  -webkit-perspective: 1000px;
          perspective: 1000px; }

.review-eight .flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  border-radius: 4px;
  border-width: 1px;
  border-color: #f2f2f2;
  border-style: solid; }

.review-eight .flip-card:hover .flip-card-inner {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg); }

.review-eight .flip-card-back {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 4px; }

.review-eight .flip-card-front {
  background-color: #fff;
  color: black;
  border-radius: 4px;
  overflow: hidden; }
  .review-eight .flip-card-front img {
    border-radius: 4px; }
    @media screen and (max-width: 500px) {
      .review-eight .flip-card-front img {
        border-radius: 2px; } }
  .review-eight .flip-card-front .ant-card-meta-detail {
    padding: 10px 20px; }
    .review-eight .flip-card-front .ant-card-meta-detail .ant-card-meta-title {
      font-size: 16px;
      white-space: normal;
      text-overflow: unset;
      max-height: 80px; }
      @media screen and (max-width: 1500px) {
        .review-eight .flip-card-front .ant-card-meta-detail .ant-card-meta-title {
          max-height: 55px; } }
      @media screen and (max-width: 800px) {
        .review-eight .flip-card-front .ant-card-meta-detail .ant-card-meta-title {
          font-size: 14px; } }
      @media screen and (max-width: 500px) {
        .review-eight .flip-card-front .ant-card-meta-detail .ant-card-meta-title {
          font-size: 12px;
          max-height: 40px; }
          .review-eight .flip-card-front .ant-card-meta-detail .ant-card-meta-title div {
            font-weight: 500 !important; } }
    .review-eight .flip-card-front .ant-card-meta-detail p {
      font-family: Kanit !important;
      font-size: 16px !important;
      font-weight: 700; }
      @media screen and (max-width: 800px) {
        .review-eight .flip-card-front .ant-card-meta-detail p {
          font-size: 14px !important; } }
      @media screen and (max-width: 500px) {
        .review-eight .flip-card-front .ant-card-meta-detail p {
          font-size: 13px !important; }
          .review-eight .flip-card-front .ant-card-meta-detail p div {
            font-weight: 400 !important; } }
    .review-eight .flip-card-front .ant-card-meta-detail .teacher1 {
      font-size: 14px !important;
      font-weight: 400 !important;
      margin-bottom: 5px !important; }
      @media screen and (max-width: 800px) {
        .review-eight .flip-card-front .ant-card-meta-detail .teacher1 {
          font-size: 14px !important; } }
      @media screen and (max-width: 500px) {
        .review-eight .flip-card-front .ant-card-meta-detail .teacher1 {
          font-size: 11px !important;
          white-space: nowrap; } }
    .review-eight .flip-card-front .ant-card-meta-detail .freedocument {
      font-size: 13px !important;
      font-weight: 400 !important; }
      @media screen and (max-width: 800px) {
        .review-eight .flip-card-front .ant-card-meta-detail .freedocument {
          font-size: 12px !important; } }
      @media screen and (max-width: 500px) {
        .review-eight .flip-card-front .ant-card-meta-detail .freedocument {
          font-size: 10px !important; } }
    .review-eight .flip-card-front .ant-card-meta-detail p {
      font-size: 16px !important; }
      @media screen and (max-width: 500px) {
        .review-eight .flip-card-front .ant-card-meta-detail p {
          font-size: 12px !important; } }

.review-eight .flip-card-back {
  background-color: #fff;
  color: #000;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  font-family: Kanit !important;
  text-align: left;
  padding: 15px 20px;
  cursor: default; }
  .review-eight .flip-card-back .ant-card-meta-detail {
    min-height: 178px; }
    .review-eight .flip-card-back .ant-card-meta-detail .ant-card-meta-title {
      font-size: 16px;
      padding-top: 5px;
      white-space: normal;
      text-overflow: unset;
      max-height: 60px; }
      @media screen and (max-width: 500px) {
        .review-eight .flip-card-back .ant-card-meta-detail .ant-card-meta-title {
          font-size: 14px;
          max-height: 55px; } }
      @media screen and (max-width: 800px) {
        .review-eight .flip-card-back .ant-card-meta-detail .ant-card-meta-title {
          font-size: 14px;
          max-height: 45px; } }
  .review-eight .flip-card-back .cat {
    font-size: 12px;
    font-family: Kanit;
    color: #959495;
    margin-bottom: 5px; }
  .review-eight .flip-card-back .des {
    font-size: 12px;
    font-family: Kanit;
    font-weight: 400;
    color: #555;
    max-height: 70px; }
  .review-eight .flip-card-back .teacher {
    font-size: 12px !important;
    font-family: Kanit;
    max-height: 21px !important;
    font-weight: 400 !important; }
    @media screen and (max-width: 800px) {
      .review-eight .flip-card-back .teacher {
        font-size: 12px !important;
        max-height: 34px !important; } }
    @media screen and (max-width: 500px) {
      .review-eight .flip-card-back .teacher {
        font-size: 11px !important;
        max-height: 34px !important; } }
  .review-eight .flip-card-back .teacherEduroom {
    font-size: 12px !important;
    font-family: Kanit;
    max-height: 21px !important;
    font-weight: 400 !important; }
    @media screen and (max-width: 800px) {
      .review-eight .flip-card-back .teacherEduroom {
        font-size: 12px !important;
        max-height: 34px !important; } }
    @media screen and (max-width: 500px) {
      .review-eight .flip-card-back .teacherEduroom {
        font-size: 11px !important;
        max-height: 34px !important; } }
  .review-eight .flip-card-back .classtime {
    font-size: 12px !important;
    font-family: Kanit;
    text-align: right; }
    @media screen and (max-width: 800px) {
      .review-eight .flip-card-back .classtime {
        font-size: 12px !important;
        max-height: 45px !important; } }
    @media screen and (max-width: 500px) {
      .review-eight .flip-card-back .classtime {
        font-size: 11px !important;
        max-height: 45px !important; } }
  .review-eight .flip-card-back .coursecardfourbottom {
    position: absolute;
    bottom: 10px;
    width: calc(100% - 40px); }
  .review-eight .flip-card-back button {
    width: 100%;
    height: 40px;
    border-radius: 4px;
    color: #fff;
    margin-bottom: 5px;
    font-size: 14px; }
    .review-eight .flip-card-back button:hover {
      opacity: .85; }
  .review-eight .flip-card-back .ant-card-meta-description p {
    font-family: Kanit !important;
    font-size: 12px; }

.review-eight .card-list-course-four-wrapper .ant-card-bordered {
  border: 0px; }
  .review-eight .card-list-course-four-wrapper .ant-card-bordered .ant-card-body {
    padding: 0px; }

.review-eight .card-list-course-four-wrapper .ant-card-hoverable:hover {
  border-color: rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
          box-shadow: 0 0px 0px rgba(0, 0, 0, 0); }

.review-eight .card-list-course-four-wrapper .slick-track {
  padding: 0 40px; }

.review-eight .slide-arrow-left button,
.review-eight .slide-arrow-right button {
  background: transparent !important;
  margin-top: 25px;
  padding: 10px; }
  .review-eight .slide-arrow-left button i,
  .review-eight .slide-arrow-right button i {
    font-size: 40px; }
  .review-eight .slide-arrow-left button:hover,
  .review-eight .slide-arrow-right button:hover {
    background: #efefef !important;
    border-radius: 50%; }
  .review-eight .slide-arrow-left button:focus,
  .review-eight .slide-arrow-right button:focus {
    border: 0px !important;
    outline: 0; }
  @media screen and (max-width: 1500px) {
    .review-eight .slide-arrow-left button i,
    .review-eight .slide-arrow-right button i {
      font-size: 34px; } }
  @media screen and (max-width: 800px) {
    .review-eight .slide-arrow-left button,
    .review-eight .slide-arrow-right button {
      padding: 3px; }
      .review-eight .slide-arrow-left button i,
      .review-eight .slide-arrow-right button i {
        font-size: 18px; } }

.review-eight .slick-dots li {
  border-top: 0px; }

.review-eight .slick-dots li button:before {
  font-size: 16px; }

.review-eight .slick-dots li.slick-active button:before {
  font-size: 20px; }

@media screen and (max-width: 800px) {
  .review-eight .slick-dots {
    bottom: -50px; } }

.listdata-filter-show {
  text-align: center;
  margin-top: 10px; }
  .listdata-filter-show .listdata-filter-show-title {
    font-size: 20px;
    font-weight: 500; }
    @media screen and (max-width: 1025px) {
      .listdata-filter-show .listdata-filter-show-title {
        font-size: 14px; } }
  .listdata-filter-show .listdata-filter-show-list {
    display: inline-block;
    position: relative;
    z-index: 3;
    position: relative; }
    .listdata-filter-show .listdata-filter-show-list div {
      display: inline-block; }
    .listdata-filter-show .listdata-filter-show-list .ant-tag,
    .listdata-filter-show .listdata-filter-show-list .ant-tag a,
    .listdata-filter-show .listdata-filter-show-list .ant-tag a:hover {
      color: #fff;
      font-size: 14px;
      padding: 5px 15px;
      background: #155fcf;
      border-radius: 25px !important;
      border: 0px; }
      @media screen and (max-width: 1025px) {
        .listdata-filter-show .listdata-filter-show-list .ant-tag,
        .listdata-filter-show .listdata-filter-show-list .ant-tag a,
        .listdata-filter-show .listdata-filter-show-list .ant-tag a:hover {
          font-size: 11px;
          padding: 0px 10px;
          margin: 3px; } }
      .listdata-filter-show .listdata-filter-show-list .ant-tag .anticon-close,
      .listdata-filter-show .listdata-filter-show-list .ant-tag a .anticon-close,
      .listdata-filter-show .listdata-filter-show-list .ant-tag a:hover .anticon-close {
        color: #fff !important; }
      .listdata-filter-show .listdata-filter-show-list .ant-tag :root .ant-tag .anticon-close,
      .listdata-filter-show .listdata-filter-show-list .ant-tag a :root .ant-tag .anticon-close,
      .listdata-filter-show .listdata-filter-show-list .ant-tag a:hover :root .ant-tag .anticon-close {
        font-size: 14px;
        color: #fff !important; }
        @media screen and (max-width: 1025px) {
          .listdata-filter-show .listdata-filter-show-list .ant-tag :root .ant-tag .anticon-close,
          .listdata-filter-show .listdata-filter-show-list .ant-tag a :root .ant-tag .anticon-close,
          .listdata-filter-show .listdata-filter-show-list .ant-tag a:hover :root .ant-tag .anticon-close {
            font-size: 12px; } }
        .listdata-filter-show .listdata-filter-show-list .ant-tag :root .ant-tag .anticon-close:hover,
        .listdata-filter-show .listdata-filter-show-list .ant-tag a :root .ant-tag .anticon-close:hover,
        .listdata-filter-show .listdata-filter-show-list .ant-tag a:hover :root .ant-tag .anticon-close:hover {
          color: #fff !important; }

.courseFourteen .ant-card-meta-description > div > div > div > span > div {
  border-bottom: 1px dashed #bbb;
  margin-bottom: 10px; }

.courseFourteen .flip-card {
  background-color: transparent;
  -webkit-perspective: 1000px;
          perspective: 1000px; }

.courseFourteen .flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  border-radius: 4px;
  border-width: 1px;
  border-color: #f2f2f2;
  border-style: solid; }

.courseFourteen .flip-card:hover .flip-card-inner {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg); }

.courseFourteen .flip-card-back {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 4px; }

.courseFourteen .flip-card-front {
  background-color: #fff;
  color: black;
  border-radius: 4px;
  overflow: hidden; }
  .courseFourteen .flip-card-front img {
    border-radius: 4px; }
    @media screen and (max-width: 500px) {
      .courseFourteen .flip-card-front img {
        border-radius: 2px; } }
  .courseFourteen .flip-card-front .ant-card-meta-detail {
    padding: 10px 20px; }
    .courseFourteen .flip-card-front .ant-card-meta-detail .ant-card-meta-title {
      font-size: 16px;
      white-space: normal;
      text-overflow: unset;
      max-height: 80px; }
      @media screen and (max-width: 1500px) {
        .courseFourteen .flip-card-front .ant-card-meta-detail .ant-card-meta-title {
          max-height: 55px; } }
      @media screen and (max-width: 800px) {
        .courseFourteen .flip-card-front .ant-card-meta-detail .ant-card-meta-title {
          font-size: 14px; } }
      @media screen and (max-width: 500px) {
        .courseFourteen .flip-card-front .ant-card-meta-detail .ant-card-meta-title {
          font-size: 12px;
          max-height: 40px; }
          .courseFourteen .flip-card-front .ant-card-meta-detail .ant-card-meta-title div {
            font-weight: 500 !important; } }
    .courseFourteen .flip-card-front .ant-card-meta-detail p {
      font-family: Kanit !important;
      font-size: 16px !important;
      font-weight: 700; }
      @media screen and (max-width: 800px) {
        .courseFourteen .flip-card-front .ant-card-meta-detail p {
          font-size: 14px !important; } }
      @media screen and (max-width: 500px) {
        .courseFourteen .flip-card-front .ant-card-meta-detail p {
          font-size: 13px !important; }
          .courseFourteen .flip-card-front .ant-card-meta-detail p div {
            font-weight: 400 !important; } }
    .courseFourteen .flip-card-front .ant-card-meta-detail .teacher1 {
      font-size: 14px !important;
      font-weight: 400 !important;
      margin-bottom: 5px !important; }
      @media screen and (max-width: 800px) {
        .courseFourteen .flip-card-front .ant-card-meta-detail .teacher1 {
          font-size: 14px !important; } }
      @media screen and (max-width: 500px) {
        .courseFourteen .flip-card-front .ant-card-meta-detail .teacher1 {
          font-size: 11px !important;
          white-space: nowrap; } }
    .courseFourteen .flip-card-front .ant-card-meta-detail .freedocument {
      font-size: 13px !important;
      font-weight: 400 !important; }
      @media screen and (max-width: 800px) {
        .courseFourteen .flip-card-front .ant-card-meta-detail .freedocument {
          font-size: 12px !important; } }
      @media screen and (max-width: 500px) {
        .courseFourteen .flip-card-front .ant-card-meta-detail .freedocument {
          font-size: 10px !important; } }
    .courseFourteen .flip-card-front .ant-card-meta-detail p {
      font-size: 16px !important; }
      @media screen and (max-width: 500px) {
        .courseFourteen .flip-card-front .ant-card-meta-detail p {
          font-size: 12px !important; } }

.courseFourteen .flip-card-back {
  background-color: #fff;
  color: #000;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  font-family: Kanit !important;
  text-align: left;
  padding: 15px 20px;
  cursor: default; }
  .courseFourteen .flip-card-back .ant-card-meta-detail {
    min-height: 178px; }
    .courseFourteen .flip-card-back .ant-card-meta-detail .ant-card-meta-title {
      font-size: 16px;
      padding-top: 5px;
      white-space: normal;
      text-overflow: unset;
      max-height: 60px; }
      @media screen and (max-width: 500px) {
        .courseFourteen .flip-card-back .ant-card-meta-detail .ant-card-meta-title {
          font-size: 14px;
          max-height: 55px; } }
      @media screen and (max-width: 800px) {
        .courseFourteen .flip-card-back .ant-card-meta-detail .ant-card-meta-title {
          font-size: 14px;
          max-height: 45px; } }
  .courseFourteen .flip-card-back .cat {
    font-size: 12px;
    font-family: Kanit;
    color: #959495;
    margin-bottom: 5px; }
  .courseFourteen .flip-card-back .des {
    font-size: 12px;
    font-family: Kanit;
    font-weight: 400;
    color: #555;
    max-height: 70px; }
  .courseFourteen .flip-card-back .teacher {
    font-size: 12px !important;
    font-family: Kanit;
    max-height: 21px !important;
    font-weight: 400 !important; }
    @media screen and (max-width: 800px) {
      .courseFourteen .flip-card-back .teacher {
        font-size: 12px !important;
        max-height: 34px !important; } }
    @media screen and (max-width: 500px) {
      .courseFourteen .flip-card-back .teacher {
        font-size: 11px !important;
        max-height: 34px !important; } }
  .courseFourteen .flip-card-back .teacherEduroom {
    font-size: 12px !important;
    font-family: Kanit;
    max-height: 21px !important;
    font-weight: 400 !important; }
    @media screen and (max-width: 800px) {
      .courseFourteen .flip-card-back .teacherEduroom {
        font-size: 12px !important;
        max-height: 34px !important; } }
    @media screen and (max-width: 500px) {
      .courseFourteen .flip-card-back .teacherEduroom {
        font-size: 11px !important;
        max-height: 34px !important; } }
  .courseFourteen .flip-card-back .classtime {
    font-size: 12px !important;
    font-family: Kanit;
    text-align: right; }
    @media screen and (max-width: 800px) {
      .courseFourteen .flip-card-back .classtime {
        font-size: 12px !important;
        max-height: 45px !important; } }
    @media screen and (max-width: 500px) {
      .courseFourteen .flip-card-back .classtime {
        font-size: 11px !important;
        max-height: 45px !important; } }
  .courseFourteen .flip-card-back .coursecardfourbottom {
    position: absolute;
    bottom: 10px;
    width: calc(100% - 40px); }
  .courseFourteen .flip-card-back button {
    width: 100%;
    height: 40px;
    border-radius: 4px;
    color: #fff;
    margin-bottom: 5px;
    font-size: 14px; }
    .courseFourteen .flip-card-back button:hover {
      opacity: .85; }
  .courseFourteen .flip-card-back .ant-card-meta-description p {
    font-family: Kanit !important;
    font-size: 12px; }

.courseFourteen .card-list-course-four-wrapper .ant-card-bordered {
  border: 0px; }
  .courseFourteen .card-list-course-four-wrapper .ant-card-bordered .ant-card-body {
    padding: 0px; }

.courseFourteen .card-list-course-four-wrapper .ant-card-hoverable:hover {
  border-color: rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
          box-shadow: 0 0px 0px rgba(0, 0, 0, 0); }

.courseFourteen .card-list-course-four-wrapper .slick-track {
  padding: 0 40px; }

.courseFourteen .slide-arrow-left button,
.courseFourteen .slide-arrow-right button {
  background: transparent !important;
  margin-top: 120px;
  padding: 10px; }
  .courseFourteen .slide-arrow-left button i,
  .courseFourteen .slide-arrow-right button i {
    font-size: 40px; }
  .courseFourteen .slide-arrow-left button:hover,
  .courseFourteen .slide-arrow-right button:hover {
    background: #efefef !important;
    border-radius: 50%; }
  .courseFourteen .slide-arrow-left button:focus,
  .courseFourteen .slide-arrow-right button:focus {
    border: 0px !important;
    outline: 0; }
  @media screen and (max-width: 1500px) {
    .courseFourteen .slide-arrow-left button i,
    .courseFourteen .slide-arrow-right button i {
      font-size: 34px; } }
  @media screen and (max-width: 800px) {
    .courseFourteen .slide-arrow-left button,
    .courseFourteen .slide-arrow-right button {
      padding: 3px; }
      .courseFourteen .slide-arrow-left button i,
      .courseFourteen .slide-arrow-right button i {
        font-size: 18px; } }

.courseFourteen .slick-dots li {
  border-top: 0px; }

.courseFourteen .slick-dots li button:before {
  font-size: 16px; }

.courseFourteen .slick-dots li.slick-active button:before {
  font-size: 20px; }

@media screen and (max-width: 800px) {
  .courseFourteen .slick-dots {
    bottom: -50px; } }

.listdata-filter-show {
  text-align: center;
  margin-top: 10px; }
  .listdata-filter-show .listdata-filter-show-title {
    font-size: 20px;
    font-weight: 500; }
    @media screen and (max-width: 1025px) {
      .listdata-filter-show .listdata-filter-show-title {
        font-size: 14px; } }
  .listdata-filter-show .listdata-filter-show-list {
    display: inline-block;
    position: relative;
    z-index: 3;
    position: relative; }
    .listdata-filter-show .listdata-filter-show-list div {
      display: inline-block; }
    .listdata-filter-show .listdata-filter-show-list .ant-tag,
    .listdata-filter-show .listdata-filter-show-list .ant-tag a,
    .listdata-filter-show .listdata-filter-show-list .ant-tag a:hover {
      color: #fff;
      font-size: 14px;
      padding: 5px 15px;
      background: #155fcf;
      border-radius: 25px !important;
      border: 0px; }
      @media screen and (max-width: 1025px) {
        .listdata-filter-show .listdata-filter-show-list .ant-tag,
        .listdata-filter-show .listdata-filter-show-list .ant-tag a,
        .listdata-filter-show .listdata-filter-show-list .ant-tag a:hover {
          font-size: 11px;
          padding: 0px 10px;
          margin: 3px; } }
      .listdata-filter-show .listdata-filter-show-list .ant-tag .anticon-close,
      .listdata-filter-show .listdata-filter-show-list .ant-tag a .anticon-close,
      .listdata-filter-show .listdata-filter-show-list .ant-tag a:hover .anticon-close {
        color: #fff !important; }
      .listdata-filter-show .listdata-filter-show-list .ant-tag :root .ant-tag .anticon-close,
      .listdata-filter-show .listdata-filter-show-list .ant-tag a :root .ant-tag .anticon-close,
      .listdata-filter-show .listdata-filter-show-list .ant-tag a:hover :root .ant-tag .anticon-close {
        font-size: 14px;
        color: #fff !important; }
        @media screen and (max-width: 1025px) {
          .listdata-filter-show .listdata-filter-show-list .ant-tag :root .ant-tag .anticon-close,
          .listdata-filter-show .listdata-filter-show-list .ant-tag a :root .ant-tag .anticon-close,
          .listdata-filter-show .listdata-filter-show-list .ant-tag a:hover :root .ant-tag .anticon-close {
            font-size: 12px; } }
        .listdata-filter-show .listdata-filter-show-list .ant-tag :root .ant-tag .anticon-close:hover,
        .listdata-filter-show .listdata-filter-show-list .ant-tag a :root .ant-tag .anticon-close:hover,
        .listdata-filter-show .listdata-filter-show-list .ant-tag a:hover :root .ant-tag .anticon-close:hover {
          color: #fff !important; }

.listdatasix-filter-show {
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: 16px; }
  .listdatasix-filter-show .listdata-filter-show-title {
    font-size: 14px;
    font-weight: 500; }
    @media screen and (max-width: 1025px) {
      .listdatasix-filter-show .listdata-filter-show-title {
        font-size: 14px; } }
  .listdatasix-filter-show .listdata-filter-show-list {
    display: inline-block;
    position: relative;
    z-index: 3;
    position: relative; }
    .listdatasix-filter-show .listdata-filter-show-list div {
      display: inline-block; }
    .listdatasix-filter-show .listdata-filter-show-list .ant-tag, .listdatasix-filter-show .listdata-filter-show-list .ant-tag a, .listdatasix-filter-show .listdata-filter-show-list .ant-tag a:hover {
      color: #fff;
      font-size: 14px;
      padding: 5px 15px;
      background: #155fcf;
      border-radius: 25px !important;
      border: 0px; }
      @media screen and (max-width: 1025px) {
        .listdatasix-filter-show .listdata-filter-show-list .ant-tag, .listdatasix-filter-show .listdata-filter-show-list .ant-tag a, .listdatasix-filter-show .listdata-filter-show-list .ant-tag a:hover {
          font-size: 11px;
          padding: 0px 10px;
          margin: 3px; } }
      .listdatasix-filter-show .listdata-filter-show-list .ant-tag :root .ant-tag .anticon-close, .listdatasix-filter-show .listdata-filter-show-list .ant-tag a :root .ant-tag .anticon-close, .listdatasix-filter-show .listdata-filter-show-list .ant-tag a:hover :root .ant-tag .anticon-close {
        font-size: 14px; }
        @media screen and (max-width: 1025px) {
          .listdatasix-filter-show .listdata-filter-show-list .ant-tag :root .ant-tag .anticon-close, .listdatasix-filter-show .listdata-filter-show-list .ant-tag a :root .ant-tag .anticon-close, .listdatasix-filter-show .listdata-filter-show-list .ant-tag a:hover :root .ant-tag .anticon-close {
            font-size: 12px; } }
        .listdatasix-filter-show .listdata-filter-show-list .ant-tag :root .ant-tag .anticon-close:hover, .listdatasix-filter-show .listdata-filter-show-list .ant-tag a :root .ant-tag .anticon-close:hover, .listdatasix-filter-show .listdata-filter-show-list .ant-tag a:hover :root .ant-tag .anticon-close:hover {
          color: #fff !important; }

.listdatathree-sec-header span {
  z-index: 3;
  position: relative; }

.cardlistthree-filter-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.leftfilter-listdatathree {
  font-size: 16px;
  font-weight: 300; }
  .leftfilter-listdatathree .outer {
    border-radius: 8px; }
    .leftfilter-listdatathree .outer .title-box {
      border-radius: 8px 8px 0 0; }
      .leftfilter-listdatathree .outer .title-box .title {
        font-weight: 500;
        font-size: 20px; }
    .leftfilter-listdatathree .outer .list-box {
      border-radius: 0 0 8px 8px;
      background: #fff;
      border: 1px solid #d4d4d4 !important;
      border-top: 0px !important; }
      .leftfilter-listdatathree .outer .list-box .list-box-seacrh {
        padding: 0px 10px; }
        .leftfilter-listdatathree .outer .list-box .list-box-seacrh .ant-input {
          font-size: 16px;
          height: 45px !important;
          border-radius: 8px !important;
          margin-top: 15px;
          margin-bottom: 15px;
          font-weight: 300; }
        .leftfilter-listdatathree .outer .list-box .list-box-seacrh .ant-checkbox-wrapper {
          font-size: 16px;
          display: block;
          margin-left: 8px;
          margin-bottom: 15px; }
      .leftfilter-listdatathree .outer .list-box .filter-toggle {
        border-top: 1px solid #f5f5f5;
        border-bottom: 1px solid #f5f5f5;
        padding: 15px 20px !important; }
        .leftfilter-listdatathree .outer .list-box .filter-toggle p {
          font-weight: 600;
          font-size: 18px;
          margin-bottom: 0px; }
      .leftfilter-listdatathree .outer .list-box .left-filter-item p {
        padding: 10px 20px !important;
        margin-bottom: 0px; }
    .leftfilter-listdatathree .outer .list-box-group-checkbox {
      padding: 10px 20px !important;
      margin-bottom: 0px; }
      .leftfilter-listdatathree .outer .list-box-group-checkbox .ant-checkbox-wrapper {
        font-size: 16px; }
      .leftfilter-listdatathree .outer .list-box-group-checkbox .ant-input {
        font-size: 16px;
        height: 35px !important;
        border-radius: 8px !important;
        margin-top: 15px;
        margin-bottom: 15px;
        font-weight: 300; }
      .leftfilter-listdatathree .outer .list-box-group-checkbox button {
        width: 100%;
        margin: 0 auto;
        display: block;
        height: 45px;
        font-size: 18px;
        color: #fff;
        margin-bottom: 20px;
        border: 0px; }
        .leftfilter-listdatathree .outer .list-box-group-checkbox button:hover {
          opacity: .85; }

.customerHome-slide .arrow-left,
.customerHome-slide .arrow-right,
.gallery-four .arrow-left,
.gallery-four .arrow-right,
.articlesix-container .arrow-left,
.articlesix-container .arrow-right {
  background: transparent !important;
  padding: 10px; }
  .customerHome-slide .arrow-left i,
  .customerHome-slide .arrow-right i,
  .gallery-four .arrow-left i,
  .gallery-four .arrow-right i,
  .articlesix-container .arrow-left i,
  .articlesix-container .arrow-right i {
    font-size: 40px; }
  .customerHome-slide .arrow-left:hover,
  .customerHome-slide .arrow-right:hover,
  .gallery-four .arrow-left:hover,
  .gallery-four .arrow-right:hover,
  .articlesix-container .arrow-left:hover,
  .articlesix-container .arrow-right:hover {
    background: #dadada !important;
    border-radius: 50%; }
  .customerHome-slide .arrow-left:focus,
  .customerHome-slide .arrow-right:focus,
  .gallery-four .arrow-left:focus,
  .gallery-four .arrow-right:focus,
  .articlesix-container .arrow-left:focus,
  .articlesix-container .arrow-right:focus {
    border: 0px !important;
    outline: 0; }
  @media screen and (max-width: 1500px) {
    .customerHome-slide .arrow-left i,
    .customerHome-slide .arrow-right i,
    .gallery-four .arrow-left i,
    .gallery-four .arrow-right i,
    .articlesix-container .arrow-left i,
    .articlesix-container .arrow-right i {
      font-size: 34px; } }
  @media screen and (max-width: 800px) {
    .customerHome-slide .arrow-left,
    .customerHome-slide .arrow-right,
    .gallery-four .arrow-left,
    .gallery-four .arrow-right,
    .articlesix-container .arrow-left,
    .articlesix-container .arrow-right {
      padding: 3px; }
      .customerHome-slide .arrow-left i,
      .customerHome-slide .arrow-right i,
      .gallery-four .arrow-left i,
      .gallery-four .arrow-right i,
      .articlesix-container .arrow-left i,
      .articlesix-container .arrow-right i {
        font-size: 18px; } }

.customerHome-slide .slick-dots li,
.gallery-four .slick-dots li,
.articlesix-container .slick-dots li {
  border-top: 0px; }

.customerHome-slide .newcourse,
.gallery-four .newcourse,
.articlesix-container .newcourse {
  text-align: left;
  font-size: 40px;
  font-weight: 500;
  color: #3b3b3c;
  margin-bottom: 0; }
  @media screen and (max-width: 800px) {
    .customerHome-slide .newcourse,
    .gallery-four .newcourse,
    .articlesix-container .newcourse {
      font-size: 24px; } }

@media screen and (max-width: 800px) {
  .customerHome-slide .slick-dots,
  .gallery-four .slick-dots,
  .articlesix-container .slick-dots {
    bottom: -50px; } }

.customerHome-slide .slick-slide .ant-card-bordered,
.gallery-four .slick-slide .ant-card-bordered,
.articlesix-container .slick-slide .ant-card-bordered {
  border: 0px solid #e8e8e8;
  border-radius: 8px; }
  .customerHome-slide .slick-slide .ant-card-bordered .ant-card-cover,
  .gallery-four .slick-slide .ant-card-bordered .ant-card-cover,
  .articlesix-container .slick-slide .ant-card-bordered .ant-card-cover {
    padding-top: 50%;
    height: 0; }
    .customerHome-slide .slick-slide .ant-card-bordered .ant-card-cover img,
    .gallery-four .slick-slide .ant-card-bordered .ant-card-cover img,
    .articlesix-container .slick-slide .ant-card-bordered .ant-card-cover img {
      border-radius: 8px;
      -o-object-fit: contain;
         object-fit: contain; }

.customerHome-slide .slick-slide {
  padding-left: 0px;
  padding-right: 0px; }

.client-article-height .cardlistarticlethree-body, .client-article-height .cardlistarticlethree-body {
  height: auto !important; }
  @media screen and (min-width: 576px) {
    .client-article-height .cardlistarticlethree-body, .client-article-height .cardlistarticlethree-body {
      height: 156.5px !important; } }

.client-article-height .slick-list {
  min-height: 350px !important; }
  @media screen and (max-width: 1280px) {
    .client-article-height .slick-list {
      min-height: 330px !important; } }
  @media screen and (max-width: 600px) {
    .client-article-height .slick-list {
      min-height: 330px !important; } }

.customerHome-slide .arrow-left, .customerHome-slide .arrow-right {
  margin-top: 200px; }

@media only screen and (max-width: 1400px) {
  .customerHome-slide .arrow-left, .customerHome-slide .arrow-right {
    margin-top: 230px !important; } }

@media only screen and (max-width: 1100px) {
  .customerHome-slide .arrow-left, .customerHome-slide .arrow-right {
    margin-top: 185px !important; } }

.cardlistthree-filter-mobile {
  padding: 15px;
  position: relative;
  z-index: 3; }
  .cardlistthree-filter-mobile .ant-input-group {
    height: 45px !important;
    border: 0px; }
  .cardlistthree-filter-mobile .ant-input {
    height: 45px !important;
    border-radius: 4px 0 0 4px !important; }
  .cardlistthree-filter-mobile .ant-input-group-addon {
    border-radius: 0px 4px 4px 0px !important; }

.cardlistthree-filter-mobile > div {
  width: 100%; }

.video-pop .ant-modal-body {
  padding: 0;
  font-size: 0; }

.module-course-list-ten h2 {
  font-size: 2rem;
  font-weight: 700;
  margin-top: 50px;
  margin-bottom: 0px; }

.module-course-list-ten h3 {
  font-size: 24px;
  margin-bottom: 50px; }

.module-course-list-ten .ant-card-bordered {
  -webkit-transition: -webkit-transform .4s, -webkit-box-shadow .4s;
  transition: -webkit-transform .4s, -webkit-box-shadow .4s;
  transition: transform .4s, box-shadow .4s;
  transition: transform .4s, box-shadow .4s, -webkit-transform .4s, -webkit-box-shadow .4s;
  border-radius: 6px;
  overflow: hidden;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
  border: 0px !important; }
  .module-course-list-ten .ant-card-bordered .ant-card-body {
    padding: 0px;
    height: 120px !important; }
    .module-course-list-ten .ant-card-bordered .ant-card-body .detail-cardlist-coursethree {
      position: absolute !important;
      width: calc(100% - 48px);
      padding: 0 15px;
      bottom: 0px;
      left: 0px;
      right: 0px;
      -webkit-transition: -webkit-transform .8s;
      transition: -webkit-transform .8s;
      transition: transform .8s;
      transition: transform .8s, -webkit-transform .8s;
      overflow: hidden;
      -webkit-transform: translateY(120px);
              transform: translateY(120px); }
      .module-course-list-ten .ant-card-bordered .ant-card-body .detail-cardlist-coursethree .course-text-detail {
        text-align: center;
        font-family: "poppins", 'kanit' !important;
        font-weight: 300;
        font-size: 18px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
      .module-course-list-ten .ant-card-bordered .ant-card-body .detail-cardlist-coursethree .course-text-detail.bold {
        text-align: center;
        font-family: "poppins", 'kanit' !important;
        font-weight: 600;
        font-size: 30px; }
      .module-course-list-ten .ant-card-bordered .ant-card-body .detail-cardlist-coursethree .cardlistcoursethree-contenttext {
        width: 100%;
        height: 100%;
        padding-top: 30px; }
        .module-course-list-ten .ant-card-bordered .ant-card-body .detail-cardlist-coursethree .cardlistcoursethree-contenttext .contenttext-title-btn {
          width: 100%;
          height: 45px;
          margin-bottom: 10px;
          border-radius: 10px; }
      .module-course-list-ten .ant-card-bordered .ant-card-body .detail-cardlist-coursethree .ant-card-meta-detail .contenttext-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        white-space: normal;
        text-align: center;
        height: auto;
        max-height: 40px;
        font-family: "poppins", 'kanit' !important;
        font-weight: 300;
        font-size: 15px;
        line-height: 20px;
        color: #000; }
  .module-course-list-ten .ant-card-bordered:hover {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px); }
    .module-course-list-ten .ant-card-bordered:hover .ant-card-body .detail-cardlist-coursethree {
      -webkit-transform: translateY(0px);
              transform: translateY(0px); }

@media screen and (max-width: 1025px) {
  .cardlistthree-outer {
    padding-top: 10px !important;
    margin-top: 0px !important; } }

@media screen and (min-width: 1200px) {
  .cardlistthree-filter-mobile {
    display: none; } }

@media screen and (max-width: 1025px) {
  .cardlistthree-outer {
    padding-top: 10px !important;
    margin-top: 0px !important; } }

@media screen and (max-width: 600px) {
  .cardlistthree-outer {
    padding-top: 0px !important;
    margin-top: 0px !important; }
  .ant-col .cat-bar {
    padding: 50px 0px 0px !important; }
  div#listthree {
    padding: 0px 12px; }
  .listdatasix .search-input input {
    width: 195px !important; }
  .center-flex {
    -ms-flex-pack: distribute;
        justify-content: space-around; } }

.cardlistthree-outer .ant-drawer-content-wrapper .ant-drawer-body {
  padding: 0px; }
  .cardlistthree-outer .ant-drawer-content-wrapper .ant-drawer-body .filter-drawer-top {
    padding: 60px 15px 15px 15px;
    -webkit-box-shadow: 0px 0px 11px -3px #5f5f5f;
            box-shadow: 0px 0px 11px -3px #5f5f5f; }
    .cardlistthree-outer .ant-drawer-content-wrapper .ant-drawer-body .filter-drawer-top .ant-input-group-wrapper .ant-input {
      border-radius: 4px 0 0 4px !important;
      font-weight: 300; }
    .cardlistthree-outer .ant-drawer-content-wrapper .ant-drawer-body .filter-drawer-top .ant-input-group-wrapper .ant-input-group-addon {
      border: 0px !important; }
      .cardlistthree-outer .ant-drawer-content-wrapper .ant-drawer-body .filter-drawer-top .ant-input-group-wrapper .ant-input-group-addon p {
        margin-bottom: 0px; }
  .cardlistthree-outer .ant-drawer-content-wrapper .ant-drawer-body .filter-drawer-mid {
    padding: 0px 15px; }
    .cardlistthree-outer .ant-drawer-content-wrapper .ant-drawer-body .filter-drawer-mid label {
      padding: 15px 0px; }
  .cardlistthree-outer .ant-drawer-content-wrapper .ant-drawer-body .filter-drawer-mid > div > div {
    padding: 15px 0px;
    border-bottom: 1px solid #e8e8e8; }
    .cardlistthree-outer .ant-drawer-content-wrapper .ant-drawer-body .filter-drawer-mid > div > div p {
      margin-bottom: 0px; }
    .cardlistthree-outer .ant-drawer-content-wrapper .ant-drawer-body .filter-drawer-mid > div > div p:first-child {
      color: #000; }
    .cardlistthree-outer .ant-drawer-content-wrapper .ant-drawer-body .filter-drawer-mid > div > div p:last-child {
      font-weight: 300;
      font-family: sarabun !important; }
    .cardlistthree-outer .ant-drawer-content-wrapper .ant-drawer-body .filter-drawer-mid > div > div label {
      padding: 0px; }
  .cardlistthree-outer .ant-drawer-content-wrapper .ant-drawer-body .filter-drawer-bot {
    text-align: center;
    padding: 15px; }
    .cardlistthree-outer .ant-drawer-content-wrapper .ant-drawer-body .filter-drawer-bot button {
      background: #155fcf;
      width: 100%;
      color: #fff; }

@media screen and (max-width: 567px) {
  .listdatathree .card-list-course-four-wrapper-padding {
    padding: 0px !important; } }

@media screen and (max-width: 500px) {
  .listdatathree .coursecardfourbottom {
    display: none; } }

@media screen and (max-width: 500px) {
  .listdatathree .flip-card-back .ant-card-meta-title {
    font-size: 12px;
    max-height: 41px; }
  .listdatathree .flip-card-back .ant-card-meta-description p {
    font-family: Kanit !important;
    font-size: 10px;
    max-height: 45px; } }

@media screen and (max-width: 500px) {
  .listdatathree .flip-card-back .cat {
    font-size: 10px;
    max-height: 15px; } }

@media screen and (max-width: 330px) {
  .coursesix .coursecardfourbottom {
    display: none; } }

@media screen and (max-width: 500px) {
  .coursesix .flip-card-back .ant-card-meta-title {
    font-size: 12px;
    max-height: 41px; }
  .coursesix .flip-card-back .ant-card-meta-description p {
    font-family: Kanit !important;
    font-size: 10px;
    max-height: 45px; } }

@media screen and (max-width: 500px) {
  .coursesix .flip-card-back .cat {
    font-size: 10px;
    max-height: 15px; } }

.coursesix .flip-card-front,
.coursesix .flip-card-back,
.listdatathree .flip-card-front,
.listdatathree .flip-card-back {
  z-index: 1; }

.coursesix .flip-card-back,
.listdatathree .flip-card-back {
  z-index: 2; }

.cardlistcoursethree-pricing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end; }

.client-course-title {
  white-space: normal;
  text-overflow: unset;
  max-height: 40px;
  height: auto !important;
  overflow: hidden;
  line-height: 1.25; }

.row-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.row-price {
  padding-top: 5px; }

.client-price-button p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: row wrap;
      flex-wrap: row wrap;
  overflow: hidden;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.pricing-price.client-price {
  width: 50%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  overflow: hidden; }

.pricing-type {
  width: 50%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  overflow: hidden;
  position: unset !important; }

.contenttext-description {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 57px !important; }

p.client-course-description {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.equal-height .ant-spin-container > .ant-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.row-price {
  border-top: 1px solid #e8e8e8;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.client-course-one {
  padding: 50px 0px 75px 0px; }
  .client-course-one .pricing-type p {
    font-size: 16px !important; }
  .client-course-one .pricing-price.client-price, .client-course-one .pricing-type {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .client-course-one .pricing-price.client-price:before {
    content: '';
    width: 0.5px;
    background: #e8e8e8;
    position: absolute;
    left: 0px;
    bottom: 7px;
    height: 100%;
    top: 4px; }
  .client-course-one .cardlistcoursethree-pricing, .client-course-one .ant-col.pricing-type {
    bottom: 8px; }
  .client-course-one .contenttext-title {
    font-weight: 500; }

@media screen and (min-width: 576px) and (max-width: 900px) {
  .client-course-one h2 {
    font-size: 20px !important; } }

@media screen and (max-width: 576px) {
  .client-course-one .contenttext-description,
  .client-course-one .cardlistcoursethree-pricing .ant-col.ant-col-24,
  .client-course-one .client-price-button .ant-col:nth-child(1) {
    display: none; }
  .client-course-one h2 {
    font-size: 18px !important; }
  .client-course-one .ant-card-body {
    padding: 16px 13px;
    height: 90px !important; }
  .client-course-one p.discounted-price {
    font-size: 12px; }
  .client-course-one .contenttext-title {
    font-size: 11px;
    max-height: 26px; }
  .client-course-one p.discounted-price, .client-course-one .course-price {
    font-size: 10px !important;
    line-height: 1; }
  .client-course-one .pricing-type p {
    font-size: 11px !important; }
  .client-course-one p.discount-price {
    font-size: 9px !important;
    margin-bottom: -1.5px !important; }
  .client-course-one .cardlistcoursethree-pricing {
    width: 100%;
    left: 0;
    padding: 0px 13px; }
    .client-course-one .cardlistcoursethree-pricing > div {
      font-size: 10px;
      width: 100%;
      line-height: 1; } }

.client-course-two {
  padding: 50px 0px 75px 0px; }
  .client-course-two .cardlisttwobox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 24px 24px 12px 24px; }
  .client-course-two p.client-course-description {
    height: 65px;
    font-size: 13px; }
  .client-course-two h3.client-course-title {
    font-size: 16px;
    font-weight: 500; }
  .client-course-two .client-course-title {
    height: auto !important; }
  @media screen and (max-width: 576px) {
    .client-course-two h2 {
      font-size: 18px !important; }
    .client-course-two .cardlistcoursethree-pricing {
      width: 100%;
      left: 0;
      padding: 0px 13px;
      font-size: 10px;
      line-height: 1;
      margin-bottom: 0; } }

.client-course-three {
  padding: 50px 0px 75px 0px; }
  .client-course-three .cardlistthreebox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .client-course-three p.client-course-description {
    height: 61px; }
  .client-course-three h3.client-course-title {
    font-size: 16px;
    font-weight: 500; }
  .client-course-three .client-course-title {
    height: auto !important; }
  @media screen and (max-width: 576px) {
    .client-course-three h2 {
      font-size: 18px !important; }
    .client-course-three .cardlistcoursethree-pricing {
      width: 100%;
      left: 0;
      padding: 0px 13px;
      font-size: 10px;
      margin-bottom: 0;
      line-height: 1; } }

.client-course-six {
  border: none !important; }
  .client-course-six p.fonttwo {
    font-size: 13px; }
  .client-course-six .ant-card-body .ant-card-meta + div {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 24px 24px 10px 24px; }
  .client-course-six h2 {
    font-size: 2rem; }
  .client-course-six h3 {
    font-weight: 400 !important; }
  .client-course-six .slick-track button.ant-btn {
    background: transparent !important;
    -webkit-box-shadow: unset !important;
            box-shadow: unset !important; }
  .client-course-six .card-list-course-two-wrapper img {
    border: none !important;
    -o-object-fit: cover;
       object-fit: cover; }
  .client-course-six .ant-card-meta-title div {
    font-size: 16px;
    margin-top: 10px;
    font-weight: 500; }
  .client-course-six .pricing-type {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .client-course-six .row-price a > button.ant-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px; }
  .client-course-six .ant-card-body {
    padding: 24px 24px 5px 24px;
    height: 270px; }
  .client-course-six .pricing-type p {
    font-size: 16px !important; }
  @media screen and (max-width: 767px) {
    .client-course-six .client-row-course {
      max-width: 90% !important; } }
  @media screen and (max-width: 600px) {
    .client-course-six h2 {
      font-size: 18px !important; }
    .client-course-six .ant-card-meta-description,
    .client-course-six .ant-row.user-count,
    .client-course-six .ant-col .slick-slide i {
      display: none; }
    .client-course-six p.discount-price {
      font-size: 9px !important;
      margin: 0 !important; }
    .client-course-six .pricing-type p {
      font-size: 11px !important; }
    .client-course-six p.discounted-price, .client-course-six .course-price, .client-course-six .pricing-type-online {
      font-size: 10px !important;
      line-height: 1; }
    .client-course-six .ant-row.cardlistcoursethree-pricing {
      width: 100%;
      left: 0;
      padding: 0px 13px;
      font-size: 10px;
      line-height: 1; }
    .client-course-six .card-list-course-two-wrapper .ant-card-body > :nth-child(1) {
      margin-top: -49px !important; }
      .client-course-six .card-list-course-two-wrapper .ant-card-body > :nth-child(1) > img {
        max-width: 50px !important;
        max-height: 50px !important;
        min-height: 50px !important;
        min-width: 50px !important; }
      .client-course-six .card-list-course-two-wrapper .ant-card-body > :nth-child(1) > div:has(h3) {
        margin-left: 58px !important;
        margin-top: 8px !important;
        padding-bottom: 0px !important; }
    .client-course-six .ant-card-body {
      padding: 24px 13px 5px;
      height: 130px; }
    .client-course-six .ant-card-body .ant-card-meta + div {
      padding: 24px 13px 5px; }
    .client-course-six .ant-card-meta-title .client-course-title {
      font-size: 11px;
      max-height: 24px;
      margin-top: 0; }
    .client-course-six h3 {
      font-size: 11px !important; } }

.client-course-seven .flip-card-front {
  border: 1px solid #e8e8e8; }
  .client-course-seven .flip-card-front .ant-card-meta-detail {
    padding: 20px !important; }

.client-course-seven .ant-card-meta {
  margin: 0; }
  @media screen and (min-width: 576px) {
    .client-course-seven .ant-card-meta {
      height: 186px !important; } }
  @media screen and (max-width: 576px) {
    .client-course-seven .ant-card-meta {
      height: 147px !important; } }

.client-course-seven p.price-tag:has(div) {
  color: #f5222d !important; }

.client-course-seven .newcourse {
  text-align: left;
  font-size: 20px;
  font-weight: 500;
  color: black;
  margin-bottom: 0; }

.client-course-seven .flip-card-inner {
  border: none !important; }

@media screen and (max-width: 767px) {
  .client-course-seven .sec-header + .ant-col.ant-col-24 {
    padding: 0px 5% 10px !important; } }

@media screen and (max-width: 600px) {
  .client-course-seven .flip-card-front .ant-card-meta-detail .ant-card-meta-title {
    font-size: 14px;
    max-height: 80px !important; }
  .client-course-seven button.ant-btn {
    padding: 0px 16px !important;
    font-size: 13px !important;
    height: 33px !important; }
  .client-course-seven p.newcourse {
    font-size: 16px; } }

.client-course-eight a.card-list-fix-course-three > div {
  -webkit-transition: -webkit-transform .4s, -webkit-box-shadow .4s;
  transition: -webkit-transform .4s, -webkit-box-shadow .4s;
  transition: transform .4s, box-shadow .4s;
  transition: transform .4s, box-shadow .4s, -webkit-transform .4s, -webkit-box-shadow .4s;
  border-radius: 6px;
  overflow: hidden;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
  border: 0px !important; }

.client-course-eight .ant-list-split .ant-list-item {
  padding: 0 !important; }

.client-course-eight .itemdetaillist-course .ant-list-item {
  border: 1px solid #e8e8e8; }

.client-course-eight .pricing-price {
  width: 50%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  overflow: hidden; }

.client-course-eight .client-title-box {
  margin: 0px 0px 25px; }

.client-course-eight .ant-spin-container .ant-list-item {
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important;
  overflow: visible !important; }

@media screen and (max-width: 767px) {
  .client-course-eight .ant-list.ant-list-split.ant-list-grid {
    padding: 0px 4%; } }

@media screen and (max-width: 576px) {
  .client-course-eight .ant-list-item .ant-card-body .cardlistcoursethree-pricing .pricing-price i {
    display: none; }
  .client-course-eight h2 {
    font-size: 18px !important; }
  .client-course-eight .ant-list-item .ant-card-body .card-text-box .ant-card-meta-detail .contenttext-title {
    font-size: 11px !important;
    line-height: 1.5 !important;
    height: 32px !important; }
  .client-course-eight p.discounted-price, .client-course-eight .course-price {
    font-size: 10px !important;
    line-height: 1; }
  .client-course-eight .ant-list-item .ant-card-body .card-text-box .course8-cat {
    font-size: 9px !important; }
  .client-course-eight p.discount-price {
    font-size: 9px !important;
    margin-bottom: -1.5px !important; }
  .client-course-eight .cardlistcoursethree-pricing {
    width: 100%;
    left: 0;
    padding: 0px 13px;
    font-size: 10px;
    line-height: 1; }
  .client-course-eight .ant-list-item .ant-card-body .card-text-box,
  .client-course-eight .cardlistcoursethree-pricing {
    padding: 0 13px !important; } }

.client-course-nine .newcourse {
  text-align: left;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 0;
  color: #000; }

.client-course-nine .slick-track {
  margin-left: 0; }

.client-course-nine .pricing-price {
  width: 50%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  overflow: hidden; }

@media screen and (max-width: 600px) {
  .client-course-nine button.ant-btn {
    padding: 0px 16px !important;
    font-size: 13px !important;
    height: 33px !important; }
  .client-course-nine p.newcourse {
    font-size: 18px; }
  .client-course-nine .sec-header + .ant-col.ant-col-24 {
    padding: 0px 5% 10px !important; } }

.ListDataOneTemplate a {
  pointer-events: none;
  color: #000;
  display: contents; }

.ListDataOneTemplate a p {
  word-wrap: break-word;
  margin-bottom: 0; }

.ListDataOneTemplate .anticon-plus, .ListDataOneTemplate .anticon-minus {
  vertical-align: baseline;
  position: absolute;
  margin-left: -55px; }

.ListDataOneTemplate .anticon-caret-right {
  color: #000 !important; }

.ListDataOneTemplate > div > div:nth-child(1) {
  padding: 15px 30px 15px 85px !important; }

@media only screen and (max-width: 600px) {
  .ListDataOneTemplate {
    padding: 20px !important; }
  .ListDataOneTemplate > div > div:nth-child(1) {
    padding: 15px 15px 15px 55px !important; }
  .ListDataOneTemplate > div > div {
    padding: 15px 15px 15px 15px !important; }
  .ListDataOneTemplate .anticon-plus {
    vertical-align: -0.125em; }
  .ListDataOneTemplate .anticon-caret-right {
    padding: 0px 10px 0px 0px !important; } }

.client-card .ant-card-meta {
  margin: 0; }

.client-card .ant-list-grid.ant-list-something-after-last-item .ant-col-md-12.ant-col-lg-8.ant-col-xl-8.ant-col-xxl-8 > div, .client-card .ant-list-grid.ant-list-something-after-last-item .ant-col-md-12.ant-col-lg-8.ant-col-xl-8.ant-col-xxl-8 > div > div {
  overflow: unset !important; }

.client-card .flip-card-front {
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); }

.client-listdata3, .client-listdata4 {
  padding: 50px 0px; }

.client-listdata3 .right-column-allcourse .ant-spin-container .ant-row, .client-listdata4 .right-column-allcourse .ant-spin-container .ant-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

@media screen and (min-width: 576px) {
  .client-listdata3 .ant-card-meta {
    height: 207px !important; } }

@media screen and (max-width: 767px) {
  .client-listdata3, .client-listdata4 {
    padding: 50px 5% !important; } }

@media screen and (min-width: 576px) {
  .client-listdata4 .ant-card-meta {
    height: 173.5px !important; } }

@media screen and (min-width: 1200px) and (max-width: 1400px) {
  .pricing-type > p {
    font-size: 13px; } }

@media screen and (max-width: 1025px) {
  .client-listdata2 .ant-drawer-content .ant-drawer-body {
    padding: 46px 0px; }
    .client-listdata2 .ant-drawer-content .ant-drawer-body .ant-menu-submenu-title {
      margin: 0;
      border-radius: 0; } }

@media screen and (min-width: 576px) {
  .client-listdata2 .ant-card-body {
    height: 206px; } }

@media screen and (max-width: 1200px) {
  .client-productone .ant-col-lg-24.ant-col-xl-19 {
    border-left: none !important;
    padding-left: 0 !important; } }

.client-listdata2 .ant-spin-container > .ant-row {
  margin: 0 !important; }

.client-listdata2 .client-grid-container .ant-spin-container > .ant-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.client-listdata2 .cardlisttwo-filter-mobile {
  display: none; }

.client-listdata2 .mobile-drawer-listdatatwo .mobile-drawer-listdatatwo__menu {
  border-right: none; }
  .client-listdata2 .mobile-drawer-listdatatwo .mobile-drawer-listdatatwo__menu .mobile-drawer-listdatatwo__menu__main-item > div {
    padding-left: 68px !important; }
  .client-listdata2 .mobile-drawer-listdatatwo .mobile-drawer-listdatatwo__menu .mobile-drawer-listdatatwo__menu__sub-item {
    padding-left: 83px !important;
    margin: 0; }

.mobile-drawer-listdatatwo .ant-drawer-wrapper-body {
  overflow: hidden !important; }

.client-subdata + div:nth-child(2) {
  border-top: solid 1px #d9d9d9 !important; }

.client-subdata-list .subdata-item {
  overflow: hidden;
  text-overflow: ellipsis; }

.client-subdata-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px; }

@media screen and (max-width: 992px) {
  .client-listdata2 .cardlisttwo-filter-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 15px;
    position: relative;
    z-index: 3; }
  .client-listdata2 .cardlisttwo-filter-web-container {
    display: none; } }

.client-filter-checkbox {
  overflow: hidden; }
  .client-filter-checkbox span.ant-checkbox {
    padding-top: 5px; }

.row-listdata6-subtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }
  @media screen and (max-width: 575px) {
    .row-listdata6-subtitle {
      display: block; } }

.filterByListDataSixOneRow {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
  margin-top: 10px; }
  @media screen and (max-width: 575px) {
    .filterByListDataSixOneRow {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      row-gap: 10px; } }

@media screen and (min-width: 1200px) {
  .client-listdata-col2 {
    padding-left: 3% !important; } }

@media screen and (max-width: 1200px) {
  .ant-col-lg-offset-1.client-listdata-col2 {
    margin-left: 0; }
  .client-listdata5 {
    padding: 0px 5% !important; } }

@media screen and (max-width: 576px) {
  .client-listdata2, .ListDataOne.listData {
    padding: 50px 5% !important; } }

.list-box-group-checkbox:last-child {
  margin-bottom: 18px !important; }

.listdata-six-list-container .ant-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.is-training-env .client-course-one .pricing-type p {
  font-size: 14px !important;
  text-align: center; }

.course-related-row-list-course-custom {
  padding: 0 8.5%; }

@media (max-width: 576px) {
  .course-related-row-list-course-custom {
    padding: 0 0; } }

@media (min-width: 576px) and (max-width: 768px) {
  .course-related-row-list-course-custom {
    padding: 0 0; } }

.courseFourteen .pricing-type p {
  font-size: 14px !important; }

.courseFourteen .ant-card-body {
  padding: 13px 24px 5px 24px; }

.courseFourteen .ant-card-body .ant-card-meta + div {
  bottom: 8px; }

.courseFourteen .row-price {
  position: relative;
  top: 7px; }

.courseFourteen .slide-arrow-right button,
.courseFourteen .slide-arrow-left button {
  background: transparent !important;
  padding: 10px; }
  .courseFourteen .slide-arrow-right button i,
  .courseFourteen .slide-arrow-left button i {
    font-size: 34px; }

@media screen and (max-width: 600px) {
  .courseFourteen .ant-row.user-count {
    display: block !important; }
  .courseFourteen .ant-card-body .ant-card-meta + div {
    bottom: 14px; }
  .courseFourteen .pricing-type p, .courseFourteen p.course-price, .courseFourteen p.discounted-price {
    font-size: 13px !important; }
  .courseFourteen p.discount-price {
    font-size: 10px !important; }
  .courseFourteen .ant-card-body {
    height: 235px;
    padding: 18px 13px 5px; }
  .courseFourteen .ant-card-meta-title .client-course-title {
    font-size: 14px;
    max-height: 32px; }
  .courseFourteen p.fonttwo {
    font-size: 11px;
    height: 54px !important; }
  .courseFourteen .user-count p {
    font-size: 11px; }
  .courseFourteen .card-list-course-two-wrapper .ant-card-body > :nth-child(1) {
    margin-top: 0 !important; }
  .courseFourteen .ant-card-meta-description {
    display: block !important; }
  .courseFourteen .ant-row.cardlistcoursethree-pricing {
    font-size: 13px; } }

@media screen and (max-width: 767px) {
  .courseFourteen .fonttwo {
    font-size: 12px; }
  .courseFourteen .client-row-course {
    max-width: 100% !important; } }

.list-dataseven .pricing-type p {
  font-size: 14px !important; }

.list-dataseven .fonttwo {
  font-size: 13px; }

.list-dataseven .ant-card-meta {
  height: auto !important; }

.list-dataseven .row-price a > button.ant-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px; }

.list-dataseven .ant-card-body {
  padding: 20px 18px 10px 18px; }

.list-dataseven h3 {
  font-weight: 400 !important; }

.list-dataseven .ant-card-meta-description > div {
  height: 64px !important; }

.list-dataseven .ant-card-body {
  height: 280px; }

.list-dataseven .ant-card-meta + div {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0px;
  padding: 0px 18px 10px 18px; }

@media screen and (max-width: 767px) {
  .list-dataseven .fonttwo {
    font-size: 12px; } }

@media screen and (max-width: 600px) {
  .list-dataseven .ant-card-meta + div {
    padding: 0px 10px 6px; }
  .list-dataseven .ant-card-body {
    height: 230px; }
  .list-dataseven .card-list-course-two-wrapper {
    padding: 0 !important; }
  .list-dataseven .client-course-title {
    font-size: 14px; }
  .list-dataseven .fonttwo {
    font-size: 11px;
    height: 55px !important; }
  .list-dataseven .user-count p {
    font-size: 11px !important;
    margin: 0 !important; }
  .list-dataseven .ant-card-body {
    padding: 15px 10px 10px; }
  .list-dataseven .ant-col i {
    display: none; }
  .list-dataseven .pricing-type p {
    font-size: 10px !important; }
  .list-dataseven p.discount-price {
    font-size: 8px !important;
    margin: 0 !important; }
  .list-dataseven p.discounted-price, .list-dataseven .course-price {
    font-size: 10px !important; }
  .list-dataseven .ant-row.cardlistcoursethree-pricing {
    padding: 0px 13px;
    font-size: 10px; }
  .list-dataseven .user-count + div > div h3 {
    font-size: 10px !important; } }

.list-dataseven .user-count + div {
  margin-bottom: 9px !important; }

.course-fourteen-title {
  text-align: center;
  color: black;
  font-weight: 500;
  font-size: 22px;
  max-height: unset;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden; }

div.article-ten h3.client-course-title {
  text-align: left;
  font-size: 1.8vw;
  height: auto !important; }
  @media screen and (max-width: 992px) {
    div.article-ten h3.client-course-title {
      font-size: 25px !important; } }

.course-four-teen .fonttexteditor *, .review-eight .fonttexteditor *, .article-ten .fonttexteditor *, .banner-six .fonttexteditor * {
  font-family: 'kanit' !important; }

.course-four-teen .slick-track, .review-eight .slick-track, .article-ten .slick-track, .banner-six .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
  .course-four-teen .slick-track .slick-track > .slick-slide, .review-eight .slick-track .slick-track > .slick-slide, .article-ten .slick-track .slick-track > .slick-slide, .banner-six .slick-track .slick-track > .slick-slide {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    min-height: 100%; }

.course-four-teen button.ant-btn, .review-eight button.ant-btn, .article-ten button.ant-btn, .banner-six button.ant-btn {
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important; }

.course-four-teen div.cardlistarticlethree-body, .review-eight div.cardlistarticlethree-body, .article-ten div.cardlistarticlethree-body, .banner-six div.cardlistarticlethree-body {
  height: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important; }

.course-four-teen .ant-card-meta-title, .review-eight .ant-card-meta-title, .article-ten .ant-card-meta-title, .banner-six .ant-card-meta-title {
  white-space: normal;
  overflow: visible; }

.course-four-teen .ant-card-meta-detail, .review-eight .ant-card-meta-detail, .article-ten .ant-card-meta-detail, .banner-six .ant-card-meta-detail {
  overflow: visible; }

.course-four-teen p.discounted-price, .review-eight p.discounted-price, .article-ten p.discounted-price, .banner-six p.discounted-price {
  font-weight: 500; }

.course-four-teen .client-coursesix-card, .course-four-teen .cardlistarticlethree-body, .review-eight .client-coursesix-card, .review-eight .cardlistarticlethree-body, .article-ten .client-coursesix-card, .article-ten .cardlistarticlethree-body, .banner-six .client-coursesix-card, .banner-six .cardlistarticlethree-body {
  padding: 1.1vw; }

.course-four-teen .client-coursesix-card .ant-card-body, .review-eight .client-coursesix-card .ant-card-body, .article-ten .client-coursesix-card .ant-card-body, .banner-six .client-coursesix-card .ant-card-body {
  padding: 0.9vw 0px 0px; }

.course-four-teen p, .course-four-teen span, .course-four-teen a, .review-eight p, .review-eight span, .review-eight a, .article-ten p, .article-ten span, .article-ten a, .banner-six p, .banner-six span, .banner-six a {
  font-size: 1.3vw;
  margin: 0; }

.course-four-teen a.client-course-button, .review-eight a.client-course-button, .article-ten a.client-course-button, .banner-six a.client-course-button {
  font-size: 1.7vw !important;
  margin: 0;
  color: black;
  line-height: 1.4; }

.course-four-teen h1, .review-eight h1, .article-ten h1, .banner-six h1 {
  font-size: 3.2vw; }

.course-four-teen h2, .review-eight h2, .article-ten h2, .banner-six h2 {
  font-size: 2vw; }

.course-four-teen h3, .review-eight h3, .article-ten h3, .banner-six h3 {
  font-size: 1.5vw; }

.course-four-teen h3.client-course-title, .review-eight h3.client-course-title, .article-ten h3.client-course-title, .banner-six h3.client-course-title {
  text-align: left;
  font-size: 1.8vw; }

.course-four-teen .ant-spin-container > .ant-list-items > .ant-list-item, .review-eight .ant-spin-container > .ant-list-items > .ant-list-item, .article-ten .ant-spin-container > .ant-list-items > .ant-list-item, .banner-six .ant-spin-container > .ant-list-items > .ant-list-item {
  border: none !important; }

.course-four-teen .client-coursesix-card .ant-card-body, .review-eight .client-coursesix-card .ant-card-body, .article-ten .client-coursesix-card .ant-card-body, .banner-six .client-coursesix-card .ant-card-body {
  padding: 0.9vw 0px 0px; }

.course-four-teen .description-article *, .review-eight .description-article *, .article-ten .description-article *, .banner-six .description-article * {
  font-size: 1.3vw; }
  @media screen and (max-width: 992px) {
    .course-four-teen .description-article *, .review-eight .description-article *, .article-ten .description-article *, .banner-six .description-article * {
      font-size: 17px !important; } }

.course-four-teen .course-fourteen-title, .course-four-teen .client-course-title, .review-eight .course-fourteen-title, .review-eight .client-course-title, .article-ten .course-fourteen-title, .article-ten .client-course-title, .banner-six .course-fourteen-title, .banner-six .client-course-title {
  font-weight: 400;
  line-height: 1.15;
  font-size: 1.3vw;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  text-align: center;
  height: 4.6vw; }
  @media screen and (max-width: 900px) {
    .course-four-teen .course-fourteen-title, .course-four-teen .client-course-title, .review-eight .course-fourteen-title, .review-eight .client-course-title, .article-ten .course-fourteen-title, .article-ten .client-course-title, .banner-six .course-fourteen-title, .banner-six .client-course-title {
      height: 64px !important; } }

.course-four-teen button.ant-btn span, .review-eight button.ant-btn span, .article-ten button.ant-btn span, .banner-six button.ant-btn span {
  font-size: 1.1vw; }

.course-four-teen .btn-view-course-detail-wrapper > button, .review-eight .btn-view-course-detail-wrapper > button, .article-ten .btn-view-course-detail-wrapper > button, .banner-six .btn-view-course-detail-wrapper > button {
  height: auto;
  padding: 0.5vw 1.7vw !important; }

.course-four-teen p.discount-price, .review-eight p.discount-price, .article-ten p.discount-price, .banner-six p.discount-price {
  font-size: 1vw;
  line-height: .8; }

.course-four-teen p.discounted-price, .review-eight p.discounted-price, .article-ten p.discounted-price, .banner-six p.discounted-price {
  font-size: 1.4vw; }

.course-four-teen .category-list-wrapper, .review-eight .category-list-wrapper, .article-ten .category-list-wrapper, .banner-six .category-list-wrapper {
  padding: 0.2vw 3vw;
  margin-bottom: 0.8vw;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-left: auto;
  margin-right: auto;
  gap: 5vw; }

.course-four-teen .client-column-button, .review-eight .client-column-button, .article-ten .client-column-button, .banner-six .client-column-button {
  line-height: 0.6; }

.course-four-teen .ant-pagination, .review-eight .ant-pagination, .article-ten .ant-pagination, .banner-six .ant-pagination {
  margin-bottom: 0 !important; }

.course-four-teen .course-fourteen-pricing-price.client-price, .review-eight .course-fourteen-pricing-price.client-price, .article-ten .course-fourteen-pricing-price.client-price, .banner-six .course-fourteen-pricing-price.client-price {
  height: 5.3vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 4%;
  margin-bottom: 3%; }
  @media screen and (max-width: 900px) {
    .course-four-teen .course-fourteen-pricing-price.client-price, .review-eight .course-fourteen-pricing-price.client-price, .article-ten .course-fourteen-pricing-price.client-price, .banner-six .course-fourteen-pricing-price.client-price {
      height: 8.8vw !important; } }
  @media screen and (max-width: 600px) {
    .course-four-teen .course-fourteen-pricing-price.client-price, .review-eight .course-fourteen-pricing-price.client-price, .article-ten .course-fourteen-pricing-price.client-price, .banner-six .course-fourteen-pricing-price.client-price {
      height: auto !important; } }

@media screen and (max-width: 600px) {
  .course-four-teen .card-list-course-two-wrapper, .review-eight .card-list-course-two-wrapper, .article-ten .card-list-course-two-wrapper, .banner-six .card-list-course-two-wrapper {
    padding: 8px 4px !important; }
  .course-four-teen .client-coursesix-card, .course-four-teen .cardlistarticlethree-body, .review-eight .client-coursesix-card, .review-eight .cardlistarticlethree-body, .article-ten .client-coursesix-card, .article-ten .cardlistarticlethree-body, .banner-six .client-coursesix-card, .banner-six .cardlistarticlethree-body {
    padding: 2vw !important;
    border-radius: 9px !important; }
  .course-four-teen .btn-view-course-detail-wrapper > button, .review-eight .btn-view-course-detail-wrapper > button, .article-ten .btn-view-course-detail-wrapper > button, .banner-six .btn-view-course-detail-wrapper > button {
    padding: 0.5vw 1.7vw 0.8vw 1.7vw !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .course-four-teen p.discount-price, .review-eight p.discount-price, .article-ten p.discount-price, .banner-six p.discount-price {
    font-size: 3vw !important;
    line-height: 1.7 !important; }
  .course-four-teen p.discounted-price, .course-four-teen p.course-price, .review-eight p.discounted-price, .review-eight p.course-price, .article-ten p.discounted-price, .article-ten p.course-price, .banner-six p.discounted-price, .banner-six p.course-price {
    font-size: 4vw !important;
    padding-bottom: 4px; }
  .course-four-teen .client-coursesix-card .ant-card-body, .review-eight .client-coursesix-card .ant-card-body, .article-ten .client-coursesix-card .ant-card-body, .banner-six .client-coursesix-card .ant-card-body {
    padding: 1.1vw 0px 0px !important; }
  .course-four-teen .course-fourteen-title, .course-four-teen .client-course-title, .review-eight .course-fourteen-title, .review-eight .client-course-title, .article-ten .course-fourteen-title, .article-ten .client-course-title, .banner-six .course-fourteen-title, .banner-six .client-course-title {
    font-size: 5vw !important;
    height: 18vw !important;
    margin-top: 2vw !important; }
  .course-four-teen button.ant-btn span, .review-eight button.ant-btn span, .article-ten button.ant-btn span, .banner-six button.ant-btn span {
    font-size: 3.5vw !important; }
  .course-four-teen p, .course-four-teen span, .course-four-teen a, .review-eight p, .review-eight span, .review-eight a, .article-ten p, .article-ten span, .article-ten a, .banner-six p, .banner-six span, .banner-six a {
    font-size: 17px !important; }
  .course-four-teen div a.client-course-button, .review-eight div a.client-course-button, .article-ten div a.client-course-button, .banner-six div a.client-course-button {
    font-size: 18px !important;
    line-height: 3; }
  .course-four-teen h1, .review-eight h1, .article-ten h1, .banner-six h1 {
    font-size: 6vw !important; }
  .course-four-teen h2, .review-eight h2, .article-ten h2, .banner-six h2 {
    font-size: 26px !important; }
  .course-four-teen h3.client-course-title, .review-eight h3.client-course-title, .article-ten h3.client-course-title, .banner-six h3.client-course-title {
    font-size: 15px !important;
    height: auto !important; }
  .course-four-teen ul.ant-pagination a, .review-eight ul.ant-pagination a, .article-ten ul.ant-pagination a, .banner-six ul.ant-pagination a {
    font-size: 12px !important; }
  .course-four-teen a[target="_blank"], .review-eight a[target="_blank"], .article-ten a[target="_blank"], .banner-six a[target="_blank"] {
    font-size: 12px !important; }
  .course-four-teen .ant-list-pagination, .review-eight .ant-list-pagination, .article-ten .ant-list-pagination, .banner-six .ant-list-pagination {
    margin: 0;
    margin-bottom: 1vw; }
  .course-four-teen .course-four-teen.category-list-wrapper, .review-eight .course-four-teen.category-list-wrapper, .article-ten .course-four-teen.category-list-wrapper, .banner-six .course-four-teen.category-list-wrapper {
    background: unset !important;
    gap: 2vw;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }
  .course-four-teen span.category-item, .review-eight span.category-item, .article-ten span.category-item, .banner-six span.category-item {
    font-size: 3.5vw !important;
    padding: 9px 12px !important;
    border-radius: 30vw; } }

@media screen and (max-width: 900px) {
  .course-four-teen a.client-course-button:after, .review-eight a.client-course-button:after, .article-ten a.client-course-button:after, .banner-six a.client-course-button:after {
    height: 50% !important;
    bottom: 24% !important; }
  .course-four-teen .ant-pagination, .review-eight .ant-pagination, .article-ten .ant-pagination, .banner-six .ant-pagination {
    margin: 0px !important; }
  .course-four-teen .ant-row.article8list, .review-eight .ant-row.article8list, .article-ten .ant-row.article8list, .banner-six .ant-row.article8list {
    width: 96%;
    margin: auto; }
  .course-four-teen div:has(> h3.client-course-title), .review-eight div:has(> h3.client-course-title), .article-ten div:has(> h3.client-course-title), .banner-six div:has(> h3.client-course-title) {
    max-height: -webkit-max-content !important;
    max-height: -moz-max-content !important;
    max-height: max-content !important; }
  .course-four-teen h3.client-course-title, .review-eight h3.client-course-title, .article-ten h3.client-course-title, .banner-six h3.client-course-title {
    font-size: 3vw; }
  .course-four-teen .client-coursesix-card, .course-four-teen .cardlistarticlethree-body, .review-eight .client-coursesix-card, .review-eight .cardlistarticlethree-body, .article-ten .client-coursesix-card, .article-ten .cardlistarticlethree-body, .banner-six .client-coursesix-card, .banner-six .cardlistarticlethree-body {
    padding: 1.7vw; }
  .course-four-teen .client-coursesix-card .ant-card-body, .review-eight .client-coursesix-card .ant-card-body, .article-ten .client-coursesix-card .ant-card-body, .banner-six .client-coursesix-card .ant-card-body {
    padding: 0.9vw 0px 0px; }
  .course-four-teen p, .course-four-teen span, .course-four-teen a, .review-eight p, .review-eight span, .review-eight a, .article-ten p, .article-ten span, .article-ten a, .banner-six p, .banner-six span, .banner-six a {
    font-size: 17px; }
  .course-four-teen a.client-course-button, .review-eight a.client-course-button, .article-ten a.client-course-button, .banner-six a.client-course-button {
    font-size: 17px !important; }
  .course-four-teen h3, .review-eight h3, .article-ten h3, .banner-six h3 {
    font-size: 16px; }
  .course-four-teen h2, .review-eight h2, .article-ten h2, .banner-six h2 {
    font-size: 26px; }
  .course-four-teen .client-coursesix-card .ant-card-body, .review-eight .client-coursesix-card .ant-card-body, .article-ten .client-coursesix-card .ant-card-body, .banner-six .client-coursesix-card .ant-card-body {
    padding: 0.9vw 0px 0px; }
  .course-four-teen .course-fourteen-title, .course-four-teen .client-course-title, .review-eight .course-fourteen-title, .review-eight .client-course-title, .article-ten .course-fourteen-title, .article-ten .client-course-title, .banner-six .course-fourteen-title, .banner-six .client-course-title {
    font-size: 18px; }
  .course-four-teen button.ant-btn span, .review-eight button.ant-btn span, .article-ten button.ant-btn span, .banner-six button.ant-btn span {
    font-size: 15px; }
  .course-four-teen .btn-view-course-detail-wrapper > button, .review-eight .btn-view-course-detail-wrapper > button, .article-ten .btn-view-course-detail-wrapper > button, .banner-six .btn-view-course-detail-wrapper > button {
    height: auto;
    padding: .7vw 3vw !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .course-four-teen p.discount-price, .course-four-teen p.course-price, .review-eight p.discount-price, .review-eight p.course-price, .article-ten p.discount-price, .article-ten p.course-price, .banner-six p.discount-price, .banner-six p.course-price {
    font-size: 1.4vw;
    line-height: 1.3; }
  .course-four-teen p.discounted-price, .course-four-teen p.course-price, .review-eight p.discounted-price, .review-eight p.course-price, .article-ten p.discounted-price, .article-ten p.course-price, .banner-six p.discounted-price, .banner-six p.course-price {
    font-size: 1.8vw; }
  .course-four-teen .category-list-wrapper, .review-eight .category-list-wrapper, .article-ten .category-list-wrapper, .banner-six .category-list-wrapper {
    padding: 0.2vw 1vw;
    margin-bottom: 0.8vw;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    gap: 2vw;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; } }

@media screen and (max-width: 600px) {
  .course-four-teen p, .course-four-teen span, .course-four-teen a, .review-eight p, .review-eight span, .review-eight a, .article-ten p, .article-ten span, .article-ten a, .banner-six p, .banner-six span, .banner-six a {
    font-size: 3vw; } }

@media screen and (max-width: 600px) {
  .course-four-teen .ant-col.ant-col-24:has(.client-course-button), .review-eight .ant-col.ant-col-24:has(.client-course-button), .article-ten .ant-col.ant-col-24:has(.client-course-button), .banner-six .ant-col.ant-col-24:has(.client-course-button) {
    margin-top: 0; } }

@media screen and (min-width: 1600px) {
  .course-four-teen .fonttexteditor, .review-eight .fonttexteditor, .article-ten .fonttexteditor, .banner-six .fonttexteditor {
    padding: 0px 0px 1vw; }
  .course-four-teen p.discounted-price, .course-four-teen p.course-price, .review-eight p.discounted-price, .review-eight p.course-price, .article-ten p.discounted-price, .article-ten p.course-price, .banner-six p.discounted-price, .banner-six p.course-price {
    font-size: 1.4vw; }
  .course-four-teen p.discount-price, .review-eight p.discount-price, .article-ten p.discount-price, .banner-six p.discount-price {
    line-height: .8;
    font-size: 0.9vw; }
  .course-four-teen .btn-view-course-detail-wrapper > button, .review-eight .btn-view-course-detail-wrapper > button, .article-ten .btn-view-course-detail-wrapper > button, .banner-six .btn-view-course-detail-wrapper > button {
    height: auto;
    padding: 0.5vw 1.7vw !important; }
  .course-four-teen button.ant-btn span, .review-eight button.ant-btn span, .article-ten button.ant-btn span, .banner-six button.ant-btn span {
    font-size: .9vw; }
  .course-four-teen h1, .review-eight h1, .article-ten h1, .banner-six h1 {
    font-size: 3.2vw; }
  .course-four-teen h2, .review-eight h2, .article-ten h2, .banner-six h2 {
    font-size: 1.7vw; }
  .course-four-teen p, .course-four-teen span, .course-four-teen a, .review-eight p, .review-eight span, .review-eight a, .article-ten p, .article-ten span, .article-ten a, .banner-six p, .banner-six span, .banner-six a {
    font-size: 1vw; }
  .course-four-teen a.client-course-button, .review-eight a.client-course-button, .article-ten a.client-course-button, .banner-six a.client-course-button {
    font-size: 1vw !important; }
  .course-four-teen .course-fourteen-title, .review-eight .course-fourteen-title, .article-ten .course-fourteen-title, .banner-six .course-fourteen-title {
    font-weight: 400;
    line-height: 1.15;
    font-size: 1.2vw;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    text-align: center;
    height: 4.2vw; } }

.course-list-flex-wrap div.ant-spin-container .ant-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

@media (min-width: 1024px) {
  .fix-size-4 .slick-slide {
    width: calc(100% / 4) !important; } }

@media (min-width: 601px) {
  .fix-size-2 .slick-slide {
    width: calc(100% / 2) !important; } }

.ant-col > div:has(> .course8-cat) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 6px; }

.course8-cat {
  text-align: right;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content; }

.ant-card-bordered .ant-card-body .card-text-box div:has(+ .course8-cat) {
  padding-top: 3px; }

.ant-list-item .ant-card-body .card-text-box .course8-cat {
  text-align: left; }

.ant-card-bordered .ant-card-body .card-text-box div:has(+ .course8-cat) svg {
  scale: .9;
  margin-right: 0 !important; }

.course-eight h2 {
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 0px; }

.course-eight h3 {
  font-size: 16px;
  margin-bottom: 0px;
  font-weight: 300;
  width: 65%;
  margin: auto;
  line-height: 1.3; }
  @media screen and (max-width: 576px) {
    .course-eight h3 {
      width: 85%;
      font-size: 12px !important; } }

.course-eight .ant-list-item {
  -webkit-transition: -webkit-transform .4s, -webkit-box-shadow .4s;
  transition: -webkit-transform .4s, -webkit-box-shadow .4s;
  transition: transform .4s, box-shadow .4s;
  transition: transform .4s, box-shadow .4s, -webkit-transform .4s, -webkit-box-shadow .4s; }
  .course-eight .ant-list-item .ant-card-body {
    padding: 0px;
    height: 140px !important; }
    .course-eight .ant-list-item .ant-card-body .card-text-box {
      padding: 0 15px;
      -webkit-transition: -webkit-transform .4s;
      transition: -webkit-transform .4s;
      transition: transform .4s;
      transition: transform .4s, -webkit-transform .4s;
      background-color: #fff;
      overflow: hidden; }
      .course-eight .ant-list-item .ant-card-body .card-text-box .course8-cat {
        padding: 10px 0px 7px 0px;
        font-family: "poppins", 'kanit' !important;
        font-weight: 300;
        font-size: 10px; }
      .course-eight .ant-list-item .ant-card-body .card-text-box .course8-cat + div {
        margin-top: 1px; }
        .course-eight .ant-list-item .ant-card-body .card-text-box .course8-cat + div svg {
          scale: .9; }
      .course-eight .ant-list-item .ant-card-body .card-text-box .ant-card-meta-detail .contenttext-title {
        white-space: normal;
        height: auto;
        max-height: 40px;
        font-family: "poppins", 'kanit' !important;
        font-weight: 500;
        font-size: 15px;
        line-height: 20px;
        color: #000; }
      .course-eight .ant-list-item .ant-card-body .card-text-box .ant-card-meta-detail .ant-card-meta-description {
        -webkit-transition: -webkit-transform .4s;
        transition: -webkit-transform .4s;
        transition: transform .4s;
        transition: transform .4s, -webkit-transform .4s;
        -webkit-transform: translateY(54px);
                transform: translateY(54px); }
        .course-eight .ant-list-item .ant-card-body .card-text-box .ant-card-meta-detail .ant-card-meta-description .contenttext-description {
          line-height: 15px;
          font-size: 11px;
          color: #000;
          max-height: 49px !important; }
    .course-eight .ant-list-item .ant-card-body .cardlistcoursethree-pricing {
      width: 100%;
      width: 100%;
      bottom: 0px;
      background: #fff;
      height: 35px;
      margin-top: 15px !important;
      padding: 0px 15px; }
      .course-eight .ant-list-item .ant-card-body .cardlistcoursethree-pricing .pricing-type {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 35px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        border-top: 1px solid #e8e8e8; }
        .course-eight .ant-list-item .ant-card-body .cardlistcoursethree-pricing .pricing-type p {
          font-size: 13px !important;
          padding: 0px !important;
          display: -webkit-box !important;
          display: -ms-flexbox !important;
          display: flex !important;
          -webkit-box-align: center !important;
              -ms-flex-align: center !important;
                  align-items: center !important; }
          @media screen and (max-width: 576px) {
            .course-eight .ant-list-item .ant-card-body .cardlistcoursethree-pricing .pricing-type p {
              font-size: 11px !important; } }
      .course-eight .ant-list-item .ant-card-body .cardlistcoursethree-pricing .pricing-price {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 35px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        border-top: 1px solid #e8e8e8; }
        .course-eight .ant-list-item .ant-card-body .cardlistcoursethree-pricing .pricing-price i {
          font-size: 14px !important;
          margin-right: 5px; }
        .course-eight .ant-list-item .ant-card-body .cardlistcoursethree-pricing .pricing-price button {
          height: 35px; }
        .course-eight .ant-list-item .ant-card-body .cardlistcoursethree-pricing .pricing-price .leftBorder {
          width: 0.5px;
          background: #e8e8e8;
          position: absolute;
          left: 0px;
          bottom: 7px;
          height: 21px; }
  .course-eight .ant-list-item:hover {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px); }
    .course-eight .ant-list-item:hover .ant-card-body .card-text-box {
      -webkit-transform: translateY(-54px);
              transform: translateY(-54px); }
      .course-eight .ant-list-item:hover .ant-card-body .card-text-box .ant-card-meta-detail .ant-card-meta-description {
        -webkit-transform: translateY(0px);
                transform: translateY(0px); }

.course-nine h2 {
  font-size: 22px;
  font-weight: 500; }

.course-nine .ant-card-bordered {
  -webkit-transition: -webkit-transform .4s, -webkit-box-shadow .4s;
  transition: -webkit-transform .4s, -webkit-box-shadow .4s;
  transition: transform .4s, box-shadow .4s;
  transition: transform .4s, box-shadow .4s, -webkit-transform .4s, -webkit-box-shadow .4s;
  border-radius: 6px;
  webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
  overflow: hidden;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
  border: 0px !important; }
  .course-nine .ant-card-bordered .ant-card-body {
    padding: 0px;
    height: 140px !important; }
    .course-nine .ant-card-bordered .ant-card-body .card-text-box {
      padding: 0 15px;
      -webkit-transition: -webkit-transform .4s;
      transition: -webkit-transform .4s;
      transition: transform .4s;
      transition: transform .4s, -webkit-transform .4s;
      background-color: #fff;
      overflow: hidden; }
      .course-nine .ant-card-bordered .ant-card-body .card-text-box .course8-cat {
        padding: 10px 0px 7px 0px;
        font-family: "poppins", 'kanit' !important;
        font-weight: 300;
        font-size: 10px; }
      .course-nine .ant-card-bordered .ant-card-body .card-text-box .course8-cat + div {
        margin-top: 1px; }
        .course-nine .ant-card-bordered .ant-card-body .card-text-box .course8-cat + div svg {
          scale: .9; }
      .course-nine .ant-card-bordered .ant-card-body .card-text-box .ant-card-meta-detail .contenttext-title {
        white-space: normal;
        height: auto;
        max-height: 40px;
        font-family: "poppins", 'kanit' !important;
        font-weight: 500;
        font-size: 15px;
        line-height: 20px;
        color: #000; }
      .course-nine .ant-card-bordered .ant-card-body .card-text-box .ant-card-meta-detail .ant-card-meta-description {
        -webkit-transition: -webkit-transform .4s;
        transition: -webkit-transform .4s;
        transition: transform .4s;
        transition: transform .4s, -webkit-transform .4s;
        -webkit-transform: translateY(54px);
                transform: translateY(54px); }
        .course-nine .ant-card-bordered .ant-card-body .card-text-box .ant-card-meta-detail .ant-card-meta-description .contenttext-description {
          line-height: 15px;
          font-size: 11px;
          color: #000;
          max-height: 49px !important; }
    .course-nine .ant-card-bordered .ant-card-body .cardlistcoursethree-pricing {
      width: 100%;
      width: 100%;
      bottom: 0px;
      background: #fff;
      height: 35px;
      margin-top: 15px !important;
      padding: 0px 15px; }
      .course-nine .ant-card-bordered .ant-card-body .cardlistcoursethree-pricing .pricing-type {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 35px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        border-top: 1px solid #e8e8e8; }
        .course-nine .ant-card-bordered .ant-card-body .cardlistcoursethree-pricing .pricing-type p {
          font-size: 13px !important;
          padding: 0px !important;
          display: -webkit-box !important;
          display: -ms-flexbox !important;
          display: flex !important;
          -webkit-box-align: center !important;
              -ms-flex-align: center !important;
                  align-items: center !important; }
      .course-nine .ant-card-bordered .ant-card-body .cardlistcoursethree-pricing .pricing-price {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 35px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        border-top: 1px solid #e8e8e8; }
        .course-nine .ant-card-bordered .ant-card-body .cardlistcoursethree-pricing .pricing-price i {
          font-size: 14px !important;
          margin-right: 5px; }
        .course-nine .ant-card-bordered .ant-card-body .cardlistcoursethree-pricing .pricing-price button {
          height: 35px; }
        .course-nine .ant-card-bordered .ant-card-body .cardlistcoursethree-pricing .pricing-price .leftBorder {
          width: 0.5px;
          background: #e8e8e8;
          position: absolute;
          left: 0px;
          bottom: 7px;
          height: 21px; }
  .course-nine .ant-card-bordered:hover {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px); }
    .course-nine .ant-card-bordered:hover .ant-card-body .card-text-box {
      -webkit-transform: translateY(-54px);
              transform: translateY(-54px); }
      .course-nine .ant-card-bordered:hover .ant-card-body .card-text-box .ant-card-meta-detail .ant-card-meta-description {
        -webkit-transform: translateY(0px);
                transform: translateY(0px); }

@media screen and (max-width: 600px) {
  .course-nine .ant-card-bordered .ant-card-body .card-text-box .ant-card-meta-detail .contenttext-title {
    font-size: 14px;
    max-height: 80px !important; }
  .course-nine button.ant-btn {
    padding: 0px 16px !important;
    font-size: 13px !important;
    height: 33px !important; }
  .course-nine h2 {
    padding-bottom: 5px;
    font-size: 18px; }
  .course-nine .newcourse {
    font-size: 16px !important; }
  .course-nine p.discounted-price {
    font-size: 12px !important; } }

@media screen and (max-width: 600px) {
  .client-course-ten h2, .client-course-seven h2 {
    font-size: 18px !important;
    padding-bottom: 9px; } }

.listdatasix h2 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 0px; }
  @media screen and (max-width: 575px) {
    .listdatasix h2 {
      margin-bottom: 2px !important; } }

.listdatasix h3 {
  font-size: 24px;
  margin-bottom: 50px; }

.listdatasix .search-input {
  margin-right: 20px; }
  .listdatasix .search-input input {
    border-radius: 6px !important;
    font-size: 12px;
    height: 45px !important;
    width: 250px; }

.listdatasix .ant-card-bordered {
  -webkit-transition: -webkit-transform .4s, -webkit-box-shadow .4s;
  transition: -webkit-transform .4s, -webkit-box-shadow .4s;
  transition: transform .4s, box-shadow .4s;
  transition: transform .4s, box-shadow .4s, -webkit-transform .4s, -webkit-box-shadow .4s;
  border-radius: 6px;
  webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
  overflow: hidden;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
  border: 0px !important; }
  .listdatasix .ant-card-bordered .ant-card-body {
    padding: 0px;
    height: 140px !important; }
    .listdatasix .ant-card-bordered .ant-card-body .card-text-box {
      padding: 0 15px;
      -webkit-transition: -webkit-transform .4s;
      transition: -webkit-transform .4s;
      transition: transform .4s;
      transition: transform .4s, -webkit-transform .4s;
      background-color: #fff;
      overflow: hidden; }
      .listdatasix .ant-card-bordered .ant-card-body .card-text-box .course8-cat {
        padding: 10px 0px 7px 0px;
        font-family: "poppins", 'kanit' !important;
        font-weight: 300;
        font-size: 10px; }
      .listdatasix .ant-card-bordered .ant-card-body .card-text-box .course8-cat + div {
        margin-top: 1px; }
        .listdatasix .ant-card-bordered .ant-card-body .card-text-box .course8-cat + div svg {
          scale: .9; }
      .listdatasix .ant-card-bordered .ant-card-body .card-text-box .ant-card-meta-detail .contenttext-title {
        white-space: normal;
        height: auto;
        max-height: 40px;
        font-family: "poppins", 'kanit' !important;
        font-weight: 300;
        font-size: 15px;
        line-height: 20px;
        color: #000; }
      .listdatasix .ant-card-bordered .ant-card-body .card-text-box .ant-card-meta-detail .ant-card-meta-description {
        -webkit-transition: -webkit-transform .4s;
        transition: -webkit-transform .4s;
        transition: transform .4s;
        transition: transform .4s, -webkit-transform .4s;
        -webkit-transform: translateY(54px);
                transform: translateY(54px); }
        .listdatasix .ant-card-bordered .ant-card-body .card-text-box .ant-card-meta-detail .ant-card-meta-description .contenttext-description {
          line-height: 15px;
          font-size: 11px;
          color: #000;
          max-height: 49px !important; }
    .listdatasix .ant-card-bordered .ant-card-body .cardlistcoursethree-pricing {
      width: 100%;
      width: 100%;
      bottom: 0px;
      background: #fff;
      height: 35px;
      margin-top: 15px !important;
      padding: 0px 15px; }
      .listdatasix .ant-card-bordered .ant-card-body .cardlistcoursethree-pricing .pricing-type {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 35px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        border-top: 1px solid #e8e8e8; }
        .listdatasix .ant-card-bordered .ant-card-body .cardlistcoursethree-pricing .pricing-type p {
          font-size: 13px !important;
          padding: 0px !important;
          display: -webkit-box !important;
          display: -ms-flexbox !important;
          display: flex !important;
          -webkit-box-align: center !important;
              -ms-flex-align: center !important;
                  align-items: center !important; }
          @media (max-width: 769px) {
            .listdatasix .ant-card-bordered .ant-card-body .cardlistcoursethree-pricing .pricing-type p {
              margin-top: 2px;
              font-size: 11px !important;
              line-height: 13px; } }
      .listdatasix .ant-card-bordered .ant-card-body .cardlistcoursethree-pricing .pricing-price {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 35px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        border-top: 1px solid #e8e8e8; }
        .listdatasix .ant-card-bordered .ant-card-body .cardlistcoursethree-pricing .pricing-price i {
          font-size: 14px !important;
          margin-right: 5px; }
        .listdatasix .ant-card-bordered .ant-card-body .cardlistcoursethree-pricing .pricing-price button {
          height: 35px; }
        .listdatasix .ant-card-bordered .ant-card-body .cardlistcoursethree-pricing .pricing-price .leftBorder {
          width: 0.5px;
          background: #e8e8e8;
          position: absolute;
          left: 0px;
          bottom: 7px;
          height: 21px; }
  .listdatasix .ant-card-bordered:hover {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px); }
    .listdatasix .ant-card-bordered:hover .ant-card-body .card-text-box {
      -webkit-transform: translateY(-54px);
              transform: translateY(-54px); }
      .listdatasix .ant-card-bordered:hover .ant-card-body .card-text-box .ant-card-meta-detail .ant-card-meta-description {
        -webkit-transform: translateY(0px);
                transform: translateY(0px); }

.cat-bar {
  color: #000000;
  font-size: 21px;
  font-family: 'Poppins', 'Sarabun';
  font-weight: 600; }

.course_category .ant-card-bordered {
  border: 0px solid #e8e8e8;
  overflow: hidden;
  padding: 8px; }
  .course_category .ant-card-bordered:hover {
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important;
            box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important; }
  .course_category .ant-card-bordered .cardlistthreebox {
    border-radius: 8px; }

.course_category .slide-arrow-left button, .course_category .slide-arrow-right button {
  margin-top: 50%; }
  .course_category .slide-arrow-left button:hover, .course_category .slide-arrow-right button:hover {
    background: transparent !important; }
  .course_category .slide-arrow-left button i, .course_category .slide-arrow-right button i {
    font-size: 20px; }

.course-nine .slide-arrow-left button:hover, .course-nine .slide-arrow-right button:hover {
  background: transparent !important; }

.course-nine .slide-arrow-left button i, .course-nine .slide-arrow-right button i {
  font-size: 20px; }

.module-related-course h2 {
  font-size: 2rem;
  font-weight: 700;
  margin-top: 50px;
  margin-bottom: 0px; }

.module-related-course h3 {
  font-size: 24px;
  margin-bottom: 50px; }

.module-related-course .ant-card-bordered {
  -webkit-transition: -webkit-transform .4s, -webkit-box-shadow .4s;
  transition: -webkit-transform .4s, -webkit-box-shadow .4s;
  transition: transform .4s, box-shadow .4s;
  transition: transform .4s, box-shadow .4s, -webkit-transform .4s, -webkit-box-shadow .4s;
  border-radius: 6px;
  webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
  overflow: hidden;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
  border: 0px !important; }
  .module-related-course .ant-card-bordered .ant-card-body {
    padding: 0px;
    height: 120px !important; }
    .module-related-course .ant-card-bordered .ant-card-body .card-text-box {
      padding: 0 15px;
      -webkit-transition: -webkit-transform .4s;
      transition: -webkit-transform .4s;
      transition: transform .4s;
      transition: transform .4s, -webkit-transform .4s;
      background-color: #fff;
      overflow: hidden; }
      .module-related-course .ant-card-bordered .ant-card-body .card-text-box .course8-cat {
        padding: 10px 0px 7px 0px;
        font-family: "poppins", 'kanit' !important;
        font-weight: 300;
        font-size: 10px; }
      .module-related-course .ant-card-bordered .ant-card-body .card-text-box .course8-cat + div {
        margin-top: 1px; }
        .module-related-course .ant-card-bordered .ant-card-body .card-text-box .course8-cat + div svg {
          scale: .9; }
      .module-related-course .ant-card-bordered .ant-card-body .card-text-box .ant-card-meta-detail .contenttext-title {
        white-space: normal;
        height: auto;
        max-height: 40px;
        font-family: "poppins", 'kanit' !important;
        font-weight: 300;
        font-size: 15px;
        line-height: 20px;
        color: #000; }
      .module-related-course .ant-card-bordered .ant-card-body .card-text-box .ant-card-meta-detail .ant-card-meta-description {
        -webkit-transition: -webkit-transform .4s;
        transition: -webkit-transform .4s;
        transition: transform .4s;
        transition: transform .4s, -webkit-transform .4s;
        -webkit-transform: translateY(27px);
                transform: translateY(27px); }
        .module-related-course .ant-card-bordered .ant-card-body .card-text-box .ant-card-meta-detail .ant-card-meta-description .contenttext-description {
          line-height: 15px;
          font-size: 11px;
          color: #000;
          max-height: 49px !important; }
    .module-related-course .ant-card-bordered .ant-card-body .cardlistcoursethree-pricing {
      width: 100%;
      width: 100%;
      bottom: 0px;
      background: #fff;
      height: 35px;
      margin-top: 15px !important;
      padding: 0px 15px; }
      .module-related-course .ant-card-bordered .ant-card-body .cardlistcoursethree-pricing .pricing-type {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 35px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        border-top: 1px solid #e8e8e8; }
        .module-related-course .ant-card-bordered .ant-card-body .cardlistcoursethree-pricing .pricing-type p {
          font-size: 13px !important;
          padding: 0px !important;
          display: -webkit-box !important;
          display: -ms-flexbox !important;
          display: flex !important;
          -webkit-box-align: center !important;
              -ms-flex-align: center !important;
                  align-items: center !important; }
          @media (max-width: 769px) {
            .module-related-course .ant-card-bordered .ant-card-body .cardlistcoursethree-pricing .pricing-type p {
              margin-top: 2px;
              font-size: 11px !important;
              line-height: 13px; } }
      .module-related-course .ant-card-bordered .ant-card-body .cardlistcoursethree-pricing .pricing-price {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 35px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        border-top: 1px solid #e8e8e8; }
        .module-related-course .ant-card-bordered .ant-card-body .cardlistcoursethree-pricing .pricing-price i {
          font-size: 14px !important;
          margin-right: 5px; }
        .module-related-course .ant-card-bordered .ant-card-body .cardlistcoursethree-pricing .pricing-price button {
          height: 35px; }
        .module-related-course .ant-card-bordered .ant-card-body .cardlistcoursethree-pricing .pricing-price .leftBorder {
          width: 0.5px;
          background: #e8e8e8;
          position: absolute;
          left: 0px;
          bottom: 7px;
          height: 21px; }
  .module-related-course .ant-card-bordered:hover {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px); }
    .module-related-course .ant-card-bordered:hover .ant-card-body .card-text-box {
      -webkit-transform: translateY(-54px);
              transform: translateY(-54px); }
      .module-related-course .ant-card-bordered:hover .ant-card-body .card-text-box .ant-card-meta-detail .ant-card-meta-description {
        -webkit-transform: translateY(0px);
                transform: translateY(0px); }

.module-related-instructorDetail h2 {
  font-size: 2rem;
  font-weight: 700;
  margin-top: 50px;
  margin-bottom: 0px; }

.module-related-instructorDetail h3 {
  font-size: 24px;
  margin-bottom: 50px; }

.module-related-instructorDetail .ant-card-bordered {
  -webkit-transition: -webkit-transform .4s, -webkit-box-shadow .4s;
  transition: -webkit-transform .4s, -webkit-box-shadow .4s;
  transition: transform .4s, box-shadow .4s;
  transition: transform .4s, box-shadow .4s, -webkit-transform .4s, -webkit-box-shadow .4s;
  border-radius: 6px;
  webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
  overflow: hidden;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
  border: 0px !important; }
  .module-related-instructorDetail .ant-card-bordered .ant-card-body {
    padding: 0px;
    height: 120px !important; }
    .module-related-instructorDetail .ant-card-bordered .ant-card-body .card-text-box {
      padding: 0 15px;
      -webkit-transition: -webkit-transform .4s;
      transition: -webkit-transform .4s;
      transition: transform .4s;
      transition: transform .4s, -webkit-transform .4s;
      background-color: #fff;
      overflow: hidden; }
      .module-related-instructorDetail .ant-card-bordered .ant-card-body .card-text-box .course8-cat {
        padding: 10px 0px 7px 0px;
        font-family: "poppins", 'kanit' !important;
        font-weight: 300;
        font-size: 10px; }
      .module-related-instructorDetail .ant-card-bordered .ant-card-body .card-text-box .course8-cat + div {
        margin-top: 1px; }
        .module-related-instructorDetail .ant-card-bordered .ant-card-body .card-text-box .course8-cat + div svg {
          scale: .9; }
      .module-related-instructorDetail .ant-card-bordered .ant-card-body .card-text-box .ant-card-meta-detail .contenttext-title {
        white-space: normal;
        height: auto;
        max-height: 40px;
        font-family: "poppins", 'kanit' !important;
        font-weight: 300;
        font-size: 15px;
        line-height: 20px;
        color: #000; }
      .module-related-instructorDetail .ant-card-bordered .ant-card-body .card-text-box .ant-card-meta-detail .ant-card-meta-description {
        -webkit-transition: -webkit-transform .4s;
        transition: -webkit-transform .4s;
        transition: transform .4s;
        transition: transform .4s, -webkit-transform .4s;
        -webkit-transform: translateY(27px);
                transform: translateY(27px); }
        .module-related-instructorDetail .ant-card-bordered .ant-card-body .card-text-box .ant-card-meta-detail .ant-card-meta-description .contenttext-description {
          line-height: 15px;
          font-size: 11px;
          color: #000;
          max-height: 49px !important; }
    .module-related-instructorDetail .ant-card-bordered .ant-card-body .cardlistcoursethree-pricing {
      width: 100%;
      width: 100%;
      bottom: 0px;
      background: #fff;
      height: 35px;
      margin-top: 15px !important;
      padding: 0px 15px; }
      .module-related-instructorDetail .ant-card-bordered .ant-card-body .cardlistcoursethree-pricing .pricing-type {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 35px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        border-top: 1px solid #e8e8e8; }
        .module-related-instructorDetail .ant-card-bordered .ant-card-body .cardlistcoursethree-pricing .pricing-type p {
          font-size: 13px !important;
          padding: 0px !important;
          display: -webkit-box !important;
          display: -ms-flexbox !important;
          display: flex !important;
          -webkit-box-align: center !important;
              -ms-flex-align: center !important;
                  align-items: center !important; }
          @media (max-width: 769px) {
            .module-related-instructorDetail .ant-card-bordered .ant-card-body .cardlistcoursethree-pricing .pricing-type p {
              margin-top: 2px;
              font-size: 11px !important;
              line-height: 13px; } }
      .module-related-instructorDetail .ant-card-bordered .ant-card-body .cardlistcoursethree-pricing .pricing-price {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 35px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        border-top: 1px solid #e8e8e8; }
        .module-related-instructorDetail .ant-card-bordered .ant-card-body .cardlistcoursethree-pricing .pricing-price i {
          font-size: 14px !important;
          margin-right: 5px; }
        .module-related-instructorDetail .ant-card-bordered .ant-card-body .cardlistcoursethree-pricing .pricing-price button {
          height: 35px; }
        .module-related-instructorDetail .ant-card-bordered .ant-card-body .cardlistcoursethree-pricing .pricing-price .leftBorder {
          width: 0.5px;
          background: #e8e8e8;
          position: absolute;
          left: 0px;
          bottom: 7px;
          height: 21px; }
  .module-related-instructorDetail .ant-card-bordered:hover {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px); }
    .module-related-instructorDetail .ant-card-bordered:hover .ant-card-body .card-text-box {
      -webkit-transform: translateY(-54px);
              transform: translateY(-54px); }
      .module-related-instructorDetail .ant-card-bordered:hover .ant-card-body .card-text-box .ant-card-meta-detail .ant-card-meta-description {
        -webkit-transform: translateY(0px);
                transform: translateY(0px); }

.courseDetail {
  width: 77%;
  margin: 60px auto 30px; }
  .courseDetail .courseDetail-Header {
    margin-bottom: 30px;
    margin-top: 0px; }
    .courseDetail .courseDetail-Header .courseDetail-video {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-right: 50px;
      width: 100%;
      margin-bottom: 20px; }
      .courseDetail .courseDetail-Header .courseDetail-video div {
        width: 100% !important;
        height: auto !important;
        display: inline-block; }
      .courseDetail .courseDetail-Header .courseDetail-video video {
        width: 100% !important;
        height: auto !important;
        display: inline-block;
        border-radius: 8px; }
    .courseDetail .courseDetail-Header .courseDetail-image {
      position: relative;
      display: inline-block;
      margin-right: 50px;
      width: 100%;
      margin-bottom: 20px; }
      .courseDetail .courseDetail-Header .courseDetail-image img {
        width: 100% !important;
        height: auto !important;
        display: inline-block;
        border-radius: 8px; }
      .courseDetail .courseDetail-Header .courseDetail-image div {
        width: 100% !important;
        height: auto !important;
        display: inline-block; }
    .courseDetail .courseDetail-Header .courseDetail-content {
      display: inline-block;
      vertical-align: top; }
    .courseDetail .courseDetail-Header .courseDetail-constructor {
      border: 1px solid #e8e8e8;
      border-radius: 8px;
      border-top: 0px;
      margin-bottom: 20px; }
      .courseDetail .courseDetail-Header .courseDetail-constructor .course-about-header {
        background: #bbb;
        border-radius: 8px 8px 0px 0px; }
        .courseDetail .courseDetail-Header .courseDetail-constructor .course-about-header h2.courseDetail-title {
          font-size: 14px;
          color: #ffffff;
          background-color: #bbb;
          text-align: center;
          border-radius: 8px 8px 0px 0px;
          margin-bottom: 0px; }
        .courseDetail .courseDetail-Header .courseDetail-constructor .course-about-header .fonttexteditor {
          text-align: center;
          margin-bottom: 0;
          color: #fff; }
      .courseDetail .courseDetail-Header .courseDetail-constructor .ant-card-body {
        display: none; }
      .courseDetail .courseDetail-Header .courseDetail-constructor a {
        color: #000; }
        .courseDetail .courseDetail-Header .courseDetail-constructor a p {
          margin-bottom: 5px;
          padding: 0px 15px;
          text-align: center; }
      .courseDetail .courseDetail-Header .courseDetail-constructor div > div:nth-child(2) > p {
        font-size: 12px; }
    .courseDetail .courseDetail-Header .courseDetail-gift {
      border-radius: 8px;
      border-top: 0px;
      margin-bottom: 20px;
      text-align: center; }
      .courseDetail .courseDetail-Header .courseDetail-gift .anticon {
        line-height: 1 !important;
        vertical-align: middle !important; }
    .courseDetail .courseDetail-Header .courseDetail-gift > div > div {
      padding: 12px 15px !important; }
  .courseDetail .course-detail-big-video {
    padding-right: 20px; }
    @media (max-width: 1023px) {
      .courseDetail .course-detail-big-video {
        padding-right: 0px; } }
    .courseDetail .course-detail-big-video video {
      border-radius: 4px; }
    .courseDetail .course-detail-big-video .play-button {
      width: calc(100% - 20px); }
      @media (max-width: 1023px) {
        .courseDetail .course-detail-big-video .play-button {
          width: 100%; } }
    .courseDetail .course-detail-big-video .stop-button {
      width: calc(100% - 20px); }
      @media (max-width: 1023px) {
        .courseDetail .course-detail-big-video .stop-button {
          width: 100%; } }
  .courseDetail .courseDetail-mainContent {
    padding: 2px; }
    .courseDetail .courseDetail-mainContent .courseDetail-content {
      padding: 0px 16px 16px 0px;
      margin-bottom: 20px;
      border-radius: 8px; }
      @media only screen and (max-width: 992px) {
        .courseDetail .courseDetail-mainContent .courseDetail-content {
          padding: 0px 0px 16px 0px; } }
      .courseDetail .courseDetail-mainContent .courseDetail-content p {
        margin-bottom: 0px; }
    .courseDetail .courseDetail-mainContent .courseDetail-countDownContent {
      color: rgba(0, 0, 0, 0.8);
      display: inline-block;
      width: 100%;
      background: transparent;
      border-radius: 4px; }
      .courseDetail .courseDetail-mainContent .courseDetail-countDownContent .cart-right-inside {
        border-bottom: 0px !important; }
      .courseDetail .courseDetail-mainContent .courseDetail-countDownContent .course-button-payment {
        border: 1px solid #bbb;
        border-radius: 8px; }
      .courseDetail .courseDetail-mainContent .courseDetail-countDownContent .course-button-study {
        border-radius: 8px;
        border: 0px; }
      .courseDetail .courseDetail-mainContent .courseDetail-countDownContent .button-addtocart-incart {
        text-align: center;
        border: 1px solid #bbb;
        border-bottom: 0px;
        border-radius: 8px 8px 0px 0px;
        min-height: 50px;
        margin-bottom: 0px; }
      .courseDetail .courseDetail-mainContent .courseDetail-countDownContent .button-addtocart-full {
        border: 1px solid #bbb;
        border-bottom: 0px;
        border-radius: 8px 8px 0px 0px;
        margin-bottom: 0px; }
      .courseDetail .courseDetail-mainContent .courseDetail-countDownContent .courseDetail-container-button-top {
        margin-top: 20px;
        margin-bottom: 20px; }
      .courseDetail .courseDetail-mainContent .courseDetail-countDownContent .courseDetail-courseType .anticon-clock-circle {
        line-height: 1;
        vertical-align: middle;
        margin-right: 5px; }
      .courseDetail .courseDetail-mainContent .courseDetail-countDownContent .courseDetail-courseType button {
        width: 100%;
        padding: 20px 10px;
        border: none;
        background: #8ac343;
        color: #fff;
        cursor: pointer;
        border-radius: 8px 8px 0px 0px; }
        .courseDetail .courseDetail-mainContent .courseDetail-countDownContent .courseDetail-courseType button p {
          margin-bottom: 0px; }
      .courseDetail .courseDetail-mainContent .courseDetail-countDownContent .button-disabled {
        width: 100%;
        padding: 20px 10px;
        border: none;
        background: #BBBBBB;
        color: #fff;
        cursor: not-allowed;
        border-radius: 8px 8px 0px 0px; }
        .courseDetail .courseDetail-mainContent .courseDetail-countDownContent .button-disabled p {
          margin-bottom: 0px; }
      .courseDetail .courseDetail-mainContent .courseDetail-countDownContent .button-renew {
        width: 100%;
        padding: 15px;
        border: none;
        background: #8ac343;
        color: #fff;
        cursor: pointer;
        border-radius: 8px 8px 0px 0px; }
      .courseDetail .courseDetail-mainContent .courseDetail-countDownContent .button-addtocart-notyetreceived, .courseDetail .courseDetail-mainContent .courseDetail-countDownContent .button-addtocart-pending-approved {
        border: 1px solid #e8e8e8;
        border-radius: 8px 8px 0px 0px;
        border-bottom: 0px; }
      .courseDetail .courseDetail-mainContent .courseDetail-countDownContent .button-addtocart-approved-inclass {
        border: 1px solid #e8e8e8;
        border-radius: 8px 8px 0px 0px;
        border-bottom: 0px;
        margin-bottom: 0px; }
      .courseDetail .courseDetail-mainContent .courseDetail-countDownContent .button-addtocart-approved-private-classroom {
        border: 1px solid #e8e8e8;
        border-radius: 8px 8px 0px 0px;
        border-bottom: 0px;
        margin-bottom: 0px; }
        .courseDetail .courseDetail-mainContent .courseDetail-countDownContent .button-addtocart-approved-private-classroom .add-time {
          color: #ffffff;
          border: 1px solid;
          margin: 10px;
          border-radius: 2px;
          background: green;
          cursor: pointer;
          padding: 2px; }
      .courseDetail .courseDetail-mainContent .courseDetail-countDownContent .courseDetail-coursePriceDetail {
        border: 1px solid #e8e8e8;
        border-top: 0px;
        border-radius: 0px 0px 8px 8px;
        line-height: 35px;
        padding: 5px 10px; }
        .courseDetail .courseDetail-mainContent .courseDetail-countDownContent .courseDetail-coursePriceDetail .courseDetail-title {
          font-size: 14px;
          color: #000;
          display: inline-block;
          width: 35%;
          text-align: center;
          text-align: left;
          margin-bottom: 0px;
          vertical-align: top; }
        .courseDetail .courseDetail-mainContent .courseDetail-countDownContent .courseDetail-coursePriceDetail .courseDetail-coursePriceContent {
          display: grid; }
      .courseDetail .courseDetail-mainContent .courseDetail-countDownContent .courseDetail-coursePromotionDetail {
        border-radius: 8px;
        line-height: 35px;
        margin-top: 10px;
        border-top: 0px; }
        .courseDetail .courseDetail-mainContent .courseDetail-countDownContent .courseDetail-coursePromotionDetail .courseDetail-title {
          font-size: 14px;
          color: #ffffff;
          background-color: #bbb;
          text-align: center;
          border-radius: 8px 8px 0px 0px;
          margin-bottom: 0px; }
        .courseDetail .courseDetail-mainContent .courseDetail-countDownContent .courseDetail-coursePromotionDetail .courseDetail-coursePromotionContent {
          border: 1px solid #e4e4e4;
          border-radius: 0px 0px 10px 10px; }
          .courseDetail .courseDetail-mainContent .courseDetail-countDownContent .courseDetail-coursePromotionDetail .courseDetail-coursePromotionContent span {
            font-size: 12px;
            padding: 5px 10px;
            color: black; }
          .courseDetail .courseDetail-mainContent .courseDetail-countDownContent .courseDetail-coursePromotionDetail .courseDetail-coursePromotionContent hr {
            opacity: 0.1; }
    .courseDetail .courseDetail-mainContent .courseDetail-tabs {
      padding: 0px 20px;
      background: transparent;
      border-radius: 4px;
      display: inline-block;
      width: 100%;
      vertical-align: top; }
      .courseDetail .courseDetail-mainContent .courseDetail-tabs .ant-tabs-content {
        background-color: #fbfbfb;
        border-radius: 0px 8px 8px 8px; }
      .courseDetail .courseDetail-mainContent .courseDetail-tabs .ant-tabs-nav .ant-tabs-tab {
        background-color: #f0f0f0;
        border-radius: 8px 8px 0px 0px;
        color: #000;
        margin-right: 10px; }
      .courseDetail .courseDetail-mainContent .courseDetail-tabs .ant-tabs-nav .ant-tabs-tab-active {
        background-color: #fbfbfb;
        border-radius: 8px 8px 0px 0px;
        color: #000; }
      .courseDetail .courseDetail-mainContent .courseDetail-tabs .ant-tabs-tabpane-active {
        background-color: #fbfbfb;
        border-radius: 8px 8px 0px 0px;
        color: #000; }
      .courseDetail .courseDetail-mainContent .courseDetail-tabs .ant-tabs-bar {
        border-bottom: 0px; }
    .courseDetail .courseDetail-mainContent .courseDetail-tabs-layout-three .ant-tabs-top .ant-tabs-ink-bar-animated, .courseDetail .courseDetail-mainContent .courseDetail-tabs-layout-three .ant-tabs-bottom .ant-tabs-ink-bar-animated {
      border-bottom: 1px solid #0a4ef4; }

.ant-tabs-nav-scroll .ant-tabs-nav .ant-tabs-tab:hover {
  color: #0a4ef4; }

.ant-tabs-nav-scroll .ant-tabs-nav .ant-tabs-tab-active {
  color: #0a4ef4; }

#content > div:nth-child(1) > div > div.courseDetail-mainContent > div.courseDetail-countDownContent > div.courseDetail-coursePriceDetail > div > div {
  margin-bottom: 15px; }

#content > div:nth-child(1) > div > div.courseDetail-mainContent > div.courseDetail-countDownContent > div.courseDetail-coursePriceDetail > div > div > span.courseDetail-priceValue {
  margin-top: 5px; }

#content > div:nth-child(1) > div > div.courseDetail-mainContent > div.courseDetail-countDownContent > div.courseDetail-coursePriceDetail > div > div > div {
  line-height: 10px; }

#content > div:nth-child(1) > div > div.courseDetail-mainContent > div.courseDetail-countDownContent > div.courseDetail-coursePriceDetail > div > div > div > span:nth-child(1),
#content > div:nth-child(1) > div > div.courseDetail-mainContent > div.courseDetail-countDownContent > div.courseDetail-coursePriceDetail > div > div > div > span:nth-child(2) {
  font-size: 10px;
  line-height: 10px; }

#content > div:nth-child(1) > div > div.courseDetail-mainContent > div.courseDetail-countDownContent > div.courseDetail-coursePriceDetail > div > div > span.courseDetail-priceValue,
#content > div:nth-child(1) > div > div.courseDetail-mainContent > div.courseDetail-countDownContent > div.courseDetail-coursePriceDetail > div > div > p:nth-child(4) {
  margin-bottom: 0px;
  line-height: 25px; }

.courseDetail .courseDetail-mainContent .courseDetail-countDownContent .courseDetail-courseType button:hover {
  opacity: 0.85;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease; }

/* countDownContent */
/* tab */
.courseDetail-tabs > div > div.ant-tabs-bar {
  margin-bottom: 0px; }

.ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
  background: #dddddd !important;
  -webkit-transition: all 0s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0s cubic-bezier(0.645, 0.045, 0.355, 1); }

.courseDetail-tabs > div > div.ant-tabs-content.ant-tabs-content-no-animated {
  background: #fff !important;
  padding: 30px;
  border: 1px solid rgba(0, 0, 0, 0.1); }

#content > div:nth-child(1) > div > div.courseDetail-mainContent > div.courseDetail-tabs > div > div.ant-tabs-bar > div > div > div > div > div > div.ant-tabs-tab-active.ant-tabs-tab {
  background: #fff !important;
  color: #555555; }

#content > div:nth-child(1) > div > div.courseDetail-mainContent > div.courseDetail-tabs > div > div.ant-tabs-bar > div > div > div > div > div {
  border: 0px; }

.ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active {
  background: #fff !important;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #555; }

#content > div:nth-child(1) > div > div.courseDetail-mainContent > div.courseDetail-tabs > div > div.ant-tabs-bar > div > div > div > div > div:nth-child(1) > div.ant-tabs-tab-active.ant-tabs-tab {
  border-bottom: 3px solid rgba(0, 0, 0, 0.5); }

.ant-tabs-bar > div > div > div > div > div {
  background: transparent !important; }

.courseDetail-priceValue {
  float: left; }

.courseDetail-priceTitle {
  float: right; }

.pricing-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px; }
  .pricing-container .pricing-price-wrapper {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    min-width: 40%; }
  .pricing-container .pricing-package-name-wrapper {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right; }

.free-for-continer {
  line-height: 1.5;
  word-break: break-word; }

/* instructors*/
#content > div:nth-child(1) > div > div.courseDetail-mainContent > div.courseDetail-tabs > div > div.ant-tabs-content.ant-tabs-content-no-animated > div.ant-tabs-tabpane.ant-tabs-tabpane-active > div > div > div.ant-col-5 > div > div.ant-card-cover > a {
  padding-top: 0px; }

#content > div:nth-child(1) > div > div.courseDetail-mainContent > div.courseDetail-tabs > div > div.ant-tabs-content.ant-tabs-content-no-animated > div.ant-tabs-tabpane.ant-tabs-tabpane-active > div > div > div.ant-col-5 > div > div.ant-card-cover > a > img {
  position: relative; }

#content > div:nth-child(1) > div > div.courseDetail-mainContent > div.courseDetail-tabs > div > div.ant-tabs-content.ant-tabs-content-no-animated > div.ant-tabs-tabpane.ant-tabs-tabpane-active > div > div > div.ant-col-xs-24.ant-col-md-19 > a > p {
  margin-top: 5px; }

#content > div:nth-child(1) > div > div.courseDetail-mainContent > div.courseDetail-tabs > div > div.ant-tabs-content.ant-tabs-content-no-animated > div.ant-tabs-tabpane.ant-tabs-tabpane-active > div > div > div.ant-col-xs-24.ant-col-md-5 > div {
  height: 120px !important; }

#content > div:nth-child(1) > div > div.courseDetail-mainContent > div.courseDetail-countDownContent > div.courseDetail-courseType > div > div > button > span > p {
  margin-bottom: 0px; }

#content > div:nth-child(1) > div > div.courseDetail-mainContent > div.courseDetail-tabs > div > div.ant-tabs-content.ant-tabs-content-no-animated > div.ant-tabs-tabpane.ant-tabs-tabpane-active > div > div > div.ant-col-xs-24.ant-col-md-5 > div > div.ant-card-cover > a {
  padding-top: 100%; }

.ant-card-meta-description > div > div > div > span > div > p > strong > em,
.ant-card-meta-description > div > div > div > span > div > h1 > strong > em,
.ant-card-meta-description > div > div > div > span > div > h2 > strong > em,
.ant-card-meta-description > div > div > div > span > div > h3 > strong > em,
.ant-card-meta-description > div > div > div > span > div > h4 > strong > em,
.ant-card-meta-description > div > div > div > span > div > h5 > strong > em {
  display: block;
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  height: 5.4em;
  line-height: 1.8em;
  margin-bottom: 20px;
  font-size: 12px;
  color: #555;
  font-style: normal;
  font-weight: 400; }

.ant-card-meta-description > div > div > div > span > div {
  border-bottom: 1px dashed #bbb;
  margin-bottom: 10px; }

@media (max-width: 1170px) {
  .courseDetail .courseDetail-mainContent .courseDetail-countDownContent {
    margin-top: 20px;
    width: 100%; } }

/* additional */
@media (max-width: 992px) {
  .courseDetail {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    padding-top: 0px; }
    .courseDetail .courseDetail-tabs {
      padding: 0px !important; } }

@media (max-width: 400px) {
  .courseDetail .courseDetail-mainContent .courseDetail-tabs .ant-tabs-bar {
    width: 340px; } }

@media (max-width: 280px) {
  .courseDetail .courseDetail-mainContent .courseDetail-tabs .ant-tabs-bar {
    width: 250px; } }

@media (max-width: 820px) {
  .courseDetail .courseDetail-mainContent .courseDetail-countDownContent,
  .courseDetail .courseDetail-mainContent .courseDetail-tabs {
    width: 100% !important;
    margin-bottom: 30px; }
    .courseDetail .courseDetail-mainContent .courseDetail-countDownContent .ant-tabs-nav .ant-tabs-tab,
    .courseDetail .courseDetail-mainContent .courseDetail-tabs .ant-tabs-nav .ant-tabs-tab {
      margin-right: 10px !important; }
  .courseDetail {
    width: 95%; }
  .courseDetail-video {
    width: 100% !important;
    margin-right: 0px !important; }
  .courseDetail-image {
    width: 100% !important;
    margin-right: 0px !important; }
  .courseDetail .courseDetail-Header .courseDetail-content {
    margin-top: 30px; } }

#content > div:nth-child(1) > div > div.courseDetail-mainContent > div.courseDetail-tabs > div > div.ant-tabs-content.ant-tabs-content-no-animated > div.ant-tabs-tabpane.ant-tabs-tabpane-active > div > span > p > img {
  width: 100%;
  height: auto; }

#content > div:nth-child(1) > div > div.courseDetail-mainContent > div.courseDetail-tabs > div > div.ant-tabs-content.ant-tabs-content-animated {
  padding-top: 20px; }

#content > div > div > div.courseDetail-mainContent > div.courseDetail-tabs > div > div.ant-tabs-content.ant-tabs-content-animated > div.ant-tabs-tabpane.ant-tabs-tabpane-active > div > span > p > a > strong > img,
#content > div > div > div.courseDetail-mainContent > div.courseDetail-tabs > div > div.ant-tabs-content.ant-tabs-content-animated > div.ant-tabs-tabpane.ant-tabs-tabpane-active > div > span > p > a > img,
#content > div > div > div.courseDetail-mainContent > div.courseDetail-tabs > div > div.ant-tabs-content.ant-tabs-content-animated > div.ant-tabs-tabpane.ant-tabs-tabpane-active > div > span > p > img {
  max-width: 100%; }

#content > div > div > div.courseDetail-mainContent > div.courseDetail-tabs > div > div.ant-tabs-content.ant-tabs-content-animated > div.ant-tabs-tabpane.ant-tabs-tabpane-active > div > span > iframe {
  max-width: 100%;
  max-height: 100%; }

.title-sections-name p {
  font-size: 17px;
  margin: 0px;
  padding: 10px;
  color: #000000; }

.title-sections-name-active {
  background-color: #1890ff;
  border-radius: 6px; }
  .title-sections-name-active p {
    font-size: 17px;
    margin: 0px;
    padding: 10px;
    color: #ffffff; }

.title-sections-name:hover {
  background-color: #1890ffcc;
  border-radius: 6px; }
  .title-sections-name:hover p {
    font-size: 17px;
    margin: 0px;
    padding: 10px;
    color: #ffffff; }
  .title-sections-name:hover .ant-col.ant-col-2 > i {
    color: #ffffff !important; }

.title-lectures-name {
  padding: 5px;
  padding-left: 10px; }
  .title-lectures-name a {
    font-size: 15px;
    margin: 0px;
    padding: 5px;
    color: #0088cc; }
  .title-lectures-name a[disabled] {
    color: #000000b0 !important;
    cursor: not-allowed;
    pointer-events: none; }

.course-details-header {
  margin-bottom: 20px; }
  .course-details-header .course-details-content {
    overflow: auto;
    width: 100%;
    padding: 30px;
    word-break: break-word; }

.course-detail-video {
  width: 100%;
  padding: 30px; }

.fsize17 {
  margin: 0;
  font-size: 17px !important; }

.instructor-name-detail {
  width: 40%;
  margin: auto;
  text-align: center; }

.regis-select .ant-select-selection.ant-select-selection--single {
  height: 45px !important;
  border-radius: 8px !important; }
  .regis-select .ant-select-selection.ant-select-selection--single .ant-select-selection__rendered {
    line-height: 45px; }

.regis-select {
  border-radius: 8px !important; }

.learningCourseCard-card-style > .ant-card-body > div:nth-child(3) {
  height: 21px; }

.section-one-detail .slick-list .slick-track {
  margin-left: 0; }

.paymentmethod-page-wrapper > div.paymentmethod-content-wrapper > div.main-content-wrapper > div > div > div > div > div:nth-child(5) > div > div.ant-col.ant-form-item-control-wrapper.ant-col-sm-24.ant-col-md-24 > div > span > div > div > div {
  height: 45px !important; }

.pricing-disable-box {
  border: solid 1px #EBEBE4 !important;
  cursor: not-allowed !important; }

.pricing-4-radio {
  padding: 24px 24px;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.pricing-4-radio-label {
  margin-right: 12px;
  width: 95%;
  font-size: 16px; }

.pricing-4-radio-label div {
  text-align: center; }

.purchase-without-registration-layout {
  border: 1px solid #e8e8e8;
  background: white;
  border-radius: 24px;
  padding: 60px;
  margin-top: 40px; }

@media (max-width: 992px) {
  .purchase-without-registration-layout {
    padding: 20px 15px; } }

.nav-bar-registration {
  width: 100%;
  background-color: White;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.nav-bar-registration > Button {
  padding: 8px 24px;
  height: auto !important; }

.nav-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.nav-bar-item {
  padding: 0 20px; }

.hidden-select-pricing-plan {
  display: none !important; }

.display-block {
  display: block !important; }

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

.registration .input-section-top input {
  padding: 20px 15px; }

.main-section input {
  padding: 20px 15px; }

.product-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 50px auto 0px; }
  .product-list .product-list-row {
    width: 100%; }
    @media (max-width: 1024px) {
      .product-list .product-list-row {
        width: 95%; } }
    .product-list .product-list-row .product-list-filter-box {
      border-bottom: 0px solid #fff !important; }
      .product-list .product-list-row .product-list-filter-box:first-child {
        margin-bottom: 30px; }
      .product-list .product-list-row .product-list-filter-box .product-list-filter {
        width: 100%;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        border-radius: 4px;
        padding: 0 10px; }
        .product-list .product-list-row .product-list-filter-box .product-list-filter:hover {
          background-color: #fffcf9; }
        .product-list .product-list-row .product-list-filter-box .product-list-filter:hover .product-list-filter-main-icon > i {
          color: #fd9149 !important; }
        .product-list .product-list-row .product-list-filter-box .product-list-filter:hover .product-list-filter-main > div {
          color: #fd9149 !important; }
        .product-list .product-list-row .product-list-filter-box .product-list-filter:hover .product-list-filter-main > i {
          color: #fd9149 !important;
          background-color: #ffe6d6; }
        .product-list .product-list-row .product-list-filter-box .product-list-filter .product-list-filter-main-icon {
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          .product-list .product-list-row .product-list-filter-box .product-list-filter .product-list-filter-main-icon i {
            font-size: 14px;
            margin-right: 15px;
            vertical-align: middle; }
        .product-list .product-list-row .product-list-filter-box .product-list-filter .product-list-filter-main {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          width: 100%;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          padding: 10px 0px;
          border-bottom: 1px solid #eaeaea !important; }
          .product-list .product-list-row .product-list-filter-box .product-list-filter .product-list-filter-main i {
            font-size: 8px;
            background: #cccccc;
            padding: 3px;
            border-radius: 8px; }
          .product-list .product-list-row .product-list-filter-box .product-list-filter .product-list-filter-main div {
            font-family: 'Sarabun' !important;
            font-size: 14px;
            padding-left: 5px; }
      .product-list .product-list-row .product-list-filter-box:first-child .product-list-filter-main {
        border-bottom: 1px solid #fff !important; }
      .product-list .product-list-row .product-list-filter-box:last-child .product-list-filter-main {
        border-bottom: 1px solid #fff !important; }
      .product-list .product-list-row .product-list-filter-box:hover .product-list-filter-main {
        border-bottom: 1px solid #fff !important; }
    .product-list .product-list-row .product-filter-button {
      width: 100%;
      font-size: 16px !important;
      height: 40px !important;
      margin-top: 5px;
      border: 0px; }
    .product-list .product-list-row .product-detail-number-input {
      border-radius: 4px !important; }
    .product-list .product-list-row .cardlistproduct {
      padding: 0px;
      border-radius: 8px;
      margin: 5px;
      -webkit-box-shadow: 0px 0px 7px -3px #6f6f6f;
              box-shadow: 0px 0px 7px -3px #6f6f6f; }
      .product-list .product-list-row .cardlistproduct .ant-row {
        background: white;
        border-radius: 8px; }
      .product-list .product-list-row .cardlistproduct .cardlistarticlethree-body {
        -webkit-transition: .5s;
        transition: .5s; }
      .product-list .product-list-row .cardlistproduct .cardlistarticlethree-body::after {
        content: '';
        position: absolute;
        top: 0;
        background: white;
        width: 100%;
        height: 100px;
        left: 0;
        z-index: -1; }
      .product-list .product-list-row .cardlistproduct:hover .cardlistarticlethree-body {
        -webkit-transform: translateY(-78px);
                transform: translateY(-78px);
        -webkit-transition: .5s;
        transition: .5s; }
      .product-list .product-list-row .cardlistproduct:hover .product-list-card-buttom {
        -webkit-transform: translateY(0px);
                transform: translateY(0px); }
      .product-list .product-list-row .cardlistproduct .product-list-card-buttom {
        -webkit-transition: .5s;
        transition: .5s;
        overflow: hidden;
        -webkit-transform: translateY(90px);
                transform: translateY(90px);
        position: absolute;
        bottom: 5px;
        left: 0;
        width: 100%;
        padding: 0px 20px; }
      .product-list .product-list-row .cardlistproduct .cardlistarticlethree-body {
        margin-bottom: -70px; }
      .product-list .product-list-row .cardlistproduct img {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px; }
      .product-list .product-list-row .cardlistproduct .cardlistarticlethree-body {
        border-top: 0px;
        padding: 5px 10px;
        height: 227px; }
      .product-list .product-list-row .cardlistproduct h3 {
        font-size: 18px;
        font-weight: 300;
        line-height: 20px;
        margin-bottom: 6px; }
      .product-list .product-list-row .cardlistproduct .product-list-card-detail {
        max-height: 104px;
        overflow: hidden; }
      .product-list .product-list-row .cardlistproduct p {
        font-size: 13.2px;
        max-height: 41px;
        overflow: hidden;
        font-weight: 300;
        margin-bottom: 6px; }
      .product-list .product-list-row .cardlistproduct .productlistcardprice {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        font-size: 30px;
        font-weight: 700; }
      .product-list .product-list-row .cardlistproduct .product-list-card-add-button {
        width: 100%;
        font-size: 14px !important;
        height: 40px !important;
        margin-top: 10px;
        border: 0px; }
      .product-list .product-list-row .cardlistproduct .product-more-details a {
        color: #000000;
        font-size: 13px !important;
        margin-top: 5px;
        margin-bottom: 5px; }

.productDetail-frame {
  margin: 60px auto 30px; }
  .productDetail-frame .relatedProduct {
    width: 80%; }
    @media (max-width: 1024px) {
      .productDetail-frame .relatedProduct {
        width: 95%; } }
  .productDetail-frame .productDetail {
    width: 90%; }
    @media (max-width: 1024px) {
      .productDetail-frame .productDetail {
        width: 95%; } }
    .productDetail-frame .productDetail .img-productDetail {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media (max-width: 1024px) {
        .productDetail-frame .productDetail .img-productDetail {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; } }
      .productDetail-frame .productDetail .img-productDetail .thumbnail-img-productDetail-frame-box {
        width: 20%;
        max-height: 65vh;
        overflow: auto; }
        @media (max-width: 1440px) {
          .productDetail-frame .productDetail .img-productDetail .thumbnail-img-productDetail-frame-box {
            max-height: 50vh; } }
        @media (max-width: 1024px) {
          .productDetail-frame .productDetail .img-productDetail .thumbnail-img-productDetail-frame-box {
            max-height: 100%;
            width: 100%;
            overflow: auto;
            white-space: nowrap;
            height: 85px;
            -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                    order: 2; } }
        .productDetail-frame .productDetail .img-productDetail .thumbnail-img-productDetail-frame-box .thumbnail-img-productDetail-frame {
          width: 100%;
          padding-top: 100%;
          /* 1:1 Aspect Ratio */
          position: relative;
          margin-bottom: 15px; }
          @media (max-width: 1024px) {
            .productDetail-frame .productDetail .img-productDetail .thumbnail-img-productDetail-frame-box .thumbnail-img-productDetail-frame {
              margin-bottom: 0px;
              height: 80px;
              width: 80px;
              padding-top: 80px;
              margin-right: 5px;
              display: inline-block;
              vertical-align: text-top; }
              .productDetail-frame .productDetail .img-productDetail .thumbnail-img-productDetail-frame-box .thumbnail-img-productDetail-frame:last-child {
                margin-right: 0px; } }
          .productDetail-frame .productDetail .img-productDetail .thumbnail-img-productDetail-frame-box .thumbnail-img-productDetail-frame .thumbnail-img-productDetail {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
               object-fit: cover; }
            @media (max-width: 1024px) {
              .productDetail-frame .productDetail .img-productDetail .thumbnail-img-productDetail-frame-box .thumbnail-img-productDetail-frame .thumbnail-img-productDetail {
                margin-bottom: 0px;
                height: 80px;
                width: 80px; } }
    .productDetail-frame .productDetail .thumbnail-img-productDetail-frame::-webkit-scrollbar {
      width: 0px; }
    .productDetail-frame .productDetail .thumbnail-img-productDetail-frame-box::-webkit-scrollbar {
      width: 0px; }
    .productDetail-frame .productDetail .main-img-productDetail-frame-box {
      width: 80%;
      margin-left: 15px; }
      @media (max-width: 1024px) {
        .productDetail-frame .productDetail .main-img-productDetail-frame-box {
          max-height: 100%;
          width: 100%;
          margin-bottom: 5px;
          margin-left: 0px;
          -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1;
                  order: 1; } }
      .productDetail-frame .productDetail .main-img-productDetail-frame-box .main-img-productDetail-frame {
        width: 100%;
        max-height: 65vh;
        position: relative; }
        @media (max-width: 1440px) {
          .productDetail-frame .productDetail .main-img-productDetail-frame-box .main-img-productDetail-frame {
            max-height: 50vh; } }
        @media (max-width: 1024px) {
          .productDetail-frame .productDetail .main-img-productDetail-frame-box .main-img-productDetail-frame {
            max-height: 100%;
            padding-top: 100%; } }
        .productDetail-frame .productDetail .main-img-productDetail-frame-box .main-img-productDetail-frame .main-img-productDetail {
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          width: 100%;
          height: 65vh;
          -o-object-fit: cover;
             object-fit: cover; }
          @media (max-width: 1440px) {
            .productDetail-frame .productDetail .main-img-productDetail-frame-box .main-img-productDetail-frame .main-img-productDetail {
              height: 50vh; } }
          @media (max-width: 1024px) {
            .productDetail-frame .productDetail .main-img-productDetail-frame-box .main-img-productDetail-frame .main-img-productDetail {
              max-height: 100%;
              height: 100%; } }
    .productDetail-frame .productDetail .courseDetail-Header {
      margin-bottom: 30px; }
      .productDetail-frame .productDetail .courseDetail-Header .courseDetail-video {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-right: 50px;
        width: 100%;
        margin-bottom: 20px; }
        .productDetail-frame .productDetail .courseDetail-Header .courseDetail-video div {
          width: 100% !important;
          height: auto !important;
          display: inline-block; }
        .productDetail-frame .productDetail .courseDetail-Header .courseDetail-video video {
          width: 100% !important;
          height: auto !important;
          display: inline-block;
          border-radius: 8px; }
      .productDetail-frame .productDetail .courseDetail-Header .courseDetail-image {
        position: relative;
        display: inline-block;
        margin-right: 50px;
        width: 100%;
        margin-bottom: 20px; }
        .productDetail-frame .productDetail .courseDetail-Header .courseDetail-image img {
          width: 100% !important;
          height: auto !important;
          display: inline-block;
          border-radius: 8px; }
        .productDetail-frame .productDetail .courseDetail-Header .courseDetail-image div {
          width: 100% !important;
          height: auto !important;
          display: inline-block; }
      .productDetail-frame .productDetail .courseDetail-Header .courseDetail-content {
        display: inline-block;
        vertical-align: top; }
      .productDetail-frame .productDetail .courseDetail-Header .courseDetail-constructor {
        border: 1px solid #e8e8e8;
        border-radius: 8px;
        border-top: 0px;
        margin-bottom: 20px; }
        .productDetail-frame .productDetail .courseDetail-Header .courseDetail-constructor .course-about-header {
          background: #bbb;
          border-radius: 8px 8px 0px 0px; }
          .productDetail-frame .productDetail .courseDetail-Header .courseDetail-constructor .course-about-header .fonttexteditor {
            text-align: center;
            margin-bottom: 0;
            color: #fff; }
        .productDetail-frame .productDetail .courseDetail-Header .courseDetail-constructor .ant-card-body {
          display: none; }
        .productDetail-frame .productDetail .courseDetail-Header .courseDetail-constructor a {
          color: #000; }
          .productDetail-frame .productDetail .courseDetail-Header .courseDetail-constructor a p {
            margin-bottom: 5px;
            padding: 0px 15px;
            text-align: center; }
        .productDetail-frame .productDetail .courseDetail-Header .courseDetail-constructor div > div:nth-child(2) > p {
          font-size: 12px; }
      .productDetail-frame .productDetail .courseDetail-Header .courseDetail-gift {
        border-radius: 8px;
        border-top: 0px;
        margin-bottom: 20px;
        text-align: center; }
    .productDetail-frame .productDetail .courseDetail-mainContent {
      padding: 2px; }
      .productDetail-frame .productDetail .courseDetail-mainContent .courseDetail-content {
        background: #fbfbfb;
        padding: 16px;
        margin-bottom: 20px;
        border-radius: 8px; }
        .productDetail-frame .productDetail .courseDetail-mainContent .courseDetail-content p {
          margin-bottom: 0px; }
      .productDetail-frame .productDetail .courseDetail-mainContent .courseDetail-countDownContent {
        color: rgba(0, 0, 0, 0.8);
        display: inline-block;
        width: 100%;
        background: transparent;
        border-radius: 4px; }
        .productDetail-frame .productDetail .courseDetail-mainContent .courseDetail-countDownContent .course-button-payment {
          border: 1px solid #bbb;
          border-radius: 8px; }
        .productDetail-frame .productDetail .courseDetail-mainContent .courseDetail-countDownContent .course-button-study {
          border-radius: 8px;
          border: 0px; }
        .productDetail-frame .productDetail .courseDetail-mainContent .courseDetail-countDownContent .button-addtocart-incart {
          border: 1px solid #bbb;
          border-bottom: 0px;
          border-radius: 8px 8px 0px 0px;
          min-height: 50px;
          margin-bottom: 0px; }
        .productDetail-frame .productDetail .courseDetail-mainContent .courseDetail-countDownContent .button-addtocart-full {
          border: 1px solid #bbb;
          border-bottom: 0px;
          border-radius: 8px 8px 0px 0px;
          margin-bottom: 0px; }
        .productDetail-frame .productDetail .courseDetail-mainContent .courseDetail-countDownContent .courseDetail-container-button-top {
          margin-bottom: 20px; }
        .productDetail-frame .productDetail .courseDetail-mainContent .courseDetail-countDownContent .courseDetail-courseType button {
          width: 100%;
          padding: 20px 10px;
          border: none;
          background: #8ac343;
          color: #fff;
          cursor: pointer;
          border-radius: 8px 8px 0px 0px; }
          .productDetail-frame .productDetail .courseDetail-mainContent .courseDetail-countDownContent .courseDetail-courseType button p {
            margin-bottom: 0px; }
        .productDetail-frame .productDetail .courseDetail-mainContent .courseDetail-countDownContent .button-disabled {
          width: 100%;
          padding: 20px 10px;
          border: none;
          background: #BBBBBB;
          color: #fff;
          cursor: not-allowed;
          border-radius: 8px 8px 0px 0px; }
          .productDetail-frame .productDetail .courseDetail-mainContent .courseDetail-countDownContent .button-disabled p {
            margin-bottom: 0px; }
        .productDetail-frame .productDetail .courseDetail-mainContent .courseDetail-countDownContent .button-addtocart-notyetreceived {
          border: 1px solid #e8e8e8;
          border-radius: 8px 8px 0px 0px;
          border-bottom: 0px; }
        .productDetail-frame .productDetail .courseDetail-mainContent .courseDetail-countDownContent .button-addtocart-approved-inclass {
          border: 1px solid #e8e8e8;
          border-radius: 8px 8px 0px 0px;
          border-bottom: 0px;
          margin-bottom: 0px; }
        .productDetail-frame .productDetail .courseDetail-mainContent .courseDetail-countDownContent .button-addtocart-approved-private-classroom {
          border: 1px solid #e8e8e8;
          border-radius: 8px 8px 0px 0px;
          border-bottom: 0px;
          margin-bottom: 0px; }
          .productDetail-frame .productDetail .courseDetail-mainContent .courseDetail-countDownContent .button-addtocart-approved-private-classroom .add-time {
            color: #ffffff;
            border: 1px solid;
            margin: 10px;
            border-radius: 2px;
            background: green;
            cursor: pointer;
            padding: 2px; }
        .productDetail-frame .productDetail .courseDetail-mainContent .courseDetail-countDownContent .courseDetail-coursePriceDetail {
          border: 1px solid #e8e8e8;
          border-top: 0px;
          border-radius: 0px 0px 8px 8px;
          line-height: 35px;
          padding: 5px 10px;
          margin-bottom: 35px; }
          .productDetail-frame .productDetail .courseDetail-mainContent .courseDetail-countDownContent .courseDetail-coursePriceDetail .courseDetail-title {
            font-size: 14px;
            color: #000;
            display: inline-block;
            width: 35%;
            text-align: center;
            text-align: left;
            margin-bottom: 0px;
            vertical-align: top; }
          .productDetail-frame .productDetail .courseDetail-mainContent .courseDetail-countDownContent .courseDetail-coursePriceDetail .courseDetail-coursePriceContent {
            display: grid; }
        .productDetail-frame .productDetail .courseDetail-mainContent .courseDetail-countDownContent .courseDetail-coursePromotionDetail {
          border: 1px solid #e8e8e8;
          border-radius: 8px;
          line-height: 35px;
          margin-top: 10px;
          border-top: 0px; }
          .productDetail-frame .productDetail .courseDetail-mainContent .courseDetail-countDownContent .courseDetail-coursePromotionDetail .courseDetail-title {
            font-size: 14px;
            color: #ffffff;
            background-color: #bbb;
            text-align: center;
            border-radius: 8px 8px 0px 0px;
            margin-bottom: 0px; }
          .productDetail-frame .productDetail .courseDetail-mainContent .courseDetail-countDownContent .courseDetail-coursePromotionDetail .courseDetail-coursePromotionContent span {
            font-size: 10px;
            padding: 5px 10px;
            color: black; }
          .productDetail-frame .productDetail .courseDetail-mainContent .courseDetail-countDownContent .courseDetail-coursePromotionDetail .courseDetail-coursePromotionContent hr {
            opacity: 0.1; }
      .productDetail-frame .productDetail .courseDetail-mainContent .courseDetail-tabs {
        padding: 0px 20px;
        background: transparent;
        border-radius: 4px;
        display: inline-block;
        width: 100%;
        vertical-align: top; }
        .productDetail-frame .productDetail .courseDetail-mainContent .courseDetail-tabs .ant-tabs-content {
          background-color: #fbfbfb;
          border-radius: 0px 8px 8px 8px; }
        .productDetail-frame .productDetail .courseDetail-mainContent .courseDetail-tabs .ant-tabs-nav .ant-tabs-tab {
          background-color: #f0f0f0;
          border-radius: 8px 8px 0px 0px;
          color: #000;
          margin-right: 10px; }
        .productDetail-frame .productDetail .courseDetail-mainContent .courseDetail-tabs .ant-tabs-nav .ant-tabs-tab-active {
          background-color: #fbfbfb;
          border-radius: 8px 8px 0px 0px;
          color: #000; }
        .productDetail-frame .productDetail .courseDetail-mainContent .courseDetail-tabs .ant-tabs-tabpane-active {
          background-color: #fbfbfb;
          border-radius: 8px 8px 0px 0px;
          color: #000; }
        .productDetail-frame .productDetail .courseDetail-mainContent .courseDetail-tabs .ant-tabs-bar {
          border-bottom: 0px; }
  .productDetail-frame .productdetailtitle {
    font-size: 30px;
    font-weight: 500;
    color: #2e2e2e;
    margin-top: 25px; }
  .productDetail-frame .productdetailprice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 30px;
    font-weight: 700; }
  .productDetail-frame .productdetailnumber {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 30px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (max-width: 1024px) {
      .productDetail-frame .productdetailnumber {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; } }
    .productDetail-frame .productdetailnumber .productdetailnumber1 {
      margin-right: 15px;
      font-size: 26px;
      font-weight: 500; }
      @media (max-width: 1024px) {
        .productDetail-frame .productdetailnumber .productdetailnumber1 {
          margin-bottom: 15px; } }
    .productDetail-frame .productdetailnumber .productdetailnumber2 {
      margin-right: 15px; }
      @media (max-width: 1024px) {
        .productDetail-frame .productdetailnumber .productdetailnumber2 {
          margin-bottom: 15px; } }
      .productDetail-frame .productdetailnumber .productdetailnumber2 .productdetailnumber2-input {
        height: 45px !important; }
    .productDetail-frame .productdetailnumber .productdetailnumber3 {
      font-size: 18px;
      font-weight: 400; }
      @media (max-width: 1024px) {
        .productDetail-frame .productdetailnumber .productdetailnumber3 {
          margin-bottom: 15px; } }
  @media (max-width: 1024px) {
    .productDetail-frame .productdetail-button {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }
  .productDetail-frame .productdetailbutton1 {
    background-color: #fd9149;
    border: 0px;
    font-size: 18px;
    color: #fff;
    width: 200px;
    height: 45px;
    border-radius: 4px;
    margin-right: 20px; }
    @media (max-width: 1024px) {
      .productDetail-frame .productdetailbutton1 {
        margin-bottom: 15px;
        margin-right: 0px; } }
    .productDetail-frame .productdetailbutton1:hover {
      background-color: #de6b1e;
      color: #fff; }
    .productDetail-frame .productdetailbutton1:active {
      background-color: #de6b1e;
      color: #fff; }
    .productDetail-frame .productdetailbutton1:focus {
      background-color: #de6b1e;
      color: #fff; }
  .productDetail-frame .productdetailbutton2 {
    background-color: #fafafa;
    color: #fd9149;
    border: 1px solid #fd9149;
    font-size: 18px;
    width: 200px;
    height: 45px;
    border-radius: 4px; }
    @media (max-width: 1024px) {
      .productDetail-frame .productdetailbutton2 {
        margin-bottom: 15px; } }
    .productDetail-frame .productdetailbutton2:hover {
      background-color: #fd9149;
      color: #fff;
      border: 1px solid #fd9149; }
    .productDetail-frame .productdetailbutton2:active {
      background-color: #fd9149;
      color: #fff;
      border: 1px solid #fd9149; }
    .productDetail-frame .productdetailbutton2:focus {
      background-color: #fd9149;
      color: #fff;
      border: 1px solid #fd9149; }
  .productDetail-frame .productDetail-mainContent .productDetail-tabs {
    padding-bottom: 50px;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 70px; }
    @media (max-width: 1024px) {
      .productDetail-frame .productDetail-mainContent .productDetail-tabs {
        padding-bottom: 20px; } }
    .productDetail-frame .productDetail-mainContent .productDetail-tabs .productDetail-content h2 {
      margin-top: 70px;
      margin-bottom: 50px;
      font-size: 30px; }
      @media (max-width: 1024px) {
        .productDetail-frame .productDetail-mainContent .productDetail-tabs .productDetail-content h2 {
          margin-bottom: 20px; } }
    .productDetail-frame .productDetail-mainContent .productDetail-tabs .fonttexteditor {
      padding: 0px !important; }

.category-dropdown-art.ant-select.ant-select-enabled > .ant-select-selection.ant-select-selection--single {
  padding-left: 15px; }

.category-dropdown-art.ant-select.ant-select-enabled span.ant-select-arrow {
  top: 29px; }

.videoplayer {
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 1001;
  top: 0; }
  .videoplayer .videoplayer-backbtn-header {
    background-color: white;
    border-right: solid 2px #ececec;
    padding: 6px 7px !important; }
    .videoplayer .videoplayer-backbtn-header .ant-btn .backbtn {
      padding: 0px 22px 0px 25px;
      border-right: solid 2px #ececec; }
  .videoplayer .videoplayer-header-container {
    color: #d1d1d2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 64px; }
    .videoplayer .videoplayer-header-container .course-video-back {
      background: #0a4ef4;
      border-color: #0a4ef4; }
    .videoplayer .videoplayer-header-container .course-video-back:hover {
      background: #0232a6; }
  .videoplayer .videoplayer-header-detail-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: right;
        -ms-flex-pack: right;
            justify-content: right;
    color: #ffffff; }
    .videoplayer .videoplayer-header-detail-right .videoplayer-datedisplay {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      border-right: solid 2px #333537; }
      .videoplayer .videoplayer-header-detail-right .videoplayer-datedisplay span {
        color: #c1c1c2;
        font-size: 15px;
        padding: 7px 10px 11px; }
    .videoplayer .videoplayer-header-detail-right .videoplayer-timedisplay {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      border-right: solid 2px #333537; }
      .videoplayer .videoplayer-header-detail-right .videoplayer-timedisplay span {
        color: #c1c1c2; }
    .videoplayer .videoplayer-header-detail-right .videoplayer-datedisplay.video-side-menu, .videoplayer .videoplayer-header-detail-right .videoplayer-timedisplay.video-side-menu {
      display: none; }
      @media (max-width: 610px) {
        .videoplayer .videoplayer-header-detail-right .videoplayer-datedisplay.video-side-menu, .videoplayer .videoplayer-header-detail-right .videoplayer-timedisplay.video-side-menu {
          display: block;
          padding: 7px 10px 11px; } }
    .videoplayer .videoplayer-header-detail-right .videoplayer-pointdisplay {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border-right: solid 2px #333537;
      padding: 7px 10px 11px; }
      .videoplayer .videoplayer-header-detail-right .videoplayer-pointdisplay i {
        font-size: 16px;
        color: white; }
      .videoplayer .videoplayer-header-detail-right .videoplayer-pointdisplay p {
        color: #929191;
        font-size: 16px;
        padding-left: 10px;
        margin: auto; }
    .videoplayer .videoplayer-header-detail-right .videoplayer-sharedisplay {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 0 10px; }
      .videoplayer .videoplayer-header-detail-right .videoplayer-sharedisplay i {
        font-size: 16px;
        color: white; }
      .videoplayer .videoplayer-header-detail-right .videoplayer-sharedisplay p {
        color: #ffff;
        font-size: 14px;
        padding-right: 7px;
        margin: auto; }
  .videoplayer .burger-menu {
    display: none;
    position: absolute;
    z-index: 800;
    width: 100%;
    height: 100%; }
    .videoplayer .burger-menu .course-collapse-detail {
      padding: 0 0px; }
      .videoplayer .burger-menu .course-collapse-detail .title-collapse-detail {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: left;
            -ms-flex-pack: left;
                justify-content: left;
        padding-top: 10px;
        color: #252525; }
        .videoplayer .burger-menu .course-collapse-detail .title-collapse-detail .title-content {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
          .videoplayer .burger-menu .course-collapse-detail .title-collapse-detail .title-content i {
            padding-right: 10px;
            color: #252525; }
      .videoplayer .burger-menu .course-collapse-detail .title-content-progress {
        padding-top: 10px;
        color: #252525; }
    .videoplayer .burger-menu .lecture-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .videoplayer .burger-menu .lecture-container .check-wrapper {
        margin-right: 12px;
        font-size: 15px; }
        .videoplayer .burger-menu .lecture-container .check-wrapper .check-complete, .videoplayer .burger-menu .lecture-container .check-wrapper .check-in-progress {
          color: #0a4ef4; }
        .videoplayer .burger-menu .lecture-container .check-wrapper .check-in-complete {
          color: inherit; }
  .videoplayer .videoplayer .videoplayer-header-container {
    color: #cececf; }
  .videoplayer .burger-menu.open {
    display: block; }
  .videoplayer .burger-menu .ant-menu {
    margin-top: 13px; }
  .videoplayer .burger-menu .ant-menu-item {
    margin: 10px 0;
    font-size: 24px; }
  .videoplayer .burger-menu .ant-menu-item:hover {
    color: #1890ff; }

#content > div > div > div.videoplayer > div:nth-child(2) {
  background: #f0f0f0;
  height: 100%; }

#content > div:nth-child(1) > div > div > div:nth-child(1) > div:nth-child(2) > h3 {
  margin-bottom: 0px; }

#content > div:nth-child(1) > div > div > div:nth-child(2) > div.ant-col-xs-24.ant-col-md-18 > div.ant-col-24.videoplayerfooter {
  width: 75%; }

#content > div > div > div.videoplayer > div:nth-child(2) > div > div > div > button {
  background: transparent;
  color: #fff;
  width: 100%;
  border: 0;
  border-radius: 0;
  font-size: 18px;
  padding: 17px;
  height: 64px; }

#content > div > div > div.videoplayer > div:nth-child(2) > div > div > div > button:hover {
  background: rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease; }

#content > div > div > div.videoplayer > div:nth-child(1) > div:nth-child(1) > button {
  background: transparent;
  color: #fff;
  border: 0;
  border-radius: 0;
  position: fixed;
  top: 0;
  left: 0;
  font-size: 18px;
  height: 64px;
  padding: 0px 25px; }

#content > div > div > div.videoplayer > div:nth-child(1) > div:nth-child(1) > button:hover {
  background: rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease; }

#content > div > div > div.videoplayer > div:nth-child(1) > div:nth-child(3) > button {
  background: transparent;
  color: #fff;
  border: 0;
  border-radius: 0;
  position: fixed;
  top: 0;
  right: 0;
  font-size: 18px;
  height: 64px;
  padding: 0px 25px; }

#content > div > div > div.videoplayer > div:nth-child(1) > div:nth-child(3) > button:hover {
  background: rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease; }

.modal-homework-sucress > div {
  top: 148px;
  left: 150px; }

@media (max-width: 767px) {
  #content > div:nth-child(1) > div > div.videoplayer > div:nth-child(2) > div.ant-col-6 {
    display: none; }
  #content > div:nth-child(1) > div > div > div:nth-child(2) > div.ant-col-xs-24.ant-col-md-18 > div.ant-col-24.videoplayerfooter {
    width: 100%; }
  .modal-homework-sucress > div {
    left: 0px; } }

#content > div > div > div.videoplayer > div > div > div {
  border: 0px;
  border-radius: 0px; }

#content > div > div > div.videoplayer > div > div > div > div > div > div {
  border: 0px;
  border-radius: 0px; }

#content > div > div > div.videoplayer > div > div > div > div > div > div > div {
  border-bottom: 0px;
  border-radius: 0px; }

#content > div > div > div.videoplayer > div > div > div > div > div > div > div > div {
  /*background: #e8e8e9;*/ }

#content > div > div > div.videoplayer > div > div > div > div > div > div > div > div > div {
  padding: 0px; }

#content > div > div > div.videoplayer > div > div > div > div > div > div > div > div > div > div {
  border-radius: 0px;
  border: 0px; }

#content > div > div > div.videoplayer > div > div > div > div > div > div > div > div > div > div > div > div > a > div {
  border: 0px;
  padding: 0; }

/*
#content > div > div > div.videoplayer > div > div > div > div > div > div > div > div > div > div > div > div > a> div{
  background: rgb(235, 235, 235)!important;
}
#content > div > div > div.videoplayer > div > div > div > div > div > div > div > div > div > div > div > div > a > div > div > div > h4{
  color: #0088cc!important;
}*/
#content > div > div > div.videoplayer > div > div > div.videoplayerfooter {
  background: #486387; }

#content > div:nth-child(1) > div > div > div:nth-child(2) > div.ant-col-6::-webkit-scrollbar-track {
  background-color: inherit !important; }

.speed-button-label {
  background: transparent;
  color: #ffffff;
  border: 0px solid #ffffff;
  min-width: 40px;
  padding: 6px;
  margin: 0px 2px;
  border-radius: 3px;
  display: none !important;
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  text-shadow: 0 10px 10px rgba(0, 0, 0, 0.5); }

.speed-button {
  background: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  min-width: 90px;
  margin: 0px 2px;
  border-radius: 3px;
  cursor: pointer;
  display: none !important;
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  text-shadow: 0 10px 10px rgba(0, 0, 0, 0.5); }

.speed-button-container {
  text-align: right;
  position: absolute;
  z-index: 1000;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  top: 70px;
  right: 50px;
  min-height: 30px !important;
  min-width: 200px !important; }

.speed-button-container:hover {
  right: 0px; }
  .speed-button-container:hover .speed-button {
    display: block !important; }
  .speed-button-container:hover .speed-button-label {
    display: block !important; }

.videoplayer iframe {
  height: calc(100vh - 128px) !important; }

.loading-spin {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #b6b6b64f;
  z-index: 999;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.videoplayer .autoheight.custom-height .course-video-back-container {
  padding: 0px 20px; }

.title-name-course {
  padding: 0 20px;
  text-align: left; }

.videoplayer-namedisplay, .title-name-course {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

@media (max-width: 767px) {
  .only-mobile {
    display: block !important; }
  .videoplayer-namedisplay {
    color: black;
    padding: 7px 10px 11px; }
  .videoplayer .videoplayer-header-container .title-name-course {
    display: none; } }

@media (max-width: 610px) {
  .videoplayer .ant-row.autoheight.custom-height {
    height: 55px !important; }
  .videoplayer-datedisplay span, .videoplayer-timedisplay span {
    color: black !important; }
  .videoplayer .videoplayer-header-detail-right div {
    border: none !important; }
  .videoplayer .videoplayer-header-container {
    width: 100% !important;
    height: 47px !important;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .videoplayer-datedisplay > span > span:first-child {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .videoplayer .videoplayer-header-detail-right {
    display: none; }
  .videoplayer .videoplayer-header-detail-right div {
    border: none; }
  .videoplayer .videoplayer-header-detail-right div p {
    margin-left: 0 !important; }
  .videoplayer .videoplayer-header-detail-right .videoplayer-pointdisplay img {
    -webkit-filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(15%) hue-rotate(233deg) brightness(102%) contrast(104%);
            filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(15%) hue-rotate(233deg) brightness(102%) contrast(104%); } }

.file-attached {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 10px;
  border: 1px solid #EDEDED; }
  .file-attached p {
    margin-bottom: 0; }

.file-attached-icon {
  width: 24px;
  height: 24px; }

.file-attached-icon.dowload {
  -webkit-filter: brightness(0) saturate(100%) invert(40%) sepia(10%) saturate(1000%) hue-rotate(180deg);
          filter: brightness(0) saturate(100%) invert(40%) sepia(10%) saturate(1000%) hue-rotate(180deg);
  margin-left: 8px; }

.file-attached-icon.file {
  margin-right: 8px; }

.file-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.course-learning.file-wrapper {
  padding: 21px;
  padding-top: 40px; }

.articlesix-container > div > div > div > div > div > div > div > div > div:nth-child(2) {
  padding: 3px 15px !important; }

.articlesix-container > div > div > div > div > div > div > div > div > div:nth-child(2) > div > a > h3 {
  margin-bottom: 0px !important;
  max-height: 50px; }

.articlesix-container > div > div > div > div > div > div > div > div > div:nth-child(2) > p:nth-child(2) {
  font-size: 13px;
  line-height: 30px; }

.articlesix-container > div > div > div > div > div > div > div > div > div:nth-child(2) > p:nth-child(3) {
  font-size: 13px;
  max-height: 75px !important;
  margin-bottom: 0px !important; }

.gallerylist-container .ant-list {
  max-width: 85%;
  margin: 0 auto;
  width: 100%; }

.gallerylist-container .ant-list-item {
  overflow: hidden !important;
  border-radius: 8px; }

.gallerylist-container .ant-card-cover {
  padding-top: 100%;
  overflow: hidden; }

.ant-card-meta-description > div > div > div > span > div {
  border-bottom: 0px !important; }

.course-six-search span.ant-input-search.ant-input-affix-wrapper i {
  padding: 9px;
  background: #232323;
  color: white;
  font-size: 16px; }

.grid-gallery-img h3 {
  margin-bottom: 0 !important; }

.grid-gallery-img .fonttexteditor {
  padding: 0px; }

.gallerylist-container .ant-card-cover > img {
  position: absolute;
  top: 0px;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100% !important;
  overflow: hidden;
  -o-object-position: top;
     object-position: top; }

.itemdetaillist-course > div > div > div > div > div > div > div {
  overflow: hidden !important; }

.itemdetaillist-article > div > div > div > div > div > div > div {
  overflow: hidden !important; }

.gallerylist-container .ant-list-pagination {
  display: none; }

.contenttext-title {
  font-size: 16px; }

.contenttext-description {
  font-size: 13px;
  color: #555;
  max-height: 75px !important; }

.pricing-type > p {
  color: #555 !important; }

.cardlistcoursethree-pricing {
  margin-top: 30px !important; }

.fonttexteditor {
  padding: 10px; }

.fonttexteditor > *,
.fonttexteditor > * > *,
.fonttexteditor > * > * > *,
.fonttexteditor > * > * > * > *,
.fonttexteditor > * > * > * > * > * {
  font-family: sarabun !important; }

.itemdetaillist-article .ant-card-cover > div > img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top; }

.pricing-price > a > button {
  padding: 0px; }

.itemdetaillist-course .ant-list-item {
  border-radius: 6px;
  webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important; }

.itemdetaillist-course .ant-list-item {
  -webkit-transition: .3s;
  transition: .3s; }

.itemdetaillist-course .ant-list-item:hover {
  -webkit-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.3) !important;
          box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.3) !important; }

.itemdetaillist-course .ant-card-bordered {
  border: 0px; }

.itemdetaillist-course .ant-list-item > a > div {
  padding: 0px !important; }

.itemdetaillist-course > div > div > div > div > div > div {
  padding: 0px; }

.courseList-container .courseList-header .search-bar {
  text-align: right; }

.itemdetaillist-article .ant-list-item {
  border-radius: 6px;
  webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important; }

.itemdetaillist-article .ant-list-item:hover {
  -webkit-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.15) !important; }

.itemdetaillist-article .ant-card-bordered {
  border: 0px; }

.itemdetaillist-article .ant-list-item > a > div {
  padding: 0px !important; }

.itemdetaillist-article > div > div > div > div > div > div {
  padding: 0px; }

.articleList-container {
  width: 85%;
  margin: 0;
  padding: 20px 0px 20px 0px; }
  .articleList-container .articleList-header {
    width: 100%;
    padding: 30px 40px 0px 0px; }
    .articleList-container .articleList-header .filter-bar {
      display: inline-block;
      width: 50%; }
    .articleList-container .articleList-header .filter-text {
      padding-right: 10px;
      font-size: 14px; }
    .articleList-container .articleList-header .search-bar {
      display: inline-block;
      width: 100%;
      text-align: right;
      margin-bottom: 20px; }
  .articleList-container .articleList-content .codexlms-mod--courses {
    padding: 0px 0px; }
  .articleList-container .articleList-content .codexlms-mod--courses__item:last-child {
    margin-right: 25px; }
  .articleList-container .articleList-content .articleList-pagination {
    text-align: center; }

#content > div.articlelist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-4.ant-col-md-offset-2 > div:nth-child(2) > div > div.ant-list-header,
#content > div.articlelist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-4.ant-col-md-offset-2 > div:nth-child(2) > div > div.ant-spin-nested-loading > div > div {
  border-bottom: 0px; }

#content > div.articlelist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-14.ant-col-md-offset-2 {
  margin-bottom: 50px; }

#content > div.ant-row > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-14.ant-col-md-offset-2 > div {
  display: none; }

#content > div.articlelist > div > div > div > div > div > div > div > div > div > div > div > p > strong {
  font-weight: normal !important; }

#content > div.articlelist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-14.ant-col-md-offset-2 > div:nth-child(2) > div > div.ant-list-header {
  padding-bottom: 6px;
  margin-bottom: 16px; }

#content > div.articlelist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-14.ant-col-md-offset-2 > div:nth-child(2) > div > div.ant-spin-nested-loading > div > div {
  padding-top: 0px; }

#content > div.articlelist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-14.ant-col-md-offset-2 > div:nth-child(2) > div > div.ant-spin-nested-loading > div > div > div,
#content > div.articlelist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-14.ant-col-md-offset-2 > div:nth-child(2) > div > div.ant-list-header > h1 {
  margin-bottom: 0px; }

@media (min-width: 991px) {
  #content > div.articlelist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-20.ant-col-md-offset-2.ant-col-lg-14.ant-col-lg-offset-2 > div:nth-child(1) {
    display: none; }
  #content > div.articlelist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-4.ant-col-md-offset-2 {
    display: block; } }

@media (max-width: 991px) {
  #content > div.articlelist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-14.ant-col-md-offset-2 > div:nth-child(2) > div > div.ant-list-header {
    margin-top: 30px; }
  #content > div.articlelist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-14.ant-col-md-offset-2 > div:nth-child(2) > div > div.ant-spin-nested-loading > div > div > div > div > div.ant-col-xs-24.ant-col-md-16.ant-col-md-offset-1 > div > a > h3 {
    margin-top: 16px !important; }
  #content > div.articlelist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-20.ant-col-md-offset-2.ant-col-lg-14.ant-col-lg-offset-2 > div:nth-child(1) {
    display: block; }
  #content > div.articlelist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-4.ant-col-md-offset-2 {
    display: none; } }

#content > div.articlelist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-14.ant-col-md-offset-2 > div > div > div.ant-spin-nested-loading > div > div {
  border-bottom: 0px; }

/* ------ col right ------ */
/* --- search --- */
#content > div.articlelist > div > div > div.search-bar > span {
  height: 30px; }

#content > div.articlelist > div > div > div.search-bar > span > input {
  background: #fff;
  border-color: rgba(0, 0, 0, 0.1) !important;
  height: 35px !important;
  border-radius: 4px !important; }

#content > div.articlelist > div > div > div.search-bar > span > span > i {
  padding-top: 5px; }

/* --- categories --- */
#content > div.articlelist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-4.ant-col-md-offset-2 > div > div > div.ant-list-header > h1 {
  color: #5e5e5e;
  text-align: right;
  font-size: 24px !important; }

#content > div.articlelist > div > div > div.ant-list.ant-list-split > div.ant-list-header {
  padding-top: 22px; }

#content > div.articlelist > div > div > div.ant-list.ant-list-split > div.ant-list-header > h1 {
  text-align: right;
  font-weight: bold; }

#content > div.articlelist > div > div > div.ant-list.ant-list-split > div.ant-spin-nested-loading > div > div > div {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

#content > div.articlelist > div > div > div.ant-list.ant-list-split > div.ant-spin-nested-loading > div > div > div > a {
  font-size: 16px !important;
  font-weight: bold; }

#content > div.articlelist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-14.ant-col-md-offset-2 > div:nth-child(1) > div > select {
  min-width: 45%;
  padding-left: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  height: 35px !important;
  border-radius: 4px !important; }

#content > div.articlelist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-14.ant-col-md-offset-2 > div:nth-child(1) > div > span {
  font-size: 16px; }

/* ------ end col right ------ */
/* ------ col middle ------ */
/* --- article list --- */
/* header */
#content > div.articlelist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-14.ant-col-md-offset-2 > div > div > div.ant-list-header {
  padding-top: 0px; }

/* header article detail */
/* title */
#content > div.articlelist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-14.ant-col-md-offset-2 > div:nth-child(2) > div > div.ant-spin-nested-loading > div > div > div > div > div.ant-col-xs-24.ant-col-md-16.ant-col-md-offset-1 > div > a > h3 {
  font-size: 18px; }

#content > div.articlelist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-14.ant-col-md-offset-2 > div:nth-child(2) > div > div.ant-spin-nested-loading > div > div > div > div > div.ant-col-xs-24.ant-col-md-16.ant-col-md-offset-1 > div:nth-child(3) > p,
#content > div.articlelist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-14.ant-col-md-offset-2 > div:nth-child(2) > div > div.ant-spin-nested-loading > div > div > div > div > div.ant-col-xs-24.ant-col-md-16.ant-col-md-offset-1 > div:nth-child(3) > p > strong > em,
#content > div.articlelist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-14.ant-col-md-offset-2 > div:nth-child(2) > div > div.ant-spin-nested-loading > div > div > div > div > div.ant-col-xs-24.ant-col-md-16.ant-col-md-offset-1 > p {
  font-size: 13px;
  color: #888; }

#content > div.articlelist > div > div > div > div > div.ant-spin-nested-loading > div > div > div > div.ant-list-item-main > div.ant-list-item-meta > div > h4 > a > h3 {
  font-weight: bold; }

@media (max-width: 500px) {
  #content > div.articlelist > div > div > div > div > div.ant-spin-nested-loading > div > div > div > div > div > div > a > h3 {
    margin-top: 15px; } }

#content > div.articlelist > div > div > div > div > div.ant-spin-nested-loading > div > div > div > div > div > a > div {
  width: 100%;
  padding-top: 57%;
  position: relative; }

#content > div.articlelist > div > div > div > div > div.ant-spin-nested-loading > div > div > div > div > div > a > div > img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  -o-object-position: center;
  object-position: center; }

/* ------ end col middle ------ */
/* ------ additional ------ */
/* ------ end additional ------ */
#content > div.articlelist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-20.ant-col-md-offset-2.ant-col-lg-14.ant-col-lg-offset-2 > div:nth-child(2) > div > div.ant-spin-nested-loading > div > div > div > div > div.ant-col-xs-24.ant-col-md-16.ant-col-md-offset-1 > div > p > img {
  display: none; }

.articlesix-list > div > div.ant-list-pagination {
  margin: 0 !important; }

.insturctor2list > div > div > div > div > div,
.article8list > div > div > div > div > div {
  padding-left: 3px !important;
  padding-right: 3px !important; }

@media (max-width: 450px) {
  .insturctor2list .ant-list-item,
  .article8list .ant-list-item {
    margin-bottom: 0px !important; } }

@media (max-width: 450px) {
  .instructor2des {
    font-size: 13px; } }

.instructor-search-module-filter-search {
  font-weight: normal !important; }

.instructor2pic {
  width: 100%;
  height: auto; }

.article-eight-image {
  width: 100%; }

.cardlistarticlethree {
  margin-bottom: 0px !important; }
  @media (max-width: 450px) {
    .cardlistarticlethree {
      padding-left: 4px !important;
      padding-right: 4px !important; } }
  .cardlistarticlethree .ant-row {
    background: #fff;
    border-radius: 4px;
    margin-bottom: 0px; }

.instructortwo {
  margin-bottom: 0px !important; }
  .instructortwo .ant-row {
    background: #fff;
    min-height: 100%;
    border-width: 1px;
    border-color: #f2f2f2;
    border-style: solid; }

@media (max-width: 450px) {
  .instructordetailimg {
    max-height: 250px; } }

@media (max-width: 450px) {
  .instructordetailimg {
    margin-bottom: 0px !important; } }

@media (max-width: 768px) {
  .instructor-border-top {
    margin-top: 50px; } }

.cardlistarticlethree:hover button {
  display: block !important; }

.articlesix-list h3 {
  margin-bottom: 0px;
  font-size: 16px; }

.articlesix-list p {
  font-family: sarabun !important;
  display: -webkit-box;
  font-size: 13px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 0px !important;
  overflow: hidden; }

.searchbigbox {
  width: 550px;
  height: 41px;
  max-width: 95%;
  margin-bottom: 25px;
  -webkit-transform: scale(0.85);
          transform: scale(0.85); }
  .searchbigbox .ant-input-affix-wrapper .ant-input-suffix {
    right: 12px !important; }
  .searchbigbox input.ant-input {
    border-radius: 0px 5px 5px 0px !important; }
  .searchbigbox .anticon-search {
    font-size: 24px;
    margin-top: -6px; }
  @media (max-width: 650px) {
    .searchbigbox {
      margin-bottom: 40px; } }
  .searchbigbox .ant-select {
    border: 0px !important;
    font-size: 16px;
    font-weight: 600;
    width: 30% !important; }
    @media (max-width: 650px) {
      .searchbigbox .ant-select {
        width: 40% !important; } }
    .searchbigbox .ant-select .ant-select-selection {
      border: 1px solid #e8e8e8 !important;
      border-radius: 8px 0 0  8px !important; }
      .searchbigbox .ant-select .ant-select-selection .ant-select-selection__rendered {
        line-height: 55px; }
  .searchbigbox .ant-select:last-child {
    width: 70% !important;
    border-left: 0px !important; }
    @media (max-width: 650px) {
      .searchbigbox .ant-select:last-child {
        width: 60% !important; } }
    .searchbigbox .ant-select:last-child .ant-select-selection {
      border: 1px solid #e8e8e8 !important;
      border-left: 0px !important;
      border-radius: 0 8px 8px 0 !important;
      cursor: text; }

.grid-gallery-img .cardlistarticlethree .ant-row:hover {
  -webkit-box-shadow: 0px 0px 7px -3px #cacaca;
          box-shadow: 0px 0px 7px -3px #cacaca;
  -webkit-transform: .5s;
          transform: .5s; }

.grid-gallery-img .cardlistarticlethree .ant-row {
  -webkit-box-shadow: unset;
          box-shadow: unset; }

.link-gallery-filter a {
  font-size: 18px; }

.grid-gallery-img button {
  width: 100%;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  background-color: #232323;
  color: white; }

.gallerylist-container .custom-col-5 .ant-card-cover > img:hover, .gallery-five .grid-container-gallery img:hover {
  -webkit-filter: brightness(0.75);
          filter: brightness(0.75);
  -webkit-transition: .5s;
  transition: .5s;
  cursor: pointer; }

.gallerylist-container .custom-col-5 .ant-list-item {
  border-radius: 0; }

.gallerylist-container .custom-col-5 .ant-card-cover:hover:after, .gallery-five .grid-container-gallery > div:hover:after {
  opacity: 1 !important;
  -webkit-transition: .5s;
  transition: .5s;
  cursor: pointer; }

.gallerylist-container .custom-col-5 .ant-card-cover:hover img, .gallery-five .grid-container-gallery > div:hover img {
  -webkit-filter: brightness(0.75);
          filter: brightness(0.75); }

.gallerylist-container .custom-col-5 .ant-card-cover:after {
  opacity: 0;
  margin-top: -55%;
  height: 45px;
  background: url(http://localhost:4040/uploads/zoom_1.png) no-repeat center;
  z-index: 200;
  position: relative;
  content: '';
  background-size: 37px;
  display: block; }

.gallery-five .grid-container-gallery > div:after {
  opacity: 0;
  height: 55px;
  background: url(http://localhost:4040/uploads/zoom_1.png) no-repeat center;
  z-index: 200;
  position: relative;
  content: '';
  background-size: 37px;
  display: block;
  width: 100%;
  top: -40%;
  margin: -55px auto 0 auto;
  pointer-events: none; }

.left-menu-gall .ant-list-split .ant-list-header, .left-menu-gall .ant-list-split .ant-list-item, .gallery-six .ant-list-split .ant-list-item, .gallery-six .ant-list-split .ant-list-header {
  border: none; }

.left-menu-gall .ant-list-split .ant-list-item > a, .gallery-six .ant-list-split .ant-list-item > a {
  -webkit-filter: contrast(0.2);
          filter: contrast(0.2); }

.left-menu-gall .ant-list-split .ant-list-item > a:hover, .gallery-six .ant-list-split .ant-list-item > a:hover {
  -webkit-filter: contrast(1);
          filter: contrast(1);
  -webkit-transition: .5s;
  transition: .5s; }

@media (min-width: 768px) {
  .custom-col-5 .ant-col-xl-4.ant-col-xxl-4 {
    width: 20%; } }

.search-art i {
  position: relative;
  left: -10px; }

.search-art input {
  border-radius: 4px; }

.client-article-template {
  padding: 15px 0px 70px; }
  .client-article-template .ant-list-grid .ant-list-item {
    margin-bottom: 20px; }

.client-articlecard-one .ant-card-meta-title {
  white-space: unset; }

.client-articlecard-one .ant-card-meta-detail {
  overflow: unset; }

.client-articlecard-one .fonttexteditor {
  padding: 0; }

.client-articlecard-one .ant-card-meta-description p {
  overflow: hidden;
  height: 60px;
  font-size: 13px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 1.56; }

.client-articlecard-one .ant-card-body {
  height: auto !important; }
  @media screen and (min-width: 576px) {
    .client-articlecard-one .ant-card-body {
      height: 155px !important; } }

.reviewsix .cardlisttwobox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 24px 24px 12px 24px; }

.reviewsix p.client-course-description {
  height: 62px;
  font-size: 13px;
  margin: 0; }

.client-articlecard-two .ant-card::after {
  content: '';
  background: #00000030;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0; }

.client-articlecard-two .cardlisttwobox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 24px 0px 0px 0px; }

.client-articlecard-two h3.client-course-title {
  font-size: 16px;
  font-weight: 500; }

.client-articlecard-two p.client-course-description {
  height: 60px;
  font-size: 13px; }

.client-article-three .cardlistarticlethree {
  border: solid 1px #e8e8e8; }

.client-article-three .cardlistarticlethree {
  padding: 0 !important; }

.client-article-three .cardlistarticlethree-body {
  padding-bottom: 0 !important; }

.cardlistthree.ant-card::after {
  content: '';
  background: #00000030;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0; }

@media screen and (min-width: 950px) {
  .client-article-three .client-course-title {
    max-height: 25px !important; } }

.client-articlecard-five .ant-select-open .ant-select-arrow-icon svg, .InstructorTwo .ant-select-open .ant-select-arrow-icon svg {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg); }

.cardlistarticlethree.instructortwo:hover button.ant-btn {
  height: 34px !important; }

.cardlistarticlethree.instructortwo button.ant-btn {
  height: 0;
  overflow: hidden;
  -webkit-transition: .3s;
  transition: .3s; }

@media screen and (max-width: 1025px) {
  .cardlistarticlethree.instructortwo .ant-col.ant-col-24.cardlistarticlethree-body {
    padding: 13px 9px 10px !important; } }

.instructortwo-list .ant-spin-container > .ant-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

@media screen and (max-width: 767px) {
  .cardlistarticlethree.instructortwo .instructor2des {
    font-size: 10px;
    max-height: 29px !important; }
  .cardlistarticlethree.instructortwo h3.client-course-title {
    font-size: 12px; }
  .cardlistarticlethree.instructortwo button.ant-btn {
    margin-top: 4px !important;
    -webkit-transform: scale(0.7);
            transform: scale(0.7); } }

.ant-select-dropdown ul:has(li.client-instructor) li {
  padding: 0 !important; }

.ant-select-dropdown ul:has(li.client-instructor) {
  -webkit-transform: scale(0.85) !important;
          transform: scale(0.85) !important; }

.ant-select-dropdown:has(li.client-instructor) {
  width: 140px !important; }

.ant-select-dropdown:has(li.instructorNameList) {
  width: 320px !important; }

.ant-select-dropdown:has(li.instructorNameList) li {
  font-size: 13px !important; }

@media screen and (max-width: 567px) {
  div.ant-select-dropdown:has(li.instructorNameList) {
    width: 43% !important; }
  .ant-select-dropdown:has(li.client-instructor) {
    width: 29% !important; } }

.ant-card.client-coursesix-card.ant-card-bordered.ant-card-hoverable:hover {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.32);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.32); }

.article-ten .ant-list-something-after-last-item .ant-spin-container > .ant-list-items > .ant-list-item:last-child {
  border: none !important; }

@media (max-width: 765px) {
  .article-list-page .article-category-list {
    display: none; }
  .article-search-right {
    margin-top: 20px;
    /* Add some spacing */ } }

.search-bar.article-list-search > span {
  width: 100% !important; }

/* header article detail */
.articledetail {
  max-width: 1200px;
  margin: 60px auto; }
  .articledetail p a {
    word-break: break-all; }
  .articledetail h1 {
    margin-top: 30px;
    font-size: 36px !important;
    font-weight: 600; }
  .articledetail h3 {
    margin-bottom: 5px !important; }
  @media (max-width: 600px) {
    .articledetail h1 {
      margin-top: 30px;
      font-size: 22px !important;
      font-weight: 600; }
    .articledetail h3 {
      font-size: 18px !important; } }
  .articledetail .fonttexteditor {
    max-width: 900px;
    margin: 30px auto; }
  .articledetail .edit-profile-admin .page-master-file .formitem-socialmeta textarea.ant-input {
    height: 135px !important; }
  .articledetail .fonttexteditor > *, .articledetail .fonttexteditor > * > *, .articledetail .fonttexteditor > * > * > *, .articledetail .fonttexteditor > * > * > * > *, .articledetail .fonttexteditor > * > * > * > * > * {
    font-family: sarabun !important; }

#content > div.articledetail > div > div > div > div > div {
  margin-top: 30px; }

#content > div.articledetail > div > div > div > div > div > p > a > strong > img,
#content > div.articledetail > div > div > div > div > div > p > a > img,
#content > div.articledetail > div > div > div > div > div > p > img {
  max-width: 100%; }

#content > div.articledetail > div > div > div > div > div > iframe {
  max-width: 100%; }

.google-map iframe {
  max-width: 100%; }

/* contact detail */
#content > div.contactus > div:nth-child(2) > div > div > div:nth-child(1),
#content > div.contactus > div:nth-child(2) > div > div > div:nth-child(2) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  padding-bottom: 30px;
  margin-bottom: 15px; }

#content > div.contactus > div:nth-child(2) > div > div > div:nth-child(1) > div.ant-col-4 > h3,
#content > div.contactus > div:nth-child(2) > div > div > div:nth-child(2) > div.ant-col-4 > h3,
#content > div.contactus > div:nth-child(2) > div > div > div:nth-child(3) > h3 {
  font-weight: bold !important; }

#content > div.contactus > div:nth-child(2) > div > div > div:nth-child(2) > div {
  margin-bottom: 10px; }

#content > div.contactus > div:nth-child(2) > div > div > div:nth-child(2) > div:nth-child(1) {
  margin-bottom: 0px; }

@media (max-width: 768px) {
  #content > div.contactus > div:nth-child(2) > div.ant-col-xs-20.ant-col-xs-offset-1.ant-col-md-8.ant-col-md-offset-2 {
    display: none; }
  #content > div.contactus > div:nth-child(2) > div:nth-child(3) {
    display: block;
    margin-top: 30px; } }

@media (min-width: 768px) {
  #content > div.contactus > div:nth-child(2) > div.ant-col-xs-20.ant-col-xs-offset-1.ant-col-md-8.ant-col-md-offset-2 {
    display: block; }
  #content > div.contactus > div:nth-child(2) > div:nth-child(3) {
    display: none; } }

#content > div.contactus > div > div.ant-col-xs-20.ant-col-xs-offset-1.ant-col-md-12.ant-col-md-offset-0 > div > div > div > p > a > strong > img,
#content > div.contactus > div > div.ant-col-xs-20.ant-col-xs-offset-1.ant-col-md-12.ant-col-md-offset-0 > div > div > div > p > a > img,
#content > div.contactus > div > div.ant-col-xs-20.ant-col-xs-offset-1.ant-col-md-12.ant-col-md-offset-0 > div > div > div > p > img {
  max-height: 100%;
  max-width: 100%; }

#content > div.contactus > div > div.ant-col-xs-20.ant-col-xs-offset-1.ant-col-md-12.ant-col-md-offset-0 > div > div > div > iframe {
  max-width: 100%; }

.contactusfbbox iframe {
  max-width: 100%; }

.contactussix h2 {
  text-align: left;
  color: #0a0a0a;
  font-size: 40px;
  margin-bottom: 15px;
  line-height: 1em; }

.contactussix h3 {
  text-align: left;
  color: #0a0a0a !important;
  font-weight: 300;
  font-size: 18px;
  margin-bottom: 15px;
  font-family: sarabun !important; }

.contactussix .ant-form-item {
  margin-bottom: 8px !important; }
  .contactussix .ant-form-item .ant-input {
    border-color: #f3f3f3 !important;
    height: 40px !important; }

.contactussix .subscribe-button:hover {
  -webkit-box-shadow: 0 0 0 rgba(10, 10, 10, 0.1);
          box-shadow: 0 0 0 rgba(10, 10, 10, 0.1); }

.busniess-menu {
  border-right: 1px solid #e8e8e8; }
  .busniess-menu .Cat-title {
    padding: 10%;
    font-size: 14px;
    font-weight: 700;
    color: #000; }
  .busniess-menu .ant-menu {
    border-right: 0px !important; }
    .busniess-menu .ant-menu .ant-menu-item {
      padding-left: 18% !important;
      padding-right: 18% !important;
      line-height: 1.5 !important;
      white-space: normal;
      margin: 0px !important;
      height: auto !important;
      padding-top: 9px !important;
      padding-bottom: 9px !important; }
      .busniess-menu .ant-menu .ant-menu-item p {
        margin-bottom: 0px;
        color: #000; }
      .busniess-menu .ant-menu .ant-menu-item p::after {
        content: "❯";
        position: absolute;
        height: 100%;
        right: 10%;
        top: 0;
        font-size: 17px;
        color: #b1b1b1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }

.copyright-container {
  font-size: 11px; }

@media only screen and (min-width: 1000px) and (max-width: 1164px) {
  .ant-col.total-box {
    width: 47% !important; }
  .footerone .ant-col.ant-col-xs-24.ant-col-md-9.ant-col-lg-8:nth-child(1) {
    padding-top: 8px !important; } }

@media only screen and (max-width: 990px) {
  .courseDetail .ant-col .courseDetail-Header {
    margin-top: 30px; }
  .courseDetail .courseDetail-mainContent .courseDetail-tabs .courseDetail-content {
    padding: 0px 16px 16px 16px; } }

@media only screen and (max-width: 600px) {
  .header-Thirteen-wrapper {
    height: 50px !important; } }

.header-Thirteen-wrapper .header-13-search {
  left: 0px;
  position: absolute;
  border-right: 1px solid #e8e8e8; }
  .header-Thirteen-wrapper .header-13-search input {
    border: 0 !important;
    width: 45vh;
    height: 39px !important;
    color: white;
    border-radius: 3px !important;
    background: #3f3f3f;
    padding-left: 55px !important;
    padding-left: 50px !important;
    font-weight: 300 !important; }
    @media only screen and (max-width: 600px) {
      .header-Thirteen-wrapper .header-13-search input {
        height: 50px !important; } }
  .header-Thirteen-wrapper .header-13-search .ant-input-prefix {
    left: 30px !important; }
    .header-Thirteen-wrapper .header-13-search .ant-input-prefix i {
      color: white;
      font-size: 22px !important; }

@media only screen and (max-width: 1024px) {
  .header-Thirteen-wrapper .header13-logo {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; } }

.header-Thirteen-wrapper .header13-logo .ant-col {
  height: 50px !important; }

.header-Thirteen-wrapper .header13-right {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  position: absolute;
  top: 0; }
  @media only screen and (max-width: 1024px) {
    .header-Thirteen-wrapper .header13-right {
      right: 0 !important; } }
  @media only screen and (max-width: 600px) {
    .header-Thirteen-wrapper .header13-right .header13-icon {
      height: 50px !important; } }
  .header-Thirteen-wrapper .header13-right .header13-icon a {
    margin: 15px !important; }
    @media only screen and (max-width: 600px) {
      .header-Thirteen-wrapper .header13-right .header13-icon a {
        margin: 7px !important; } }

@media only screen and (max-width: 600px) {
  .header-Thirteen-wrapper .bm-burger-button {
    height: 50px !important;
    width: 50px !important; }
    .header-Thirteen-wrapper .bm-burger-button .bm-burger-bars {
      left: 10px !important; } }

@media (min-width: 1024px) {
  .bm-menu-wrap {
    display: none; } }

@media (max-width: 1024px) {
  .busniess-menu {
    display: none !important; }
  .businesslayout, .InstructorDetail {
    width: 100% !important; } }

@media (max-width: 600px) {
  .header-system-eight div .header13-logo {
    height: auto !important; } }

@media (max-height: 900px) {
  .accountheader h1 {
    padding-left: 24px; } }

.newinstructor-wrapper > .ant-row > .ant-col-md-24.ant-col-lg-5.ant-col-xl-5.ant-col-xxl-6 > div {
  margin: 20px 20px 40px 30px !important;
  -webkit-box-shadow: rgba(0, 0, 0, 0.06) 0px 5px 15px !important;
          box-shadow: rgba(0, 0, 0, 0.06) 0px 5px 15px !important;
  border-radius: 5px !important;
  overflow: hidden;
  background: #ffffff; }

.newinstructor-wrapper > .ant-row > .ant-col-md-24.ant-col-lg-5.ant-col-xl-5.ant-col-xxl-6 {
  background: #f7f7f7 !important; }

.login-register-course-modal-wrapper .ant-modal-body {
  padding: 0; }

.login-register-course-modal-wrapper .login .ant-card {
  margin: 0 !important;
  width: 100%;
  max-width: 100%;
  border-radius: 0px; }

.login-register-course-modal-wrapper .login .ant-row {
  border-radius: 12px;
  overflow: hidden; }

.header-system-eight .header13-logo {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  height: 65px !important;
  -ms-flex-line-pack: center;
      align-content: center;
  max-width: 15%; }

.MyAccountCourse.Live .header-system-eight .header13-logo,
.myaccount-student-course .header-system-eight .header13-logo,
.myaccount-student-order .header-system-eight .header13-logo,
.myaccount-student-profile .header-system-eight .header13-logo,
.myaccount-student-address .header-system-eight .header13-logo,
.myaccount-student-home .header-system-eight .header13-logo {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  height: 65px !important;
  -ms-flex-line-pack: center;
      align-content: center;
  max-width: 20.83333333%; }

.header-system-eight .header-13-search {
  left: 15%;
  border-left: 1px solid #e8e8e8; }

.MyAccountCourse.Live .header-system-eight .header-13-search,
.myaccount-student-course .header-system-eight .header-13-search,
.myaccount-student-order .header-system-eight .header-13-search,
.myaccount-student-profile .header-system-eight .header-13-search,
.myaccount-student-address .header-system-eight .header-13-search,
.myaccount-student-home .header-system-eight .header-13-search {
  left: 20.83333333%;
  border-left: 1px solid #e8e8e8; }

.list-padding8 .ant-row .ant-col.ant-col-6.ant-col-xs-12.ant-col-sm-12.ant-col-md-8.ant-col-lg-8.ant-col-xl-6.ant-col-xxl-6 {
  padding-left: 9px !important;
  padding-right: 9px !important; }

.paymentmethod-loading-wrapper .paymentmethod-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center; }

.paymentmethod-notfound-wrapper .paymentmethod-notfound {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center; }
  .paymentmethod-notfound-wrapper .paymentmethod-notfound p {
    margin-bottom: 10px;
    font-size: 20px; }

.paymentmethod-page-wrapper {
  padding-top: 50px;
  padding-bottom: 50px; }
  .paymentmethod-page-wrapper .paymentmethod-content-wrapper {
    text-align: center;
    background-color: #ffffff;
    border: 1px solid #e3e3e3;
    border-radius: 12px;
    margin-left: auto;
    margin-right: auto;
    width: 700px;
    max-width: 95%;
    -webkit-box-shadow: 0px 0px 10px -3px #cacaca;
            box-shadow: 0px 0px 10px -3px #cacaca; }
    .paymentmethod-page-wrapper .paymentmethod-content-wrapper .header-wrapper {
      padding: 20px;
      text-align: center; }
      .paymentmethod-page-wrapper .paymentmethod-content-wrapper .header-wrapper .title {
        font-size: 36px;
        margin-bottom: 15px;
        color: #5f5f5f;
        font-family: sarabun !important;
        font-weight: 700; }
      .paymentmethod-page-wrapper .paymentmethod-content-wrapper .header-wrapper .subtitle {
        font-size: 16px;
        margin-bottom: 10px;
        color: #5f5f5f;
        font-family: sarabun !important; }
    .paymentmethod-page-wrapper .paymentmethod-content-wrapper .paymentmethod-wrapper {
      padding: 20px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .paymentmethod-page-wrapper .paymentmethod-content-wrapper .paymentmethod-wrapper .paymentsethod-item-wrapper {
        padding: 10px;
        cursor: pointer;
        border-radius: 4px;
        border: 1px solid #ffffff;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .paymentmethod-page-wrapper .paymentmethod-content-wrapper .paymentmethod-wrapper .paymentsethod-item-wrapper .icon {
          font-size: 20px;
          padding-top: 6px; }
        .paymentmethod-page-wrapper .paymentmethod-content-wrapper .paymentmethod-wrapper .paymentsethod-item-wrapper .name {
          margin: 0px;
          padding: 5px; }
    .paymentmethod-page-wrapper .paymentmethod-content-wrapper .main-content-wrapper {
      padding: 20px 60px; }
      @media screen and (max-width: 600px) {
        .paymentmethod-page-wrapper .paymentmethod-content-wrapper .main-content-wrapper {
          padding: 20px; } }
      .paymentmethod-page-wrapper .paymentmethod-content-wrapper .main-content-wrapper .ant-form-item {
        margin-bottom: 10px; }
        .paymentmethod-page-wrapper .paymentmethod-content-wrapper .main-content-wrapper .ant-form-item .ant-col.ant-form-item-label.ant-col-sm-24.ant-col-md-24 {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
        .paymentmethod-page-wrapper .paymentmethod-content-wrapper .main-content-wrapper .ant-form-item label {
          font-size: 14px;
          color: #5f5f5f;
          font-family: sarabun !important;
          font-weight: 700; }
        .paymentmethod-page-wrapper .paymentmethod-content-wrapper .main-content-wrapper .ant-form-item .ant-input {
          font-size: 14px;
          border-radius: 4px !important;
          padding: 15px;
          height: 45px !important; }
      .paymentmethod-page-wrapper .paymentmethod-content-wrapper .main-content-wrapper .ant-calendar-picker {
        margin-right: 6px;
        width: calc(100% - 6px); }
      .paymentmethod-page-wrapper .paymentmethod-content-wrapper .main-content-wrapper .ant-time-picker-large .ant-time-picker-input {
        margin-left: 6px;
        width: calc(100% - 6px);
        height: 45px; }
      .paymentmethod-page-wrapper .paymentmethod-content-wrapper .main-content-wrapper .ant-select-selection__rendered {
        height: 45px; }
    .paymentmethod-page-wrapper .paymentmethod-content-wrapper .footer-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-top: 20px;
      background-color: #f8f8f8; }
      .paymentmethod-page-wrapper .paymentmethod-content-wrapper .footer-wrapper .button-wrapper {
        padding: 10px; }
        .paymentmethod-page-wrapper .paymentmethod-content-wrapper .footer-wrapper .button-wrapper button {
          min-width: 140px; }

.paymentmethod-my2c2p-creditcard-wrapper {
  margin-top: 10px; }
  .paymentmethod-my2c2p-creditcard-wrapper .my2c2p-creditcard-wrapper .my2c2p-creditcard-form .my2c2p-creditcard-button-wrapper {
    margin-top: 10px;
    -ms-flex-line-pack: center;
        align-content: center;
    text-align: center; }

.cart-bank-transfer-wrapper .ant-form-item {
  margin-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px; }
  .cart-bank-transfer-wrapper .ant-form-item .ant-col.ant-form-item-label.ant-col-sm-24.ant-col-md-24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.cart-bank-transfer-wrapper .ant-time-picker-large .ant-time-picker-input {
  height: 32px;
  font-family: 'kanit' !important;
  font-size: 14px; }

.cart-bank-transfer-wrapper .ant-select-selection__rendered div {
  height: 32px;
  font-family: 'kanit' !important;
  font-size: 14px; }

.cart-bank-transfer-wrapper input {
  height: 32px;
  font-family: 'kanit' !important;
  font-size: 14px; }

.paymentmethod-page-wrapper .ant-form-item {
  margin-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px; }
  .paymentmethod-page-wrapper .ant-form-item .ant-col.ant-form-item-label.ant-col-sm-24.ant-col-md-24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.paymentmethod-page-wrapper .ant-time-picker-large .ant-time-picker-input {
  font-family: 'kanit' !important;
  font-size: 14px; }

.paymentmethod-page-wrapper .ant-select-selection__rendered div {
  font-size: 14px; }

.paymentmethod-page-wrapper input {
  font-family: 'kanit' !important;
  font-size: 14px; }

.paymentmethod-page-wrapper .ant-select-selection--single {
  height: auto !important; }

.login-cart-modal-wrapper .ant-modal,
.site .ant-modal {
  width: auto !important; }
  .login-cart-modal-wrapper .ant-modal .ant-modal-content,
  .site .ant-modal .ant-modal-content {
    width: 700px;
    max-width: 95%; }
  .login-cart-modal-wrapper .ant-modal .ant-form-item,
  .site .ant-modal .ant-form-item {
    margin-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px; }
    .login-cart-modal-wrapper .ant-modal .ant-form-item .ant-col.ant-form-item-label.ant-col-sm-24.ant-col-md-24,
    .site .ant-modal .ant-form-item .ant-col.ant-form-item-label.ant-col-sm-24.ant-col-md-24 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .login-cart-modal-wrapper .ant-modal .ant-form-item label,
    .site .ant-modal .ant-form-item label {
      font-size: 14px;
      color: #5f5f5f;
      font-family: sarabun !important;
      font-weight: 700; }
    .login-cart-modal-wrapper .ant-modal .ant-form-item .ant-input,
    .site .ant-modal .ant-form-item .ant-input {
      font-size: 14px;
      font-family: sarabun !important;
      border-radius: 4px !important;
      padding: 15px;
      height: 45px !important; }
  .login-cart-modal-wrapper .ant-modal .ant-calendar-picker,
  .site .ant-modal .ant-calendar-picker {
    margin-right: 6px;
    width: calc(100% - 6px); }
  .login-cart-modal-wrapper .ant-modal .ant-time-picker-large .ant-time-picker-input,
  .site .ant-modal .ant-time-picker-large .ant-time-picker-input {
    margin-left: 6px;
    width: calc(100% - 6px);
    height: 45px; }
  .login-cart-modal-wrapper .ant-modal .ant-select-selection__rendered,
  .site .ant-modal .ant-select-selection__rendered {
    height: 45px; }
  .login-cart-modal-wrapper .ant-modal .footer-wrapper,
  .site .ant-modal .footer-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 20px;
    background-color: #f8f8f8;
    text-align: center; }
    .login-cart-modal-wrapper .ant-modal .footer-wrapper .button-wrapper,
    .site .ant-modal .footer-wrapper .button-wrapper {
      padding: 10px; }
      .login-cart-modal-wrapper .ant-modal .footer-wrapper .button-wrapper button,
      .site .ant-modal .footer-wrapper .button-wrapper button {
        min-width: 140px; }

.button-upload {
  border-radius: 0px 0px 8px 8px !important;
  height: 35px !important; }

.uploadclass .ant-list-bordered {
  border-radius: 5px 5px 0px 0px !important; }

.paymentmethod-bank-transfer-wrapper .ant-select-selection-selected-value {
  line-height: 45px; }

.paymentmethod-bank-transfer-wrapper .ant-select-dropdown-menu-item {
  padding: 10px 12px; }

.videoFive {
  margin-bottom: -15px; }

.videoslidehover:hover .playbutton {
  -webkit-box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.3); }

.videoFive .videoslidehover {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.playbutton {
  cursor: pointer;
  position: absolute;
  z-index: 99;
  background: #ffffffd4;
  font-size: 30px;
  color: #c08c0b;
  padding: 8px 5px 7px 10px;
  border-radius: 50%; }

.videoFive .arrow-right, .videoFive .arrow-left {
  color: #805e0a !important;
  background: transparent !important;
  font-size: 30px; }

@media only screen and (max-width: 480px) {
  .playbutton {
    margin: 40px 0px 40px -10px; } }

@media (max-width: 1299px) {
  .videoFive .arrow-right, .videoFive .arrow-left {
    margin-top: 60px; }
  .playbutton {
    margin: 70px 0px 100px -10px; } }

@media (max-width: 1099px) {
  .videoFive .arrow-right, .videoFive .arrow-left {
    margin-top: 45px; }
  .playbutton {
    margin: 55px 0px 100px -10px; } }

@media (max-width: 1000px) {
  .videoFive .arrow-right, .videoFive .arrow-left {
    margin-top: 35px; }
  .playbutton {
    margin: 45px 0px 100px -10px; } }

@media (max-width: 900px) {
  .system-header-one-wrapper .logodes a img {
    padding: 0 10%; }
  .videoFive .arrow-right, .videoFive .arrow-left {
    margin-top: 25px; }
  .playbutton {
    margin: 35px 0px 100px -10px; } }

@media (max-width: 620px) {
  .videoFive .arrow-right, .videoFive .arrow-left {
    margin-top: 5px; }
  .playbutton {
    margin: 25px 0px 100px -10px; } }

@media (max-width: 500px) {
  .videoFive .arrow-right, .videoFive .arrow-left {
    margin-top: 5px; }
  .playbutton {
    margin: 15px 0px 100px -10px; } }

@media (max-width: 420px) {
  .videoFive .arrow-right, .videoFive .arrow-left {
    margin-top: 5px; }
  .playbutton {
    margin: 45px 0px 100px -10px; } }

@media (max-width: 38px) {
  .videoFive .arrow-right, .videoFive .arrow-left {
    margin-top: 5px; }
  .playbutton {
    margin: 35px 0px 100px -10px; } }

@media (max-width: 320px) {
  .videoFive .arrow-right, .videoFive .arrow-left {
    margin-top: 5px; }
  .playbutton {
    margin: 23px 0px 100px -10px; } }

.imageCover {
  background-repeat: no-repeat;
  background-size: cover !important;
  height: 450px; }

#content > div.ant-row.aboutus > div.ant-col-20.ant-col-offset-2 > div > div > div > div {
  border-bottom: 1px solid #ddd;
  padding-top: 30px;
  padding-bottom: 30px; }

@media (max-width: 500px) {
  .imageCover {
    height: 240px; } }

#content > div.ant-row.aboutus > div:nth-child(4) > h2 {
  margin-bottom: 0px; }

#content > div.ant-row.aboutus > div > div > div > div > div:nth-child(1) {
  padding-top: 24px; }

#content > div.aboutusinstructor > div > div:nth-child(2) > div > div > div > div > div > div > table > thead > tr > th {
  padding: 5px 8px !important; }

#content > div.ant-row.aboutus > div > div > p > img,
#content > div.ant-row.aboutus > div > div > p > a > img,
#content > div.ant-row.aboutus > div > div > p > a > strong > img {
  max-width: 100%; }

#content > div.ant-row.aboutus > div > div > iframe {
  max-width: 100%; }

@media (max-width: 420px) {
  .about-sec1 > div > div > div:nth-child(2).aboutus-img,
  .about-sec1 > div > div > div:nth-child(1).aboutus-text {
    width: 100% !important;
    text-align: center !important; } }

@media (max-width: 350px) {
  .about-img.custom-img {
    padding-top: 566px !important; } }

@media (max-width: 680px) {
  .about-img.custom-img {
    padding-top: 633px !important;
    background-position: 54.7%; } }

/* account header */
@media screen and (min-width: 1260px) {
  div.accountheader {
    display: none; }
  .contentList {
    display: none; } }

@media screen and (max-width: 991px) {
  div.accountheader-lef-menu {
    display: none; }
  div.accountheader {
    display: block !important; }
  #content > div > div > div:nth-child(1) > div > div > div:nth-child(4) > div > div {
    border-left: 0px solid rgba(0, 0, 0, 0) !important; } }

@media screen and (max-width: 1260px) {
  div.accountheader {
    display: none; }
  .contentTable {
    display: none; }
  .contentList {
    display: block; }
  #content > div:nth-child(1) > div > div:nth-child(1) > div > div.accountheader > div > div > div > div {
    border-left: 1px solid rgba(0, 0, 0, 0) !important; }
  #content > div.myorder > div > div:nth-child(2) > div.ordertable.contentList > div > div > div > div > div > div > div > div > div > div > div:nth-child(9) > div > button {
    width: 100%;
    padding: 5px 7px;
    height: auto;
    margin-top: 20px; } }

#content > div:nth-child(1) > div > div:nth-child(2) > div.accountheader > div > div > div {
  -webkit-box-flex: 0 !important;
      -ms-flex: none !important;
          flex: none !important;
  float: none !important;
  margin: 0 auto; }

#content > div.MyAccountCourse > div > div > div > div > div > div > div > div > div > font > p,
#content > div.myorder > div > div > div > div > div > div > div > div > div > font > p,
#content > div.myaccountedituser > div > div.body-container > div > div > div > div > div > div > div > font > p {
  margin-bottom: 0px; }

/* account table */
#content > div.myorder > div > div:nth-child(2) > div.ordertable.contentTable > div > div > div > div > div > div > table > thead > tr > th:nth-child(4),
#content > div.myorder > div > div:nth-child(2) > div.ordertable.contentTable > div > div > div > div > div > div > table > thead > tr > th:nth-child(5),
#content > div.myorder > div > div:nth-child(2) > div.ordertable.contentTable > div > div > div > div > div > div > table > tbody > tr > td:nth-child(4),
#content > div.myorder > div > div:nth-child(2) > div.ordertable.contentTable > div > div > div > div > div > div > table > tbody > tr > td:nth-child(5) {
  display: none; }

#content > div:nth-child(1) > div > div:nth-child(2) > div.ordertable > div > div > div > div > div > div > table > thead > tr > th > span {
  padding: 8px; }

#content > div:nth-child(1) > div > div:nth-child(2) > div.ordertable > div > div > div > div > div > div > table > thead > tr > th {
  height: 30px; }

.ordertable > div > div > div > div > div > div {
  width: 100%; }

.ordertable > div > div > div > div > div > div > table {
  min-width: 800px; }

#content > div > div > div > div.ordertable.contentTable > div > div > div > div > div > div > table > tbody > tr > td > p {
  margin-bottom: 0px; }

#content > div:nth-child(1) > div > div:nth-child(2) > div.ordertable.contentTable > div > div > div > div > div > div > table > thead > tr > th,
#content > div:nth-child(1) > div > div:nth-child(2) > div.ordertable.contentTable > div > div > div > div > div > div > table > tbody > tr > td {
  padding: 15px 5px !important; }

#content > div:nth-child(1) > div > div:nth-child(2) > div.ordertable.contentList > div > div > div > div > div > div > div > div > div {
  height: inherit; }

#content > div:nth-child(1) > div > div:nth-child(2) > div.ordertable > div > div > div > div > input,
#content > div:nth-child(1) > div > div:nth-child(2) > div.ordertable > div > div > div > div > span > div > input {
  height: 40px !important; }

/* edit user */
#content > div.myaccountedituser > div > div > div > div > div > div > div > span > div >,
#content > div.myaccountedituser > div > div > div > div > div > div > div > input {
  padding: 22px 15px; }

#content > div.myaccountedituser > div > div > div > div > div > div > div > input:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }

#content > div.myaccountedituser > div > div > div > div:nth-child(2) > div > div:nth-child(2) > div > span {
  line-height: 45px;
  padding-left: 15px; }

/* payment report */
#content > div > div > div > div.PaymentReport > div:nth-child(8) > div > div > span > div > input,
#content > div > div > div > div.PaymentReport > div > div > div > input,
#content > div.myaccountedituser > div > div > div > div > div > div > div > span > div > input,
#content > div.myaccountedituser > div > div > div > div > div > div > div > input {
  padding: 22px 15px; }

#content > div > div > div > div.PaymentReport > div:nth-child(8) > div > div > span > div > input:focus,
#content > div > div > div > div.PaymentReport > div > div > div > input:focus,
#content > div.myaccountedituser > div > div > div > div > div > div > div > input:focus,
#content > div > div > div > div.PaymentReport > div:nth-child(7) > div > div > div > div > div:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }

#content > div > div > div > div.PaymentReport > div:nth-child(7) > div > div > div > div > div {
  line-height: 45px; }

#content > div.myaccountedituser > div > div > div > div:nth-child(3) > div > button,
#content > div > div > div > div.PaymentReport > div:nth-child(10) > div > button {
  width: 100%;
  height: 45px !important;
  border-radius: 0px !important; }

#content > div.ant-row > div.whitebox {
  margin-top: 70px;
  background: #fff;
  border: 1px solid #ddd;
  padding: 20px !important; }

#content > div.MyAccountCourse > div > div.ant-col-20.ant-col-offset-2.frame > div > div.ant-spin-nested-loading > div > div > div > div > div {
  margin-bottom: 0px; }

#content > div.MyAccountCourse > div > div.ant-col-20.ant-col-offset-2.frame > div > div.ant-spin-nested-loading > div > div > div > div > div > div > a > div > div.ant-card-body > div > div > div.ant-card-meta-title {
  white-space: normal;
  height: 48px; }

.myaccountedituser {
  background-color: '#e4e4e4'; }

.accountheader-lef-menu {
  background: #fff; }
  .accountheader-lef-menu .profile-wrapper .avatar {
    width: 100px;
    height: 100px;
    margin: 20px auto;
    border-radius: 50%;
    background: #9a9a9a; }
    .accountheader-lef-menu .profile-wrapper .avatar i {
      display: block;
      margin: auto;
      font-size: 40px;
      padding-top: 25px;
      color: #fff; }
    .accountheader-lef-menu .profile-wrapper .avatar img {
      border-radius: 50%;
      width: 100%;
      height: 100%; }
  .accountheader-lef-menu .profile-wrapper .studentname {
    font-size: 18px !important;
    font-weight: 300 !important;
    margin-bottom: 30px !important;
    font-family: sarabun !important;
    height: 27px; }
    @media screen and (max-width: 1600px) {
      .accountheader-lef-menu .profile-wrapper .studentname {
        font-size: 16px !important;
        margin-bottom: 20px !important; } }
  .accountheader-lef-menu .profile-wrapper-new {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .accountheader-lef-menu .profile-wrapper-new .avatar-new {
      width: 80px;
      height: 80px;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      margin: 0 20px;
      border-radius: 50%;
      background: #9a9a9a; }
      .accountheader-lef-menu .profile-wrapper-new .avatar-new i {
        display: block;
        font-size: 40px;
        padding-top: 15px;
        color: #fff; }
      .accountheader-lef-menu .profile-wrapper-new .avatar-new img {
        border-radius: 50%;
        width: 100%;
        height: 100%;
        -o-object-position: top;
           object-position: top;
        -o-object-fit: cover;
           object-fit: cover; }
    .accountheader-lef-menu .profile-wrapper-new .studentname-new {
      margin-bottom: 0px !important;
      font-family: sarabun !important; }
      .accountheader-lef-menu .profile-wrapper-new .studentname-new p {
        width: 133px;
        overflow: hidden;
        text-overflow: ellipsis; }
      @media screen and (max-width: 1600px) {
        .accountheader-lef-menu .profile-wrapper-new .studentname-new {
          font-size: 16px !important; } }
  .accountheader-lef-menu .point-container {
    background-color: #ff6565;
    padding: 10px;
    margin: 10px 20px;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .accountheader-lef-menu .ant-menu {
    border-right: 0px solid #e8e8e8 !important; }
    .accountheader-lef-menu .ant-menu .ant-menu-item {
      padding: 8px 2vw 48px 1.8vw !important;
      height: 50px;
      line-height: 50px; }
      @media screen and (max-width: 1600px) {
        .accountheader-lef-menu .ant-menu .ant-menu-item {
          height: 40px;
          line-height: 40px; } }
      .accountheader-lef-menu .ant-menu .ant-menu-item a p,
      .accountheader-lef-menu .ant-menu .ant-menu-item span p {
        font-size: 16px !important;
        font-family: sarabun !important;
        font-weight: 700;
        overflow: hidden;
        text-overflow: ellipsis; }
        @media screen and (max-width: 1600px) {
          .accountheader-lef-menu .ant-menu .ant-menu-item a p,
          .accountheader-lef-menu .ant-menu .ant-menu-item span p {
            font-size: 15.5px !important; } }
      .accountheader-lef-menu .ant-menu .ant-menu-item i {
        font-size: 20px;
        position: relative;
        top: 2px;
        margin-right: 30px; }
        @media screen and (max-width: 1600px) {
          .accountheader-lef-menu .ant-menu .ant-menu-item i {
            font-size: 18px !important;
            vertical-align: top;
            margin-top: 9px; } }
    .accountheader-lef-menu .ant-menu .logout {
      margin-top: 50px !important; }
      .accountheader-lef-menu .ant-menu .logout a p {
        min-width: 300px;
        border-top: 1px solid #f5f5f5 !important;
        border-bottom: 1px solid #f5f5f5 !important;
        height: 50px !important; }
        @media screen and (max-width: 1600px) {
          .accountheader-lef-menu .ant-menu .logout a p {
            height: 40px !important;
            line-height: 37x !important; } }

.section-one-container {
  -webkit-box-shadow: rgba(0, 0, 0, 0.06) 0px 5px 15px;
          box-shadow: rgba(0, 0, 0, 0.06) 0px 5px 15px;
  margin-top: 20px;
  padding: 20px;
  border-radius: 5px;
  background-color: #ffffff; }
  .section-one-container .slides {
    position: relative; }
    .section-one-container .slides .prev-btn, .section-one-container .slides .next-btn {
      position: absolute;
      top: 50%; }
    .section-one-container .slides .prev-btn {
      z-index: 1; }
    .section-one-container .slides .next-btn {
      right: 0;
      z-index: 1; }
  .section-one-container h {
    color: #252525;
    font-weight: 500; }
  .section-one-container .section-one-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 5px; }

.section-two-container {
  -webkit-box-shadow: rgba(0, 0, 0, 0.06) 0px 5px 15px;
          box-shadow: rgba(0, 0, 0, 0.06) 0px 5px 15px;
  margin-top: 20px;
  padding: 20px;
  border-radius: 5px;
  background-color: #ffffff; }

.section-three-container .section-three-container-one {
  -webkit-box-shadow: rgba(0, 0, 0, 0.06) 0px 5px 15px;
          box-shadow: rgba(0, 0, 0, 0.06) 0px 5px 15px;
  margin-top: 20px;
  padding: 20px;
  width: 60%;
  margin-right: 1%;
  border-radius: 5px;
  background-color: #ffffff; }
  .section-three-container .section-three-container-one .section-three-detail-one {
    background-color: #ffffff;
    width: 100%; }
  .section-three-container .section-three-container-one .section-three-detail-two {
    background-color: #ffffff;
    width: 100%; }

.section-three-container .section-three-container-two {
  -webkit-box-shadow: rgba(0, 0, 0, 0.06) 0px 5px 15px;
          box-shadow: rgba(0, 0, 0, 0.06) 0px 5px 15px;
  margin-top: 20px;
  padding: 20px;
  width: 39%;
  border-radius: 5px;
  background-color: #ffffff; }
  @media (min-width: 1200px) {
    .section-three-container .section-three-container-two img {
      width: 130px;
      height: 77px;
      -o-object-fit: cover;
         object-fit: cover;
      border-radius: 4px; } }
  .section-three-container .section-three-container-two .epmty-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 50%;
    height: 100%;
    font-size: 20px;
    font-weight: 600;
    color: #12345561; }

.section-Four-container .section-Four-container-one {
  -webkit-box-shadow: rgba(0, 0, 0, 0.06) 0px 5px 15px;
          box-shadow: rgba(0, 0, 0, 0.06) 0px 5px 15px;
  margin-top: 20px;
  padding: 20px;
  width: 58%;
  margin-right: 1%;
  border-radius: 5px;
  background-color: #ffffff; }
  @media (min-width: 1200px) {
    .section-Four-container .section-Four-container-one img {
      border-radius: 4px;
      width: 155px;
      height: 81px;
      -o-object-fit: cover;
         object-fit: cover; } }

.section-Four-container .section-Four-container-two {
  -webkit-box-shadow: rgba(0, 0, 0, 0.06) 0px 5px 15px;
          box-shadow: rgba(0, 0, 0, 0.06) 0px 5px 15px;
  margin-top: 20px;
  padding: 20px;
  width: 41%;
  border-radius: 5px;
  background-color: #ffffff; }
  @media (min-width: 1200px) {
    .section-Four-container .section-Four-container-two img {
      border-radius: 4px;
      width: 134px;
      height: 78px;
      -o-object-fit: cover;
         object-fit: cover; }
    .section-Four-container .section-Four-container-two .epmty-data {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding-top: 30%;
      height: 100%;
      font-size: 20px;
      font-weight: 600;
      color: #12345561; } }

.compentency-table-compronent {
  width: 90%; }

.ant-divider-horizontal {
  height: 0.8px !important; }

.learningCourseCard-card-style {
  width: 240; }
  @media (min-width: 1200px) {
    .learningCourseCard-card-style img {
      width: 230px;
      border-radius: 4px;
      height: 126px;
      padding: 0;
      margin: 0;
      -o-object-fit: cover;
         object-fit: cover; } }

.last-add-modal-list-cotainer {
  height: 50vh;
  overflow: auto; }
  .last-add-modal-list-cotainer div {
    padding: 8px 5px; }

.certificate-modal-list-cotainer {
  height: 50vh;
  overflow: auto; }
  .certificate-modal-list-cotainer div {
    padding: 8px 5px; }

.detail-content-wrapper .profile-wrapper .avatar {
  width: 100px;
  height: 100px;
  margin: 20px auto;
  border-radius: 50%;
  background: #9a9a9a; }
  .detail-content-wrapper .profile-wrapper .avatar i {
    display: block;
    margin: auto;
    font-size: 40px;
    padding-top: 25px;
    color: #fff; }
  .detail-content-wrapper .profile-wrapper .avatar img {
    border-radius: 50%;
    width: 100%;
    height: 100%; }

.account-right-box {
  border-left: 1px solid #e8e8e8;
  min-height: 100vh !important;
  padding: 0 20px;
  background-color: #e4e4e4; }
  @media screen and (max-width: 600px) {
    .account-right-box {
      padding-left: 15px !important;
      padding-right: 15px !important; } }
  .account-right-box .ant-input {
    border-radius: 4px !important; }
  .account-right-box .ant-card-hoverable:hover {
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
            box-shadow: 0 0px 0px rgba(0, 0, 0, 0); }

@media screen and (max-width: 1000px) {
  .accountheader h1 {
    padding-left: 15px;
    padding-right: 15px; } }

@media screen and (max-width: 600px) {
  .accountheader h1 {
    padding-left: 15px;
    padding-right: 15px; } }

.MyAccountCourse .myaccountcourselistpadding .ant-spin-container > div > div.ant-col {
  padding: 8px 8px 20px 8px; }
  .MyAccountCourse .myaccountcourselistpadding .ant-spin-container > div > div.ant-col > .ant-list-item {
    height: 100%; }
    .MyAccountCourse .myaccountcourselistpadding .ant-spin-container > div > div.ant-col > .ant-list-item > div {
      height: 100%; }
      .MyAccountCourse .myaccountcourselistpadding .ant-spin-container > div > div.ant-col > .ant-list-item > div > div {
        height: 100%;
        padding-bottom: 27%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        @media screen and (max-width: 576px) {
          .MyAccountCourse .myaccountcourselistpadding .ant-spin-container > div > div.ant-col > .ant-list-item > div > div {
            padding-bottom: 23%; } }
      .MyAccountCourse .myaccountcourselistpadding .ant-spin-container > div > div.ant-col > .ant-list-item > div > div:has(.courselock) {
        padding-bottom: 0; }

@media screen and (min-width: 576px) {
  .MyAccountCourse .courselock {
    position: absolute;
    bottom: 10px;
    width: 100%; } }

@media screen and (max-width: 991px) {
  .MyAccountCourse .myaccountcourselistpadding .ant-spin-container > div > div.ant-col {
    padding: 8px 20px !important; } }

.MyAccountCourse .ant-card-meta-title {
  font-size: 14px; }

.MyAccountCourse .ant-card-meta-description span {
  font-size: 12px; }

.MyAccountCourse .ant-card-body {
  padding: 15px !important;
  height: 100%; }
  .MyAccountCourse .ant-card-body > div {
    height: 100%; }
    .MyAccountCourse .ant-card-body > div .ant-card-meta-detail {
      height: 100%; }

.MyAccountCourse .ant-list-item {
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 10px -3px #cacaca;
          box-shadow: 0px 0px 10px -3px #cacaca; }

.MyAccountCourse .ant-list-item:hover {
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 20px -3px #cacaca;
          box-shadow: 0px 0px 20px -3px #cacaca; }

.MyAccountCourse .delete-course-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  border-radius: 3px;
  background: #cecece;
  padding: 0px 4px;
  opacity: 0.5; }
  .MyAccountCourse .delete-course-icon:hover {
    opacity: 0.3;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease; }

.myorder .ant-table-content {
  overflow: auto; }

.myorder tbody tr:nth-child(odd) {
  background-color: transparent !important; }

.myorder td {
  border-right: 0px solid #e8e8e8 !important;
  text-align: center;
  padding: 5px !important;
  text-align: center;
  border-bottom: 0px !important;
  background: #f6f7f8;
  font-size: 12px; }
  @media screen and (max-width: 1600px) {
    .myorder td {
      font-size: 11px; } }
  .myorder td:first-child {
    border-radius: 8px 0px 0px 8px !important; }
  .myorder td:nth-child(3) {
    text-align: left; }
  .myorder td:nth-child(5) {
    text-align: left; }
  .myorder td:last-child {
    border-radius: 0px 8px 8px 0px !important; }

.myorder th {
  text-align: center;
  background: #fff !important;
  border: 1px solid #e8e8e8 !important;
  border-right: 0px solid #e8e8e8 !important;
  border-left: 0px !important; }
  .myorder th:first-child {
    border-left: 1px solid #e8e8e8 !important;
    border-radius: 8px 0px 0px 8px !important; }
  .myorder th:last-child {
    border-right: 1px solid #e8e8e8 !important;
    border-radius: 0px 8px 8px 0px !important; }

.myorder .ant-table-bordered .ant-table-thead > tr > th {
  padding: 10px 0px !important; }

.myorder th > span {
  border-right: 1px solid #e8e8e8 !important;
  font-size: 13px;
  padding: 9px 5px 5px 5px !important;
  text-align: center;
  height: 40px; }
  .myorder th > span:nth-child(6) {
    padding: 3px 5px 5px 5px !important; }
  @media screen and (max-width: 1600px) {
    .myorder th > span {
      font-size: 12px; } }

.myorder th:last-child > span {
  border-right: 0px solid #e8e8e8 !important; }

.myorder table {
  border: 0px !important;
  border-collapse: separate !important;
  border-spacing: 0 10px; }

.myorder .ant-table-thead {
  border: 1px solid #efefef; }

.myorder th > span {
  padding: 9px 15px 5px 15px !important; }

.myaccountaddress p {
  font-family: sarabun !important; }

.myaccount-address-add .ant-form-item-label {
  text-align: left !important; }

.myaccount-address-add .ant-input {
  border-radius: 4px !important; }

.course-assessment-wrapper {
  text-align: center; }
  .course-assessment-wrapper .title {
    font-size: 24px;
    color: #000000; }
  .course-assessment-wrapper .subtitle {
    font-size: 22px;
    color: #000000; }
    .course-assessment-wrapper .subtitle span {
      font-size: 22px;
      font-weight: bold; }
  .course-assessment-wrapper .detail {
    font-size: 20px;
    color: #000000; }
    .course-assessment-wrapper .detail span {
      font-size: 16px; }
  .course-assessment-wrapper .textarea-input {
    margin: 10px;
    font-size: 20px;
    min-height: 80px;
    color: #000;
    background-color: #ffffff; }
  .course-assessment-wrapper .title-assessment {
    font-size: 25px !important;
    color: #000000;
    margin-bottom: 0px !important; }
  .course-assessment-wrapper .ant-rate {
    font-size: 33px !important; }
  .course-assessment-wrapper .send-button {
    background-color: #0a4ef4;
    color: #000;
    border: none;
    margin-right: 5px;
    color: white;
    font-size: 19px;
    height: 43px; }
  .course-assessment-wrapper .back-button {
    background-color: #ffdf05;
    color: #000;
    border: none;
    margin-right: 5px; }
  .course-assessment-wrapper .download-button {
    border: none; }

.preview-profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #9a9a9a;
  width: 150px;
  height: 150px;
  border-radius: 50%; }

.upload-name-profile {
  color: #ddd;
  height: 33px;
  border-radius: 4px;
  border: 1px #ddd solid;
  padding: 18px;
  overflow: hidden;
  margin-bottom: 10px; }

.MyAccountCourse .mycourse * {
  font-family: 'sarabun' !important;
  font-size: 12px !important; }

.MyAccountCourse .mycourse .ant-progress-text {
  text-align: center; }

.MyAccountCourse .ant-card-meta-title {
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  white-space: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.MyAccountCourse.Video.video .ant-card-meta-detail {
  min-height: 265px; }

.MyAccountCourse.Live .ant-card-meta-detail {
  min-height: 50px; }

.MyAccountCourse .ant-card-hoverable {
  cursor: default; }

.MyAccountCourse .account-right-box {
  margin-top: 30px; }

.MyAccountCourse .myAccountCourseMetaLock .ant-card-meta-title {
  opacity: 0.5; }

.MyAccountCourse .myAccountCourseMetaLock .ant-card-meta-detail {
  position: relative; }

.MyAccountCourse .myCourseButton {
  width: calc(100% - 30px);
  position: absolute;
  bottom: 0; }
  .MyAccountCourse .myCourseButton .ant-col {
    width: 50%;
    margin: 0px !important;
    height: 40px !important;
    border-top: 1px solid #f4f4f4; }
    .MyAccountCourse .myCourseButton .ant-col:first-child {
      border-right: 1px solid #f4f4f4; }
    .MyAccountCourse .myCourseButton .ant-col .ant-btn {
      border: 0px;
      -webkit-box-shadow: none;
              box-shadow: none;
      padding: 0px;
      height: 40px;
      font-weight: 300;
      font-size: 13px; }

@media only screen and (max-width: 1260px) {
  .table-content-wrapper {
    display: none !important; } }

@media screen and (min-width: 1260px) {
  .classroomtable {
    display: none; } }

.course-video-back-container > button > span:nth-child(3) {
  position: relative;
  top: -.5px; }

@media screen and (max-width: 1260px) {
  .classroomtable {
    display: block; } }

.myaccountedituser .profile-edit .ant-input-password input {
  padding: 20px 15px; }

.myaccountedituser .profile-edit .tax-invoice-form-container .tax-invoice-title {
  margin-top: 35px; }

.myaccountedituser .profile-edit .tax-invoice-form-container .tax-invoice-person-type-title {
  margin-top: 50px; }

.myaccountedituser .profile-edit .tax-invoice-form-container .formLongInput {
  width: 100%; }

.myaccountedituser .profile-edit .tax-invoice-form-container .formLongInputOne {
  width: 80%; }

.myaccountedituser .profile-edit .tax-invoice-form-container .formLongInputTwo {
  width: 20%; }

.myaccountedituser .profile-edit .tax-invoice-form-container .formLongInputAddress {
  margin-top: 10px; }

.myaccountedituser .profile-edit .tax-invoice-form-container .formLongInputAddress > div {
  padding: 8px 0px !important; }

.myaccount-page .ant-row {
  margin-left: auto !important;
  margin-right: auto !important; }

.my-account.title-wrapper {
  margin-top: 50px; }

@media screen and (max-width: 990px) {
  .my-course-wrapper {
    margin-top: 0px; }
    .my-course-wrapper h1 {
      margin-left: 20px !important; }
  .my-account.title h1 {
    font-size: 20px !important; }
  .my-account.title-wrapper {
    margin-top: 0px !important; } }

.my-account-title {
  font-size: 14px; }

.border-my-account-account-icon {
  border-radius: 12px;
  margin: 5px 5px !important;
  background: #fff;
  padding: 8px;
  text-align: center;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
          box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; }

.title-my-account {
  padding: 0 !important; }
  .title-my-account h1 {
    font-size: 20px !important;
    padding-left: 0 !important; }

.my-account-title.my-course {
  font-size: 20px !important;
  padding-left: 0 !important; }

.my-account-title.search span.ant-input-search.ant-input-affix-wrapper {
  width: 100% !important; }

@media screen and (max-width: 991px) {
  .my-account-title.search {
    padding: 0 20px; } }

.my-account-title.search {
  padding: 0 8px; }
  .my-account-title.search .ant-input-affix-wrapper .ant-input-suffix {
    right: 12px !important; }

@media screen and (max-width: 457px) {
  .border-my-account-account-icon .ant-row {
    min-height: 101px !important;
    padding-top: 12px !important; } }

.course-button-study.button-my-account {
  height: 38px !important;
  border-radius: 7px !important;
  border: none !important; }

.myaccount-student-stauts-course .ant-table-wrapper {
  overflow-x: scroll; }
  .myaccount-student-stauts-course .ant-table-wrapper .ant-table-header-column {
    padding: 0 20px; }

.edit-user-wrapper {
  margin-top: 30px; }

.myaccountedituser .edit-user-wrapper {
  margin-top: 20px; }

@media (max-width: 990px) {
  #content .profile-edit.account-right-box > .ant-row:first-child {
    margin-bottom: 30px !important;
    margin: 0 20px !important; }
  .myaccountaddress .account-right-box {
    width: unset !important;
    margin: 0 20px !important; }
  .account-right-box {
    margin-top: 0 !important; }
  .myaccountedituser .edit-user-wrapper {
    margin-top: 0 !important; } }

#content > div.myaccountedituser > div > div > div > div > div > div > div {
  padding: 8px 5px; }

.col-icnmenu {
  padding: 0px !important; }

/* size of price dropdown list */
#content > div:nth-child(1) > div.cart > div:nth-child(1) > div > div > div > div > div > div > div > div > div > div > table > tbody > tr > td:nth-child(2) > div > div > div,
#content > div:nth-child(1) > div.cart > div:nth-child(1) > div > div > div > div > div > div > div > div > div > div > table > tbody > tr > td:nth-child(2) > div > div {
  height: 33px !important;
  border: 0px !important; }

/* table header*/
#content > div:nth-child(1) > div.cart > div:nth-child(1) > div > div > div > div > div > div > div > div > div > div > table > thead > tr {
  height: 33px; }

#content > div:nth-child(1) > div.cart > div:nth-child(1) > div > div > div > div > div > div > div > div > div > div > table > thead > tr > th > span {
  padding: 8px;
  line-height: 30px; }

#content > div:nth-child(1) > div.ant-row > div.cartpayment.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-8.ant-col-md-offset-2 > div > div:nth-child(2) > div.ant-col-xs-8.ant-col-md-4 > div {
  margin-top: 7px !important; }

#content > div:nth-child(1) > div.ant-row.Cartbottom > div:nth-child(2) > div {
  text-align: right; }

.cart-left-title {
  font-size: 22px !important; }

.cart-course-name {
  font-size: 17px;
  font-weight: 600; }

.cart-right-inside {
  border-width: 0px; }
  .cart-right-inside .bank-list-item {
    border-bottom: 1px solid #e8e8e8;
    padding: 10px; }
    .cart-right-inside .bank-list-item:nth-last-child(2) {
      border-bottom: 0px !important; }
  .cart-right-inside .payment-bank-list {
    margin-left: 12.5%; }
  .cart-right-inside .ant-checkbox-inner {
    border-radius: 16px; }
  .cart-right-inside .ant-checkbox-checked .ant-checkbox-inner {
    background-color: #9e9e9e;
    border-color: #9e9e9e; }

p {
  margin-bottom: 0px; }

.cart-container {
  margin-top: 50px;
  margin-bottom: 50px; }
  .cart-container .ordertable td {
    font-size: 14px !important;
    text-align: left; }
  .cart-container .ordertable td:first-child > div {
    height: auto !important; }
  .cart-container .ordertable img {
    min-width: 75px; }
  .cart-container .ordertable option {
    font-size: 12px !important;
    font-family: sarabun !important; }
  .cart-container .ordertable .anticon {
    font-size: 12px !important; }
  .cart-container .ordertable .anticon-delete {
    margin-top: 10px;
    margin-left: 10px; }
  .cart-container .ordertable .anticon-close {
    margin-top: 12px; }
  @media (max-width: 1025px) {
    .cart-container {
      margin-top: 0px;
      margin-bottom: 0px; } }
  @media (max-width: 600px) {
    .cart-container .ant-card-body {
      padding: 10px !important; }
    .cart-container .ordertable p {
      font-size: 12px !important;
      display: inline-block; }
    .cart-container .ordertable .anticon {
      font-size: 12px !important; } }
  .cart-container .ant-table-placeholder {
    border: 0px !important;
    height: auto; }

.purchase-without-registration-layout .ant-row.cart p {
  font-size: 16px;
  padding-top: 15px; }

.cartpaymentbox {
  -webkit-box-shadow: 6px 6px 11px -3px #e7ebf4;
          box-shadow: 6px 6px 11px -3px #e7ebf4;
  border-radius: 8px;
  border: 1px solid #f2f2f2; }
  .cartpaymentbox p {
    font-size: 16px; }
  .cartpaymentbox .cart-right-inside span {
    font-size: 16px !important; }
  .cartpaymentbox .cart-right-inside .bank-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .cartpaymentbox .cart-right-inside .payment-bank-list .ant-col-sm-4 {
    width: auto; }
  .cartpaymentbox .cart-right-inside .title-box {
    padding: 12px;
    border-bottom: 1px solid #f2f2f2; }
    .cartpaymentbox .cart-right-inside .title-box h2 {
      font-weight: 600;
      font-family: "Roboto", "Kanit", sans-serif !important;
      font-size: 16px !important;
      margin-bottom: 0px !important; }
  .cartpaymentbox .cart-right-inside .bank-logo {
    height: auto;
    width: 45px;
    -o-object-fit: contain;
       object-fit: contain; }
  .cartpaymentbox .cart-right-inside .bank-list-item {
    padding-top: 15px;
    padding-bottom: 10px; }
    .cartpaymentbox .cart-right-inside .bank-list-item:nth-last-child(2) {
      border-bottom: 0px !important; }
  .cartpaymentbox .cart-right-inside .payment-bank-list {
    margin-left: 0%; }
    @media (max-width: 600px) {
      .cartpaymentbox .cart-right-inside .payment-bank-list {
        margin-left: 4%; } }
  .cartpaymentbox .cart-right-inside .ant-checkbox-inner {
    border-radius: 16px; }
  .cartpaymentbox .cart-right-inside .ant-checkbox-checked .ant-checkbox-inner {
    background-color: #9e9e9e;
    border-color: #9e9e9e; }
  .cartpaymentbox .cart-right-inside p {
    margin-bottom: 0px;
    font-size: 14px !important;
    font-weight: 600;
    color: #595959; }
    @media (max-width: 600px) {
      .cartpaymentbox .cart-right-inside p {
        font-size: 12px; } }
  .cartpaymentbox .cart-right-inside span {
    font-size: 14px !important;
    font-weight: 600;
    line-height: 34px; }
  .cartpaymentbox .cart-address-container .title-box {
    padding: 12px 30px 0px;
    border-bottom: 0px; }
    .cartpaymentbox .cart-address-container .title-box h2 {
      font-size: 16px !important; }
  .cartpaymentbox .cart-address-container .cart-right-inside-address-name {
    padding: 12px 30px !important; }
  .cartpaymentbox .payment-outer {
    padding: 0px 12px; }
    @media (max-width: 330px) {
      .cartpaymentbox .payment-outer {
        padding: 0px; } }
    .cartpaymentbox .payment-outer .payments-methods-name {
      margin: 5px 0px; }
      .cartpaymentbox .payment-outer .payments-methods-name label {
        padding-top: 10px; }
  .cartpaymentbox .payments-methods-box {
    padding: 5px 20px;
    width: 100%; }
    .cartpaymentbox .payments-methods-box .ant-checkbox {
      top: -0.15em; }
  .cartpaymentbox .ant-checkbox-wrapper-checked {
    height: 55px;
    border-radius: 8px;
    background: #eaeaea; }
  .cartpaymentbox .cart .ant-table-header-column div {
    text-align: center; }
  .cartpaymentbox .cart .ant-select {
    padding: 0px;
    text-align: left; }
  .cartpaymentbox .cart-price-box .cart-price {
    padding: 0px 15px; }
    .cartpaymentbox .cart-price-box .cart-price .cart-withholding-description-wrapper {
      font-size: 13px;
      color: red; }
    .cartpaymentbox .cart-price-box .cart-price .ant-select-arrow-icon {
      font-size: 13px; }
    .cartpaymentbox .cart-price-box .cart-price p {
      font-size: 16px;
      text-align: left !important; }
    .cartpaymentbox .cart-price-box .cart-price .cart-price-total {
      font-weight: 600; }
    .cartpaymentbox .cart-price-box .cart-price .cart-price-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .cartpaymentbox .cart-price-box .cart-price .cart-price-tax .cart-tax-front {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .cartpaymentbox .cart-price-box .cart-price .cart-price-tax .cart-tax-front .ant-checkbox-wrapper-checked {
        height: auto;
        border-radius: unset;
        background: unset; }

.ant-select {
  padding: 0px;
  text-align: left; }

@media (max-width: 600px) {
  .cart-col-left {
    padding-right: 4% !important;
    padding-left: 4% !important; } }

.cart-col-left .ant-table-bordered .ant-table-thead > tr > th,
.cart-col-left .ant-table-bordered .ant-table-tbody > tr > td {
  padding: 10px 5px !important; }

.cart-col-left option {
  line-height: 30px;
  text-align: left; }

.cart-col-left .ant-select-selection__rendered {
  margin-left: 0px; }

.cart-col-left table {
  border-collapse: separate !important;
  border-spacing: 0 15px;
  border: 0px !important; }

.cart-col-left thead {
  display: none; }

.cart-col-left tr {
  border: 0px !important;
  height: 110px; }

.cart-col-left td {
  font-size: 18px;
  border: 0px !important;
  background: #f6f7f8 !important;
  background: transparent !important; }
  .cart-col-left td .ant-select-selection {
    font-size: 18px; }
  .cart-col-left td div {
    height: 40px !important; }

.cart-col-left td:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px; }

.cart-col-left td:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px; }

.cart-col-left td > div > div {
  padding: 0px !important;
  border-radius: 8px !important;
  border: 1px solid #e9e9e9 !important; }

.cart-col-left td > div > div.cart-product-number {
  border: 0px !important; }

.cart-col-left .ant-table-tbody tr {
  background: #f6f7f8 !important; }

.cart-col-left .cart-button-buymore {
  margin-top: unset  !important;
  display: block !important;
  position: absolute;
  top: 0;
  right: 10px; }
  .cart-col-left .cart-button-buymore button {
    border-radius: 8px;
    border: 1px solid #e9e9e9;
    width: 100%;
    height: 40px;
    margin: 15px 10px;
    font-size: 16px; }
  @media (max-width: 420px) {
    .cart-col-left .cart-button-buymore button {
      font-size: 12px; } }

.cart-col-left .ant-table-bordered .ant-table-thead > tr > th,
.cart-col-left .ant-table-bordered .ant-table-tbody > tr > td {
  padding: 10px 5px !important; }

.cart-col-left option {
  line-height: 38px;
  text-align: left; }

.cart-col-left .ant-select-selection__rendered {
  margin-left: 0px; }

@media (min-width: 1000px) {
  .course-assessment-wrapper {
    padding: 30px 140px 0px 140px !important; } }

@media (max-width: 700px) {
  .total-box .ant-col-8 {
    -moz-text-align-last: center;
         text-align-last: center; }
  .section-three-container .section-three-container-one {
    width: 100% !important; }
  .section-three-container .section-three-container-two {
    width: 100% !important; }
  .section-Four-container .section-Four-container-one {
    width: 100% !important; }
  .section-Four-container .section-Four-container-two {
    width: 100% !important; }
  .lastadded-col2 {
    width: 62% !important; }
  .section-three-detail-two .total-box:nth-child(2) {
    margin-left: 0px !important; }
  .section-three-detail-two .total-box:nth-child(4) {
    margin-left: 0px !important; }
  .section-three-detail-two .total-box {
    width: 100% !important;
    margin-bottom: 10px !important; } }

@media (max-width: 1000px) {
  .section-three-container .section-three-container-two img {
    height: auto !important; }
  p.lastadded-name {
    font-size: 15px !important;
    height: 22px;
    overflow: hidden; }
  .section-Four-container .section-Four-container-two img {
    -o-object-fit: cover;
       object-fit: cover;
    height: auto;
    width: 100%; }
  .section-Four-container .section-Four-container-one img {
    width: 86%; }
  .ant-row-flex .ant-row.section-three-detail-two {
    padding: 5px 0px !important; }
  p.total-box-title {
    font-size: 15px !important; }
  .total-box:nth-child(2) {
    margin-left: 10px !important; }
  .total-box:nth-child(4) {
    margin-left: 10px !important; }
  .certi-name {
    padding-left: 0 !important;
    overflow: hidden;
    position: relative;
    left: 5px; } }

.slides > div > div > div > div > div.slick-slide > div > div > div > div:nth-child(2) > p {
  height: 24px;
  overflow: hidden;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 14px;
  margin-top: 10px;
  color: black; }

.slides > div > div > div > div > div.slick-slide > div > div > div > div:nth-child(4) > p {
  color: #1d60e9;
  font-size: 10px;
  margin-bottom: 0;
  margin-top: 4px; }

.slides > div > div > div > div > div.slick-slide > div > div > div > div:nth-child(3) > p {
  font-size: 14px;
  margin-bottom: 0; }

.myaccount-page .ant-menu-item-selected, .newinstructor-wrapper .ant-menu-item-selected {
  background-image: -webkit-gradient(linear, left top, right top, from(#afeafe), to(#96a6f2));
  background-image: linear-gradient(to right, #afeafe, #96a6f2);
  border-radius: 0px 8px 8px 0px; }

.myaccount-page ul.ant-menu.ant-menu-light.ant-menu-inline, .newinstructor-wrapper ul.ant-menu.ant-menu-light.ant-menu-inline {
  padding-right: 21px; }

.myaccount-page > .ant-row, .newinstructor-wrapper > .ant-row {
  background: #f7f7f7; }

.myaccount-page .ant-menu-inline .ant-menu-item-selected::after {
  display: none; }

.myaccount-page .myaccount-menu-container {
  margin: 20px 20px 40px 30px;
  border-radius: 5px !important;
  overflow: hidden; }

.menu-detail-left {
  padding-left: 0 !important;
  padding-right: 0 !important; }

i.anticon.anticon-star {
  border-radius: 5px;
  background: transparent;
  padding: 4px; }

.ant-col.point-container {
  background: url(https://staging.wisdomtrade.net:8443/uploads/1678964016606-image-oran.png) no-repeat center;
  background-size: cover; }

.table-column2 > div > div:nth-child(1) > div p {
  margin: 0; }

.table-column2 button.ant-btn.ant-btn-link {
  width: 100%; }

.table-column2 > div > div > div:nth-child(1) {
  padding-left: 18px; }

.table-column2 > div > div:nth-child(1) > div:nth-child(3) {
  padding-right: 0px; }

.table-column2 > div > div > div:nth-child(2) {
  text-align: center; }

.table-column2 > div > div > div:nth-child(3) {
  padding-right: 18px;
  text-align: center; }

.table-column2 > div > div:nth-child(1) > div:nth-child(2) {
  font-weight: 600;
  text-align: center; }

.table-column2 > div > div:nth-child(1) > div:nth-child(3) {
  font-weight: 600;
  text-align: center; }

.table-column2 > div > div:nth-child(1) > div {
  font-weight: 600; }

.slides svg {
  height: 214px;
  background: #ffffffc7;
  color: #1d60e9;
  margin-left: 15px; }

.slides svg:hover {
  -webkit-transition: .5s;
  transition: .5s;
  background: #ffffffe6; }

.slides i {
  top: 19% !important; }

.slides .ant-progress-bg, .slides .ant-progress-status-success .ant-progress-bg {
  background-color: #1d60e9; }

.slides .ant-card-body {
  padding: 24px 12px 24px 9px; }

.slides .ant-row-flex.ant-row-flex-flex-start.section-one-container {
  padding: 20px 0px 20px 20px; }

.sym > svg > path:nth-child(2) {
  display: none; }

.slides .ant-card-bordered {
  border: none; }

.prev-btn.sym {
  font-size: 52px;
  left: -26px;
  margin-top: -20px; }

.next-btn.sym {
  font-size: 52px;
  margin-top: -20px; }

.lastadded-col2 {
  padding-left: 15px !important; }

p.lastadded-name {
  margin-bottom: -12px;
  font-size: 16px;
  font-weight: 600; }

p.upcoming-name {
  margin-top: -18px;
  padding-left: 14px;
  font-size: 16px;
  font-weight: 500; }

.upcoming-col2 {
  -ms-flex-item-align: center;
      align-self: center; }

.upcoming-col3 {
  -ms-flex-item-align: center;
      align-self: center; }

.upcoming-date {
  font-size: 21px;
  font-weight: 500;
  text-align: center;
  margin-bottom: -3px; }

.upcoming-month {
  font-size: 13px;
  text-align: center; }

.lastadded-date {
  color: gray;
  font-size: 12px;
  margin-bottom: 4px; }

.lastadded-min {
  font-size: 12px;
  color: #1890ff; }

.cerdate {
  color: gray;
  text-align: center; }

.ant-row.section-three-detail-one {
  padding: 10px 20px 20px !important; }

.ant-row.section-three-detail-two {
  padding: 5px 13px 5px 20px !important; }

.title-sum, .cer-h1 {
  font-size: 19px !important;
  font-weight: 600; }

.cer-h1 .ant-modal-title {
  font-size: 19px !important;
  font-weight: 600 !important; }

.certi-name {
  overflow: hidden;
  padding-left: 9px;
  color: #454545;
  font-weight: 600;
  text-overflow: ellipsis; }

h1.cer-h1 {
  margin-bottom: 27px; }

div:nth-child(2) > .ant-row-flex.ant-row-flex-flex-start:nth-child(3) .hr {
  visibility: hidden !important; }

div > .ant-row-flex.ant-row-flex-flex-start:nth-child(3) .hr {
  margin: 21px 0px 10px 0px; }

.cer-picture {
  border-radius: 4px;
  width: 116px !important;
  height: 82px;
  -o-object-fit: cover;
     object-fit: cover; }

.title-progress {
  font-weight: 600;
  font-size: 13px;
  color: #3c69f1;
  margin-bottom: 2px;
  margin-top: 15px; }

i.icn {
  margin-top: 25px;
  font-size: 23px;
  padding: 10px;
  border-radius: 39px; }

.section-three-container-one .ant-progress-bg {
  background-image: -webkit-gradient(linear, left top, right top, from(#3c69f1), to(#6134d8));
  background-image: linear-gradient(to right, #3c69f1, #6134d8); }

p.total-box-text {
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 800;
  padding-left: 14px; }

header.customerheader4 > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-right > div > a:hover {
  background: unset; }

header.customerheader4 > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-right > div > a {
  padding: 0;
  margin-top: 20px !important; }

.total-box {
  margin-bottom: 15px;
  border-radius: 6px;
  margin-left: 15px;
  width: 48% !important; }

p.total-box-title {
  margin: 0;
  padding: 14px 14px 7px 14px;
  font-size: 16px; }

.total-box:nth-child(1) .total-box-text {
  color: #ff6666; }

.total-box:nth-child(2) .total-box-text {
  color: #4cd992; }

.total-box:nth-child(3) .total-box-text {
  color: #418aff; }

.total-box:nth-child(4) .total-box-text {
  color: #a3a0fb; }

.total-box:nth-child(1) .anticon {
  color: #ff9e9e;
  background: #ffdddd; }

.total-box:nth-child(2) .anticon {
  color: #4ad991;
  background: #d1f6e4; }

.total-box:nth-child(3) .anticon {
  color: #4f93ff;
  background: #d3e3fe; }

.total-box:nth-child(4) .anticon {
  color: #a3a0fb;
  background: #d6d5fe; }

.myaccount-page .gutter-row, .newinstructor-wrapper .gutter-row {
  border: none;
  background: #f7f7f7; }

.total-box:nth-child(1) {
  margin-left: 0px;
  background: #fff7f7; }

.total-box:nth-child(2) {
  background: #effcf6; }

.total-box:nth-child(3) {
  margin-left: 0px;
  background: #f5f7fe; }

.total-box:nth-child(4) {
  background: #edecfe; }

.table-column3 > div:nth-child(2) {
  text-align: center; }

.table-column3 > div:nth-child(3) {
  padding-right: 18px;
  text-align: center; }

.table-column3 > div:nth-child(1) {
  padding-left: 18px; }

.quiz-body-wrapper .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #0a4ef4;
  border-color: #0a4ef4; }

@media (min-width: 1200px) and (max-width: 1260px) {
  #content > div.ant-row.cart-container > div.ant-spin-nested-loading > div > div.ant-col.gutter-row.cart-col-left.ant-col-sm-24.ant-col-xl-12.ant-col-xl-offset-2.ant-col-xxl-11.ant-col-xxl-offset-3 > div.cart.ordertable.contentList > div > div.ant-col.ant-col-sm-24.ant-col-xl-16.ant-col-xl-offset-2 {
    margin-left: 0; }
  #content > div.ant-row.cart-container > div.ant-spin-nested-loading > div > div.ant-col.gutter-row.cart-col-left.ant-col-sm-24.ant-col-xl-12.ant-col-xl-offset-2.ant-col-xxl-11.ant-col-xxl-offset-3 > div.cart.ordertable.contentList > div > div.ant-col.ant-col-sm-24.ant-col-xl-16.ant-col-xl-offset-2 {
    width: 100%; } }

.videoplayer .burger-menu .course-collapse-detail .title-collapse-detail {
  border-bottom: solid 2px #f1f1f1 !important;
  padding: 20px 20px 2px; }

.videoplayer .burger-menu .course-collapse-detail .title-collapse-detail img {
  width: 24px;
  height: auto; }

.videoplayer .burger-menu .course-collapse-detail .title-collapse-detail span {
  width: 11%; }

.videoplayer .burger-menu .course-collapse-detail .title-content-progress {
  padding: 4.5px 20px 7px; }

.videoplayer .burger-menu .course-collapse-detail .title-content-progress .ant-progress-bg {
  background-color: #0a4ef4;
  height: 5px !important; }

.videoplayer .burger-menu .course-collapse-detail .title-content-progress .ant-progress-inner {
  height: 5px;
  margin-top: -9px;
  background-color: #b7d0f4; }

.videoplayer .burger-menu .course-collapse-detail .title-content-progress img {
  width: 100%;
  height: auto; }

.videoplayer .burger-menu .course-collapse-detail .title-content-progress img {
  -webkit-filter: brightness(0) saturate(100%) invert(25%) sepia(1%) saturate(6%) hue-rotate(119deg) brightness(96%) contrast(83%);
          filter: brightness(0) saturate(100%) invert(25%) sepia(1%) saturate(6%) hue-rotate(119deg) brightness(96%) contrast(83%);
  width: 15px;
  height: auto; }

.videoplayer .burger-menu .course-collapse-detail .title-content-progress span {
  width: 14%; }

.videoplayer .burger-menu .course-collapse-detail .title-content-progress p {
  margin: 4px 0px 0px 5px;
  font-size: 13px; }

.videoplayer .burger-menu .sidemenu-lesson .ant-menu-submenu-title img {
  width: 17px;
  height: auto;
  margin-right: 8px; }

.ant-menu-submenu-open > div {
  background: #dadada; }

.ant-menu-inline .ant-menu-submenu-title {
  border-radius: 0px 5px 5px 0px;
  margin-left: -11px;
  padding-bottom: 43px !important;
  padding-left: 35px !important; }

.videoplayer .burger-menu .sidemenu-lesson .ant-menu-submenu-title span:nth-child(2) {
  font-weight: 900 !important;
  color: black; }

.sidemenu-lesson.ant-menu-inline .ant-menu-item::after, .newinstructor-wrapper .ant-menu-item::after {
  display: none; }

.mega-lecture.ant-menu-item-selected {
  background-color: #efefef !important; }

.mega-lecture.ant-menu-item-selected .title-lesson {
  color: black !important; }

.mega-lecture {
  padding-left: 13px !important;
  border-radius: 3px;
  width: 89% !important;
  margin: auto !important;
  min-height: 60px;
  height: auto !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

i.anticon.anticon-check-square {
  color: #0a4ef4; }

.videoplayerfooter > div:nth-child(1) > button {
  border: solid 1px white;
  background: transparent; }

.videoplayerfooter > div:nth-child(1) > button {
  border: solid 1px white !important;
  background: transparent !important;
  color: #ffffff !important;
  border-radius: 5px !important;
  padding: 0 10px !important;
  height: 44px !important; }

.videoplayerfooter > div:nth-child(2) > button {
  border: solid 1px #0a4ef4 !important;
  color: #ffffff !important;
  background: #0a4ef4 !important;
  border-radius: 5px !important;
  padding: 0px 10px !important;
  height: 44px !important; }

.videoplayer > div:nth-child(2) > div > div > div > button > span {
  font-size: 15px;
  position: relative;
  top: -2px; }

.videoplayerfooter > div:nth-child(2) > button:hover {
  background: transparent !important;
  color: #0a4ef4 !important;
  border-color: #0a4ef4 !important; }

.videoplayerfooter > div:nth-child(1) > button:hover {
  background: white !important;
  color: #1c1d1f !important;
  border-color: white !important; }

.isTraining-btn > span:first-child {
  float: left;
  padding-bottom: 10px; }

.courseDetail-coursePriceDetail-isTraining {
  border: none !important; }

.admin-student-current-balance {
  width: auto;
  font-size: 14px;
  background: #673bb7;
  text-align: center;
  color: white;
  margin-left: 16px;
  -ms-flex-item-align: center;
      align-self: center;
  padding: 10px 20px;
  border-radius: 6px;
  margin-top: -8px; }

.burgermenu-col1 {
  border-right: 1px solid #e8e8e8; }

ul.ant-menu.sidemenu-lesson.ant-menu-light.ant-menu-root.ant-menu-inline {
  border-right: none; }

.form-statement-p > div:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 20px; }

.ant-progress-circle-path {
  stroke: #0a4ef4 !important; }

.ant-row-flex.ant-row-flex-space-between.progress-overview-overall-container {
  padding: 0px 17px; }

.card-progress-style {
  -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 15px;
          box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 15px;
  height: 78px;
  margin-bottom: 17px; }

.card-progress-style .overview-title {
  color: black;
  font-weight: 600; }

span.ant-progress-text > span {
  font-weight: 600;
  color: black; }

.progress-overview-table-title > div:first-child {
  padding-left: 10px; }

.hide-scroll .ant-table-scroll {
  overflow-y: hidden; }

p.overview-subtitle {
  color: #9b9b9b;
  font-size: 10px; }

.progress-overview-table-title > div {
  color: black;
  font-size: 17px; }

.asses-style .gutter-row.account-right-box {
  background-color: #f8f8f8 !important; }

.asses-style {
  background: #f3f3f3;
  height: calc(100% - 29px);
  overflow: auto;
  z-index: 5; }

.course-assessment-wrapper {
  background: white;
  padding: 30px 150px 0px 150px !important;
  border-radius: 6px;
  margin-bottom: 140px;
  width: 800px; }

.title-number-quiz, .quiz-countdown .ant-statistic-content {
  text-align: right;
  padding-right: 30px !important;
  margin-bottom: 16px;
  font-size: 20px; }

p.name-text.title-number-quiz span:nth-child(2) {
  color: #b5b5b5; }

@media (max-width: 1260px) {
  .dashboard-header .input-box:nth-child(2) select {
    width: auto !important; }
  .dashboard-header .input-box:nth-child(1) select {
    width: 85% !important; }
  .style-table-height {
    max-height: calc(80vh - 310px) !important; }
  .btn-width {
    width: auto !important; }
  #content > div:nth-child(1) > div > div > div:nth-child(1) > div.ant-col.ant-col-18 {
    width: auto !important; } }

@media (max-width: 760px) {
  .moblie-activity {
    position: unset !important;
    width: 100%;
    text-align: center; }
  .moblie-activity1 {
    margin-top: 10px; }
  .page-style .page-master-file {
    padding: 10px 0px 10px 10px; }
  .dashboard-header .input-box:nth-child(1) select {
    width: 75% !important; }
  .dashboard-header .input-box {
    max-width: 67%; }
  .mobile-style-container {
    display: grid;
    grid-template-columns: 100%; }
  .mobile-style-container2 {
    display: grid !important;
    grid-template-columns: 100%; }
  .mobile-style-container2 h2 {
    text-align: center; }
  .mobile-style-container3 {
    margin-top: 16px !important;
    text-align: center !important; }
  .mobile-style-container > .ant-col.ant-col-8 {
    width: 100%; }
  .mobile-style-container .action-group-btn {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .padding0w100 {
    padding: 0 !important;
    width: 100% !important; }
  .ant-table.ant-table-default.ant-table-empty.ant-table-scroll-position-left {
    overflow-x: scroll; }
  .ant-table-empty .ant-table-body {
    overflow: hidden !important; }
  .admincss .mobile-width700 .ant-table-content, .admincss .mbTable700 .ant-table-body {
    width: 700px; }
  .mobile-width700 > .ant-table-body {
    overflow-x: hidden !important; }
  .WaitingReview {
    margin-bottom: 10px; }
  .page-style .page-content {
    max-height: calc(85vh - 170px); }
  .admincss .box .content-style .action-bar .action-group-btn {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .ant-row-flex.ant-row-flex-space-between.progress-overview-overall-container {
    padding-top: 15px; }
  .action-bar > .action-group-btn > button {
    margin-bottom: auto; }
  .admincss .action-bar {
    overflow-x: hidden; }
  .action-bar {
    grid-template-columns: 100%;
    display: grid !important; }
  .admincss .action-bar > h2 {
    text-align: center;
    font-size: 22px;
    padding-top: 16px; }
  .style-table-height {
    overflow-x: hidden;
    max-height: calc(67vh - 310px) !important; }
  .progress-overview-width {
    overflow-x: scroll; }
  .progress-overview-width > .progress-overview-table-container {
    width: 720px; } }

@media (max-width: 1000px) {
  .myaccount-page > .ant-row {
    display: block !important; }
  .quiz-detail-img > div {
    width: 50%;
    margin: 0 auto !important; }
  .answers-container-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .answers-container-wrapper > div:first-child {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .quiz-detail-img {
    padding: 0px 20px 0px 20px !important; }
  .progress-overview-overall-container > div {
    width: 48.5% !important; } }

.tablet-videoplayerfooter {
  padding-right: 23% !important; }

.tablet-videoplayerfooter2 {
  padding-right: 4% !important; }

.header13-right > div:nth-child(4) > a > div {
  background-color: #303030;
  border: 2px;
  border-color: #303030; }

.myorder td:nth-child(3), .myorder td:nth-child(5) {
  text-align: center; }

@media (max-width: 600px) {
  .profile-edit.account-right-box > .ant-row .ant-col.ant-col-xs-24.ant-col-sm-24.ant-col-md-12.ant-col-lg-4.ant-col-xl-4 {
    padding-bottom: 20px;
    -moz-text-align-last: center;
         text-align-last: center; }
  #content .profile-edit.account-right-box > .ant-row:first-child {
    margin-bottom: 30px !important; }
  .burgermenu-col1 {
    z-index: 2;
    height: 100% !important; }
  .videoplayer-header-logo {
    width: 50% !important; }
  .ant-row-flex .course-assessment-wrapper {
    padding: 30px 30px 0px 30px !important; }
  .asses-style {
    height: 100%; }
  .form-statement-p > div:first-child {
    display: block !important; }
  .form-statement-p > h2 {
    padding-bottom: 5px; }
  .mobile-point {
    display: block !important; }
  .admin-student-current-balance {
    margin-left: 0;
    margin-bottom: 16px !important; }
  .ant-progress-circle-trail {
    stroke: #bdbdbd !important; }
  .burgermenu-col1 {
    width: 100% !important; }
  .ant-col > .videoplayerfooter {
    padding-right: 4% !important; }
  .autoheight .ant-col.ant-col-18 {
    position: unset !important;
    -webkit-transform: unset !important;
            transform: unset !important; }
  .videoplayer .videoplayer-header-container > div:first-child > img {
    width: 55% !important;
    margin: auto; }
  .ant-col .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-matching-wrapper .answer-wrapper {
    grid-template-columns: 100% !important; }
  .ant-col .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-matching-wrapper .answer-wrapper .answer-item-wrapper .answer-text {
    padding: 0px 7px 0px 0px !important; }
  .ant-col .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-choice-fill-wrapper .answer-wrapper {
    margin: 20px 30px !important; }
  .quiz-detail-img {
    padding: 20px 0px 0px 0px !important; } }

@media (min-width: 700px) and (max-width: 900px) {
  .main-header .header13-logo > .ant-col > a > img {
    width: 100% !important;
    max-width: 230px !important;
    height: auto !important;
    padding: 10% 10% 5%; } }

i.anticon.ant-input-password-icon {
  padding-right: 15px; }

@media (max-width: 528px) {
  .courseDetail .courseDetail-mainContent .courseDetail-tabs .ant-tabs-content.ant-tabs-card-content {
    border-radius: 8px 8px 8px 8px; } }

@media (max-width: 600px) {
  .myaccount-page .profile-sidebar .myaccount-menu-container {
    margin: 30px 14px 30px 14px !important; }
  .justifyunset {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important; }
  .mgleft {
    margin-left: -10px; } }

@media (max-width: 1025px) {
  header.custom-header-eleven-wrapper .hov, header.custom-header-eleven-wrapper > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle.full-menu {
    display: none !important; }
  .custom-header-nine-wrapper .ant-row-flex.ant-row-flex-right {
    display: none; }
  .ant-row-flex.ant-row-flex-space-around.ant-row-flex-left.header13-logo {
    height: 100% !important;
    margin: auto;
    width: 100% !important;
    max-width: 100%; }
  .mobile-menu .ant-col.ant-col-24:has(a[href="/signin"]) {
    margin-bottom: 0 !important; } }

@media (max-width: 1200px) {
  #content .ordermenu > div {
    margin-bottom: 50px !important;
    -webkit-box-shadow: rgba(0, 0, 0, 0.06) 0px 5px 15px !important;
            box-shadow: rgba(0, 0, 0, 0.06) 0px 5px 15px !important;
    margin-top: 0 !important;
    border-radius: 5px !important;
    background: white !important;
    margin: 0 20px !important; } }

@media (max-width: 900px) {
  .header.main-header.header-theme {
    margin-left: 0 !important; }
  .footer-col1 {
    padding: 20px 30px !important; }
  .course-eight .ant-list-item .ant-card-body .cardlistcoursethree-pricing, .course-nine .ant-card-bordered .ant-card-body .cardlistcoursethree-pricing {
    margin-bottom: 0; }
  #content .ordermenu {
    margin-bottom: 50px !important;
    -webkit-box-shadow: unset !important;
            box-shadow: unset !important;
    margin-top: 0 !important;
    border-radius: 5px !important;
    background: transparent !important; }
  .ordermenu > div {
    padding: 27px 40px;
    background: white; }
  .profile-edit.account-right-box > .ant-row:first-child {
    padding: 0px 40px 30px !important;
    margin-bottom: 0px !important; }
  .course-assessment-wrapper {
    padding: 30px 100px 0px 100px !important; }
  .ant-col .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-question-wrapper {
    padding: 0px 0px 0px 12px !important; }
  .ant-col .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-choice-one-answers-wrapper {
    margin: 20px 0px 20px 20px !important; }
  .ant-col .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-choice-fill-wrapper .answer-wrapper .answer-item-wrapper .answer-text {
    padding: 0px 10px 0px 0px; }
  .ant-col .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-matching-wrapper .answer-wrapper {
    display: grid !important;
    grid-template-columns: 50% 50%; }
  .ant-col .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-matching-wrapper, .ant-col .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-choice-fill-wrapper .choice-wrapper {
    margin: 20px 30px !important; }
  .ant-col .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-matching-wrapper .answer-wrapper .answer-item-wrapper .answer-text {
    padding: 0px 10px; }
  .quiz-container-wrapper .quiz-footer-wrapper {
    padding: 0px 0px 0px 10px !important; }
  .answers-detail-wrapper {
    width: 100%; }
  .tablet-videoplayerfooter {
    padding-right: 32% !important; }
  .tablet-videoplayerfooter2 {
    padding-right: 4% !important; }
  .header-system-eight .header13-logo {
    max-width: 100%; } }

@media (max-width: 1025px) {
  .bm-menu-wrap {
    top: 0;
    left: 0; } }

.table-style .ant-table-bordered.ant-table-empty .ant-table-placeholder {
  border: none; }

.header-Thirteen-wrapper .header13-right .header-text p {
  text-align: left; }

li.ant-menu-submenu.ant-menu-submenu-inline:first-child, li.ant-menu-submenu.ant-menu-submenu-inline:last-child {
  margin: 0 !important; }

li.ant-menu-submenu.ant-menu-submenu-inline {
  margin: 15px 0px; }

.ant-checkbox-wrapper span {
  color: black; }

i.anticon.anticon-close {
  color: black; }

.profile-edit.account-right-box > .ant-row:first-child {
  -webkit-box-shadow: rgba(0, 0, 0, 0.06) 0px 5px 15px;
          box-shadow: rgba(0, 0, 0, 0.06) 0px 5px 15px;
  padding: 0px 40px;
  border-radius: 5px;
  background-color: #ffffff !important; }

.myorder .table-style td, .table-styl .ant-table-tbody tr:nth-child(even) {
  background-color: transparent !important; }

.myorder .table-style .ant-table-bordered .ant-table-thead > tr > th {
  background-color: transparent !important;
  border: unset !important; }

.myorder .table-style .ant-table-thead {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1px solid #efefef;
          order: 1px solid #efefef;
  background-color: #e4e4e4; }

.table-style .ant-table-thead > tr {
  background-color: transparent !important; }

.myorder .table-style .ant-table-thead tr {
  -webkit-box-shadow: unset !important;
          box-shadow: unset !important; }

.ordermenu {
  margin-bottom: 50px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.06) 0px 5px 15px;
          box-shadow: rgba(0, 0, 0, 0.06) 0px 5px 15px;
  margin-top: 20px !important;
  padding: 0px 40px;
  border-radius: 5px;
  background: white !important; }

.video-tools-full-screen-wrapper.video-tools-full-screen2 {
  bottom: 66px; }

.table-style > div > div > div > div > div > table > tbody > tr > td:nth-child(3) {
  text-align: center; }

.custom-video-full-screen-wrapper .video-tools-full-screen-wrapper.video-tools-full-screen2 {
  bottom: 0; }

.profile-wrapper-new {
  padding: 8px 5px; }

.accountheader-lef-menu > .ant-row > .ant-row {
  padding: 0 !important; }

.filter-style {
  background: #0a4ef4; }

@media (min-width: 1400px) {
  .myaccount-menu-container {
    width: 81%; } }

@media (max-width: 1100px) {
  .footerfive > .footerFivemenu2 > div > a {
    font-size: 16px !important;
    padding-left: 1.5vw;
    padding-right: 1.5vw; }
  .footerFivemenu2 {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important; } }

@media (max-width: 767px) {
  div.footerfive > .footerFivemenu2 > div + div > a:before {
    display: none; }
  .google-map {
    margin-bottom: -4px; }
  .footerfive {
    padding-bottom: 0 !important; }
  .ant-col.ant-col-24.footerFiveLogo img {
    padding-bottom: 14px;
    margin-top: 25px !important; }
  .footerFiveItem {
    width: 50%; }
  div.footerfive-contact-column2 {
    padding: 20px 5% !important; }
  div > .hidemobile {
    display: none; }
  .ant-row-flex.ant-row-flex-space-around.ant-row-flex-top.footerFivemenu2 {
    text-align: left !important;
    row-gap: 7px; }
    .ant-row-flex.ant-row-flex-space-around.ant-row-flex-top.footerFivemenu2 a {
      font-size: 14px !important; }
  div.footerFivemenu2 {
    padding: 0px 0px 15px !important; }
  .displayonmobile {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; } }

@media (max-width: 825px) {
  div.footerfive > .footerFivemenu2 > div > a {
    font-size: 14px !important; } }

@media (max-width: 1450px) {
  .footerfive {
    width: 100% !important; } }

.header-Thirteen-wrapper .header13-logo {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
      justify-content: center;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  height: 65px !important;
  -ms-flex-line-pack: center;
      align-content: center;
  max-width: 15%; }

.header-Thirteen-wrapper .header-13-search {
  margin-top: 0.9%;
  border-right: none;
  left: 15%; }
  .header-Thirteen-wrapper .header-13-search .input-prefix {
    left: 12px;
    position: absolute;
    top: 50%;
    z-index: 2;
    line-height: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }

.header-Thirteen-wrapper .header-13-search input::-webkit-input-placeholder {
  font-size: 16px; }

.header-Thirteen-wrapper .header-13-search input::-moz-placeholder {
  font-size: 16px; }

.header-Thirteen-wrapper .header-13-search input:-ms-input-placeholder {
  font-size: 16px; }

.header-Thirteen-wrapper .header-13-search input::-ms-input-placeholder {
  font-size: 16px; }

.header-Thirteen-wrapper .header-13-search input::placeholder {
  font-size: 16px; }

.header.main-header.header-theme {
  margin-left: -18%; }

.custom-header-nine-wrapper div#cart:before {
  position: absolute;
  content: '';
  background: #d9d9d9;
  width: 1px;
  height: 36px;
  right: -9px;
  top: 16px; }

.custom-header-nine-wrapper div#cart {
  margin-right: 16px; }

.customerheader2 div#cart {
  margin-left: 3px; }

.bottom-main .ant-col, .bottom-main .ant-col a {
  padding: 12px 10px; }

.bottom-main {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  padding-top: 88px; }

.customerheader4.system-header-two-wrapper .logodes {
  left: 6%; }

.customerheader4 .ant-row-flex-middle {
  padding-top: 16px !important;
  margin-left: 266px !important; }

.lang-flag span {
  font-size: 16px; }

.custom-header-ten-wrapper i.anticon-search.ant-input-search-icon {
  font-size: 24px; }

.custom-header-eleven-wrapper div#cart > a, .custom-header-eleven-wrapper div#announcement > a {
  margin: 0; }

.custom-header-twelve-wrapper i.anticon-search.ant-input-search-icon {
  font-size: 24px; }

header i.anticon-search.ant-input-search-icon {
  margin-right: 13px; }

.footerFourTitlearticle h2:after {
  content: '';
  background: #dddddd;
  width: 50%;
  height: 1px;
  display: block; }

.footerFouraddressfooterFouraddress h2:after {
  content: '';
  background: #dddddd;
  width: 50%;
  height: 1px;
  display: block; }

.footerFourTitleabout h2:after {
  content: '';
  background: #dddddd;
  width: 50%;
  height: 1px;
  display: block; }

@media (max-width: 768px) {
  .footerfour .footerFourTitleabout a > img {
    width: 70% !important; } }

.wd100 button.ant-btn.cardlistarticlethree-body-readmore {
  width: 100%;
  opacity: 0; }

.shadow-box.wd100 .cardlistarticlethree .ant-row {
  -webkit-box-shadow: unset;
          box-shadow: unset; }

.shadow-box.wd100 .cardlistarticlethree .ant-row:hover {
  cursor: pointer;
  -webkit-box-shadow: #00000012 0px 5px 15px;
          box-shadow: #00000012 0px 5px 15px; }

.shadow-box.wd100 .cardlistarticlethree .ant-row:hover button.ant-btn.cardlistarticlethree-body-readmore {
  opacity: 1 !important; }

.footerFiveTest:last-child:before {
  display: none; }

.gallery-eight-header {
  font-size: 36px;
  font-weight: 500;
  margin: 0;
  color: black; }

.shadow-box .cardlistarticlethree .ant-row {
  -webkit-box-shadow: #00000012 0px 5px 15px;
          box-shadow: #00000012 0px 5px 15px; }

.shadow-box .cardlistarticlethree button {
  float: right;
  border: none;
  border-radius: 0;
  background: #1e1e1e;
  color: white; }

.btn-gallery-black {
  border: none !important;
  border-radius: 0 !important;
  background: #1e1e1e !important;
  color: white !important; }

.shadow-box .cardlistarticlethree .cardlistarticlethree-body-title {
  margin-bottom: 0px !important; }

.shadow-box .cardlistarticlethree .cardlistarticlethree-body {
  padding: 15px 20px !important; }

.shadow-box .cardlistarticlethree .fonttexteditor {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.gallery-nine-header, .gallery-ten-header {
  font-size: 30px;
  font-weight: 500;
  color: black; }

.ant-carousel .slick-slide img {
  margin: auto; }

.blog-left .ant-col-sm-24.ant-col-md-12.ant-col-lg-12:nth-child(2) {
  padding-left: 30px !important;
  padding-right: 30px !important; }

.article-search-left .ant-col-sm-24.ant-col-md-12.ant-col-lg-12:nth-child(2) {
  padding-left: 30px !important;
  padding-right: 30px !important; }

input.ant-input.couponinput {
  height: 45px !important;
  border-radius: 5px 0px 0px 5px !important; }

button.ant-btn.click-coupon {
  border-radius: 0px 5px 5px 0px !important; }

.searchbigbox .ant-select-selection--single {
  height: 55px !important; }

@media (max-height: 420px) {
  .myaccount-page .profile-sidebar .myaccount-menu-container {
    margin: 20px 20px 40px 20px !important; } }

@media (max-height: 421px) {
  .quiz-preview-container-wrapper .score-wrapper {
    margin-bottom: 11px; } }

@media (min-width: 1199px) {
  .gallery-eight-search .ant-select-selection.ant-select-selection--single {
    width: 330px !important; } }

.upload-name-profile {
  padding: 5px 10px !important; }

@media (max-width: 760px) {
  .blog-right {
    margin-bottom: 51px !important; }
  .blog-left .ant-col-sm-24.ant-col-md-12.ant-col-lg-12:nth-child(2) {
    padding-left: 0px !important;
    padding-right: 0px !important; }
  .article-search-left .ant-col-sm-24.ant-col-md-12.ant-col-lg-12:nth-child(2) {
    padding-left: 0px !important;
    padding-right: 0px !important; } }

@media (max-width: 1025px) {
  .client-header-four .headericon2 {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    right: 10px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
    .client-header-four .headericon2 > .ant-col {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .client-header-four .headericon2 a > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .client-header-four .headericon2 div > div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }

@media (max-width: 992px) {
  .article-search-right {
    margin-top: 59px !important; } }

@media (max-width: 1199px) {
  .cart-container .cart-price-box p {
    margin-bottom: 8px !important; }
  .cart-container p.cart-price-tax.cart-price-wrapper {
    margin-bottom: 2px !important; }
  .blog-right {
    margin-top: 51px !important; }
  header .bm-menu .ant-btn span {
    font-size: 16px !important; }
  .myorder .ant-row .ant-col.ant-col-20.ant-col-offset-2:nth-child(2) {
    margin-top: 0 !important; }
  .myorder .ordertable .ant-col-xs-offset-2 {
    margin-bottom: 30px; }
  .ant-row.accountheader.acc-ipad {
    padding: 0px 20px !important; }
  .myaccount-page .myaccount-menu-container {
    margin: 30px 40px 30px 40px !important; }
  .gallery-five .search-bar, .gallery-six .search-bar {
    text-align: center;
    margin: 0 !important; }
  .center-txt {
    text-align: center; }
  .ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle.footertwologo {
    -webkit-box-align: unset !important;
        -ms-flex-align: unset !important;
            align-items: unset !important; }
  .footertwologo, .ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle.footertwomenu {
    height: auto !important; }
  .custom-header-eleven-wrapper > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-left > div {
    height: 65px !important; }
  .custom-header-nine-wrapper {
    height: 66px !important;
    padding: 0 !important; }
  .custom-header-nine-wrapper .logodes a img {
    width: 100%;
    height: auto !important;
    max-width: 250px;
    padding: 0 10%;
    max-height: 74px; }
  header.customerheader.custom-header-five-wrapper, header.customerheader.custom-header-six-wrapper {
    width: 100% !important; }
  .custom-header-five-wrapper .logodes {
    top: 0 !important; }
  .custom-header-six-wrapper .logodes {
    top: 0 !important; }
  .custom-header-seven-wrapper .logodes {
    top: 0 !important; }
  .custom-header-five-wrapper .logodes a img, .custom-header-six-wrapper .logodes a img {
    max-height: 65px !important; }
  .custom-header-seven-wrapper .logodes > .ant-col {
    height: 65px !important; }
  .customerheader4 .header4row2 .cat-button {
    width: 100% !important; }
  .customerheader4 .header4row2 .cat-button span {
    font-size: 13px !important; }
  header.customerheader2 .logodes a img {
    max-height: 57px !important; }
  .customerheader4 span.ant-input-search.ant-input-affix-wrapper {
    width: 100% !important; }
  header.header3 > div {
    display: grid;
    grid-template-columns: 20% 60% 20%; }
  .cartRight {
    text-align: center;
    font-size: 20px; }
  .cart-right-inside {
    padding-right: 3.25% !important;
    padding-left: 3.25% !important; }
  .cart-container p {
    margin-bottom: 0px; }
  #content > div:nth-child(1) > div.cart.ordertable.contentList > div > div > div > div > div > div {
    margin-left: 0px !important;
    margin-right: 0px !important; }
  #content > div:nth-child(1) > div.cart.ordertable.contentList > div > div > div > div > div > div > div > div > div > div > div {
    padding: 12px;
    padding-top: 26px; }
  #content > div:nth-child(1) > div.cart.ordertable.contentList > div > div > div > div > div > div > div > div > div > div > div > div > div > div:nth-child(1) > p {
    font-weight: bold; }
  #content > div:nth-child(1) > div.cart.ordertable.contentList > div > div > div > div > div > div > div > div > div > div > div > div > div > div:nth-child(2) > p > div > div > div > div {
    width: 217px; }
  .cartpayment {
    margin-top: 10px !important; }
  #content > div:nth-child(1) > div.ant-row > div.cartpayment.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-8.ant-col-md-offset-2 > div > div:nth-child(1) > div:nth-child(1) > div > p {
    margin-bottom: 0px; }
  #content > div:nth-child(1) > div.ant-row > div.cartpayment.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-8.ant-col-md-offset-2 > div > div:nth-child(2) > div > div > p {
    margin-bottom: 0px;
    margin-top: 15px; }
  .cartpayment.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-8.ant-col-md-offset-2 > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle > div:nth-child(1) {
    margin-top: 10px; }
  .cartpayment.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-8.ant-col-md-offset-2 > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle > div:nth-child(2) {
    margin-top: 0px; }
  .cartpayment.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-8.ant-col-md-offset-2 > div > div.ant-row-flex.ant-row-flex-space-around.ant-row-flex-middle > div:nth-child(1) > div > p {
    margin-bottom: 5px; }
  #content > div:nth-child(1) > div.ant-row.Cartbottom {
    margin-top: 10px !important; }
  #content > div:nth-child(1) > div.ant-row.Cartbottom > div:nth-child(2) > div {
    margin-top: 10px !important;
    margin-bottom: 50px; } }

@media (max-width: 768px) {
  #content > div:nth-child(1) > div.ant-row.Cartbottom > div:nth-child(2) > div > button,
  #content > div:nth-child(1) > div.ant-row.Cartbottom > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-10.ant-col-md-offset-2 > div > button {
    width: 100%; } }

.cart-my2c2p-creditcard-wrapper {
  margin-top: 10px; }

.my2c2p-creditcard-form .ant-form-item, .creditcard-form .ant-form-item {
  margin-bottom: 0px;
  padding-left: 5px;
  padding-right: 5px; }
  .my2c2p-creditcard-form .ant-form-item input, .creditcard-form .ant-form-item input {
    height: 45px !important;
    border-radius: 4px !important; }
  .my2c2p-creditcard-form .ant-form-item .credit-card-type-wrapper, .creditcard-form .ant-form-item .credit-card-type-wrapper {
    padding: 0px 5px; }
  .my2c2p-creditcard-form .ant-form-item .ant-col.ant-form-item-label.ant-col-sm-24.ant-col-md-24, .creditcard-form .ant-form-item .ant-col.ant-form-item-label.ant-col-sm-24.ant-col-md-24 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.my2c2p-creditcard-form .ant-time-picker-large .ant-time-picker-input, .creditcard-form .ant-time-picker-large .ant-time-picker-input {
  height: 40px; }

.cart-scb-qrcode-wrapper {
  background-color: #ffffff; }

.cart-shipping-address-wrapper .user-shipping-address-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .cart-shipping-address-wrapper .user-shipping-address-wrapper .user-shipping-address-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid;
    border-radius: 3px;
    cursor: pointer;
    padding: 5px;
    margin: 5px; }
    .cart-shipping-address-wrapper .user-shipping-address-wrapper .user-shipping-address-item p {
      margin: 0px;
      padding: 5px; }

.cart-shipping-address-wrapper .input-wrapper {
  padding: 5px; }

.cart .couponlist p {
  margin-bottom: 0px; }

.cart .couponlist li {
  padding: 6px 10px !important; }

@media (max-width: 600px) {
  .cart-col-right {
    padding-right: 2% !important;
    padding-left: 2% !important; } }

.cart-col-right .buttoncartaddress {
  height: 45px;
  font-size: 16px;
  width: 100%;
  border-color: #e8e8e8; }

.site .ant-modal-header {
  border-radius: 8px 8px 0 0 !important; }

.cart-right-inside-address-name {
  border-bottom: 0px !important; }

@media (max-width: 1260px) {
  .ordertable .coursecartpricename {
    display: none; } }

@media (max-width: 600px) {
  body > div:nth-child(7) > div > div.ant-modal-wrap > div > div.ant-modal-content > div.ant-modal-body > form > div > div:nth-child(2) > div > div:nth-child(1) {
    padding-bottom: 12px; }
  header.header3 > div {
    padding-left: 12px;
    grid-template-columns: 100% !important; }
  .ordertable .ant-select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.65);
    font-size: 12px;
    border-color: #e8e8e8;
    border-radius: 4px; }
  .ordertable .ant-select-selection-selected-value {
    padding-left: 10px; }
  .ordertable .cart-price-total {
    font-weight: 700;
    margin-bottom: 15px; }
  .ordertable h2 {
    font-size: 16px !important; }
  .ordertable .cartpaymentbox .cart-right-inside .payment-bank-list {
    margin-left: 4%; } }

@media (max-width: 1600px) {
  .cart-container {
    margin-top: 50px;
    margin-bottom: 50px; } }

@media (max-width: 1025px) {
  .cart-container {
    margin-top: 0px;
    margin-bottom: 0px; } }

.login-cart-modal-wrapper .ant-modal-content .login, .login-cart-modal-wrapper .login {
  width: 100%;
  max-width: 100%; }

.login-cart-modal-wrapper .cartregister {
  width: 100% !important; }

.ordertable .ant-select-selection-selected-value {
  font-size: 12px !important;
  font-family: sarabun !important;
  line-height: 35px !important;
  text-align: left; }

@media (max-width: 1260px) {
  .ordertable .ant-select-selection-selected-value {
    padding-left: 10px; } }

@media (max-width: 1199px) {
  .cart-price-total {
    margin-bottom: 15px !important; } }

.cart-product-mobile {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%; }
  @media (max-width: 600px) {
    .cart-product-mobile .cart-product-number {
      font-size: 12px; }
      .cart-product-mobile .cart-product-number .ant-input {
        font-size: 12px; } }

@media (max-width: 1024px) {
  .cart-product-mobile::before,
  .cart-product-mobile::after {
    display: none !important; } }

.cart-course-duration-time {
  padding-bottom: 5px; }

.use-coupon {
  font-family: "Roboto", "Kanit", sans-serif !important; }

.cart-one-container {
  max-width: 930px;
  margin: auto;
  min-height: 500px; }
  .cart-one-container .cart-title {
    padding-top: 51px;
    padding-bottom: 7px;
    border-bottom: 1px solid #dddddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .cart-one-container .cart-title .cart-left-title {
      margin-bottom: 0px; }
  .cart-one-container .cart-course-list-one-container, .cart-one-container .payment-method-container {
    padding: 15px;
    border-radius: 6px;
    -webkit-box-shadow: oklab(0 0 0/0.07) 0px 2px 12px 0px;
            box-shadow: oklab(0 0 0/0.07) 0px 2px 12px 0px; }
  .cart-one-container .cart-card-course-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 10PX; }
    .cart-one-container .cart-card-course-container .cart-course-name-container > .cart-course-description {
      width: 100%;
      height: 42px;
      overflow: hidden;
      text-overflow: ellipsis;
      color: gray; }
    .cart-one-container .cart-card-course-container .cart-course-duration-time, .cart-one-container .cart-card-course-container .cart-course-duration-publish {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .cart-one-container .cart-card-course-container .delete-course-cart {
      position: absolute;
      top: 0;
      right: 0; }
  .cart-one-container .cart-total-amount {
    margin-top: -3px;
    text-align: right; }
  .cart-one-container .payment-method-container {
    padding: 25px; }
    .cart-one-container .payment-method-container .payment-method-list-container {
      text-align: center;
      margin: 0px 0px 105px; }
      .cart-one-container .payment-method-container .payment-method-list-container .payment-method-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        gap: 10px; }
        .cart-one-container .payment-method-container .payment-method-list-container .payment-method-list .card-payment-method {
          width: 201px; }
    .cart-one-container .payment-method-container .payment-bank-transfer {
      margin: 0px 0px 50px; }
    .cart-one-container .payment-method-container .cart-submit-container {
      text-align: center;
      border-top: 1px solid #dddddd;
      padding: 18px 0px; }
  .cart-one-container .cart-content-container .cart-course-list-one-container {
    padding-top: 19px;
    margin: 30px 0px 50px; }
  .cart-one-container .cart-check-icon {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    border-radius: 50%;
    padding: 4px;
    background: #00ba00; }

.cart-content-container i.anticon.anticon-close {
  background: #f5f5f5;
  padding: 2px;
  color: #898989;
  font-size: 11px;
  position: relative;
  left: 9px;
  top: -17px; }

.cart p.coupon-fontfam {
  font-family: "Roboto", "Kanit", sans-serif !important; }

.ant-row.payment-bank-list.show-image {
  width: 90%; }

.img-payment img {
  width: 66% !important;
  height: 54px !important;
  -o-object-fit: contain;
     object-fit: contain; }

@media (max-width: 606px) {
  .payment-bank-transfer.step-1 > div:first-child {
    display: block !important; } }

@media (max-width: 550px) {
  .cart-total-amount {
    padding-top: 15px;
    padding-bottom: 8px; }
  .payment-bank-transfer.step-1 > div:first-child {
    display: block !important; }
  .payment-bank-transfer.step-1 > div:first-child > p:first-child {
    margin-bottom: 0; }
  p.cart-total-amount {
    text-align: left !important; } }

@media (max-width: 600px) {
  .left-txt2, .left-txt {
    text-align: center !important;
    padding: 0 !important; } }

@media (max-width: 550px) {
  .cart-one-container .ant-spin-nested-loading .payment-method-container .payment-method-list-container .payment-method-list .card-payment-method {
    width: 100% !important; }
  .cart-one-container .payment-method-container .payment-method-list-container {
    padding: 0px !important; } }

@media (max-width: 768px) {
  .img-payment img {
    padding-bottom: 7px;
    height: 42px !important; }
  .cart-one-container .payment-method-container .payment-method-list-container .payment-method-list .card-payment-method {
    width: 47% !important; }
  .cart-one-container .payment-method-container .payment-method-list-container {
    padding: 0px 16px; }
  .cart-one-container .payment-method-container .payment-method-list-container .payment-method-list {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .cart-image-course img {
    width: 100% !important;
    height: auto !important; }
  .ant-col.cart-image-course {
    -moz-text-align-last: center;
         text-align-last: center; }
  .cart-course-name {
    padding: 16px 0px 8px;
    font-size: 20px; }
  .cart-one-container .cart-card-course-container .cart-course-name-container > .cart-course-description {
    font-size: 14px;
    height: 66px; }
  .cart-course-duration-container {
    padding-bottom: 13px;
    padding-top: 13px; } }

@media (max-width: 970px) {
  .cart-one-container .payment-method-container {
    padding: 25px 18px; }
  .ant-row.payment-bank-list.show-image {
    width: 90%; }
  .ant-row.payment-bank-list.show-image > div {
    margin-bottom: 20px; }
  .cart-content-container {
    padding: 0px 5%; }
  .cart-one-container .payment-method-container .payment-method-list-container .payment-method-list .card-payment-method {
    width: 31.3%; }
  .cart-one-container .payment-method-container .payment-method-list-container .payment-method-list {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .cart-one-container .cart-card-course-container {
    display: block !important; } }

.payment-method-list {
  margin: auto; }

.payment-bank-transfer.step-2 div:nth-child(2) > button:hover img {
  opacity: 1 !important;
  -webkit-transition: .5s;
  transition: .5s;
  -webkit-filter: invert(58%) sepia(22%) saturate(3899%) hue-rotate(184deg) brightness(103%) contrast(101%);
          filter: invert(58%) sepia(22%) saturate(3899%) hue-rotate(184deg) brightness(103%) contrast(101%); }

.cart-submit-container button.ant-btn {
  border: none; }

.payment-bank-transfer.step-2 div:nth-child(2) > button img {
  opacity: .7; }

.payment-method-container [ant-click-animating-without-extra-node='true']::after {
  display: none !important; }

.cart-submit-container button.ant-btn:hover {
  background: #8c8c8c !important; }

.payment-method-container .bank-logo {
  width: 100%; }

.payment-bank-list.show-list {
  padding: 0px 3% 13px; }

@media (max-width: 500px) {
  .payment-bank-list .ant-row.bank-list-item-layout-one {
    background-size: contain !important; } }

@media (max-width: 900px) {
  .ant-row.bank-list-item-layout-one {
    height: 12vw !important;
    margin-bottom: 0px !important; } }

@media (max-width: 550px) {
  .bank-list-item-layout-one > div:nth-child(3) {
    font-size: 8px !important; }
  .bank-list-item-layout-one > div.ant-col.ant-col-xs-12.ant-col-sm-10.ant-col-lg-8 > p:nth-child(1) {
    margin-bottom: 0 !important; }
  .payment-bank-list.show-list {
    padding: 0; } }

.cart-content-container .cart-course-list-one-container {
  -webkit-box-shadow: oklab(0 0 0/0.07) 0px 2px 12px 0px;
          box-shadow: oklab(0 0 0/0.07) 0px 2px 12px 0px; }

@media (min-width: 1250px) {
  .payment-bank-transfer .cart-total-amount {
    position: absolute;
    width: 94% !important;
    text-align: center !important;
    margin-top: -3px; } }

@media (min-width: 550px) and (max-width: 1250px) {
  .payment-bank-transfer.step-1 > div > p {
    width: 50%; } }

.coupon-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end; }

.coupon-row > div {
  width: 50%; }

@media (max-width: 605px) {
  .coupon-row {
    display: block; }
  .coupon-row > div {
    width: 100%; }
  .cart-one-container .cart-total-amount {
    text-align: left;
    padding-top: 15px;
    padding-left: 18px; } }

.cart .cart-col-left td > div > div {
  padding: unset !important;
  border-radius: unset !important;
  border: unset !important; }

.cart .ant-select {
  padding: 0 !important; }

@media (max-width: 600px) {
  .videoplayer .burgermenu-col1 {
    height: calc(-64px + 100vh) !important; } }

.modal-coupon .ant-modal-close {
  display: none !important; }

.modal-coupon .ant-modal-body {
  padding: 16px !important; }

.modal-p-30 .ant-modal-body {
  padding: 30px !important; }

.modal-p-30 .ant-modal {
  width: 860px !important; }

.upload-icon-circle {
  min-height: 176px !important; }

.modal-change-icon-sub-title {
  font-size: 16px !important; }

/* layout */
.admincss > div:nth-child(2) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div:nth-child(1) > div > div:nth-child(2) > div > div.ant-row-flex.ant-row-flex-end > div {
  height: 50px; }

.admincss .ant-tabs-tabpane .ant-table-tbody > tr > td:last-child {
  display: table-cell !important; }

.admincss .ant-table-fixed > .ant-table-tbody > tr > td:nth-child(2) > div:hover {
  word-wrap: break-word;
  max-height: 50vh;
  min-height: 30px;
  z-index: 1;
  height: auto;
  white-space: normal;
  background-color: inherit;
  -webkit-transition: 0s !important;
  transition: 0s !important; }

.admincss .ant-tabs-tabpane .ant-table-thead > tr:first-child > th:last-child {
  display: table-cell !important; }

.admincss .ant-table-tbody > tr > td:hover {
  background-color: red; }

.action-group-btn {
  min-width: 300px; }

.admincss .action-bar > h2 {
  min-width: 50px; }

.ant-table-thead > tr > th .ant-table-header-column {
  width: 100%; }

.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
  color: #ffffff !important; }

.courseDetail-mainContent .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
  padding: 0 13px; }

.left-menu {
  height: calc(100vh - 64px) !important; }

#root > div.admincss {
  overflow: hidden; }

.admincss .ant-table-content {
  overflow: auto; }

.admincss .ant-table-scroll {
  min-width: 1150px;
  overflow-x: hidden; }

.box .row.content {
  border: 0px solid !important; }

#root > div.admincss > div:nth-child(3) {
  height: calc(100% - 60px) !important; }

.mainContent {
  background: var(--bg-admin-background) !important; }

.coursepricetable .table-tr {
  min-width: 100%; }

/* login */
.adminlogin {
  height: auto;
  min-height: 100vh;
  padding: 10vh 20px;
  background: linear-gradient(225deg, rgba(92, 107, 192, 0.98), #5cbcc0); }
  .adminlogin .input-group {
    padding: 0 13%; }

.login-footer {
  margin-top: 30px; }

.adminlogin > div > div.container {
  background: #ffffff;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); }

@media (max-width: 1100px) {
  .left-menu {
    display: none !important; } }

@media (min-width: 1101px) {
  #root > div > div.header.flex > div:nth-child(1),
  #root > div > div:nth-child(3) > div > div > div:nth-child(1) > div:nth-child(2) > div:nth-child(3) > div {
    display: none; }
  .bm-burger-button {
    display: none; }
  .bergur-icon {
    display: none; } }

/* --- lalyout --- */
/* header */
.admincss > div.header.flex {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4891d3+0,35a7b6+100 */
  background: #4891d3;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#4891d3), to(#35a7b6));
  background: linear-gradient(to right, #4891d3 0%, #35a7b6 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4891d3', endColorstr='#35a7b6', GradientType=1);
  /* IE6-9 */ }

.bm-menu-wrap > div.bm-menu > nav > div > div.flex-col.flex.menu.flex-1,
.left-menu > div.flex-col.flex.menu.flex-1 {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4891d3+0,3b5997+100 */
  background: #4891d3;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#4891d3), to(#3b5997));
  background: linear-gradient(to bottom, #4891d3 0%, #3b5997 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4891d3', endColorstr='#3b5997', GradientType=0);
  /* IE6-9 */ }

.admincss > div.header.flex > div.ant-row.ant-dropdown-trigger {
  cursor: pointer; }

body > div:nth-child(5) > div > div > ul > li:nth-child(1) {
  border-top: 0px; }

/* tab */
.tablist-style {
  border-bottom: 1px solid #b0b4d3;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
          box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
  background-color: #f6f7fb !important;
  margin-top: -1px; }

.tab-style {
  background-color: #e2e5fb !important;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
          box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
  font-size: 12px !important;
  border-right: 1px solid #b1b1b1; }

.active-tab {
  background-color: #b0b4d3 !important;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
          box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
  font-size: 12px !important; }

.tab-style .text-tab {
  max-width: 125px !important;
  min-width: 125px !important; }

.tab-style .tab-close img {
  -webkit-filter: invert(0.2) !important;
  filter: invert(0.2) !important; }

/* menu left */
.sub-menu .sub-head-text {
  font-size: 14px;
  font-weight: bold;
  color: #444;
  border-bottom: 0px;
  padding: 10px 15px; }

.sub-menu {
  overflow: auto;
  min-width: 180px; }

.bm-menu-wrap {
  width: 260px; }

.left-menu > div.sub-menu > div > div > div {
  border-bottom: 1px solid #e0e0e0; }

.active-menu {
  border-top: 0px solid #e0e0e0;
  border-bottom: 0px solid #e0e0e0;
  background-color: #3e7aa7; }

.menu-item:hover {
  background-color: #3e7aa7;
  -webkit-filter: none;
  filter: none; }

.menu {
  border-right: 0px solid #e0e0e0;
  min-width: 65px; }

.active-menu p {
  color: #fff;
  font-size: 11px; }

.menu-item p {
  color: #fff;
  font-size: 11px; }

.menu-item {
  min-height: 58px;
  min-width: 50px; }

.bm-menu-wrap > div.bm-menu > nav > div > div > div > img,
.left-menu > div > div > img {
  height: 30px;
  width: 30px; }

/* header burger */
.admincss > div:nth-child(3) > div > div > div:nth-child(1) > div > div:nth-child(3) > div.bm-burger-button {
  padding: 30px;
  width: 66px !important;
  height: 64px !important;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease; }

#root > div.admincss > div:nth-child(3) > div > div > div:nth-child(1) > div > div:nth-child(3) > div.bm-burger-button:hover {
  background-color: rgba(0, 0, 0, 0.1); }

/* header right */
.admincss > div.header.flex > div.action-group-btn {
  margin-bottom: 0px; }

.admincss > div.header.flex > div.action-group-btn > button {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease; }

#root > div.admincss > div.header.flex > div.action-group-btn > button:hover {
  background-color: rgba(0, 0, 0, 0.1); }

/* left menu */
.menu-item:hover {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease; }

/* action-bar */
#root > div.admincss > div > div > div > div.mainContent > div:nth-child(2) > div.content-style > div:nth-child(1) > div > div.flex.action-bar > div.action-group-btn {
  margin-bottom: 0px !important; }

#root > div.admincss > div > div > div > div.mainContent > div:nth-child(2) > div.content-style > div > div > div.flex.action-bar {
  overflow: scroll; }

@media (max-width: 500px) {
  #root > div.admincss > div > div > div > div.mainContent > div:nth-child(2) > div.content-style > div:nth-child(1) > div > div.flex.action-bar {
    margin-bottom: -10px; } }

/* admin edit*/
#root > div.admincss > div > div > div > div > div > div > div > div > div > div > div.ant-tabs-content.ant-tabs-content-no-animated > div > div > div {
  height: auto; }

/* table */
#root > div.admincss > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div > div > div:nth-child(2) > div > div.ant-table-wrapper > div > div > div > div > div > div.ant-table-header > table > thead > tr > th:nth-child(1) > span > div > div.column-title > input[type="checkbox"] {
  margin-right: 16px; }

#root > div.admincss > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div > div > div:nth-child(2) > div > div.ant-table-wrapper > div > div > div > div > div > div.ant-table-body > table > tbody > tr {
  cursor: pointer; }

#root > div.admincss > div > div > div > div > div > div > div > div > div > div > div > div.ant-table-wrapper > div > div > div > div > div > div > table > tbody > tr > td > div {
  cursor: pointer; }

#root > div.admincss > div > div > div > div.mainContent > div:nth-child(2) > div.content-style > div:nth-child(1) > div > div:nth-child(2) > div > div:nth-child(2) > div.ant-table-wrapper {
  overflow-x: scroll; }

@media (min-width: 500px) {
  #root > div.admincss > div > div > div > div.mainContent > div:nth-child(2) > div.content-style > div:nth-child(1) > div > div:nth-child(2) > div > div:nth-child(2) > div.ant-table-wrapper > div > div > div > div > div > div.ant-table-body {
    overflow: hidden !important; } }

@media (max-width: 500px) {
  table > thead > tr > th:last-child > span > div > div {
    min-width: 0px !important;
    max-width: 14px !important; }
  table > tbody > tr > td:last-child > div > span > div,
  table > tbody > tr > td:last-child {
    min-width: 0px !important;
    max-width: 14px !important;
    padding-left: 7px !important;
    padding-right: 7px !important; } }

.ant-table-bordered .ant-table-thead > tr > th,
.ant-table-bordered .ant-table-tbody > tr > td {
  padding: 5px !important; }

/* blue filter button */
table > thead > tr > th > span > div > div.column-title > div > div.icon {
  height: 36px !important; }

/* ------ additional ------ */
/* input */
.input-box input,
.input-box select,
input.flex {
  border: 1px solid #ddd !important; }

div.ant-form-item .ant-switch {
  margin-bottom: 10px; }

.table-form input,
.table-form select {
  min-height: 30px; }

.ant-select {
  height: inherit !important;
  min-width: 0px !important; }

.ant-select-selection--multiple .ant-select-selection__rendered {
  min-height: 30px; }

.ant-select-selection {
  border: 0px !important;
  border-radius: 5px !important; }

li.ant-select-search {
  border-top: 0px !important; }

.page-content {
  height: 100vh; }

.admininput > div > div > div > span > input:not(.input-textArea) {
  height: 32px !important;
  width: 100%;
  padding-left: 11px;
  border: 1px solid #e8e8e8; }

#root > div.admincss > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div > div.page-content.page-master-file > div > div > div.admininput > div > div > div > span > input,
#root > div.admincss > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div:nth-child(1) > div > div.admincontentframescrolly > div > div > div.ant-tabs-content.ant-tabs-content-no-animated > div.ant-tabs-tabpane.ant-tabs-tabpane-active > div > form > div > div > div.admininput > div > div > div > span > select,
#root > div.admincss > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div:nth-child(1) > div > div.page-content.page-master-file > div.ant-card-body > form > div > div > div.admininput > div > div > div > span > input,
div.admininput > input,
.filter-input {
  height: 32px !important;
  width: 100%;
  padding-left: 11px; }

div.admininput > div > div > div > span > textarea {
  width: 100%;
  padding-left: 11px;
  right: 11px; }

#root > div.admincss > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div:nth-child(1) > div > div.page-content.page-master-file > div.ant-card-body > form > div > div > div.admininput > div > div > div > span > select,
div.admininput > select {
  height: 30px !important;
  padding-left: 11px;
  width: 100%; }

.filter-input {
  border: 1px solid #ddd; }

textarea {
  border: 1px solid #ddd;
  min-width: 170px; }

/* label */
.table-form .table-tr .table-td,
.table-form .table-tr .table-td.label {
  min-width: 140px; }

.ant-pagination {
  margin: 15px 16px 35px !important; }

/* hr */
#root > div.admincss > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div > hr,
#root > div.admincss > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div > div > hr {
  margin-bottom: 0px;
  margin-top: -5px; }

#root > div > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div:nth-child(2) > div > div.flex.action-bar,
#root > div > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div > div > div.flex.action-bar {
  height: 67px !important; }

/*  detail page */
#root > div.admincss > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div:nth-child(1) > div > div.page-content.page-master-file {
  padding-bottom: 60px; }

.ant-tabs.ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active {
  background: #486286 !important;
  color: #fff; }

#root > div.admincss > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div:nth-child(1) > div > div.ant-tabs.ant-tabs-top.ant-tabs-card.ant-tabs-no-animation > div.ant-tabs-bar {
  margin-bottom: 0px; }

#root > div.admincss > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div:nth-child(1) > div > div.ant-tabs.ant-tabs-top.ant-tabs-card.ant-tabs-no-animation {
  padding: 20px; }

#root > div.admincss > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div > div.page-content.page-master-file > div.ant-tabs.ant-tabs-top.ant-tabs-card.ant-tabs-no-animation > div.ant-tabs-content.ant-tabs-content-no-animated,
#root > div.admincss > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div > div > div.page-content.page-master-file > div.ant-tabs.ant-tabs-top.ant-tabs-card.ant-tabs-no-animation > div.ant-tabs-content.ant-tabs-content-no-animated {
  padding: 30px;
  border: 1px solid #e8e8e8;
  margin-top: -1px; }

#root > div.admincss > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div > div > div.page-content.page-master-file > div.ant-tabs.ant-tabs-top.ant-tabs-card.ant-tabs-no-animation > div.ant-tabs-bar,
#root > div.admincss > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div > div.page-content.page-master-file > div.ant-tabs.ant-tabs-top.ant-tabs-card.ant-tabs-no-animation > div.ant-tabs-bar {
  margin-bottom: 0px; }

#root > div > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div:nth-child(1) > div > div.page-content.page-master-file > div.ant-tabs.ant-tabs-top.ant-tabs-card.ant-tabs-no-animation > div.ant-tabs-content.ant-tabs-content-no-animated > div.ant-tabs-tabpane.ant-tabs-tabpane-active > div:nth-child(1) > button {
  float: right; }

/* burger */
.bergur-icon {
  height: 64px;
  padding: 22px 20px 20px 18px; }

/*label*/
.adminlabel {
  width: 140px;
  float: left;
  padding-right: 10px;
  text-align: right;
  margin-top: 5px; }

.adminlabel-l {
  width: 140px;
  float: left;
  padding-right: 10px;
  text-align: left;
  margin-top: 5px; }

.display-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.modal-adminlabel {
  float: left;
  text-align: right;
  margin-top: 5px;
  margin-right: 10px;
  width: 140px; }

@media screen and (max-width: 576px) {
  .modal-adminlabel-sm {
    float: left;
    text-align: right;
    margin-top: 5px;
    margin-right: 10px;
    min-width: 140px; } }

.label-day {
  float: left;
  text-align: left;
  margin-top: 5px;
  padding-left: 8px; }

.admin-label-layout-two .ant-form-item .ant-col {
  text-align: left !important;
  max-width: 375px;
  margin-bottom: unset;
  white-space: normal !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }

.admin-label-layout-two .validate-username-student {
  margin-top: 10px;
  font-weight: 500; }
  .admin-label-layout-two .validate-username-student p {
    font-size: 14px; }

.admininput {
  width: calc(100% - 140px);
  float: right;
  margin-bottom: 20px; }

.modal-admininput {
  float: right;
  margin-bottom: 20px; }

.modal-date-notification {
  width: 120px !important; }

.modal-notification-type {
  width: 120px !important; }

@media (max-width: 500px) {
  .adminlabel {
    width: 100%;
    float: none;
    text-align: left; }
  .adminlabel-l {
    width: 100%;
    float: none;
    text-align: left; }
  .admininput {
    width: 100%;
    float: none; } }

.ant-form-item-control {
  line-height: inherit !important; }

.validate-wapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .validate-wapper .validate-message {
    color: #FF0000; }

/*#root > div.admincss > div:nth-child(2) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div:nth-child(1) > div > form > div > div > div.admininput > div,
#root > div.admincss > div:nth-child(2) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div:nth-child(1) > div > form > div > div > div.admininput > input,
#root > div.admincss > div:nth-child(2) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div:nth-child(1) > div > div.page-content.page-master-file > div.ant-tabs.ant-tabs-top.ant-tabs-card.ant-tabs-no-animation > div.ant-tabs-content.ant-tabs-content-no-animated > div.ant-tabs-tabpane.ant-tabs-tabpane-active > form > div > div > div.admininput{
  margin-bottom: 20px;
}*/
.ant-select-selection--multiple {
  min-height: 30px; }

#root > div.admincss > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div:nth-child(1) > div > div.page-content.page-master-file > div.ant-tabs.ant-tabs-top.ant-tabs-card.ant-tabs-no-animation > div.ant-tabs-content.ant-tabs-content-no-animated > div.ant-tabs-tabpane.ant-tabs-tabpane-active > form > div > div > div.admininput > form > div > div > div > span > div {
  border-radius: 0px;
  width: 100%; }

.ant-select-ant-select-selection,
.ant-select-selection--single {
  min-width: 0px !important; }

.ant-select-selection--multiple {
  min-width: 0; }

@media (max-width: 500px) {
  .page-style .page-master-file {
    padding: 10px; }
  #root > div.admincss > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div:nth-child(1) > div > div.page-content.page-master-file > div.ant-tabs.ant-tabs-top.ant-tabs-card.ant-tabs-no-animation > div.ant-tabs-content.ant-tabs-content-no-animated {
    padding: 20px; }
  .action-bar h2 {
    line-height: 1.2;
    font-size: 14px; } }

.modal-add-date .btn-action {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end; }

.action-bar h2 {
  line-height: 1.2; }

.ant-modal-wrap[role="dialog"] {
  background: #00000094; }

/* course photo */
.photobox {
  border: 2px dashed #e8e8e8;
  cursor: pointer;
  height: 304px;
  float: none;
  margin-left: 140px;
  width: 404px;
  background: #fff; }

#root > div.admincss > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div:nth-child(1) > div > div.page-content.page-master-file > div.ant-tabs.ant-tabs-top.ant-tabs-card.ant-tabs-no-animation > div.ant-tabs-content.ant-tabs-content-no-animated > div.ant-tabs-tabpane.ant-tabs-tabpane-active > div.admininput.photobox > div {
  position: absolute;
  top: 200px;
  padding-left: 30px;
  z-index: 2 !important; }

#root > div.admincss > div:nth-child(3) > div > div > div.mainContent > div > div.content-style > div:nth-child(1) > div > div.page-content.page-master-file > div.ant-tabs.ant-tabs-top.ant-tabs-card.ant-tabs-no-animation > div.ant-tabs-content.ant-tabs-content-no-animated > div.ant-tabs-tabpane.ant-tabs-tabpane-active > div.admininput.photobox > form > div.dropzone {
  height: 300px;
  z-index: 999 !important;
  position: absolute;
  width: 400px; }

#root > div > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div:nth-child(1) > div > div.page-content.page-master-file > div.ant-tabs.ant-tabs-top.ant-tabs-card.ant-tabs-no-animation > div.ant-tabs-content.ant-tabs-content-no-animated > div.ant-tabs-tabpane.ant-tabs-tabpane-active > div.admininput.photobox > form > div:nth-child(3) > div > img {
  z-index: 3;
  width: 400px;
  height: 300px;
  position: absolute; }

/* --- curriculum --- */
/* modal */
.ant-modal-footer {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end; }

/* add button */
#root > div.admincss > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div:nth-child(1) > div > div.page-content.page-master-file > div.ant-tabs.ant-tabs-top.ant-tabs-card.ant-tabs-no-animation > div.ant-tabs-content.ant-tabs-content-no-animated > div.ant-tabs-tabpane.ant-tabs-tabpane-active > div > button,
#root > div.admincss > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div:nth-child(1) > div > div.page-content.page-master-file > div.ant-tabs.ant-tabs-top.ant-tabs-card.ant-tabs-no-animation > div.ant-tabs-content.ant-tabs-content-no-animated > div.ant-tabs-tabpane.ant-tabs-tabpane-active > div > div > div > button {
  background: #e8fcff;
  border: 1px solid #ddd;
  border-radius: 0px;
  color: #444;
  -webkit-transition: all 0s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: all 0s;
  transition: all 0s;
  height: 40px;
  padding: 0 35px; }

#root > div.admincss > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div:nth-child(1) > div > div.page-content.page-master-file > div.ant-tabs.ant-tabs-top.ant-tabs-card.ant-tabs-no-animation > div.ant-tabs-content.ant-tabs-content-no-animated > div.ant-tabs-tabpane.ant-tabs-tabpane-active > div > button:hover,
#root > div.admincss > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div:nth-child(1) > div > div.page-content.page-master-file > div.ant-tabs.ant-tabs-top.ant-tabs-card.ant-tabs-no-animation > div.ant-tabs-content.ant-tabs-content-no-animated > div.ant-tabs-tabpane.ant-tabs-tabpane-active > div > div > div > button:hover {
  color: #fff;
  background: #486185; }

/*curriculum list*/
.rst__placeholder::before {
  border: 0px; }

/* coursepricetable*/
.coursepricetablescroll {
  overflow: auto;
  width: 100%; }

.table-form.coursepricetable {
  padding: 20px;
  padding-bottom: 0px;
  background: #fff;
  border: 1px solid #ddd;
  min-width: 800px;
  margin-top: 15px; }

div.table-form.coursepricetable > div > div {
  min-width: 8% !important; }

div.table-form.coursepricetable > div:nth-child(1) {
  border-bottom: 1px solid #ddd;
  height: 30px;
  margin-bottom: 20px; }

div.table-form.coursepricetable > div:nth-child(1) > div {
  font-weight: bold; }

div.table-form.coursepricetable > div > div:nth-child(7) > span,
div.table-form.coursepricetable > div > div:nth-child(8) > span {
  color: #0088cc;
  cursor: pointer; }

div.table-form.coursepricetable > div > div:nth-child(7) > span:hover,
div.table-form.coursepricetable > div > div:nth-child(8) > span:hover {
  color: #40a9ff; }

/*video*/
#root > div > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div:nth-child(1) > div > div.page-content.page-master-file > div > div.ant-tabs-content.ant-tabs-content-no-animated > div > div:nth-child(3) > div > div > div > div {
  position: absolute;
  top: 430px;
  padding-left: 300px;
  z-index: 2 !important;
  color: #afafaf;
  font-size: 20px; }

#root > div.admincss > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div:nth-child(1) > div > div.page-content.page-master-file > div > div.ant-tabs-content.ant-tabs-content-no-animated > div > div:nth-child(3) > div > div > div > form > div.dropzone {
  height: 768px;
  z-index: 999 !important;
  position: absolute;
  width: 1024px; }

.videobox {
  border: 2px dashed #e8e8e8;
  cursor: pointer;
  height: 768px;
  float: none;
  width: 1024px;
  background: #fff;
  margin-top: 30px; }

#root > div.admincss > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div:nth-child(1) > div > div.page-content.page-master-file > div > div.ant-tabs-content.ant-tabs-content-no-animated > div > div:nth-child(3) > div > div > form > div.dropzone > div {
  padding-top: 30px; }

/* admin page */
div.page-content.page-master-file.adminpage > div.ant-card-body {
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  margin-bottom: 20px;
  height: inherit; }

/* order */
.admincontentpadding {
  padding: 20px; }

.textright {
  text-align: right; }

.admin-price-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px; }
  .admin-price-wrapper .admin-conclusion-price-front, .admin-price-wrapper .admin-conclusion-price-back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }

.admin-order-price-box {
  margin-bottom: 5px; }

@media (max-width: 800px) {
  .admin-price-space {
    margin-bottom: 45px; } }

#root > div > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div:nth-child(1) > div > div.page-content.page-master-file > div.ant-tabs.ant-tabs-top.ant-tabs-card.ant-tabs-no-animation > div.ant-tabs-bar > div > div > div > div > div > div.ant-tabs-tab-active.ant-tabs-tab {
  background: #486286 !important;
  color: #ffffff !important; }

#root > div > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div:nth-child(1) > div > div.admincontentframescrolly > div > div > div.ant-tabs-bar > div > div > div > div > div > div.ant-tabs-tab-active.ant-tabs-tab {
  background: #486286 !important;
  color: #ffffff !important; }

#root > div > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.page-style > div.page-content.page-master-file > div.ant-tabs.ant-tabs-top.ant-tabs-card.ant-tabs-no-animation > div.ant-tabs-bar > div > div > div > div > div > div.ant-tabs-tab-active.ant-tabs-tab {
  background: #486286 !important;
  color: #ffffff !important; }

.greytab {
  margin: 0;
  border: 1px solid #e8e8e8;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  background: #e0e0e0;
  margin-right: 2px;
  padding: 0 16px;
  line-height: 40px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }

.ant-table table {
  border-radius: 0px; }

#root > div > div > div > div > div.mainContent > div:nth-child(2) > div.content-style > div:nth-child(1) > div > div.admincontentframescrolly > div.admincontentpadding > div > div.ant-tabs-content.ant-tabs-content-no-animated > div > div:nth-child(2) > div > div:nth-child(2) > div > div > div > div > div > div > div > table > tbody > tr > td > div > div,
#root > div > div > div > div > div.mainContent > div:nth-child(2) > div > div:nth-child(1) > div > div > div > div > div.ant-tabs-content.ant-tabs-content-no-animated > div > form > div:nth-child(2) > div > div:nth-child(2) > div > div > div > div > div > div > div > table > tbody > tr > td > div > div,
#root > div.admincss > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div:nth-child(1) > div > div.admincontentframescrolly > div > div > div > div > div > div > div > div > div > div > table > tbody > tr > td > div > div {
  border: 0px !important; }

#root > div.admincss > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div:nth-child(1) > div > div.admincontentframescrolly > div.admincontentpadding > div > div.ant-tabs-content.ant-tabs-content-no-animated > div > div:nth-child(2) > div > div:nth-child(2) > div > div > div > div > div > div > div {
  overflow-x: scroll; }

/*
#root > div.admincss > div:nth-child(2) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div:nth-child(1) > div > div.admincontentframescrolly > div > div > div.ant-tabs-content.ant-tabs-content-no-animated > div.ant-tabs-tabpane.ant-tabs-tabpane-active > div.ant-table-wrapper > div > div > div > div > div > table > tbody > tr > td,
#root > div.admincss  > div> div > div > div.mainContent > div:nth-child(2) > div.content-style > div:nth-child(1) > div > div.admincontentframescrolly > div.admincontentpadding > div > div.ant-tabs-content.ant-tabs-content-no-animated > div > form > div:nth-child(2) > div > div:nth-child(2) > div > div > div > div > div > div > div > table > tbody > tr > td:last-child,
#root > div.admincss > div:nth-child(2) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div:nth-child(1) > div > div.admincontentframescrolly > div:nth-child(2) > div > div:nth-child(2) > div > div > div > div > div > div > div > table > tbody > tr > td:last-child{
  background-color: transparent !important;
  border: 0px !important;
  border-right: 1px solid #e8e8e8 !important;
  border-bottom: 1px solid #e8e8e8 !important;
}*/
.admincontentframescrolly {
  overflow-y: scroll;
  height: calc(100vh - 155px); }

#root > div.admincss > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div > div > div.admincontentframescrolly > div.admincontentpadding > div > div.ant-tabs-bar {
  margin-bottom: 0px; }

#root > div.admincss > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div > div > div.admincontentframescrolly > div > div > div.ant-tabs-content.ant-tabs-content-no-animated > div.ant-tabs-tabpane.ant-tabs-tabpane-active > div.page-content.page-master-file {
  padding: 30px;
  margin-left: 0px !important;
  margin-right: 0px !important;
  margin-top: -1px;
  border: 1px solid #e8e8e8 !important;
  overflow: hidden; }

#root > div.admincss > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div > div > div.admincontentframescrolly > div.admincontentpadding > div > div.ant-tabs-content.ant-tabs-content-no-animated > div > form {
  padding: 30px;
  margin-left: 0px !important;
  margin-right: 0px !important;
  margin-top: -1px;
  border: 1px solid #e8e8e8 !important; }

#root > div > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div > div > div:nth-child(2) > div > div:nth-child(2) > div.ant-table-wrapper > div > div > div > div > div > div.ant-table-body > table > tbody > tr > td:last-child {
  background: #f5f5f5;
  border: 0px; }

/* site */
/*customer text*/
#root > div.admincss > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div > div.page-content.page-master-file > div > div.ant-tabs-content.ant-tabs-content-no-animated > div.ant-tabs-tabpane.ant-tabs-tabpane-active > div > div {
  height: inherit; }

/* additional*/
/* label */
#root > div.admincss > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div > div > div.page-content.page-master-file > div > div.ant-tabs-content.ant-tabs-content-no-animated > div > div > div > form > div > div > div > div.ant-form-item-label.ant-col-xs-24.ant-col-sm-2,
#root > div.admincss > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.page-style > div.page-content.page-master-file > div > div.ant-tabs-content.ant-tabs-content-no-animated > div.ant-tabs-tabpane.ant-tabs-tabpane-active > div > div > form > div > div > div > div.ant-form-item-label.ant-col-xs-24.ant-col-sm-8,
#root > div.admincss > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div > div > div.page-content.page-master-file.adminpage > div > div.ant-tabs-content.ant-tabs-content-no-animated > div > div > div > form > div > div > div > div.ant-form-item-label.ant-col-xs-24.ant-col-sm-8 {
  line-height: 18px !important;
  padding-top: 2px;
  padding-right: 8px; }

#root > div.admincss > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div > div > div.page-content.page-master-file > div > div.ant-tabs-content.ant-tabs-content-no-animated > div > div > div > form > div > div > div > div.ant-form-item-label.ant-col-xs-24.ant-col-sm-2 > label,
#root > div.admincss > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.page-style > div.page-content.page-master-file > div > div.ant-tabs-content.ant-tabs-content-no-animated > div.ant-tabs-tabpane.ant-tabs-tabpane-active > div > div > form > div > div > div > div.ant-form-item-label.ant-col-xs-24.ant-col-sm-8 > label,
#root > div.admincss > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div > div > div.page-content.page-master-file.adminpage > div > div.ant-tabs-content.ant-tabs-content-no-animated > div > div > div > form > div > div > div > div.ant-form-item-label.ant-col-xs-24.ant-col-sm-8 > label {
  white-space: normal;
  width: 140px; }

#root > div.admincss > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div > div > div.page-content.page-master-file.adminpage > div > div.ant-tabs-content.ant-tabs-content-no-animated > div > div:nth-child(2) > div > form > div > div:nth-child(3) > div {
  padding: 0px !important; }

#root > div.admincss > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div > div > div.page-content.page-master-file.adminpage > div > div.ant-tabs-content.ant-tabs-content-no-animated > div > div:nth-child(2) > div > form > div > div:nth-child(3) > div > button {
  height: 32px;
  font-size: 14px; }

.admincss .ant-table-thead > tr:first-child > th:last-child {
  display: none !important; }

.admincss .ant-table-tbody > tr > td:last-child {
  display: none !important; }

.admincss .ant-table-scroll table {
  overflow: hidden; }

.bm-burger-button {
  top: 40px; }

@media (max-width: 300px) {
  .bm-burger-button {
    top: 80px !important; } }

@media (max-width: 700px) {
  .bm-burger-button {
    top: 50px; }
  .action-group-btn {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  #app > div > div.header.flex > div:nth-child(2) {
    display: none; } }

@media (max-width: 470px) {
  .bm-burger-button {
    top: 65px; }
  #app > div > div.header.flex > div:nth-child(5) {
    display: none !important; } }

.ql-video {
  width: 500px;
  height: 300px; }

#root > div > div:nth-child(3) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div:nth-child(1) > div > div:nth-child(2) > div > div.ant-row-flex.ant-row-flex-end > div > ul > li.ant-pagination-simple-pager {
  border: 0px; }

/*customer page*/
.custompagecss .ant-card-actions > li {
  border-top: 0px; }

.custompagecss .page-content {
  margin: 15px !important; }

.admincss {
  height: 100vh;
  overflow: hidden;
  z-index: 2;
  background: var(--bg-admin-background);
  position: relative; }

.ant-select-dropdown {
  z-index: 999999 !important; }

.ant-modal-wrap {
  z-index: 1000 !important; }

.admincustompagedetail > div:nth-child(3) > div.ant-col.ant-col-8 > div > div:nth-child(1) > div {
  padding-bottom: 100px; }

#app > div.admincss > div:nth-child(2) > div > div > div.mainContent > div:nth-child(2) > div.content-style > div:nth-child(1) > div > div:nth-child(2) > div > div.ant-row-flex.ant-row-flex-end > div > ul {
  min-width: 220px;
  text-align: right;
  border-top: 0px;
  position: relative !important;
  bottom: 0px; }

.admincss .ant-table-content .ant-table-tbody > tr {
  cursor: pointer; }

.admincss .payment-noti .ant-table-thead > tr:first-child > th:last-child {
  display: table-cell !important; }

.admincss .payment-noti .ant-table-tbody > tr > td:last-child {
  display: table-cell !important; }

.admincss .payment-noti .action-bar {
  overflow: hidden; }

#app > div > div > div > div > div.mainContent > div.payment-noti > div > div > div > div > div > div > div > table > tbody > tr > td:nth-child(3) {
  max-width: 100px;
  word-break: break-all; }

#app > div > div > div > div > div.mainContent > div.payment-noti > div > div > div > div > div > div > div > table > tbody > tr > td:nth-child(6) {
  max-width: 100px;
  word-break: break-all; }

#app > div > div > div > div > div.mainContent > div.payment-noti > div > div > div > div > div > div > div > table > tbody > tr > td:nth-child(11) > div > div > button.ant-btn.ant-btn-primary.ant-btn-sm.ant-btn-background-ghost {
  margin: 10px auto 0px auto;
  min-width: 70px;
  color: #fff !important;
  display: block; }

#app > div > div > div > div > div.mainContent > div.payment-noti > div > div > div > div > div > div > div > table > tbody > tr > td:nth-child(11) > div > div > button.ant-btn.ant-btn-danger.ant-btn-sm.ant-btn-background-ghost {
  margin: 0px auto 0px auto;
  min-width: 70px;
  background: #f5222d !important;
  color: #fff !important; }

.announcement .ant-btn-sm {
  height: 36px;
  padding: 0 15px;
  font-size: 16px;
  border-radius: 4px;
  margin-top: 10px; }

.announcement .ant-btn-sm i {
  font-size: 13px !important;
  margin-top: 5px; }

.admincss .ant-table-tbody td div:not(#no-more-css-table) {
  position: absolute !important;
  line-height: 30px !important; }

.admincss .ant-table-tbody td div#no-more-css-table {
  position: absolute !important;
  line-height: 16px !important; }

.admincss .payment-noti .ant-table-tbody td {
  height: 60px !important; }

.admincss .payment-noti .ant-table-tbody td div {
  line-height: 30px !important;
  white-space: normal;
  height: 56px; }
  .admincss .payment-noti .ant-table-tbody td div p {
    margin-bottom: 0px !important; }

#app > div > div > div > div > div.mainContent > div.payment-noti > div > div > div > div > div > div > div > table > tbody > tr > td:nth-child(10) > div {
  margin-top: 10px; }

.admincss .action-bar {
  overflow-x: auto;
  overflow-y: hidden; }
  .admincss .action-bar hr {
    margin: 0; }

.admincss .header .ant-select {
  min-width: 140px !important;
  border: 0px !important;
  padding-right: 18px; }
  .admincss .header .ant-select .ant-select-selection {
    border-radius: 4px !important; }

.admincss .header-account-dropdown .ant-select-dropdown-menu {
  padding-top: 0px !important; }

.admincss .header-account-dropdown .ant-select-dropdown-menu-item:first-child {
  border-top: 0px !important; }

.admincss .box .bm-overlay {
  top: 0 !important; }

.admincss .box .bm-menu-wrap {
  top: 0 !important; }

.admincss .box .page-style .action-bar {
  overflow-x: hidden;
  overflow-y: hidden; }
  .admincss .box .page-style .action-bar .action-group-btn {
    min-width: 100px !important;
    margin-top: 10px;
    margin-bottom: 0px; }

.admincss .box .content-style .action-bar .action-group-btn {
  margin-top: 10px;
  margin-bottom: 0px; }

.admincss .box .content-style .ant-table .ant-table-body {
  margin-bottom: -5px; }

.admincss .box .content-style .ant-tabs-tabpane .ant-table .ant-table-body {
  margin-bottom: 0px;
  min-width: 600px; }

.admincss .box .content-style .ant-tabs-tabpane .ant-form-item-label {
  line-height: 32px !important; }

.admincss .box .page-content .ant-tabs-tabpane .ant-table .ant-table-body {
  margin-bottom: 0px; }

.admincss .box .page-content .ant-tabs-tabpane .ant-form-item-label {
  line-height: 32px !important; }

.admincss .box .page-content .ant-tabs-tabpane .ant-form-item-control-wrapper .ant-radio-wrapper {
  line-height: 32px !important; }

.admincss .box .page-content .fonttexteditor {
  padding: 0px; }

.admincss .box .page-content .ant-form-item-label {
  line-height: 32px; }

.admincss .box .page-content .uploadclass {
  max-width: 300px;
  margin-bottom: 20px; }
  .admincss .box .page-content .uploadclass .ant-list-bordered .ant-list-item {
    border-top: 0px !important;
    border-radius: 0 0 4px 4px !important; }

.admincss .box .ant-pagination.pagination {
  bottom: auto !important;
  min-width: 200px; }

.admincss .box .ant-pagination-simple .ant-pagination-simple-pager {
  border-top: 0px; }

.main-table tbody.ant-table-tbody tr td:nth-child(3) {
  width: 50%; }

.sub-table tbody.ant-table-tbody tr td:nth-child(2) {
  width: 50%; }

.sub-table tbody.ant-table-tbody tr td:nth-child(1) {
  padding-left: 2% !important; }

.sub-table .ant-table-thead tr th:nth-child(1) {
  padding-left: 1.5% !important; }

.sub-table .ant-form-item-label:has(label[title="Upload file image"]) {
  text-align: right; }

.admincss .ant-table-tbody td div:not(#no-more-css-table) {
  position: absolute !important;
  line-height: 30px !important; }

text.recharts-text.recharts-label.positiony tspan,
text.recharts-text.recharts-label.positionx tspan {
  font-size: 25px; }

.page-content.page-master-file > div > div > div.ant-col.ant-col-xs-6.ant-col-sm-6.ant-col-md-6.ant-col-lg-6.ant-col-xl-6 > div > div > div > div > ul,
.page-content.page-master-file > div > div > div.ant-col.ant-col-xs-18.ant-col-sm-18.ant-col-md-18.ant-col-lg-18.ant-col-xl-18 > div.approve-course-table-wrapper > div > div > div > ul,
.page-content.page-master-file > div > div > div.ant-col.ant-col-xs-18.ant-col-sm-18.ant-col-md-18.ant-col-lg-18.ant-col-xl-18 > div.create-account-table-wrapper > div > div > div > ul {
  float: right !important; }

.approve-course-table-wrapper .ant-table-content,
.create-account-table-wrapper .ant-table-content,
.new-student-table-wrapper .ant-table-content {
  border: 1px solid #a5a5a340;
  border-radius: 10px; }

.approve-course-table-wrapper table > thead > tr,
.create-account-table-wrapper table > thead > tr,
.new-student-table-wrapper table > thead > tr {
  height: 40px !important; }
  .approve-course-table-wrapper table > thead > tr th,
  .create-account-table-wrapper table > thead > tr th,
  .new-student-table-wrapper table > thead > tr th {
    text-align: center;
    font-size: 16px;
    font-weight: 400; }

.approve-course-table-wrapper table > tbody > tr,
.create-account-table-wrapper table > tbody > tr,
.new-student-table-wrapper table > tbody > tr {
  background-color: #ffffff !important; }

.approve-course-table-wrapper > div > div > div > div > div > div > table > thead > tr > th {
  background-color: #f0f7f0;
  color: #a5a5a3; }

.create-account-table-wrapper > div > div > div > div > div > div > table > thead > tr > th {
  background-color: #f0f9fe;
  color: #a5a5a3; }

.new-student-table-wrapper > div > div > div > div > div > div > table > thead > tr > th {
  background-color: #fee8ea;
  color: #a5a5a3; }

.create-account-table-wrapper {
  margin-top: 20px; }

.admincss .ant-table-column-title .filter-input {
  border: 0px; }

.admincss .ant-table-column-title .input-search {
  border: 1px solid #ddd; }

.admincss .ant-table-column-title .anticon-search {
  margin-right: 5px;
  margin-top: 4px;
  color: #b5b5b5;
  font-size: 16px; }

.admincss .ant-table-column-title .ant-select-selection--single {
  height: 32px !important; }

.admincss .header-text {
  color: #fff; }

.admincss .system-update-box {
  overflow: auto;
  max-height: calc(100vh - 300px);
  background: #f3f3f3;
  padding: 20px; }

.admincss .system-update-subheader {
  margin-bottom: 0px; }

form textarea.ant-input, .text-area {
  height: auto !important; }

.mainContent .table-user {
  overflow: auto;
  height: 100vh;
  max-height: calc(100vh - 170px); }

.label-form-two .ant-form-item .ant-col {
  width: 100% !important;
  text-align: left !important; }
  .label-form-two .ant-form-item .ant-col .ant-form-item-control {
    padding-left: 50px; }

.admin-student-general-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 1024px) {
    .admin-student-general-container {
      display: block; } }

.admin-student-container.kpi {
  width: 50%; }
  @media (max-width: 1024px) {
    .admin-student-container.kpi {
      width: 100%; } }

.kpi-container {
  width: 50%; }
  @media (max-width: 1024px) {
    .kpi-container {
      width: 100%; } }

.card-progress-overview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px; }
  .card-progress-overview .overview-title-container > p {
    margin: 0px; }
    .card-progress-overview .overview-title-container > p .overview-title {
      font-size: 10px; }
    .card-progress-overview .overview-title-container > p .overview-subtitle {
      font-size: 10px; }

.progress-overview-table-container .progress-overview-table-title {
  border-bottom: 2px solid #dddddd;
  padding: 12px 0px; }

.progress-overview-table-container .table-progress-line-container:nth-child(odd) {
  background-color: #eeeff7; }

.progress-overview-table-container .table-progress-line-container:nth-child(even) {
  background-color: #fff; }

.progress-overview-table-container .table-progress-line-container {
  border-bottom: 2px solid #dddddd;
  padding: 15px 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .progress-overview-table-container .table-progress-line-container .table-progress-video, .progress-overview-table-container .table-progress-line-container .table-progress-quiz {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .progress-overview-table-container .table-progress-line-container .table-progress-video .custome-progress-bar-container, .progress-overview-table-container .table-progress-line-container .table-progress-quiz .custome-progress-bar-container {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      width: 80%;
      background-color: #d9daff; }
      .progress-overview-table-container .table-progress-line-container .table-progress-video .custome-progress-bar-container .custome-progress-bar, .progress-overview-table-container .table-progress-line-container .table-progress-quiz .custome-progress-bar-container .custome-progress-bar {
        padding: 5px 0px;
        background: -webkit-gradient(linear, left top, right top, from(#5672f4), to(#9476f7));
        background: linear-gradient(90deg, #5672f4, #9476f7); }
    .progress-overview-table-container .table-progress-line-container .table-progress-video .custome-progress-bar-text, .progress-overview-table-container .table-progress-line-container .table-progress-quiz .custome-progress-bar-text {
      width: 20%; }
  .progress-overview-table-container .table-progress-line-container .table-progress-status {
    padding: 6px 20px;
    font-weight: 600;
    border-radius: 20px; }
    .progress-overview-table-container .table-progress-line-container .table-progress-status.pass {
      background: -webkit-gradient(linear, left top, right top, from(#5672f4), to(#9476f7));
      background: linear-gradient(90deg, #5672f4, #9476f7);
      color: #fff;
      margin-left: 15px; }
    .progress-overview-table-container .table-progress-line-container .table-progress-status.incomplete {
      background: #fff1c3;
      color: #795003; }

.popover-content .popover-content-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  margin-top: 10px; }

#app > div > div:nth-child(2) > div > div > div.mainContent > div:nth-child(2) > div.page-style > div.page-content.page-master-file.adminpage > div > div.ant-tabs-content.ant-tabs-content-no-animated.ant-tabs-top-content.ant-tabs-card-content {
  min-height: calc(100vh - 100px); }

.courseDetail-gift > div > div > div:nth-child(1) {
  text-align: left; }

.uploadclass button.ant-btn.button-upload.ant-btn-primary {
  border-radius: 0px 0px 5px 5px !important; }

.single-form {
  margin-top: 40px; }
  .single-form .ant-card-meta {
    margin-bottom: 12px;
    margin-bottom: 20px; }
    .single-form .ant-card-meta .ant-card-meta-title {
      font-size: 18px;
      line-height: 28px;
      font-weight: 600;
      margin-bottom: 0; }
  .single-form .ant-card-bordered {
    border: none;
    max-width: 600px;
    background: none; }
    .single-form .ant-card-bordered .ant-card-body {
      padding: 0; }
      .single-form .ant-card-bordered .ant-card-body .ant-form-item {
        margin-bottom: 10px; }
        .single-form .ant-card-bordered .ant-card-body .ant-form-item .ant-form-item-label {
          text-align: left;
          max-width: 150px; }
        .single-form .ant-card-bordered .ant-card-body .ant-form-item label {
          position: relative;
          white-space: normal;
          line-height: 1.4;
          min-height: 32px;
          padding-top: 7px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
        .single-form .ant-card-bordered .ant-card-body .ant-form-item .ant-checkbox-group {
          margin-top: 2px; }
        .single-form .ant-card-bordered .ant-card-body .ant-form-item .ant-form-item-control-wrapper {
          max-width: 375px; }
          .single-form .ant-card-bordered .ant-card-body .ant-form-item .ant-form-item-control-wrapper .attach-header {
            padding: 5px 0; }
          .single-form .ant-card-bordered .ant-card-body .ant-form-item .ant-form-item-control-wrapper .ant-select-selection__rendered {
            line-height: 32px; }
          .single-form .ant-card-bordered .ant-card-body .ant-form-item .ant-form-item-control-wrapper .sale-file-attach-container {
            background: none;
            height: auto;
            margin-bottom: 0;
            padding: 0; }
        .single-form .ant-card-bordered .ant-card-body .ant-form-item .hint {
          font-size: 13px;
          line-height: 17px;
          margin-top: 8px; }
        .single-form .ant-card-bordered .ant-card-body .ant-form-item .ant-form-extra {
          font-size: 13px;
          line-height: 17px;
          padding-top: 8px; }
        .single-form .ant-card-bordered .ant-card-body .ant-form-item .inside-btn {
          margin-top: 10px; }
  .single-form hr {
    max-width: 500px;
    margin-top: 30px;
    margin-bottom: 40px;
    height: 1px;
    margin-right: auto;
    margin-left: 0; }
  .single-form h3 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 20px; }
  .single-form h4 {
    line-height: 28px;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 10px; }
  .single-form .ql-toolbar.ql-snow {
    border-radius: 5px 5px 0 0; }
  .single-form .ql-container.ql-snow {
    border-radius: 0 0 5px 5px; }
  .single-form .ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header {
    padding: 0px; }
  .single-form .ant-collapse {
    background: transparent;
    padding: 0;
    border: 0; }
  .single-form .ant-collapse > div {
    margin-bottom: 10px;
    border-bottom: 0px; }
  .single-form .ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
    right: 7px; }

.single-form-border {
  margin-top: 40px; }
  .single-form-border .ant-card-meta {
    margin-bottom: 12px;
    margin-bottom: 20px; }
    .single-form-border .ant-card-meta .ant-card-meta-title {
      font-size: 18px;
      line-height: 28px;
      font-weight: 600;
      margin-bottom: 0; }
  .single-form-border .ant-card-bordered {
    background: none; }
    .single-form-border .ant-card-bordered .ant-card-body .ant-form-item {
      margin-bottom: 10px; }
      .single-form-border .ant-card-bordered .ant-card-body .ant-form-item .ant-form-item-label {
        text-align: left;
        max-width: 150px; }
      .single-form-border .ant-card-bordered .ant-card-body .ant-form-item label {
        position: relative;
        white-space: normal;
        line-height: 1.4;
        min-height: 32px;
        padding-top: 7px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
      .single-form-border .ant-card-bordered .ant-card-body .ant-form-item .ant-checkbox-group {
        margin-top: 2px; }
      .single-form-border .ant-card-bordered .ant-card-body .ant-form-item .ant-form-item-control-wrapper {
        max-width: 375px; }
        .single-form-border .ant-card-bordered .ant-card-body .ant-form-item .ant-form-item-control-wrapper .attach-header {
          padding: 5px 0; }
        .single-form-border .ant-card-bordered .ant-card-body .ant-form-item .ant-form-item-control-wrapper .ant-select-selection__rendered {
          line-height: 32px; }
        .single-form-border .ant-card-bordered .ant-card-body .ant-form-item .ant-form-item-control-wrapper .sale-file-attach-container {
          background: none;
          height: auto;
          margin-bottom: 0;
          padding: 0; }
      .single-form-border .ant-card-bordered .ant-card-body .ant-form-item .hint {
        font-size: 13px;
        line-height: 17px;
        margin-top: 8px; }
      .single-form-border .ant-card-bordered .ant-card-body .ant-form-item .ant-form-extra {
        font-size: 13px;
        line-height: 17px;
        padding-top: 8px; }
      .single-form-border .ant-card-bordered .ant-card-body .ant-form-item .inside-btn {
        margin-top: 10px; }
  .single-form-border hr {
    max-width: 500px;
    margin-top: 30px;
    margin-bottom: 40px;
    height: 1px;
    margin-right: auto;
    margin-left: 0; }
  .single-form-border h3 {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 20px; }
  .single-form-border h4 {
    line-height: 28px;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 10px; }
  .single-form-border .ql-toolbar.ql-snow {
    border-radius: 5px 5px 0 0; }
  .single-form-border .ql-container.ql-snow {
    border-radius: 0 0 5px 5px; }
  .single-form-border .ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header {
    padding: 0px; }
  .single-form-border .ant-collapse {
    background: transparent;
    padding: 0;
    border: 0; }
  .single-form-border .ant-collapse > div {
    margin-bottom: 10px;
    border-bottom: 0px; }
  .single-form-border .ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
    right: 7px; }

.admin-form-item .ant-form-item-label {
  text-align: left; }

.NewTagContatiner {
  margin-bottom: 5px;
  margin-top: 10px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-width: inherit;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }
  .NewTagContatiner.default {
    margin-bottom: auto;
    margin-top: auto; }
  .NewTagContatiner .NewTagContatinerNew {
    line-height: 16px !important;
    width: 28px !important;
    background: red;
    border-radius: 2px;
    padding: 0px 4px;
    font-size: 10px;
    color: white;
    height: 14px;
    margin-right: 5px;
    margin-top: 2px;
    margin-left: 3px;
    line-height: 14px;
    text-align: center; }
  .NewTagContatiner .descriptionHover {
    display: none;
    position: absolute;
    background: #2d6de4;
    margin-top: 24px;
    color: white;
    border-radius: 4px;
    padding: 10px; }
  .NewTagContatiner:hover .descriptionHover {
    display: block; }
    .NewTagContatiner:hover .descriptionHover::before {
      content: '';
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-bottom: 5px solid #2d6de4;
      position: absolute;
      top: -5px; }

.NewTagContatiner.topright {
  margin-left: auto;
  margin-top: -7px;
  margin-bottom: -9px;
  position: relative;
  z-index: 1; }

.NewTagContatiner.NewTagContatiner--absolute {
  position: absolute;
  top: 0;
  left: 20px; }
  .NewTagContatiner.NewTagContatiner--absolute .NewTagContatinerNew {
    line-height: 1;
    height: auto;
    padding: 2px 4px; }

.admin-content-table .ant-table-thead {
  height: 45px; }
  .admin-content-table .ant-table-thead tr {
    background: #4694d0; }
    .admin-content-table .ant-table-thead tr th {
      color: #fff;
      border: 1px solid #fff;
      padding: 10px 16px !important; }

.admin-content-table .ant-table-tbody tr td {
  padding: 0px !important; }
  .admin-content-table .ant-table-tbody tr td div {
    padding: 0px 16px !important; }
  .admin-content-table .ant-table-tbody tr td.column-quiz-name div {
    position: absolute !important;
    line-height: 30px !important; }
  .admin-content-table .ant-table-tbody tr td div.admin-content-table-sub {
    margin-left: 50px; }

.titleSection {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.admincss .payment-noti .payment-noti-vat {
  padding: 10px 50px 0 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.admincss .payment-noti .payment-noti-vat > div {
  margin-left: auto; }

.quiz-disable-desciption {
  text-align: right;
  font-size: 12px; }
  @media (max-width: 750px) {
    .quiz-disable-desciption {
      text-align: left; } }

.flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.flex-space-between-center {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.quiz-integrate-time-wrapper {
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .quiz-integrate-time-wrapper .quiz-integrate-time-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px; }
    .quiz-integrate-time-wrapper .quiz-integrate-time-section .quiz-integrate-time__input {
      width: 65px; }

.col-video-add-lecture iframe {
  width: 100%; }

.custom-page-label .ant-form-item-label label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: normal;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right; }

@media (max-width: 575px) {
  .custom-page-label .ant-form-item-label label {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; } }

.text-editor-quiz-page {
  overflow: auto;
  width: 100% !important;
  height: 32px !important;
  margin-right: 5px;
  margin-bottom: 5px; }
  .text-editor-quiz-page .ql-container {
    overflow-y: scroll; }
  .text-editor-quiz-page .ql-editor {
    padding: 4px 11px !important;
    min-height: 0px !important;
    overflow-y: scroll; }

.input-text-editor {
  width: 100%; }

.answer-select .ant-select-selection {
  height: 100%; }

.choice-item-wrapper img {
  max-width: 100%; }

.choice-item-wrapper .ant-checkbox {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content; }

.choice-item-wrapper .checkbox {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content; }

.modal-add-notification-date-title {
  font-size: 16pt; }

.modal-add-notification-title {
  font-size: 16px;
  font-weight: 700;
  color: black; }

.modal-add-notification-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.margin-left-2 {
  margin-left: 8px; }

.modal-btn-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end; }

.pointer {
  cursor: pointer; }

.show-date-alert {
  margin-top: 8px;
  font-size: 18px;
  font-weight: 800;
  line-height: 20px; }

.certificate-title {
  font-size: 24px;
  font-weight: 2000;
  line-height: 30px;
  color: black;
  margin-bottom: 16px; }

label.radio-button-video-type.ant-radio-button-wrapper {
  padding: 0 7px; }

.affiliate-label {
  text-align: left;
  max-width: 150px; }

.affiliate-input {
  max-width: 390px; }

.card-without-padding .ant-card-body {
  padding: 0px !important; }

.admin-input-date-table .ant-calendar-picker {
  position: static; }

.form-fix-width .ant-form-item-control-wrapper {
  max-width: 350px; }

.form-fix-width .ant-form-item-label {
  max-width: 150px; }

.form-fix-width-redirect .ant-form-item-control-wrapper {
  max-width: 750px !important; }

.form-fix-width-redirect .ant-form-item-label {
  max-width: 150px !important; }

.form-label-align-left .ant-form-item-label {
  text-align: left; }

.form-item-margin-b-ten .ant-form-item {
  margin-bottom: 10px !important; }

/* Default padding (for screens < sm) */
.newtag-affilaite-order {
  padding-left: 0px !important; }

.redirect-path-label {
  text-align: left;
  max-width: 150px; }

.redirect-path-input {
  max-width: 390px; }

.setting-site-into-menu.ant-dropdown-menu {
  max-width: 200px !important; }

.col-title-course .ant-form-item .ant-form-item-label label {
  text-align: left; }

.formitem-socialmeta .ant-col.ant-col-24.col-title-course {
  width: 100% !important;
  left: 0px !important; }

.preview-image-modal .ant-modal-body {
  padding: 40px !important;
  max-height: 80vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .preview-image-modal .ant-modal-body img {
    height: auto;
    width: auto;
    overflow: hidden; }

.ant-popover {
  z-index: 99999999999999999999999; }

.ant-popover.ant-popover-placement-top {
  z-index: 9999999999999999999999999999999999999999999999999999; }

.upload-class-form {
  width: unset !important; }

.ant-table-scroll > .ant-table-header > .ant-table-thead > th {
  border-top-left-radius: 0px !important; }

.ant-table-thead > tr:first-child > th:first-child {
  border-top-left-radius: 8px !important; }

.low-width .ant-form-item-control-wrapper {
  max-width: 375px !important; }

.ant-dropdown-placement-bottomRight .ant-menu-submenu-vertical .ant-menu-submenu-title {
  padding: 0 20px !important; }

.modalCustompage .ant-form-item-label label {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  white-space: normal !important; }

.single-form-max-width .ant-form-item-control-wrapper {
  max-width: unset !important; }

.custom-switch-thankyou-page span {
  font-weight: 800 !important;
  font-size: 14px;
  line-height: 23px;
  margin-left: 8px; }

.custom-switch-thankyou-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px; }

.slip-recheck .ant-modal-body {
  padding: 8px 24px !important; }

/* slip.css */
.slip-recheck .slip-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.slip-box-r {
  width: 50%;
  padding-right: 25px; }

.slip-box-l {
  width: 50%;
  padding-left: 25px; }

.easy-slip-bg {
  background-color: #F9F9F9;
  padding: 0 10px; }

.slip-recheck .slip-info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 25px; }

.slip-recheck .status-section {
  padding-bottom: 8px;
  border-bottom: 1px solid #7C7C7C;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.slip-recheck .status-section img {
  width: 28px;
  height: 28px; }

.slip-recheck .status-text {
  font-weight: 700;
  font-size: 14px;
  line-height: 100%;
  margin-left: 8px; }

.slip-recheck .details {
  padding: 0 10px;
  background-color: #F9F9F9; }

.slip-recheck .details-section {
  padding: 14px 0; }

.slip-recheck .details-section.border-b {
  border-bottom: 1px solid #F0F0F0; }

.slip-recheck .details-section:last-of-type {
  border-bottom: none; }

.slip-recheck .details-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 3px 0; }

.slip-recheck .detail-label {
  font-weight: 300;
  color: #6D6D6D; }

.slip-recheck .detail-value {
  font-weight: 300;
  color: #2B2B2B; }

.slip-recheck .section-title {
  font-weight: 400;
  color: #2B2B2B;
  margin-bottom: 8px; }

.slip-recheck .slip-image-section {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.slip-recheck .section-heading {
  padding-bottom: 8px; }

.slip-recheck .section-heading span {
  line-height: 28px;
  font-weight: 700; }

.slip-recheck .image-wrapper {
  border: dotted 1px #BFBFBF; }

.slip-recheck .image-wrapper img {
  width: 100%; }

.input-with-update {
  width: 65% !important; }

.input-tracking-number {
  height: 26px !important; }

.btn-update-tracking {
  width: 35%;
  padding: 0 !important; }

#table-mw-1000 .ant-form-item-control-wrapper {
  max-width: 1000px; }

.mainContent #invoice.spin-dowload-e-tax-invoice .ant-spin-spinning {
  position: static !important; }

div.certificate .form-item-layout .ant-form-item-label {
  text-align: left; }

.certificate-setting.select-format-date .ant-select {
  width: auto !important;
  border: 1px solid #CCE9FF !important; }

.page-content.page-master-file.certificate .ant-form-item-label label {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  white-space: normal !important; }

.certificate-setting.select-format-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  line-height: 33px;
  margin-top: 12px;
  margin-left: -4px; }

.wrapper-input-hour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px; }

.checkbox-container.course-length {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-top: 7px;
  gap: 12px;
  line-height: 16px; }

.wrapper-input-hour input {
  width: 85px !important; }

.course-setting.course-length {
  margin-top: -7px; }

.admin-setting-description {
  color: #858588; }

.course-homewor.fix-icon-search .ant-input-suffix {
  right: 12px !important; }

#fix-icon-course-homework .ant-input-suffix {
  right: 12px !important; }

.input-combo-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .input-combo-select .ant-input {
    width: 75% !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-right: 0px solid white !important; }
  .input-combo-select .ant-select {
    width: 25% !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-right: 0px solid white !important; }

.w-6 input {
  width: 80px !important; }

.modal-change-icon-wrapper {
  margin: 12px; }

.upload-icon-circle {
  min-height: 126px;
  height: 100%;
  text-align: center;
  border-radius: 50%;
  border: 3px dotted #2496FA;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /* Horizontally center */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* Vertically center */ }

.modal-title-upload {
  color: #2496FA;
  font-size: 11px;
  margin-top: 4px; }

.multi-select-h .ant-select-sm .ant-select-selection--multiple .ant-select-selection__rendered li {
  height: 24px !important;
  line-height: 24px !important; }

.quiz-line-wrapper {
  padding: 10px; }
  .quiz-line-wrapper .delete-btn {
    width: 50%;
    background-color: #f5222d;
    color: #fff; }
    .quiz-line-wrapper .delete-btndisabled {
      color: rgba(0, 0, 0, 0.25);
      background-color: #f5f5f5; }
  .quiz-line-wrapper .item-quiz-line-wrapper {
    border: 1px solid #9e9e9e57;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    background-color: #fff; }
    .quiz-line-wrapper .item-quiz-line-wrapper .option-wrapper .option-item-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .quiz-line-wrapper .item-quiz-line-wrapper .option-wrapper .option-item-wrapper .option-text {
        width: 50px;
        height: 32px;
        text-align: center;
        font-size: 18px;
        background-color: #ffffff;
        border: 1px solid #ddd; }
      .quiz-line-wrapper .item-quiz-line-wrapper .option-wrapper .option-item-wrapper .option-input {
        margin-right: 5px;
        margin-bottom: 5px; }
    .quiz-line-wrapper .item-quiz-line-wrapper .choice-wrapper .choice-item-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .quiz-line-wrapper .item-quiz-line-wrapper .choice-wrapper .choice-item-wrapper .choice-text {
        width: 50px;
        height: 32px;
        text-align: center;
        font-size: 18px;
        background-color: #ffffff;
        border: 1px solid #ddd; }
      .quiz-line-wrapper .item-quiz-line-wrapper .choice-wrapper .choice-item-wrapper .choice-input {
        margin-right: 5px;
        margin-bottom: 5px; }
    .quiz-line-wrapper .item-quiz-line-wrapper .answer-wrapper .answer-item-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .quiz-line-wrapper .item-quiz-line-wrapper .answer-wrapper .answer-item-wrapper .answer-text {
        width: 50px;
        height: 32px;
        text-align: center;
        font-size: 18px;
        background-color: #ffffff;
        border: 1px solid #ddd; }
      .quiz-line-wrapper .item-quiz-line-wrapper .answer-wrapper .answer-item-wrapper .answer-select {
        margin-right: 5px;
        margin-bottom: 5px; }

.quiz-label .ant-form-item .ant-col {
  width: 100% !important;
  text-align: left !important; }

.modal-quiz-answer {
  width: 90% !important;
  max-width: 1200px !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  width: clamp(360px, 90%, 1200px) !important; }

#content > div.login > div > div > div {
  height: auto !important; }

#content > div.login > div > div > div > div > div > div > div > button {
  height: auto; }

#content > div.login > div > div > div > div > div > div > div > button {
  margin-top: 10px; }

@media (max-width: 799px) {
  #content > div.login > div > div {
    width: 95% !important;
    margin-top: 30px !important; }
  #content > div.login > div > div > div > div > div {
    padding: 0px; } }

#content > div.login > div > div > div > div > div > span.ant-input-password.form-control.ant-input-group-wrapper > span > span.ant-input-password.form-control.ant-input-affix-wrapper > input,
#content > div.login > div > div > div > div > div > span > span > input {
  width: 100%; }

#content > div.myaccountedituser > div > div.ant-col.gutter-row.account-right-box.ant-col-xs-24.ant-col-sm-24.ant-col-md-24.ant-col-lg-19.ant-col-xl-19.ant-col-xxl-18 > div > div > div > div > div > span > input {
  padding: 20px 15px; }

#content > div.myaccountedituser > div > div > div > div > div > div > div > span {
  padding-left: 0px !important; }

.select-user-login {
  padding: 0px !important;
  margin-bottom: 10px !important;
  height: 45px !important;
  font-size: 14px;
  font-weight: 300;
  font-family: sarabun !important;
  border-radius: 8px !important;
  border-color: #e7e7e7 !important; }
  .select-user-login .ant-select-selection {
    height: 32px !important; }

.button-login-AzureAD .ant-btn:hover,
.button-login-AzureAD .ant-btn:focus,
.button-login-AzureAD .ant-btn:active {
  background: #0265d5;
  color: #fff !important; }

.button-login-AzureAD .ant-btn span:hover {
  color: #fff !important; }

.login .ant-card {
  -webkit-box-shadow: 6px 6px 25px -3px #cacaca;
          box-shadow: 6px 6px 25px -3px #cacaca;
  width: 95%;
  border-radius: 20px;
  border: 0px;
  margin: 3.2vw auto !important; }
  @media (min-width: 1600px) {
    .login .ant-card {
      max-width: 450px; } }
  @media (max-width: 1600px) {
    .login .ant-card {
      max-width: 350px; } }
  .login .ant-card .ant-card-body {
    padding: 30px; }
  .login .ant-card .input-group {
    padding: 0; }
  .login .ant-card h1 {
    text-align: center;
    font-size: 26px !important;
    font-weight: 700;
    color: #4a4a4a;
    margin-bottom: 0px; }
  .login .ant-card p {
    font-size: 12px;
    font-family: sarabun !important;
    text-align: center;
    margin-top: 0px !important; }
  .login .ant-card .ant-input-group {
    margin-bottom: 10px !important;
    height: 45px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .login .ant-card .ant-input {
    margin-top: 0px;
    height: 45px !important;
    width: 100%;
    font-size: 12px;
    font-weight: 300;
    font-family: kanit !important;
    border-radius: 0 8px 8px 0 !important;
    border-color: #e7e7e7 !important;
    padding: 5px 20px;
    float: right;
    width: calc(100% - 55px); }
    @media (max-width: 1024px) {
      .login .ant-card .ant-input {
        height: 45px !important; } }
    .login .ant-card .ant-input::-webkit-input-placeholder {
      font-weight: 300; }
    .login .ant-card .ant-input::-moz-placeholder {
      font-weight: 300; }
    .login .ant-card .ant-input:-ms-input-placeholder {
      font-weight: 300; }
    .login .ant-card .ant-input::-ms-input-placeholder {
      font-weight: 300; }
    .login .ant-card .ant-input::placeholder {
      font-weight: 300; }
  .login .ant-card .anticon {
    font-size: 18px;
    border-radius: 8px 0px 0px 8px !important;
    background-attachment: #fff;
    border-color: #e7e7e7 !important; }
  .login .ant-card .ant-input-group-addon {
    border-color: #e7e7e7 !important;
    background: #fff;
    border-radius: 8px 0px 0px 8px !important;
    padding: 12px 10px 12px 10px;
    display: inline-block;
    width: 55px; }
  .login .ant-card .ant-select {
    border: 1px solid #e7e7e7 !important;
    border-radius: 8px !important;
    margin-bottom: 10px; }
    .login .ant-card .ant-select .ant-select-selection--single {
      height: 43px !important;
      border-radius: 8px !important; }
      .login .ant-card .ant-select .ant-select-selection--single .ant-select-selection__rendered {
        line-height: 45px; }
        .login .ant-card .ant-select .ant-select-selection--single .ant-select-selection__rendered .ant-select-arrow {
          top: 45% !important; }
  .login .ant-card .anticon {
    font-size: 18px;
    border-radius: 8px 0px 0px 8px !important;
    background-attachment: #fff;
    border-color: #e7e7e7 !important; }
  .login .ant-card .ant-input-group-addon {
    border-color: #e7e7e7 !important;
    background: #fff;
    border-radius: 8px 0px 0px 8px !important;
    padding: 12px 10px 12px 10px;
    display: inline-block;
    width: 55px; }
  .login .ant-card .regisbtn,
  .login .ant-card .ant-btn {
    height: 45px;
    font-size: 14px;
    border-radius: 8px !important;
    margin-top: 0px;
    margin-bottom: 10px; }
    .login .ant-card .regisbtn span,
    .login .ant-card .regisbtn a,
    .login .ant-card .ant-btn span,
    .login .ant-card .ant-btn a {
      font-family: sarabun !important; }
  .login .ant-card .login-or {
    text-align: center;
    font-size: 26px !important;
    font-weight: 700;
    color: #4a4a4a;
    margin-bottom: 0px;
    font-family: kanit !important; }
  .login .ant-card .login-form-forgot {
    font-family: sarabun !important;
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 10px; }

main > .register {
  padding: 3.2vw 0px; }

.register .ant-card {
  -webkit-box-shadow: 6px 6px 25px -3px #cacaca;
          box-shadow: 6px 6px 25px -3px #cacaca;
  width: 95%;
  border-radius: 20px;
  border: 0px;
  margin: 0px auto !important; }
  @media (min-width: 1600px) {
    .register .ant-card {
      max-width: 650px; } }
  @media (max-width: 1600px) {
    .register .ant-card {
      max-width: 550px; } }
  .register .ant-card .ant-card-body {
    padding: 30px; }
  .register .ant-card .input-group {
    padding: 0; }
  .register .ant-card h1 {
    text-align: center;
    font-size: 26px !important;
    font-weight: 700;
    color: #4a4a4a;
    margin-bottom: 5px; }
  .register .ant-card p {
    font-size: 12px;
    font-family: sarabun !important;
    margin-top: 0px !important; }
  .register .ant-card .ant-input-group {
    margin-bottom: 10px !important;
    height: 45px !important; }
  .register .ant-card .ant-input {
    margin-top: 0px;
    height: 45px !important;
    font-size: 12px;
    font-weight: 300;
    font-family: sarabun !important;
    border-radius: 8px !important;
    border-color: #e7e7e7 !important;
    padding: 5px 20px; }
    .register .ant-card .ant-input::-webkit-input-placeholder {
      font-weight: 300; }
    .register .ant-card .ant-input::-moz-placeholder {
      font-weight: 300; }
    .register .ant-card .ant-input:-ms-input-placeholder {
      font-weight: 300; }
    .register .ant-card .ant-input::-ms-input-placeholder {
      font-weight: 300; }
    .register .ant-card .ant-input::placeholder {
      font-weight: 300; }
  .register .ant-card .anticon {
    font-size: 18px;
    border-radius: 8px 0px 0px 8px !important;
    background-attachment: #fff;
    border-color: #e7e7e7 !important; }
  .register .ant-card .ant-input-group-addon {
    border-color: #e7e7e7 !important;
    background: #fff;
    border-radius: 8px 0px 0px 8px !important;
    padding: 12px 10px 12px 10px;
    display: inline-block;
    width: 55px; }
  .register .ant-card .regisbtn,
  .register .ant-card .ant-btn {
    height: 40px;
    font-size: 14px;
    border-radius: 8px !important;
    margin-top: 0px;
    margin-bottom: 0px; }
    .register .ant-card .regisbtn span,
    .register .ant-card .regisbtn a,
    .register .ant-card .ant-btn span,
    .register .ant-card .ant-btn a {
      font-family: sarabun !important; }
  .register .ant-card .login-or {
    text-align: center;
    font-size: 26px !important;
    font-weight: 700;
    color: #4a4a4a;
    margin-bottom: 0px;
    font-family: kanit !important; }
  .register .ant-card .login-form-forgot {
    font-family: sarabun !important;
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 10px; }

.login-cart-modal-wrapper .google-login-button,
.site .google-login-button {
  background: #d34836 !important;
  color: #fff !important;
  margin-top: 0px !important;
  -webkit-box-shadow: 0px 0px 0px 0px #6f6f6f !important;
          box-shadow: 0px 0px 0px 0px #6f6f6f !important;
  margin-bottom: 15px;
  text-align: center;
  padding: 11px;
  cursor: pointer; }
  .login-cart-modal-wrapper .google-login-button i,
  .site .google-login-button i {
    position: absolute;
    left: 10px;
    margin-top: -5px;
    border-right: 1px solid #fff;
    padding: 8px 10px 8px 3px;
    font-size: 18px; }
  .login-cart-modal-wrapper .google-login-button div,
  .site .google-login-button div {
    background: transparent !important;
    position: absolute; }

.login-cart-modal-wrapper .ant-modal-content,
.site .ant-modal-content {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border-radius: 8px !important;
  border: 0px;
  margin: 0 auto; }
  .login-cart-modal-wrapper .ant-modal-content .ant-modal-body,
  .site .ant-modal-content .ant-modal-body {
    padding: 24px; }
  .login-cart-modal-wrapper .ant-modal-content .login .ant-card-body .input-group,
  .site .ant-modal-content .login .ant-card-body .input-group {
    overflow: hidden; }
  .login-cart-modal-wrapper .ant-modal-content .login h1,
  .site .ant-modal-content .login h1 {
    text-align: center;
    font-size: 26px !important;
    font-weight: 700;
    color: #4a4a4a;
    margin-bottom: 0px; }
  .login-cart-modal-wrapper .ant-modal-content .login p,
  .site .ant-modal-content .login p {
    font-size: 12px;
    font-family: sarabun !important;
    text-align: center;
    margin: 5px 0 25px !important; }
  .login-cart-modal-wrapper .ant-modal-content .login .ant-input-group,
  .site .ant-modal-content .login .ant-input-group {
    margin-bottom: 10px !important;
    height: 45px !important; }
  .login-cart-modal-wrapper .ant-modal-content .login .ant-input,
  .site .ant-modal-content .login .ant-input {
    margin-top: 0px;
    height: 45px !important;
    font-size: 12px;
    font-weight: 300;
    font-family: kanit !important;
    border-radius: 0 8px 8px 0 !important;
    border-color: #e7e7e7 !important;
    padding: 5px 20px;
    float: right !important;
    width: calc(100% - 55px) !important; }
    @media (max-width: 1024px) {
      .login-cart-modal-wrapper .ant-modal-content .login .ant-input,
      .site .ant-modal-content .login .ant-input {
        height: 45px !important; } }
    .login-cart-modal-wrapper .ant-modal-content .login .ant-input::-webkit-input-placeholder,
    .site .ant-modal-content .login .ant-input::-webkit-input-placeholder {
      font-weight: 300; }
    .login-cart-modal-wrapper .ant-modal-content .login .ant-input::-moz-placeholder,
    .site .ant-modal-content .login .ant-input::-moz-placeholder {
      font-weight: 300; }
    .login-cart-modal-wrapper .ant-modal-content .login .ant-input:-ms-input-placeholder,
    .site .ant-modal-content .login .ant-input:-ms-input-placeholder {
      font-weight: 300; }
    .login-cart-modal-wrapper .ant-modal-content .login .ant-input::-ms-input-placeholder,
    .site .ant-modal-content .login .ant-input::-ms-input-placeholder {
      font-weight: 300; }
    .login-cart-modal-wrapper .ant-modal-content .login .ant-input::placeholder,
    .site .ant-modal-content .login .ant-input::placeholder {
      font-weight: 300; }
  .login-cart-modal-wrapper .ant-modal-content .login .anticon,
  .site .ant-modal-content .login .anticon {
    font-size: 18px;
    border-radius: 8px 0px 0px 8px !important;
    background-attachment: #fff;
    border-color: #e7e7e7 !important; }
  .login-cart-modal-wrapper .ant-modal-content .login .ant-input-group-addon,
  .site .ant-modal-content .login .ant-input-group-addon {
    border-color: #e7e7e7 !important;
    background: #fff;
    border-radius: 8px 0px 0px 8px !important;
    padding: 12px 10px 13px 10px;
    display: inline-block;
    width: 55px; }
  .login-cart-modal-wrapper .ant-modal-content .login .regisbtn,
  .login-cart-modal-wrapper .ant-modal-content .login .ant-btn,
  .site .ant-modal-content .login .regisbtn,
  .site .ant-modal-content .login .ant-btn {
    height: 45px;
    font-size: 14px;
    border-radius: 8px !important;
    margin-top: 0px;
    margin-bottom: 10px; }
    .login-cart-modal-wrapper .ant-modal-content .login .regisbtn span,
    .login-cart-modal-wrapper .ant-modal-content .login .regisbtn a,
    .login-cart-modal-wrapper .ant-modal-content .login .ant-btn span,
    .login-cart-modal-wrapper .ant-modal-content .login .ant-btn a,
    .site .ant-modal-content .login .regisbtn span,
    .site .ant-modal-content .login .regisbtn a,
    .site .ant-modal-content .login .ant-btn span,
    .site .ant-modal-content .login .ant-btn a {
      font-family: sarabun !important; }
  .login-cart-modal-wrapper .ant-modal-content .login .login-or,
  .site .ant-modal-content .login .login-or {
    text-align: center;
    font-size: 26px !important;
    font-weight: 700;
    color: #4a4a4a;
    margin-bottom: 0px !important;
    font-family: kanit !important; }
  .login-cart-modal-wrapper .ant-modal-content .login .login-form-forgot,
  .site .ant-modal-content .login .login-form-forgot {
    font-family: sarabun !important;
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 10px; }

.cartregister {
  border-radius: 20px !important;
  border: 0px;
  margin: 0 auto; }
  @media (min-width: 1600px) {
    .cartregister {
      max-width: 650px; } }
  @media (max-width: 1600px) {
    .cartregister {
      max-width: 550px; } }
  .cartregister .ant-card-body {
    padding: 24px; }
  .cartregister .input-group {
    padding: 0; }
  .cartregister h1 {
    text-align: center;
    font-size: 26px !important;
    font-weight: 700;
    color: #4a4a4a;
    margin-bottom: 5px; }
  .cartregister p {
    font-size: 14px !important;
    font-family: sarabun !important;
    margin-top: 0px !important; }
  .cartregister .ant-input-group {
    margin-bottom: 10px !important;
    height: 45px !important; }
  .cartregister .ant-input {
    margin-top: 0px;
    height: 45px !important;
    font-size: 12px;
    font-weight: 300;
    font-family: sarabun !important;
    border-radius: 0 8px 8px 0 !important;
    border-color: #e7e7e7 !important;
    padding: 5px 20px; }
    .cartregister .ant-input::-webkit-input-placeholder {
      font-weight: 300; }
    .cartregister .ant-input::-moz-placeholder {
      font-weight: 300; }
    .cartregister .ant-input:-ms-input-placeholder {
      font-weight: 300; }
    .cartregister .ant-input::-ms-input-placeholder {
      font-weight: 300; }
    .cartregister .ant-input::placeholder {
      font-weight: 300; }
  .cartregister .anticon {
    font-size: 18px;
    border-radius: 8px 0px 0px 8px !important;
    background-attachment: #fff;
    border-color: #e7e7e7 !important; }
  .cartregister .ant-input-group-addon {
    border-color: #e7e7e7 !important;
    background: #fff;
    border-radius: 8px 0px 0px 8px !important;
    padding: 12px 10px 12px 10px;
    display: inline-block;
    width: 55px; }
  .cartregister .regisbtn,
  .cartregister .ant-btn {
    height: 45px;
    font-size: 14px;
    border-radius: 8px !important;
    margin-top: 0px;
    margin-bottom: 10px; }
    .cartregister .regisbtn span,
    .cartregister .regisbtn a,
    .cartregister .ant-btn span,
    .cartregister .ant-btn a {
      font-family: sarabun !important; }
  .cartregister .login-or {
    text-align: center;
    font-size: 26px !important;
    font-weight: 700;
    color: #4a4a4a;
    margin-bottom: 0px;
    font-family: kanit !important; }
  .cartregister .login-form-forgot {
    font-family: sarabun !important;
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 10px; }

.resetpass {
  height: auto;
  margin: 50px auto;
  max-width: 350px;
  -webkit-box-shadow: 6px 6px 25px -3px #cacaca;
          box-shadow: 6px 6px 25px -3px #cacaca;
  border-radius: 20px;
  border: 0px; }
  .resetpass .resetpass-container {
    border: none;
    border-radius: 20px; }
  .resetpass .resetpass-card-detaill {
    max-width: 350px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .resetpass .ant-input-group {
    margin-bottom: 10px !important;
    height: 45px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .resetpass .ant-input {
    margin-top: 0px;
    height: 45px !important;
    font-size: 12px;
    font-weight: 300;
    font-family: sarabun !important;
    border-radius: 0 8px 8px 0 !important;
    border-color: #e7e7e7 !important;
    padding: 5px 20px;
    float: right;
    width: calc(100% - 55px); }
    @media (max-width: 1024px) {
      .resetpass .ant-input {
        height: 45px !important; } }
    .resetpass .ant-input::-webkit-input-placeholder {
      font-weight: 300; }
    .resetpass .ant-input::-moz-placeholder {
      font-weight: 300; }
    .resetpass .ant-input:-ms-input-placeholder {
      font-weight: 300; }
    .resetpass .ant-input::-ms-input-placeholder {
      font-weight: 300; }
    .resetpass .ant-input::placeholder {
      font-weight: 300; }
  .resetpass .ant-input-group-addon {
    border-color: #e7e7e7 !important;
    background: #fff;
    border-radius: 8px 0px 0px 8px !important;
    padding: 12px 10px 12px 10px;
    display: inline-block;
    width: 55px; }
  .resetpass .ant-btn {
    height: 45px;
    font-size: 14px;
    border-radius: 8px !important;
    margin-top: 0px;
    width: 100%; }
    .resetpass .ant-btn span,
    .resetpass .ant-btn a {
      font-family: sarabun !important; }
  .resetpass .ant-btn:hover {
    opacity: 0.85; }

.ant-btn {
  border-radius: 5px !important; }

@media (min-width: 1027px) {
  div#busniess-menu {
    display: none; } }

@media (max-width: 1024px) {
  .body.Home {
    width: 100% !important; } }

#content > div:nth-child(1) > div.ordertable.contentList > div > div > div > div > div > div > div > div > div > div > div {
  height: auto; }

.ant-popover-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.announcement .binlist .binoutlinelist .bin-icon-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 14px;
  /* Adjust as needed */ }

.announcement .binlist .binoutlinelist .bin-icon__fill, .announcement .binlist .binoutlinelist .bin-icon__outline {
  position: absolute;
  width: 108%;
  height: 130%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.announcement .binlist .binoutlinelist .bin-icon__fill {
  opacity: 0; }

.announcement .binlist .binoutlinelist .bin-icon-container:hover .bin-icon__fill {
  opacity: 1; }

.announcement .binlist .binoutlinelist .bin-icon-container:hover .bin-icon__outline {
  opacity: 0; }

.announcement .announcement-table table {
  border: 0px !important;
  border-collapse: separate !important;
  border-spacing: 0 10px; }
  .announcement .announcement-table table .ant-table-thead > tr {
    background-color: transparent; }
    .announcement .announcement-table table .ant-table-thead > tr th {
      border-bottom: 1px solid transparent; }

.announcement .announcement-row td {
  border-bottom: 1px solid #e8e8e8;
  border-top: 1px solid #e8e8e8; }
  .announcement .announcement-row td:first-child {
    border-radius: 8px 0px 0px 8px !important;
    border-left: 1px solid #e8e8e8; }
  .announcement .announcement-row td:last-child {
    border-radius: 0px 8px 8px 0px !important;
    border-right: 1px solid #e8e8e8; }
  .announcement .announcement-row td > p {
    display: inline-block; }

.announcement .announcement-row.row-active td {
  background-color: #F1F6FF;
  color: #1890ff;
  border-bottom: 1px solid #1890ff;
  border-top: 1px solid #1890ff; }
  .announcement .announcement-row.row-active td:first-child {
    border-left: 1px solid #1890ff; }
  .announcement .announcement-row.row-active td:last-child {
    border-right: 1px solid #1890ff; }

.announcement .announcement-row.row-inactive {
  background-color: transparent; }

.announcement .announcement-row .bin-icon-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 14px;
  /* Adjust as needed */ }

.announcement .announcement-row .bin-icon__fill, .announcement .announcement-row .bin-icon__outline {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.announcement .announcement-row .bin-icon__fill {
  opacity: 0; }

.announcement .announcement-row .bin-icon-container:hover .bin-icon__fill {
  opacity: 1; }

.announcement .announcement-row .bin-icon-container:hover .bin-icon__outline {
  opacity: 0; }

.comment-message-Icon {
  margin-right: 10px; }

.announce-subject {
  font-size: 18px;
  margin-bottom: 0em;
  margin-top: 13px; }

.announce-detailreceipt {
  font-size: 14px;
  margin-bottom: 17px; }

.announce-description {
  margin-bottom: 17px;
  font-size: 14px; }

.announce-announcementList {
  font-size: 14px;
  margin-bottom: 55px; }

@media screen and (min-width: 760px) {
  .list-announce {
    display: none; }
  .table-announce {
    display: block; } }

@media screen and (max-width: 760px) {
  .table-announce {
    display: none; }
  .list-announce {
    display: block; } }

@media (max-width: 1023px) {
  #content > div:nth-child(1) > div.ordertable.contentList > div > div > div > div > div > div > div > div > div > div > div > div.announcement > div > div:nth-child(1) > p {
    font-weight: bold; }
  #content > div:nth-child(1) > div.ordertable.contentList > div > div > div > div > div > div > div > div > div > div > div > div > div:nth-child(6) > div:nth-child(2) > p > a > button {
    width: 100%;
    padding: 3px 7px;
    height: auto; }
  #content > div:nth-child(1) > div.ordertable.contentList > div > div > div > div > div > div > div > div > div > div > div > div > div:nth-child(6) > div:nth-child(2) {
    margin-top: 0 !important; }
  #content > div:nth-child(1) > div.ordertable.contentList > div > div > div > div > div > div > div > div > div > div > div > div > div:nth-child(6) > div:nth-child(1) > p > a > button {
    width: 100%;
    padding: 5px 7px;
    height: auto; } }

@media (min-width: 1023px) {
  #content > div:nth-child(1) > div.myorder > div > div:nth-child(2) > div > div > div > div > div > div > div > table > tbody > tr > td:nth-child(7) > p {
    margin-bottom: 0px !important; } }

/*!
 * Quill Editor v1.2.6
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-editor {
  min-height: 20em; }

.ql-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: Kanit, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative; }

.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden; }

.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none; }

.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%; }

.ql-clipboard p {
  margin: 0;
  padding: 0; }

.ql-editor {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: text;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  -o-tab-size: 4;
     tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word; }

.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; }

.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em; }

.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none; }

.ql-editor ul > li::before {
  content: '\2022'; }

.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none; }

.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all; }

.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all; }

.ql-editor ul[data-checked=true] > li::before {
  content: '\2611'; }

.ql-editor ul[data-checked=false] > li::before {
  content: '\2610'; }

.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
  text-align: right;
  margin-right: 0.3em;
  margin-left: -1.5em; }

.ql-editor li.ql-direction-rtl::before {
  text-align: left;
  margin-left: 0.3em; }

.ql-editor ol li,
.ql-editor ul li {
  padding-left: 1.5em; }

.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-num; }

.ql-editor ol li:before {
  content: counter(list-num, decimal) ". "; }

.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1; }

.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) ". "; }

.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; }

.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2; }

.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) ". "; }

.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; }

.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3; }

.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) ". "; }

.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; }

.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4; }

.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) ". "; }

.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9; }

.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5; }

.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) ". "; }

.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9; }

.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6; }

.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) ". "; }

.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9; }

.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7; }

.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) ". "; }

.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9; }

.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8; }

.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) ". "; }

.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9; }

.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9; }

.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) ". "; }

.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em; }

.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em; }

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em; }

.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em; }

.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em; }

.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em; }

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em; }

.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em; }

.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em; }

.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em; }

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em; }

.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em; }

.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em; }

.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em; }

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em; }

.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em; }

.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em; }

.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em; }

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em; }

.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em; }

.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em; }

.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em; }

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em; }

.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em; }

.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em; }

.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em; }

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em; }

.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em; }

.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em; }

.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em; }

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em; }

.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em; }

.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em; }

.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em; }

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em; }

.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em; }

.ql-editor .ql-video {
  display: block;
  max-width: 100%; }

.ql-editor .ql-video.ql-align-center {
  margin: 0 auto; }

.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto; }

.ql-editor .ql-bg-black {
  background-color: #000; }

.ql-editor .ql-bg-red {
  background-color: #e60000; }

.ql-editor .ql-bg-orange {
  background-color: #f90; }

.ql-editor .ql-bg-yellow {
  background-color: #ff0; }

.ql-editor .ql-bg-green {
  background-color: #008a00; }

.ql-editor .ql-bg-blue {
  background-color: #06c; }

.ql-editor .ql-bg-purple {
  background-color: #93f; }

.ql-editor .ql-color-white {
  color: #fff; }

.ql-editor .ql-color-red {
  color: #e60000; }

.ql-editor .ql-color-orange {
  color: #f90; }

.ql-editor .ql-color-yellow {
  color: #ff0; }

.ql-editor .ql-color-green {
  color: #008a00; }

.ql-editor .ql-color-blue {
  color: #06c; }

.ql-editor .ql-color-purple {
  color: #93f; }

.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif; }

.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace; }

.ql-editor .ql-size-small {
  font-size: 0.75em; }

.ql-editor .ql-size-large {
  font-size: 1.5em; }

.ql-editor .ql-size-huge {
  font-size: 2.5em; }

.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit; }

.ql-align-center {
  text-align: center;
  margin: 0 auto; }

.ql-editor .ql-align-justify {
  text-align: justify; }

.ql-editor .ql-align-right {
  text-align: right; }

.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  pointer-events: none;
  position: absolute; }

.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table; }

.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px; }

.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%; }

.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none; }

.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none; }

.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c; }

.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c; }

.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c; }

@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444; }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444; }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444; } }

.ql-snow {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.ql-snow * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.ql-snow .ql-hidden {
  display: none; }

.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden; }

.ql-snow .ql-tooltip {
  position: absolute;
  -webkit-transform: translateY(10px);
          transform: translateY(10px); }

.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none; }

.ql-snow .ql-tooltip.ql-flip {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px); }

.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle; }

.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table; }

.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2; }

.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2; }

.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444; }

.ql-snow .ql-empty {
  fill: none; }

.ql-snow .ql-even {
  fill-rule: evenodd; }

.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1; }

.ql-snow .ql-transparent {
  opacity: 0.4; }

.ql-snow .ql-direction svg:last-child {
  display: none; }

.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline; }

.ql-snow .ql-direction.ql-active svg:first-child {
  display: none; }

.ql-snow .ql-editor h1 {
  font-size: 2em; }

.ql-snow .ql-editor h2 {
  font-size: 1.5em; }

.ql-snow .ql-editor h3 {
  font-size: 1.17em; }

.ql-snow .ql-editor h4 {
  font-size: 1em; }

.ql-snow .ql-editor h5 {
  font-size: 0.83em; }

.ql-snow .ql-editor h6 {
  font-size: 0.67em; }

.ql-snow .ql-editor a {
  text-decoration: underline; }

.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px; }

.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px; }

.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px; }

.ql-snow .ql-editor code {
  font-size: 85%;
  padding-bottom: 2px;
  padding-top: 2px; }

.ql-snow .ql-editor code:before,
.ql-snow .ql-editor code:after {
  content: "\A0";
  letter-spacing: -2px; }

.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible; }

.ql-snow .ql-editor img {
  max-width: 100%; }

.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle; }

.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%; }

.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px; }

.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap; }

.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px; }

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2; }

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc; }

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc; }

.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1; }

.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px; }

.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px; }

.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px; }

.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px; }

.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px; }

.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px; }

.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px; }

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px; }

.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label); }

.ql-snow .ql-picker.ql-header {
  width: 98px; }

.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal'; }

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1'; }

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2'; }

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3'; }

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4'; }

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5'; }

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6'; }

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em; }

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em; }

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em; }

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em; }

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em; }

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em; }

.ql-snow .ql-picker.ql-font {
  width: 108px; }

.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Kanit'; }

.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Trirong'; }

.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif'; }

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif'; }

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace'; }

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif; }

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Kanit]::before {
  font-family: Kanit, Times New Roman, serif; }

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=Trirong]::before {
  font-family: Trirong, Times New Roman, serif; }

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Kanit, Monaco, Courier New, monospace !important; }

.ql-snow .ql-picker.ql-size {
  width: 98px; }

.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal'; }

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small'; }

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large'; }

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge'; }

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px; }

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px; }

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px; }

.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff; }

.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000; }

.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px; }

.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px; }

.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent; }

.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
          box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px; }

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc; }

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc; }

.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000; }

.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px; }

.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0px 0px 5px #ddd;
          box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap; }

.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px; }

.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px; }

.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top; }

.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px; }

.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px; }

.ql-snow .ql-tooltip a {
  line-height: 26px; }

.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none; }

.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block; }

.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px; }

.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:"; }

.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:"; }

.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:"; }

.ql-snow a {
  color: #06c; }

.ql-container.ql-snow {
  border: 1px solid #ccc; }

#content > div.body-container > div > p > a > strong > img,
#content > div.body-container > div > p > a > img,
#content > div.body-container > div > p > img {
  max-width: 100%;
  max-height: 100%; }

#content > div.body-container > div > iframe {
  max-width: 100%; }

#content > div.reviewlist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-4.ant-col-md-offset-2.ant-col-md-push-16 > div:nth-child(2) > div > div.ant-list-header,
#content > div.reviewlist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-4.ant-col-md-offset-2.ant-col-md-push-16 > div:nth-child(2) > div > div.ant-spin-nested-loading > div > div {
  border-bottom: 0px; }

.nonePagination .ant-list-pagination {
  display: none; }

#content > div.reviewdetail > div > div > div > div > div > p > a > strong > img,
#content > div.reviewdetail > div > div > div > div > div > p > a > img,
#content > div.reviewdetail > div > div > div > div > div > p > img {
  max-width: 100%; }

#content > div.reviewdetail > div > div > div > div > div > iframe {
  max-width: 100%; }

#content > div.reviewlist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-4.ant-col-md-offset-2 > div:nth-child(2) > div > div.ant-list-header,
#content > div.reviewlist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-4.ant-col-md-offset-2 > div:nth-child(2) > div > div.ant-spin-nested-loading > div > div {
  border-bottom: 0px; }

@media (min-width: 991px) {
  #content > div.reviewlist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-20.ant-col-md-offset-2.ant-col-lg-14.ant-col-lg-offset-2 > div:nth-child(1) {
    display: none; }
  #content > div.reviewlist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-4.ant-col-md-offset-2 {
    display: block; } }

@media (max-width: 991px) {
  #content > div.reviewlist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-14.ant-col-md-offset-2 > div:nth-child(2) > div > div.ant-list-header {
    margin-top: 30px; }
  #content > div.reviewlist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-14.ant-col-md-offset-2 > div:nth-child(2) > div > div.ant-spin-nested-loading > div > div > div > div > div.ant-col-xs-24.ant-col-md-16.ant-col-md-offset-1 > div > a > h3 {
    margin-top: 16px !important; }
  #content > div.reviewlist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-20.ant-col-md-offset-2.ant-col-lg-14.ant-col-lg-offset-2 > div:nth-child(1) {
    display: block; }
  #content > div.reviewlist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-4.ant-col-md-offset-2 {
    display: none; } }

@media (max-width: 420px) {
  .reviewDescription {
    max-height: 64px !important; } }

.reviewDescription {
  text-align: left;
  max-height: 78px;
  overflow: hidden; }

@media (max-width: 575px) {
  .reviwe-home-image {
    max-height: 250px !important; } }

#content > div.reviewlist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-20.ant-col-md-offset-2.ant-col-lg-14.ant-col-lg-offset-2 > div:nth-child(2) > div > div.ant-spin-nested-loading > div > div > div > div > div.ant-col-sm-24.ant-col-md-20.ant-col-md-offset-1 > div.reviewDescription > p > img {
  display: none; }

.demo-line {
  height: auto !important;
  display: none; }

.bm-burger-button {
  top: 0 !important;
  left: 0 !important; }

#content > div.gallerylist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-4.ant-col-md-offset-2 > div:nth-child(2) > div > div.ant-list-header,
#content > div.gallerylist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-4.ant-col-md-offset-2 > div:nth-child(2) > div > div.ant-spin-nested-loading > div > div {
  border-bottom: 0px; }

@media (min-width: 991px) {
  #content > div.gallerylist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-20.ant-col-md-offset-2.ant-col-lg-14.ant-col-lg-offset-2 > div:nth-child(1) {
    display: none; }
  #content > div.gallerylist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-4.ant-col-md-offset-2 {
    display: block; } }

@media (max-width: 991px) {
  #content > div.gallerylist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-14.ant-col-md-offset-2 > div:nth-child(2) > div > div.ant-list-header {
    margin-top: 30px; }
  #content > div.gallerylist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-14.ant-col-md-offset-2 > div:nth-child(2) > div > div.ant-spin-nested-loading > div > div > div > div > div.ant-col-xs-24.ant-col-md-16.ant-col-md-offset-1 > div > a > h3 {
    margin-top: 16px !important; }
  #content > div.gallerylist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-20.ant-col-md-offset-2.ant-col-lg-14.ant-col-lg-offset-2 > div:nth-child(1) {
    display: block; }
  #content > div.gallerylist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-4.ant-col-md-offset-2 {
    display: none; } }

@media (max-width: 420px) {
  .reviewDescription {
    max-height: 64px !important; } }

.reviewDescription {
  text-align: left;
  max-height: 78px;
  overflow: hidden; }

@media (max-width: 575px) {
  .reviwe-home-image {
    max-height: 250px !important; } }

#content > div.gallerylist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-20.ant-col-md-offset-2.ant-col-lg-14.ant-col-lg-offset-2 > div:nth-child(2) > div > div.ant-spin-nested-loading > div > div > div > div > div.ant-col-sm-24.ant-col-md-20.ant-col-md-offset-1 > div.reviewDescription > p > img {
  display: none; }

#content > div.gallerylist > div > div.ant-col-xs-20.ant-col-xs-offset-2.ant-col-md-20.ant-col-md-offset-2.ant-col-lg-14.ant-col-lg-offset-2 > div:nth-child(2) > div > div.ant-list-header {
  border-bottom: 0px; }

.visibility-hidden {
  height: 0;
  visibility: hidden; }

.visibility-visible {
  visibility: visible; }

.content-attachment {
  padding: 20px; }
  .content-attachment button {
    margin: 10px 0; }

.content-remark {
  border-top: 1px solid #e0e0e0 !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0px !important; }
  .content-remark textarea {
    border-color: #e0e0e0; }
  .content-remark .create-quo-btm-input-label-left {
    margin-right: 10px; }
    .content-remark .create-quo-btm-input-label-left input {
      margin: 0 8px; }
  .content-remark > .flex-1 {
    padding: 10px 15px 5px 15px; }
    .content-remark > .flex-1 .flex-row.flex {
      margin-bottom: 5px; }

.red-input {
  background-color: #ffd3d5; }

.sale-file-attach-container {
  overflow: auto;
  background: white;
  height: auto;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content; }
  .sale-file-attach-container .sale-list-file {
    color: #0035ff; }
  .sale-file-attach-container .delete-file-icon {
    background: #ddd;
    border-radius: 50%;
    padding: 2px;
    font-size: 10px;
    cursor: pointer;
    margin-left: 5px; }

#fileSelect {
  display: none; }

#videoSelect {
  display: none; }

.attach-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 5px 0px; }
  .attach-header .attach-header-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 10px; }
  .attach-header .attach-addfile-btn {
    background: #d62c2c;
    color: white;
    border: none;
    padding: 5px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer; }

.text-right {
  text-align: right;
  margin-right: 0 !important; }

.margin-side-5 {
  margin-left: 5px;
  margin-right: 5px; }

.validate-username-discription {
  margin-top: 10px;
  font-weight: 500; }
  .validate-username-discription p {
    font-size: 20px; }

.validate-description {
  color: #ff0000; }

#content > div.customerHome > div.customerHome-gallery > div > div > div > div.ant-list-pagination {
  display: none; }

.customone .ant-card-hoverable:hover {
  opacity: 0.75 !important;
  cursor: pointer;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }

.customone img:hover {
  opacity: 0.75 !important;
  cursor: pointer;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }

.customone .ant-card-bordered {
  border: 0px; }

.customone .ant-list-item {
  margin-bottom: 0px !important; }

.customone .customonecoltwo .cardlistthreebox {
  height: 0 !important;
  padding-bottom: 50%; }

.customone .customonecoltwo .cardlistthreetitle {
  display: none; }

.customone .customonecoltwo .cardlistthreedes {
  display: none; }

.customone .customonecoltwo .cardlistthreemore {
  display: none; }

.customone .slick-next {
  display: none !important; }

.customone .slick-prev {
  display: none !important; }

.customone .slick-slider {
  margin-bottom: -6px; }

.customtwo .ant-card-hoverable:hover {
  opacity: 0.75 !important;
  cursor: pointer;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }

.customtwo img:hover {
  opacity: 0.75 !important;
  cursor: pointer;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }

.customtwo .cardlistfour {
  margin-bottom: 10px !important;
  height: auto; }

.customtwo .ant-list-grid .ant-list-item {
  margin-bottom: 15px !important; }

.customtwo .ant-card-bordered {
  border: 0px !important; }

.customtwo .ant-card-bordered {
  border: 0px !important; }

.customtwo .ant-card-bordered:hover {
  opacity: 0.75 !important;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }

.customtwo .cardlistfour:hover {
  opacity: 0.75 !important;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }

.customtwo .cardlistfourdes {
  display: none; }

.customtwo .ant-col-12 {
  padding-left: 0px !important;
  padding-right: 0px !important; }

div.customtwo > div:nth-child(3) > div > div {
  width: calc(50% - 6px) !important;
  display: inline-block;
  height: 120px !important;
  padding: 0 3px !important; }

.customtwo .cardlistthree {
  padding-left: 8px !important;
  padding-right: 8px !important; }

.customtwo .ant-card-hoverable:hover {
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important;
          box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important; }

.customthree .ant-card-bordered {
  border: 0px !important; }

.customthree .ant-card-hoverable:hover {
  opacity: 0.75 !important;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  cursor: pointer;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }

.customthree > img:hover {
  opacity: 0.75 !important;
  cursor: pointer;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }

.customthree .ant-col-8 {
  padding-left: 0px !important;
  padding-right: 0px !important; }

@media (max-width: 1000px) {
  .customthreebanner {
    padding-top: 0px !important; } }

.customthree .cardlistthree {
  padding-left: 8px !important;
  padding-right: 8px !important; }

.customthree .ant-card-hoverable:hover {
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important;
          box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important; }

.customfour .ant-card-hoverable:hover {
  opacity: 0.75 !important;
  cursor: pointer;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }

.customfour img:hover {
  opacity: 0.75 !important;
  cursor: pointer;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }

@media (max-width: 1000px) {
  .customfourfb {
    padding-top: 0px !important; } }

.customerfour .slick-slide {
  padding-left: 10px !important;
  padding-right: 10px !important; }

.customfive .ant-card-hoverable:hover {
  opacity: 0.75 !important;
  cursor: pointer;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }

.customfive img:hover {
  opacity: 0.75 !important;
  cursor: pointer;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }

.customsix .cardlistfourdes {
  display: none; }

.customsix .ant-card-hoverable:hover {
  opacity: 0.75 !important;
  cursor: pointer;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }

.customsix img:hover {
  opacity: 0.75 !important;
  cursor: pointer;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }

.thumbnail iframe {
  width: 1440px;
  height: 900px; }

.thumbnail {
  position: relative;
  -ms-zoom: 0.5;
  -moz-transform: scale(0.5);
  -moz-transform-origin: 0 0;
  -o-transform: scale(0.5);
  -o-transform-origin: 0 0;
  -webkit-transform: scale(0.5);
  -webkit-transform-origin: 0 0; }

.thumbnail-container {
  width: calc(1440px * 0.5);
  height: calc(900px * 0.5);
  display: inline-block;
  overflow: hidden;
  position: relative; }

.socials-facebook-button {
  background-color: #3b5998;
  width: 120px;
  cursor: pointer; }

.play-button-fullscreen {
  cursor: pointer;
  opacity: 0; }

.play-button-fullscreen:hover {
  opacity: 0.8; }

.Category .ant-card-meta-description {
  margin-bottom: 30px; }

.slick-slide.slick-center img {
  -webkit-transform: scale(1);
          transform: scale(1); }

.articlesix-container .slick-slide.slick-center img {
  -webkit-transform: none;
          transform: none; }

.articlesix-container .fonttexteditor {
  padding: 0px; }

.pro-header {
  font-family: kanit !important;
  font-weight: 400;
  font-size: 18px;
  margin-top: 10px; }

.spn {
  font-weight: 400;
  font-size: 16px;
  font-family: kanit !important; }

.btn-course .button6 {
  width: 70%;
  height: 50px;
  border-radius: 80px;
  margin: 0 10px;
  font-size: 16px;
  font-weight: 550; }

.exit-pro-header {
  padding-top: 15px;
  font-size: 22px;
  margin: 0 10px; }

.custom-page-container .ant-row {
  margin-left: auto !important;
  margin-right: auto !important; }

.bannerfour-texteditor {
  position: absolute;
  width: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
  padding: 0px 9%; }

.bannerfour-texteditor > h1 {
  font-size: 60px !important;
  font-weight: 600; }

.bannerfour-texteditor > h2 {
  font-size: 42px;
  font-weight: 600; }

.bannerfour-texteditor > h3 {
  font-size: 27px;
  font-weight: 600; }

.bannerfour-texteditor > h4 {
  font-size: 30px;
  font-weight: 600; }

.bannerfour-texteditor > h5 {
  font-size: 25px;
  font-weight: 600; }

.bannerfour-texteditor > h6 {
  font-size: 17px;
  font-weight: 600; }

.bannerfour-texteditor > p {
  font-size: 18px;
  font-weight: 400; }

.customone .ant-card-bordered {
  border: 0px; }

.customone .ant-list-item {
  margin-bottom: 0px !important; }

.customone .customonecoltwo .cardlistthreebox {
  height: 0 !important;
  padding-bottom: 50%; }

.customone .customonecoltwo .cardlistthreetitle {
  display: none; }

.customone .customonecoltwo .cardlistthreedes {
  display: none; }

.customone .customonecoltwo .cardlistthreemore {
  display: none; }

.customone .slick-next {
  display: none !important; }

.customone .slick-prev {
  display: none !important; }

.customone .slick-slider {
  margin-bottom: -6px; }

.banner-six .slide-arrow-left button {
  background: transparent !important;
  padding: 10px;
  font-size: 40px; }

.banner-six .slide-arrow-right button {
  background: transparent !important;
  padding: 10px;
  font-size: 40px; }

.banner-six .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2%; }

@media (max-width: 601px) {
  .banner-six .slick-track {
    gap: 0; }
  .banner-six p {
    font-size: 16px !important; } }

.reviewfour .ant-card-body {
  padding: 3px 0px; }

.watermark-container > video::-webkit-media-controls-play-button {
  display: none; }

.watermark-container > video::-webkit-media-controls-mute-button {
  display: none; }

.watermark-container > video::-webkit-media-controls-fullscreen-button {
  display: none; }

.watermark-container:hover .watermark-buttom-actionvideo p {
  display: inline !important; }

.watermark-container:hover .watermark-buttom-actionpayer p {
  display: inline !important; }

@media only screen and (max-width: 600px) {
  .watermark-container:hover .watermark-buttom-actionvideo p {
    display: none !important; }
  .watermark-container:hover .watermark-buttom-actionpayer p {
    display: inline !important; } }

@media only screen and (max-width: 1024px) {
  .watermark-bottom-full-screen {
    bottom: auto; } }

@media only screen and (min-width: 1280px) and (max-width: 1600px) {
  .custom-video-wrapper .watermark-bottom {
    bottom: 120px; } }

.newinstructor-wrapper > div > div.ant-col.gutter-row.account-right-box.ant-col-xs-24.ant-col-sm-24.ant-col-md-24.ant-col-lg-19.ant-col-xl-19.ant-col-xxl-18 > div > div.table-content-wrapper > div > div > div > div > div > div > table > tbody > tr > td:nth-child(1) {
  text-align: left !important;
  padding-left: 20px !important; }

.newinstructor-wrapper {
  min-height: 90vh; }
  .newinstructor-wrapper .left-content-wrapper {
    min-height: 90vh;
    background-color: #ffffff;
    text-align: center; }
    .newinstructor-wrapper .left-content-wrapper .detail-profile-wrapper .profile-image-wrapper {
      margin: 20px 0px 10px 0px; }
      .newinstructor-wrapper .left-content-wrapper .detail-profile-wrapper .profile-image-wrapper .profile-image-default {
        width: 150px;
        height: 150px;
        border-radius: 50%;
        background-color: #f5f5f5;
        margin-left: auto;
        margin-right: auto; }
      .newinstructor-wrapper .left-content-wrapper .detail-profile-wrapper .profile-image-wrapper .profile-image {
        width: 150px;
        height: 150px;
        border-radius: 50%; }
    .newinstructor-wrapper .left-content-wrapper .detail-profile-wrapper .profile-name {
      font-size: 22px; }
    .newinstructor-wrapper .left-content-wrapper .menu-profile-wrapper .menu-profile-header {
      font-size: 16px; }
      .newinstructor-wrapper .left-content-wrapper .menu-profile-wrapper .menu-profile-header p {
        background-color: #2dabe3;
        border-radius: 20px;
        color: #ffffff;
        margin: 25px auto;
        font-size: 14px;
        display: inline-block;
        padding: 0px 10px; }
    .newinstructor-wrapper .left-content-wrapper .menu-profile-wrapper .menu-profile-item {
      cursor: pointer; }
      .newinstructor-wrapper .left-content-wrapper .menu-profile-wrapper .menu-profile-item p {
        border-bottom: 1px solid #f5f5f5;
        margin: 0px 40px;
        padding: 8px 0px; }
    .newinstructor-wrapper .left-content-wrapper .menu-profile-wrapper .menu-profile-item:hover {
      background-color: #e8e8e8;
      color: #2dabe3; }
    .newinstructor-wrapper .left-content-wrapper .login-button-wrapper {
      margin-top: 25px;
      margin-bottom: 25px; }
      .newinstructor-wrapper .left-content-wrapper .login-button-wrapper .login-button {
        color: #ffffff;
        background-color: #f5222d;
        border: none;
        padding: 2px 20px;
        border-radius: 3px;
        cursor: pointer; }
      .newinstructor-wrapper .left-content-wrapper .login-button-wrapper .login-button:hover {
        background-color: #f40a16; }
  @media (max-width: 820px) {
    .newinstructor-wrapper .left-content-wrapper {
      display: none; } }
  .newinstructor-wrapper .mobile-menu-student {
    padding: 15px; }
    .newinstructor-wrapper .mobile-menu-student .menu-profile-item {
      cursor: pointer;
      text-align: center !important;
      background: #fff;
      border-radius: 4px;
      margin: 3px;
      min-height: 100px;
      padding: 15px;
      background-position: center 20px !important;
      background-size: 50px !important;
      background-repeat: no-repeat !important; }
      .newinstructor-wrapper .mobile-menu-student .menu-profile-item a {
        color: #2dabe3; }
      .newinstructor-wrapper .mobile-menu-student .menu-profile-item p {
        margin-bottom: 0px; }
    @media (max-width: 820px) {
      .newinstructor-wrapper .mobile-menu-student .menu-profile-item {
        padding: 15px 5px;
        font-size: 13px; }
        .newinstructor-wrapper .mobile-menu-student .menu-profile-item p {
          font-size: 12px;
          margin-top: 74px; } }
    @media (max-width: 480px) {
      .newinstructor-wrapper .mobile-menu-student .mobile-menu-button:first-child .menu-profile-item p {
        margin-top: 74px; } }
    @media (max-width: 320px) {
      .newinstructor-wrapper .mobile-menu-student .mobile-menu-button:first-child .menu-profile-item p {
        margin-bottom: 9px;
        margin-top: 74px; } }
    @media (max-width: 480px) {
      .newinstructor-wrapper .mobile-menu-student .mobile-menu-button:nth-child(2) .menu-profile-item p {
        margin-top: 74px; } }
    @media (max-width: 320px) {
      .newinstructor-wrapper .mobile-menu-student .mobile-menu-button:nth-child(2) .menu-profile-item p {
        margin-bottom: 0px;
        margin-top: 65px; } }
    @media (max-width: 480px) {
      .newinstructor-wrapper .mobile-menu-student .mobile-menu-button:nth-child(4) .menu-profile-item {
        background-size: 45px; } }
    @media (max-width: 320px) {
      .newinstructor-wrapper .mobile-menu-student .mobile-menu-button:nth-child(4) .menu-profile-item {
        background-size: 45px; } }
  @media (min-width: 820px) {
    .newinstructor-wrapper .mobile-menu-student {
      display: none; }
    .newinstructor-wrapper .right-content-wrapper {
      min-height: 90vh;
      background-color: #f5f5f5;
      text-align: center; } }
  .newinstructor-wrapper .newinstructor-profilecontent-wrapper {
    text-align: left;
    padding: 30px; }
    .newinstructor-wrapper .newinstructor-profilecontent-wrapper .contentblue {
      color: #398aeb; }
    .newinstructor-wrapper .newinstructor-profilecontent-wrapper .profilecontent-video-wrapper .profilecontent-video-wrapper-video {
      padding: 0px 30px 20px 0;
      width: 100%; }
    .newinstructor-wrapper .newinstructor-profilecontent-wrapper .profilecontent-video-wrapper .profilecontent-video-wrapper-videoembed iframe {
      width: 95%; }
    .newinstructor-wrapper .newinstructor-profilecontent-wrapper .profilecontent-detail {
      margin: 35px 0px 0px 0px; }
    @media (max-width: 820px) {
      .newinstructor-wrapper .newinstructor-profilecontent-wrapper .profilecontent-detail {
        margin: 5px 0px 0px 0px; } }
    .newinstructor-wrapper .newinstructor-profilecontent-wrapper .general-information-wrapper,
    .newinstructor-wrapper .newinstructor-profilecontent-wrapper .education-wrapper,
    .newinstructor-wrapper .newinstructor-profilecontent-wrapper .assessment-wrapper {
      margin-bottom: 20px; }
      .newinstructor-wrapper .newinstructor-profilecontent-wrapper .general-information-wrapper .profilecontent-header,
      .newinstructor-wrapper .newinstructor-profilecontent-wrapper .education-wrapper .profilecontent-header,
      .newinstructor-wrapper .newinstructor-profilecontent-wrapper .assessment-wrapper .profilecontent-header {
        font-size: 14px;
        margin-bottom: 2px;
        color: #398aeb; }
      .newinstructor-wrapper .newinstructor-profilecontent-wrapper .general-information-wrapper .profilecontent-divider,
      .newinstructor-wrapper .newinstructor-profilecontent-wrapper .education-wrapper .profilecontent-divider,
      .newinstructor-wrapper .newinstructor-profilecontent-wrapper .assessment-wrapper .profilecontent-divider {
        border-bottom: 2px solid #6236eb0d;
        margin-bottom: 2px; }
      .newinstructor-wrapper .newinstructor-profilecontent-wrapper .general-information-wrapper .profilecontent-rate,
      .newinstructor-wrapper .newinstructor-profilecontent-wrapper .education-wrapper .profilecontent-rate,
      .newinstructor-wrapper .newinstructor-profilecontent-wrapper .assessment-wrapper .profilecontent-rate {
        text-align: end; }
    .newinstructor-wrapper .newinstructor-profilecontent-wrapper .assessment-wrapper {
      margin-top: 60px; }
      .newinstructor-wrapper .newinstructor-profilecontent-wrapper .assessment-wrapper p {
        margin-bottom: 0px;
        line-height: 30px; }
      @media (max-width: 820px) {
        .newinstructor-wrapper .newinstructor-profilecontent-wrapper .assessment-wrapper p {
          font-size: 12px; }
        .newinstructor-wrapper .newinstructor-profilecontent-wrapper .assessment-wrapper .ant-rate {
          font-size: 12px; }
        .newinstructor-wrapper .newinstructor-profilecontent-wrapper .assessment-wrapper .ant-rate-star {
          margin-right: 3px; }
        .newinstructor-wrapper .newinstructor-profilecontent-wrapper .assessment-wrapper span {
          font-size: 12px; } }
      .newinstructor-wrapper .newinstructor-profilecontent-wrapper .assessment-wrapper .ant-list.ant-list-split > div > div > ul > li {
        padding: 5px 0px;
        border: unset;
        text-align: center; }
        .newinstructor-wrapper .newinstructor-profilecontent-wrapper .assessment-wrapper .ant-list.ant-list-split > div > div > ul > li .assessment-item-wrapper {
          width: 100%;
          background-color: #ffffff;
          padding: 20px;
          border-radius: 5px; }
          .newinstructor-wrapper .newinstructor-profilecontent-wrapper .assessment-wrapper .ant-list.ant-list-split > div > div > ul > li .assessment-item-wrapper div:nth-child(1) {
            text-align: left; }
          .newinstructor-wrapper .newinstructor-profilecontent-wrapper .assessment-wrapper .ant-list.ant-list-split > div > div > ul > li .assessment-item-wrapper span {
            padding-right: 20px; }
          .newinstructor-wrapper .newinstructor-profilecontent-wrapper .assessment-wrapper .ant-list.ant-list-split > div > div > ul > li .assessment-item-wrapper button {
            color: #ffffff;
            background-color: #008200ba;
            border: none;
            border-radius: 3px;
            padding: 5px;
            cursor: pointer; }
          .newinstructor-wrapper .newinstructor-profilecontent-wrapper .assessment-wrapper .ant-list.ant-list-split > div > div > ul > li .assessment-item-wrapper button:hover {
            background-color: #008200e6; }
  .newinstructor-wrapper .newinstructor-assessmentcontent-wrapper {
    text-align: left;
    padding: 30px; }
    .newinstructor-wrapper .newinstructor-assessmentcontent-wrapper .ant-table-tbody > tr > td {
      line-height: 50px;
      border-bottom: 0px solid #e8e8e8; }
    .newinstructor-wrapper .newinstructor-assessmentcontent-wrapper .ant-table-thead > tr > th {
      border-bottom: 0px solid #e8e8e8; }
    .newinstructor-wrapper .newinstructor-assessmentcontent-wrapper .ant-table-tbody tr:nth-child(even) {
      background-color: #f8f8f8; }
    @media (max-width: 820px) {
      .newinstructor-wrapper .newinstructor-assessmentcontent-wrapper table > tbody > tr > td:first-child {
        min-width: 100% !important;
        max-width: 100% !important;
        height: 90px;
        margin-bottom: 40px; }
      .newinstructor-wrapper .newinstructor-assessmentcontent-wrapper tr > th:first-child {
        min-width: 100% !important;
        max-width: 100% !important; }
      .newinstructor-wrapper .newinstructor-assessmentcontent-wrapper tr > th:last-child {
        display: none; }
      .newinstructor-wrapper .newinstructor-assessmentcontent-wrapper table > tbody > tr > td:last-child {
        min-width: 100% !important;
        max-width: 100% !important;
        position: absolute;
        left: 0;
        margin-top: 50px; } }
    .newinstructor-wrapper .newinstructor-assessmentcontent-wrapper .ant-table-thead > tr {
      background: #fff; }
    .newinstructor-wrapper .newinstructor-assessmentcontent-wrapper .ant-table-tbody tr:nth-child(odd) {
      background-color: #e8e8e8 !important; }
    .newinstructor-wrapper .newinstructor-assessmentcontent-wrapper .ant-table-column-title {
      line-height: 30px; }
    .newinstructor-wrapper .newinstructor-assessmentcontent-wrapper .ant-form-item-label {
      line-height: normal;
      text-align: left; }
    .newinstructor-wrapper .newinstructor-assessmentcontent-wrapper p {
      color: #2dabe3; }
    .newinstructor-wrapper .newinstructor-assessmentcontent-wrapper .ant-radio-wrapper {
      vertical-align: -0.125em; }
    .newinstructor-wrapper .newinstructor-assessmentcontent-wrapper .detail-content-wrapper {
      display: block;
      text-align: center; }
      .newinstructor-wrapper .newinstructor-assessmentcontent-wrapper .detail-content-wrapper .image-wrapper img {
        width: 150px;
        height: 150px;
        border-radius: 50%;
        margin: 8px;
        padding: 5px;
        background-color: #f5f5f5; }
    .newinstructor-wrapper .newinstructor-assessmentcontent-wrapper table-content-wrapper-new {
      padding: 0px !important;
      width: 80%;
      margin: 10%; }
    .newinstructor-wrapper .newinstructor-assessmentcontent-wrapper .newinstructor-assessmentcontent-wrapper .ant-table-tbody > tr > td {
      text-align: left !important; }
    .newinstructor-wrapper .newinstructor-assessmentcontent-wrapper .summary-content-wrapper {
      text-align: center;
      background: #fff; }
      .newinstructor-wrapper .newinstructor-assessmentcontent-wrapper .summary-content-wrapper p {
        margin: 5px;
        padding: 5px; }
      .newinstructor-wrapper .newinstructor-assessmentcontent-wrapper .summary-content-wrapper .ant-rate {
        text-align: right; }
        .newinstructor-wrapper .newinstructor-assessmentcontent-wrapper .summary-content-wrapper .ant-rate .anticon {
          vertical-align: -0.125em; }
    .newinstructor-wrapper .newinstructor-assessmentcontent-wrapper .comment-content-wrapper {
      margin: 1px;
      margin-top: 50px; }
      .newinstructor-wrapper .newinstructor-assessmentcontent-wrapper .comment-content-wrapper .ant-input {
        border: 1px solid #f5f5f5 !important;
        min-height: 100px; }
    .newinstructor-wrapper .newinstructor-assessmentcontent-wrapper .button-content-wrapper {
      text-align: center;
      padding: 20px; }
      .newinstructor-wrapper .newinstructor-assessmentcontent-wrapper .button-content-wrapper button {
        border: none;
        border-radius: 3px;
        cursor: pointer;
        margin: 2px;
        padding: 2px 20px; }
      .newinstructor-wrapper .newinstructor-assessmentcontent-wrapper .button-content-wrapper .button-cancel {
        color: #000000;
        background-color: #ffffff; }
      .newinstructor-wrapper .newinstructor-assessmentcontent-wrapper .button-content-wrapper .button-confirm {
        color: #ffffff;
        background-color: green; }
      .newinstructor-wrapper .newinstructor-assessmentcontent-wrapper .button-content-wrapper .button-disable {
        cursor: not-allowed;
        color: #ffffff;
        background-color: #cccccc; }
  @media (max-width: 800px) {
    .newinstructor-wrapper .newinstructor-profilecontent-wrapper {
      padding: 15px; } }
  .newinstructor-wrapper .newinstructor-manageteachingtimecontent-wrapper .ant-table-header-column {
    line-height: 30px; }
  .newinstructor-wrapper .newinstructor-manageteachingtimecontent-wrapper .ant-form-item {
    margin-bottom: 0px; }
  .newinstructor-wrapper .newinstructor-manageteachingtimecontent-wrapper .table-content-wrapper {
    padding: 0px !important;
    width: 87%;
    margin: 0 auto; }
    .newinstructor-wrapper .newinstructor-manageteachingtimecontent-wrapper .table-content-wrapper .ant-table-tbody tr {
      background-color: transparent !important; }
    .newinstructor-wrapper .newinstructor-manageteachingtimecontent-wrapper .table-content-wrapper .ant-table-thead > tr {
      background: #fff;
      -webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.01);
      box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.01); }
    .newinstructor-wrapper .newinstructor-manageteachingtimecontent-wrapper .table-content-wrapper .ant-table-thead > tr > th {
      padding: 5px 0px; }
    .newinstructor-wrapper .newinstructor-manageteachingtimecontent-wrapper .table-content-wrapper td {
      border: 0px !important; }
      .newinstructor-wrapper .newinstructor-manageteachingtimecontent-wrapper .table-content-wrapper td span {
        line-height: 50px; }
  .newinstructor-wrapper .newinstructor-manageteachingtimecontent-wrapper .tablenote {
    padding: 0px !important;
    width: 87%;
    margin: 0 auto; }
  .newinstructor-wrapper .newinstructor-manageteachingtimecontent-wrapper .filtermt {
    padding: 30px 0px 30px 0px !important;
    width: 87%;
    margin: 0 auto; }
    .newinstructor-wrapper .newinstructor-manageteachingtimecontent-wrapper .filtermt .createschedule {
      color: #2cabe3;
      text-align: left;
      width: 100%;
      display: inline-block;
      line-height: 39px; }
    .newinstructor-wrapper .newinstructor-manageteachingtimecontent-wrapper .filtermt label {
      color: #2cabe3; }
    .newinstructor-wrapper .newinstructor-manageteachingtimecontent-wrapper .filtermt input {
      border-radius: 4px !important;
      -webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.01);
      box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.01);
      border: 0px !important; }
    .newinstructor-wrapper .newinstructor-manageteachingtimecontent-wrapper .filtermt .anticon svg {
      color: #2cabe3; }
  .newinstructor-wrapper .newinstructor-manageteachingtimecontent-wrapper .framesmallbox {
    display: inline-block; }
  .newinstructor-wrapper .newinstructor-manageteachingtimecontent-wrapper .smallbox {
    border-radius: 4px;
    -webkit-box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);
    height: 18px;
    width: 18px;
    display: inline-block;
    margin-left: 25px;
    margin-right: 5px; }
  .newinstructor-wrapper .newinstructor-manageteachingtimecontent-wrapper .smallboxtext {
    vertical-align: top;
    display: inline-block; }
  .newinstructor-wrapper .newinstructor-manageteachingtimecontent-wrapper .calendar-content-wrapper {
    padding: 30px 0px 15px 0px;
    margin: 0 auto;
    max-width: 800px; }
  .newinstructor-wrapper .newinstructor-manageteachingtimecontent-wrapper .ant-fullcalendar-table {
    border-radius: 8px;
    max-width: 820px; }
  .newinstructor-wrapper .newinstructor-manageteachingtimecontent-wrapper .ant-fullcalendar-table {
    border-radius: 8px;
    -webkit-box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.3); }
  .newinstructor-wrapper .newinstructor-manageteachingtimecontent-wrapper .ant-fullcalendar-column-header {
    background-color: #dbdfff;
    padding-top: 5px;
    padding-bottom: 5px !important;
    text-align: center !important; }
  .newinstructor-wrapper .newinstructor-manageteachingtimecontent-wrapper .ant-fullcalendar-column-header:first-child {
    border-top-left-radius: 8px; }
  .newinstructor-wrapper .newinstructor-manageteachingtimecontent-wrapper .ant-fullcalendar-column-header:last-child {
    border-top-right-radius: 8px; }
  .newinstructor-wrapper .newinstructor-manageteachingtimecontent-wrapper .schedule-calendar-card {
    background-color: #fff;
    height: 60px; }
  .newinstructor-wrapper .newinstructor-manageteachingtimecontent-wrapper .table-content-wrapper {
    height: unset !important;
    padding: 20px; }
  .newinstructor-wrapper .newinstructor-manageteachingtimecontent-wrapper .table-content-empty-wrapper {
    padding: 0px !important;
    width: 87%;
    margin: 0 auto; }
    .newinstructor-wrapper .newinstructor-manageteachingtimecontent-wrapper .table-content-empty-wrapper p {
      font-size: 18px;
      background-color: #ffffff;
      color: rgba(0, 0, 0, 0.65);
      margin: 0px;
      padding: 20px; }
  .newinstructor-wrapper .newinstructor-manageteachingtimecontent-wrapper .create-button-wrapper {
    margin-top: 30px;
    margin-bottom: 50px; }
    .newinstructor-wrapper .newinstructor-manageteachingtimecontent-wrapper .create-button-wrapper .create-button {
      width: 90%;
      height: 40px;
      margin: 0 5%;
      border: none;
      color: #ffffff;
      background-color: #2c7409;
      border-radius: 50px;
      cursor: pointer; }
    .newinstructor-wrapper .newinstructor-manageteachingtimecontent-wrapper .create-button-wrapper .create-button-disabled {
      width: 90%;
      height: 40px;
      margin: 0 5%;
      border: none;
      color: #ffffff;
      background-color: #bbbbbb;
      border-radius: 50px;
      cursor: not-allowed; }
  @media (max-width: 820px) {
    .newinstructor-wrapper .newinstructor-manageteachingtimecontent-wrapper {
      padding: 15px; }
      .newinstructor-wrapper .newinstructor-manageteachingtimecontent-wrapper td:last-child {
        padding-left: 0px !important;
        padding-right: 0px !important; } }
  .newinstructor-wrapper .schedule-calendar-card {
    background-color: #e8e8e8;
    width: 100%;
    height: 75px;
    border-radius: 5px;
    cursor: pointer; }
    .newinstructor-wrapper .schedule-calendar-card .calendar-date {
      text-align: start;
      padding: 5px 10px; }
  .newinstructor-wrapper .schedule-calendar-card-pale {
    opacity: 0.5; }
  .newinstructor-wrapper .schedule-calendar-card-active {
    background-color: #0e920e !important;
    cursor: pointer; }
    .newinstructor-wrapper .schedule-calendar-card-active .calendar-date {
      color: #ffffff !important; }
  .newinstructor-wrapper .schedule-calendar-card-book {
    background-color: #0054E5 !important;
    cursor: pointer; }
    .newinstructor-wrapper .schedule-calendar-card-book .calendar-date {
      color: #ffffff !important; }
  .newinstructor-wrapper .schedule-calendar .ant-fullcalendar-header .ant-fullcalendar-year-select.ant-select.ant-select-enabled {
    width: unset !important; }
  .newinstructor-wrapper .schedule-calendar .ant-fullcalendar-header .ant-fullcalendar-month-select.ant-select.ant-select-enabled {
    width: unset !important; }
  .newinstructor-wrapper .newinstructor-schedulecontent-wrapper {
    padding: 30px; }
    .newinstructor-wrapper .newinstructor-schedulecontent-wrapper .ant-form-item-label {
      color: #2cabe3 !important;
      line-height: 32px; }
    @media (max-width: 620px) {
      .newinstructor-wrapper .newinstructor-schedulecontent-wrapper .ant-form-item-label {
        text-align: center !important; } }
    .newinstructor-wrapper .newinstructor-schedulecontent-wrapper label {
      color: #2cabe3 !important; }
    .newinstructor-wrapper .newinstructor-schedulecontent-wrapper input {
      border-radius: 4px !important;
      -webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.01);
      box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.01);
      border: 0px !important; }
    .newinstructor-wrapper .newinstructor-schedulecontent-wrapper .ant-select {
      border-radius: 4px !important;
      -webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.01);
      box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.01);
      border: 0px !important; }
    .newinstructor-wrapper .newinstructor-schedulecontent-wrapper .anticon svg {
      color: #2cabe3; }
    .newinstructor-wrapper .newinstructor-schedulecontent-wrapper .table-content-wrapper {
      height: auto; }
      .newinstructor-wrapper .newinstructor-schedulecontent-wrapper .table-content-wrapper .ant-table-content {
        min-height: auto; }
    .newinstructor-wrapper .newinstructor-schedulecontent-wrapper .table-content-empty-wrapper p {
      font-size: 18px;
      background-color: #ffffff;
      color: rgba(0, 0, 0, 0.65);
      margin: 0px;
      padding: 20px; }
    .newinstructor-wrapper .newinstructor-schedulecontent-wrapper .datepicker-content-wrapper {
      text-align: end;
      padding: 20px 5px; }
      .newinstructor-wrapper .newinstructor-schedulecontent-wrapper .datepicker-content-wrapper span {
        width: unset !important; }
        .newinstructor-wrapper .newinstructor-schedulecontent-wrapper .datepicker-content-wrapper span div > input {
          width: unset !important; }
  .newinstructor-wrapper .col-date-picker {
    margin-left: 70%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 15px;
    padding-bottom: 20px; }
    .newinstructor-wrapper .col-date-picker span {
      width: 30%;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 3px;
      font-size: 18px;
      font-weight: 400;
      color: #5a5959; }
  @media (max-width: 720px) {
    .newinstructor-wrapper .col-date-picker {
      margin-left: 20px; } }
  @media (max-width: 820px) {
    .newinstructor-wrapper .newinstructor-schedulecontent-wrapper {
      padding: 15px; } }
  .newinstructor-wrapper .newinstructor-incomecontent-wrapper {
    padding: 20px;
    text-align: left; }
    .newinstructor-wrapper .newinstructor-incomecontent-wrapper .recharts-legend-wrapper {
      width: 90% !important; }
    .newinstructor-wrapper .newinstructor-incomecontent-wrapper .summary-wrapper,
    .newinstructor-wrapper .newinstructor-incomecontent-wrapper .graph-wrapper {
      margin-bottom: 20px; }
      .newinstructor-wrapper .newinstructor-incomecontent-wrapper .summary-wrapper .incomecontent-header,
      .newinstructor-wrapper .newinstructor-incomecontent-wrapper .graph-wrapper .incomecontent-header {
        font-size: 18px;
        margin-bottom: 2px;
        color: #2dabe3; }
      .newinstructor-wrapper .newinstructor-incomecontent-wrapper .summary-wrapper .incomecontent-divider,
      .newinstructor-wrapper .newinstructor-incomecontent-wrapper .graph-wrapper .incomecontent-divider {
        border-bottom: 2px solid #6236eb0d;
        margin-bottom: 2px; }
    .newinstructor-wrapper .newinstructor-incomecontent-wrapper .summary-item-wrapper {
      border-radius: 5px;
      margin: 10px;
      padding: 10px; }
      .newinstructor-wrapper .newinstructor-incomecontent-wrapper .summary-item-wrapper .summary-item-title img {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        margin: 8px;
        padding: 5px; }
      .newinstructor-wrapper .newinstructor-incomecontent-wrapper .summary-item-wrapper .summary-item-title span {
        color: #ffffff; }
      .newinstructor-wrapper .newinstructor-incomecontent-wrapper .summary-item-wrapper .summary-item-price {
        font-size: 18px;
        margin: 10px 0px; }
      .newinstructor-wrapper .newinstructor-incomecontent-wrapper .summary-item-wrapper .summary-item-date {
        color: #ffffff;
        font-size: 12px;
        margin: 0px; }
    .newinstructor-wrapper .newinstructor-incomecontent-wrapper .barchart-wrapper {
      text-align: center; }
      .newinstructor-wrapper .newinstructor-incomecontent-wrapper .barchart-wrapper .recharts-wrapper {
        width: 100% !important; }
        .newinstructor-wrapper .newinstructor-incomecontent-wrapper .barchart-wrapper .recharts-wrapper .recharts-surface {
          width: 100% !important;
          padding: 30px 0px 0px 0px !important;
          background-color: #ffffff; }
  @media (max-width: 820px) {
    .newinstructor-wrapper .newinstructor-incomecontent-wrapper {
      padding: 15px; } }

.myaccountaddress > div > div.ant-col.gutter-row.account-right-box.ant-col-xs-24.ant-col-sm-24.ant-col-md-24.ant-col-lg-19.ant-col-xl-19.ant-col-xxl-18 > div > div.table-assement > div > div > div > div > div > div > table > tbody > tr > td:nth-child(1) {
  text-align: left !important;
  padding-left: 20px !important; }

.ant-rate li {
  border: unset; }

.newstudent-wrapper {
  min-height: 90vh; }
  .newstudent-wrapper .toggle-button {
    position: absolute;
    top: 80px;
    left: 0px;
    z-index: 1000;
    border: unset;
    padding: 10px 10px;
    border-radius: 2px;
    font-size: 16px;
    background: transparent;
    color: transparent; }
  .newstudent-wrapper .toggle-button:focus {
    outline: none; }
  .newstudent-wrapper .toggle-button:hover {
    background: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.5); }
  .newstudent-wrapper .left-content-wrapper {
    min-height: 90vh;
    background-color: #ffffff;
    text-align: center; }
    .newstudent-wrapper .left-content-wrapper .detail-profile-wrapper .profile-image-wrapper {
      margin: 20px 0px; }
      .newstudent-wrapper .left-content-wrapper .detail-profile-wrapper .profile-image-wrapper .profile-image-default {
        width: 150px;
        height: 150px;
        border-radius: 50%;
        background-color: #f5f5f5;
        margin-left: auto;
        margin-right: auto; }
      .newstudent-wrapper .left-content-wrapper .detail-profile-wrapper .profile-image-wrapper .profile-image {
        width: 150px;
        height: 150px;
        border-radius: 50%; }
      .newstudent-wrapper .left-content-wrapper .detail-profile-wrapper .profile-image-wrapper .profile-name {
        font-size: 20px;
        margin: 5px 0px; }
    .newstudent-wrapper .left-content-wrapper .menu-profile-wrapper .menu-profile-header {
      font-size: 16px; }
      .newstudent-wrapper .left-content-wrapper .menu-profile-wrapper .menu-profile-header p {
        background-color: #2dabe3;
        border-radius: 20px;
        color: #ffffff;
        margin: 25px auto;
        font-size: 14px;
        display: inline-block;
        padding: 0px 10px; }
    .newstudent-wrapper .left-content-wrapper .menu-profile-wrapper .menu-profile-item {
      cursor: pointer; }
      .newstudent-wrapper .left-content-wrapper .menu-profile-wrapper .menu-profile-item p {
        border-bottom: 1px solid #f5f5f5;
        margin: 0px 40px;
        padding: 8px 0px; }
    .newstudent-wrapper .left-content-wrapper .menu-profile-wrapper .menu-profile-item:hover {
      background-color: #e8e8e8;
      color: #2dabe3; }
    .newstudent-wrapper .left-content-wrapper .login-button-wrapper {
      margin-top: 25px;
      margin-bottom: 25px; }
      .newstudent-wrapper .left-content-wrapper .login-button-wrapper .login-button {
        color: #ffffff;
        background-color: #f5222d;
        border: none;
        padding: 2px 20px;
        border-radius: 3px;
        cursor: pointer; }
      .newstudent-wrapper .left-content-wrapper .login-button-wrapper .login-button:hover {
        background-color: #f40a16; }
  @media (max-width: 820px) {
    .newstudent-wrapper .left-content-wrapper {
      display: none; } }
  .newstudent-wrapper .mobile-menu-student {
    padding: 15px; }
    .newstudent-wrapper .mobile-menu-student .menu-profile-item {
      cursor: pointer;
      text-align: center !important;
      background: #fff;
      border-radius: 4px;
      margin: 3px;
      min-height: 100px;
      padding: 15px;
      background-position: center 20px !important;
      background-size: 50px !important;
      background-repeat: no-repeat !important; }
      .newstudent-wrapper .mobile-menu-student .menu-profile-item a {
        color: #2dabe3; }
      .newstudent-wrapper .mobile-menu-student .menu-profile-item p {
        margin-bottom: 0px; }
    @media (max-width: 820px) {
      .newstudent-wrapper .mobile-menu-student .menu-profile-item {
        padding: 15px 5px;
        font-size: 13px; }
        .newstudent-wrapper .mobile-menu-student .menu-profile-item p {
          font-size: 12px;
          margin-top: 65px;
          max-height: 18px;
          overflow: hidden; } }
    @media (max-width: 480px) {
      .newstudent-wrapper .mobile-menu-student .mobile-menu-button:nth-child(4) .menu-profile-item {
        background-size: 45px; } }
    @media (max-width: 320px) {
      .newstudent-wrapper .mobile-menu-student .mobile-menu-button:nth-child(4) .menu-profile-item {
        background-size: 45px; } }
  @media (min-width: 820px) {
    .newstudent-wrapper .mobile-menu-student {
      display: none; } }
  .newstudent-wrapper .right-content-wrapper {
    min-height: 90vh;
    background-color: #f5f5f5; }

.newstudent-profilecontent-wrapper {
  padding: 30px; }
  .newstudent-profilecontent-wrapper .contentblue {
    color: #398aeb; }
  .newstudent-profilecontent-wrapper .profilecontent-detail {
    margin: 35px 0px 0px 0px; }
  @media (max-width: 820px) {
    .newstudent-profilecontent-wrapper .profilecontent-detail {
      margin: 5px 0px 0px 0px; } }
  .newstudent-profilecontent-wrapper .general-information-wrapper,
  .newstudent-profilecontent-wrapper .education-wrapper,
  .newstudent-profilecontent-wrapper .assessment-wrapper {
    margin-bottom: 20px; }
    .newstudent-profilecontent-wrapper .general-information-wrapper .profilecontent-header,
    .newstudent-profilecontent-wrapper .education-wrapper .profilecontent-header,
    .newstudent-profilecontent-wrapper .assessment-wrapper .profilecontent-header {
      font-size: 14px;
      margin-bottom: 2px;
      color: #398aeb; }
    .newstudent-profilecontent-wrapper .general-information-wrapper .profilecontent-divider,
    .newstudent-profilecontent-wrapper .education-wrapper .profilecontent-divider,
    .newstudent-profilecontent-wrapper .assessment-wrapper .profilecontent-divider {
      border-bottom: 2px solid #6236eb0d;
      margin-bottom: 2px; }
    .newstudent-profilecontent-wrapper .general-information-wrapper .profilecontent-rate,
    .newstudent-profilecontent-wrapper .education-wrapper .profilecontent-rate,
    .newstudent-profilecontent-wrapper .assessment-wrapper .profilecontent-rate {
      text-align: end; }
  .newstudent-profilecontent-wrapper .assessment-wrapper {
    margin-top: 60px; }
    .newstudent-profilecontent-wrapper .assessment-wrapper p {
      margin-bottom: 0px;
      line-height: 30px; }
    @media (max-width: 820px) {
      .newstudent-profilecontent-wrapper .assessment-wrapper p {
        font-size: 9px; }
      .newstudent-profilecontent-wrapper .assessment-wrapper .ant-rate {
        font-size: 10px; }
      .newstudent-profilecontent-wrapper .assessment-wrapper .ant-rate-star {
        margin-right: 3px; }
      .newstudent-profilecontent-wrapper .assessment-wrapper span {
        font-size: 9px; } }
    .newstudent-profilecontent-wrapper .assessment-wrapper .ant-list.ant-list-split > div > div > ul > li {
      padding: 5px 0px;
      border: unset;
      text-align: center; }
      .newstudent-profilecontent-wrapper .assessment-wrapper .ant-list.ant-list-split > div > div > ul > li .assessment-item-wrapper {
        width: 100%;
        background-color: #ffffff;
        padding: 20px;
        border-radius: 5px; }
        .newstudent-profilecontent-wrapper .assessment-wrapper .ant-list.ant-list-split > div > div > ul > li .assessment-item-wrapper div:nth-child(1) {
          text-align: left; }
        .newstudent-profilecontent-wrapper .assessment-wrapper .ant-list.ant-list-split > div > div > ul > li .assessment-item-wrapper span {
          padding-right: 20px; }
        .newstudent-profilecontent-wrapper .assessment-wrapper .ant-list.ant-list-split > div > div > ul > li .assessment-item-wrapper button {
          color: #ffffff;
          background-color: #008200ba;
          border: none;
          border-radius: 3px;
          padding: 5px;
          cursor: pointer; }
        @media (max-width: 820px) {
          .newstudent-profilecontent-wrapper .assessment-wrapper .ant-list.ant-list-split > div > div > ul > li .assessment-item-wrapper button {
            font-size: 9px; } }
      .newstudent-profilecontent-wrapper .assessment-wrapper .ant-list.ant-list-split > div > div > ul > li button:hover {
        background-color: #008200e6; }
    @media (max-width: 820px) {
      .newstudent-profilecontent-wrapper .assessment-wrapper .assessment-item-wrapper {
        padding: 8px !important; } }

@media (max-width: 820px) {
  .newstudent-profilecontent-wrapper {
    padding: 15px; } }

.contactus-module svg {
  width: 20px;
  height: 20px; }

.newstudent-schedulecontent-wrapper {
  padding: 0px;
  margin-bottom: 50px; }
  .newstudent-schedulecontent-wrapper .ant-form-item-label {
    color: #2cabe3 !important;
    line-height: 32px; }
  .newstudent-schedulecontent-wrapper label {
    color: #2cabe3 !important; }
  .newstudent-schedulecontent-wrapper input {
    border-radius: 4px !important;
    -webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.01);
    box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.01);
    border: 0px !important; }
  .newstudent-schedulecontent-wrapper .ant-select {
    border-radius: 4px !important;
    -webkit-box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.01);
    box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.01);
    border: 0px !important; }
  .newstudent-schedulecontent-wrapper .anticon svg {
    color: #2cabe3; }
  .newstudent-schedulecontent-wrapper .table-content-wrapper {
    height: auto; }
    .newstudent-schedulecontent-wrapper .table-content-wrapper .ant-table-content {
      min-height: auto; }
  .newstudent-schedulecontent-wrapper .table-content-empty-wrapper {
    text-align: center; }
    .newstudent-schedulecontent-wrapper .table-content-empty-wrapper p {
      font-size: 18px;
      background-color: #ffffff;
      color: rgba(0, 0, 0, 0.65);
      margin: 0px;
      padding: 20px; }
  .newstudent-schedulecontent-wrapper .datepicker-content-wrapper {
    text-align: end;
    padding: 20px 5px; }
    .newstudent-schedulecontent-wrapper .datepicker-content-wrapper span {
      width: unset !important; }
      .newstudent-schedulecontent-wrapper .datepicker-content-wrapper span div > input {
        width: unset !important; }
  .newstudent-schedulecontent-wrapper .ant-col.ant-col-xs-24.ant-col-sm-24.ant-col-md-16.ant-col-lg-16.ant-col-xl-16 {
    padding-left: 15px; }
  .newstudent-schedulecontent-wrapper .ant-col.ant-col-xs-24.ant-col-sm-24.ant-col-md-8.ant-col-lg-8.ant-col-xl-8 {
    padding-left: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1px;
        -ms-flex: 1px;
            flex: 1px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .newstudent-schedulecontent-wrapper .col-date-picker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 15px;
    width: 80%;
    text-align: right; }
    .newstudent-schedulecontent-wrapper .col-date-picker span {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 3px;
      font-size: 18px;
      font-weight: 400;
      color: #5a5959; }
  .newstudent-schedulecontent-wrapper .col-refresh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 16px;
    padding-right: 15px; }
  @media (max-width: 480px) {
    .newstudent-schedulecontent-wrapper .ant-col.ant-col-xs-24.ant-col-sm-24.ant-col-md-8.ant-col-lg-8.ant-col-xl-8 {
      padding-left: 15px;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }

@media (max-width: 820px) {
  .newstudent-schedulecontent-wrapper {
    padding: 0px; } }

.newstudent-coursecontent-wrapper {
  padding: 30px; }
  .newstudent-coursecontent-wrapper .coursecontent-header {
    font-size: 18px;
    margin-bottom: 2px;
    color: #2dabe3; }
  .newstudent-coursecontent-wrapper .coursecontent-divider {
    border-bottom: 2px solid #6236eb0d;
    margin-bottom: 15px; }
  .newstudent-coursecontent-wrapper .courselist-wrapper .ant-list.ant-list-split > div > div > ul > li {
    padding: 5px 0px;
    border: unset;
    text-align: center; }
    .newstudent-coursecontent-wrapper .courselist-wrapper .ant-list.ant-list-split > div > div > ul > li .course-item-wrapper {
      width: 100%; }
      .newstudent-coursecontent-wrapper .courselist-wrapper .ant-list.ant-list-split > div > div > ul > li .course-item-wrapper .course-item-table-wrapper {
        margin: 10px 0px; }
      .newstudent-coursecontent-wrapper .courselist-wrapper .ant-list.ant-list-split > div > div > ul > li .course-item-wrapper .course-item-table-empty-wrapper {
        padding: 20px;
        margin: 10px 0px;
        background-color: #ffffff; }
        .newstudent-coursecontent-wrapper .courselist-wrapper .ant-list.ant-list-split > div > div > ul > li .course-item-wrapper .course-item-table-empty-wrapper p {
          font-size: 16px;
          margin: 0px; }
      .newstudent-coursecontent-wrapper .courselist-wrapper .ant-list.ant-list-split > div > div > ul > li .course-item-wrapper .course-item-divider-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 20px; }
        .newstudent-coursecontent-wrapper .courselist-wrapper .ant-list.ant-list-split > div > div > ul > li .course-item-wrapper .course-item-divider-wrapper .course-item-divider {
          width: 100%;
          margin: 0px 10px 10px 0px;
          border-bottom: 2px solid #6236eb0d; }
        .newstudent-coursecontent-wrapper .courselist-wrapper .ant-list.ant-list-split > div > div > ul > li .course-item-wrapper .course-item-divider-wrapper .course-item-progress {
          position: absolute;
          right: 0px;
          top: -10px;
          background: #f5f5f5;
          padding-left: 10px; }
        .newstudent-coursecontent-wrapper .courselist-wrapper .ant-list.ant-list-split > div > div > ul > li .course-item-wrapper .course-item-divider-wrapper span {
          color: green;
          cursor: pointer; }
        .newstudent-coursecontent-wrapper .courselist-wrapper .ant-list.ant-list-split > div > div > ul > li .course-item-wrapper .course-item-divider-wrapper i {
          color: green;
          padding: 3px 5px;
          cursor: pointer; }
      .newstudent-coursecontent-wrapper .courselist-wrapper .ant-list.ant-list-split > div > div > ul > li .course-item-wrapper .course-item-image {
        width: 100% !important;
        height: auto; }
      .newstudent-coursecontent-wrapper .courselist-wrapper .ant-list.ant-list-split > div > div > ul > li .course-item-wrapper .course-item-detail {
        padding-left: 10px;
        width: 100%;
        text-align: left; }
        .newstudent-coursecontent-wrapper .courselist-wrapper .ant-list.ant-list-split > div > div > ul > li .course-item-wrapper .course-item-detail .course-name {
          font-size: 18px;
          color: #2dabe3;
          margin-bottom: 5px; }
        .newstudent-coursecontent-wrapper .courselist-wrapper .ant-list.ant-list-split > div > div > ul > li .course-item-wrapper .course-item-detail .course-description-title {
          font-size: 14px;
          margin-bottom: 5px; }
        .newstudent-coursecontent-wrapper .courselist-wrapper .ant-list.ant-list-split > div > div > ul > li .course-item-wrapper .course-item-detail .course-description p {
          font-size: 14px; }
        @media (min-width: 820px) {
          .newstudent-coursecontent-wrapper .courselist-wrapper .ant-list.ant-list-split > div > div > ul > li .course-item-wrapper .course-item-detail .course-detail-right {
            text-align: right; } }
        .newstudent-coursecontent-wrapper .courselist-wrapper .ant-list.ant-list-split > div > div > ul > li .course-item-wrapper .course-item-detail .course-summary .span:nth-child(1) {
          left: 0; }
        .newstudent-coursecontent-wrapper .courselist-wrapper .ant-list.ant-list-split > div > div > ul > li .course-item-wrapper .course-item-detail .course-summary .span:nth-child(2) {
          right: 0; }
      @media (max-width: 820px) {
        .newstudent-coursecontent-wrapper .courselist-wrapper .ant-list.ant-list-split > div > div > ul > li .course-item-wrapper .course-item-detail {
          padding-left: 10px; } }

@media (max-width: 820px) {
  .newstudent-coursecontent-wrapper {
    padding: 15px; } }

.newstudent-orderlistcontent-wrapper {
  padding: 20px; }
  .newstudent-orderlistcontent-wrapper .orderlistcontent-header {
    font-size: 18px;
    margin-bottom: 2px;
    color: #2dabe3; }

@media (max-width: 820px) {
  .newstudent-orderlistcontent-wrapper {
    padding: 15px; } }

.newstudent-assessmentcontent-wrapper {
  text-align: left;
  padding: 30px; }
  .newstudent-assessmentcontent-wrapper p {
    text-align: left !important; }
  .newstudent-assessmentcontent-wrapper .ant-form-item-label {
    text-align: left !important; }
  @media (max-width: 620px) {
    .newstudent-assessmentcontent-wrapper p {
      text-align: center !important; }
    .newstudent-assessmentcontent-wrapper .ant-form-item-label {
      text-align: center !important; } }
  .newstudent-assessmentcontent-wrapper .ant-table-tbody > tr > td {
    line-height: 50px;
    border-bottom: 0px solid #e8e8e8; }
  .newstudent-assessmentcontent-wrapper .ant-table-thead > tr > th {
    border-bottom: 0px solid #e8e8e8; }
  .newstudent-assessmentcontent-wrapper .ant-table-tbody tr:nth-child(even) {
    background-color: #f8f8f8; }
  @media (max-width: 820px) {
    .newstudent-assessmentcontent-wrapper table > tbody > tr > td:first-child {
      min-width: 100% !important;
      max-width: 100% !important;
      height: 90px;
      margin-bottom: 40px; }
    .newstudent-assessmentcontent-wrapper tr > th:first-child {
      min-width: 100% !important;
      max-width: 100% !important; }
    .newstudent-assessmentcontent-wrapper tr > th:last-child {
      display: none; }
    .newstudent-assessmentcontent-wrapper table > tbody > tr > td:last-child {
      min-width: 100% !important;
      max-width: 100% !important;
      position: absolute;
      left: 0;
      margin-top: 50px; } }
  .newstudent-assessmentcontent-wrapper .ant-table-thead > tr {
    background: #fff; }
  .newstudent-assessmentcontent-wrapper .ant-table-tbody tr:nth-child(odd) {
    background-color: transparent !important; }
  .newstudent-assessmentcontent-wrapper .ant-table-column-title {
    line-height: 30px; }
  .newstudent-assessmentcontent-wrapper .ant-form-item-label {
    line-height: normal;
    text-align: left; }
  .newstudent-assessmentcontent-wrapper p {
    color: #2dabe3; }
  .newstudent-assessmentcontent-wrapper .ant-radio-wrapper {
    vertical-align: -0.125em; }
  .newstudent-assessmentcontent-wrapper .detail-content-wrapper {
    display: block;
    text-align: center; }
    .newstudent-assessmentcontent-wrapper .detail-content-wrapper .image-wrapper img {
      width: 150px;
      height: 150px;
      border-radius: 50%;
      margin: 8px;
      padding: 5px;
      background-color: #f5f5f5; }
  .newstudent-assessmentcontent-wrapper .table-content-wrapper {
    margin-top: 20px;
    height: auto;
    overflow: hidden; }
  .newstudent-assessmentcontent-wrapper .summary-content-wrapper {
    text-align: center;
    background: #fff; }
    .newstudent-assessmentcontent-wrapper .summary-content-wrapper p {
      margin: 5px;
      padding: 5px; }
    .newstudent-assessmentcontent-wrapper .summary-content-wrapper .ant-rate {
      text-align: right; }
      .newstudent-assessmentcontent-wrapper .summary-content-wrapper .ant-rate .anticon {
        vertical-align: -0.125em; }
  .newstudent-assessmentcontent-wrapper .comment-content-wrapper {
    margin: 1px;
    margin-top: 50px; }
    .newstudent-assessmentcontent-wrapper .comment-content-wrapper .ant-input {
      border: 1px solid #f5f5f5 !important;
      min-height: 100px; }
  .newstudent-assessmentcontent-wrapper .button-content-wrapper {
    text-align: center;
    padding: 20px; }
    .newstudent-assessmentcontent-wrapper .button-content-wrapper button {
      border: none;
      border-radius: 3px;
      cursor: pointer;
      margin: 2px;
      padding: 2px 20px; }
    .newstudent-assessmentcontent-wrapper .button-content-wrapper .button-cancel {
      color: #000000;
      background-color: #ffffff; }
    .newstudent-assessmentcontent-wrapper .button-content-wrapper .button-confirm {
      color: #ffffff;
      background-color: green; }
    .newstudent-assessmentcontent-wrapper .button-content-wrapper .button-disable {
      cursor: not-allowed;
      color: #ffffff;
      background-color: #cccccc; }

.student-myaccount-home {
  padding: 30px 0px; }
  .student-myaccount-home .coursecontent-header {
    border-bottom: 0px !important;
    color: #5a5959;
    font-weight: 600; }
  .student-myaccount-home .courselist-wrapper .student-myaccount-home-course-des {
    background: #fff;
    border-right: 1px solid #ededed;
    border-left: 1px solid #ededed;
    padding: 5px 10px 0 10px; }
  .student-myaccount-home .course-name {
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0px; }
  .student-myaccount-home .myAccountHomeCourseButton:hover {
    opacity: .75; }
  .student-myaccount-home .course-summary {
    font-size: 12px; }
    .student-myaccount-home .course-summary span {
      font-family: sarabun !important; }

.newstudent-schedulecontent-wrapper .coursecontent-header {
  border-bottom: 0px !important;
  color: #5a5959;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 0px !important;
  margin-top: 15px; }

.newstudent-schedulecontent-wrapper .ant-form-item {
  margin-bottom: 0px; }

.newstudent-schedulecontent-wrapper label {
  color: #828282 !important; }

.newstudent-schedulecontent-wrapper .anticon svg {
  color: #828282 !important; }

.newstudent-schedulecontent-wrapper .table-content-wrapper .ant-table-thead > tr > th {
  background-color: #f7f7f7 !important;
  height: 40px;
  border-top: 1px solid #e8e8e8; }
  .newstudent-schedulecontent-wrapper .table-content-wrapper .ant-table-thead > tr > th:first-child {
    border-top-left-radius: 8px;
    border-left: 1px solid #e8e8e8; }
  .newstudent-schedulecontent-wrapper .table-content-wrapper .ant-table-thead > tr > th:last-child {
    border-top-right-radius: 8px;
    border-right: 1px solid #e8e8e8; }

.newstudent-schedulecontent-wrapper .table-content-wrapper td:first-child {
  border-left: 1px solid #e8e8e8; }

.newstudent-schedulecontent-wrapper .table-content-wrapper td:last-child {
  border-right: 1px solid #e8e8e8; }

.newstudent-schedulecontent-wrapper .table-content-wrapper td .ant-btn-danger {
  background: #059444;
  width: 100%;
  border: 0px;
  color: #fff !important; }
  .newstudent-schedulecontent-wrapper .table-content-wrapper td .ant-btn-danger:hover {
    background: #10bb5b; }

.newstudent-schedulecontent-wrapper .table-content-wrapper .ant-table-tbody tr:nth-child(odd) {
  background-color: #fff; }

.newstudent-schedulecontent-wrapper .table-content-wrapper .ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td, .newstudent-schedulecontent-wrapper .table-content-wrapper .ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td, .newstudent-schedulecontent-wrapper .table-content-wrapper .ant-table-thead > tr:hover:not(.ant-table-expanded-row) > td, .newstudent-schedulecontent-wrapper .table-content-wrapper .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td {
  background: #fff; }

.classroomtable .ant-btn-danger {
  width: 100%;
  background: #059444;
  /* min-width: 100px; */
  border: 0px;
  color: #fff !important; }

.modal-live-cancel-booking {
  font-size: 18px; }

.ant-row.modal-live-cancel-booking div {
  font-family: sarabun !important; }

.detail-user-upgrade-number {
  padding: 20px; }

.detail-user-upgrade-usergroup {
  padding: 20px; }

@media only screen and (max-width: 1260px) {
  .myaccountedituser .table-content-wrapper {
    display: none !important; } }

@media screen and (min-width: 1260px) {
  .classroomtable {
    display: none; } }

@media screen and (max-width: 1260px) {
  .classroomtable {
    display: block; } }

.box-teacher {
  border: 1px solid #E8E8E8;
  border-bottom: 5px;
  background-color: #FFFFFF;
  width: '100%'; }

.box-teacher:hover {
  border: 1px solid #2dabe3;
  border-bottom: 5px; }

.newstudent-orderlistcontent-bookingcourse-wrapper {
  padding: 60px 10%;
  background-color: none;
  background-size: cover; }
  .newstudent-orderlistcontent-bookingcourse-wrapper .bookingcourse-header {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    padding: 20px; }
  .newstudent-orderlistcontent-bookingcourse-wrapper .ant-col.ant-form-item-label.ant-col-xs-12.ant-col-sm-12 label {
    color: #ffffff !important;
    font-size: 18px; }
  .newstudent-orderlistcontent-bookingcourse-wrapper #boking-course,
  .newstudent-orderlistcontent-bookingcourse-wrapper #boking-type {
    border: unset !important; }
    .newstudent-orderlistcontent-bookingcourse-wrapper #boking-course div,
    .newstudent-orderlistcontent-bookingcourse-wrapper #boking-type div {
      border-radius: 3px !important;
      padding: 2px 0px; }
      .newstudent-orderlistcontent-bookingcourse-wrapper #boking-course div div > div,
      .newstudent-orderlistcontent-bookingcourse-wrapper #boking-type div div > div {
        font-size: 16px; }
  .newstudent-orderlistcontent-bookingcourse-wrapper button {
    border: none;
    color: #ffffff;
    background-color: #008000;
    padding: 8px 20px;
    border-radius: 3px;
    cursor: pointer; }
  .newstudent-orderlistcontent-bookingcourse-wrapper button:hover {
    background-color: #008000a6; }
  .newstudent-orderlistcontent-bookingcourse-wrapper button:disabled {
    background-color: #fafafa !important;
    color: #00000040 !important;
    cursor: not-allowed; }

.newstudent-orderlistcontent-bookinginstructor-wrapper {
  text-align: center; }
  .newstudent-orderlistcontent-bookinginstructor-wrapper .bookinginstructor-header-wrapper {
    padding: 15px 0px 15px 0px;
    background: transparent; }
    .newstudent-orderlistcontent-bookinginstructor-wrapper .bookinginstructor-header-wrapper img {
      width: 60px;
      height: 60px;
      margin: 30px; }
    .newstudent-orderlistcontent-bookinginstructor-wrapper .bookinginstructor-header-wrapper p {
      font-size: 20px;
      color: #000000b5; }
  .newstudent-orderlistcontent-bookinginstructor-wrapper .bookinginstructor-body-wrapper {
    background-color: #ffffff; }
    .newstudent-orderlistcontent-bookinginstructor-wrapper .bookinginstructor-body-wrapper .selecter-wrapper {
      padding: 20px; }
      .newstudent-orderlistcontent-bookinginstructor-wrapper .bookinginstructor-body-wrapper .selecter-wrapper p {
        color: #ffffff;
        font-size: 18px; }
    .newstudent-orderlistcontent-bookinginstructor-wrapper .bookinginstructor-body-wrapper .instructorlist-wrapper {
      background: transparent;
      padding: 30px 10%; }
      .newstudent-orderlistcontent-bookinginstructor-wrapper .bookinginstructor-body-wrapper .instructorlist-wrapper .instructorlist-item-wrapper {
        text-align: center;
        padding: 20px; }
        .newstudent-orderlistcontent-bookinginstructor-wrapper .bookinginstructor-body-wrapper .instructorlist-wrapper .instructorlist-item-wrapper .instructor-image {
          width: 150px;
          height: 150px;
          border-radius: 50%;
          cursor: pointer; }
        .newstudent-orderlistcontent-bookinginstructor-wrapper .bookinginstructor-body-wrapper .instructorlist-wrapper .instructorlist-item-wrapper .instructor-name {
          font-size: 18px;
          color: #2dabe3; }
        .newstudent-orderlistcontent-bookinginstructor-wrapper .bookinginstructor-body-wrapper .instructorlist-wrapper .instructorlist-item-wrapper .instructor-see-more {
          font-size: 14;
          color: blue;
          cursor: pointer; }
    .newstudent-orderlistcontent-bookinginstructor-wrapper .bookinginstructor-body-wrapper .instructorlist-empty-wrapper {
      padding: 100px; }
      .newstudent-orderlistcontent-bookinginstructor-wrapper .bookinginstructor-body-wrapper .instructorlist-empty-wrapper p {
        color: #ffffff;
        font-size: 18px; }

.create-schedule-modal .padding-horizontal {
  padding: 0px 30px; }

.create-schedule-modal .border-verticle {
  margin: 25px 0px;
  padding: 25px 0px;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8; }

.create-schedule-modal .title-select-time {
  color: #2E2926;
  font-size: 1.3em; }

.create-schedule-modal .select-time-duration-container {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 50%;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
  @media (max-width: 960px) {
    .create-schedule-modal .select-time-duration-container {
      gap: 20%; } }
  @media (max-width: 645px) {
    .create-schedule-modal .select-time-duration-container {
      gap: 0%; } }
  .create-schedule-modal .select-time-duration-container h3 {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    color: #6D6D6D;
    font-size: 1.15em;
    margin-bottom: 0px;
    -ms-flex-item-align: center;
        align-self: center; }
  .create-schedule-modal .select-time-duration-container .select-time-duration {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 18%;
            flex: 0 1 18%;
    padding-left: 20px;
    border-left: 1px solid #D3D3D3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .create-schedule-modal .select-time-duration-container .select-time-duration .ant-select {
      border: 1px solid #EBEBEB !important;
      -ms-flex-item-align: center;
          align-self: center; }

.newstudent-orderlistcontent-bookingdate-wrapper {
  text-align: center; }
  .newstudent-orderlistcontent-bookingdate-wrapper .bookingdate-header-wrapper {
    padding: 15px 0px 15px 0px;
    background: transparent; }
    .newstudent-orderlistcontent-bookingdate-wrapper .bookingdate-header-wrapper img {
      width: 60px;
      height: 60px;
      margin: 30px; }
    .newstudent-orderlistcontent-bookingdate-wrapper .bookingdate-header-wrapper p {
      font-size: 20px;
      color: #000000b5; }
  .newstudent-orderlistcontent-bookingdate-wrapper .bookingdate-body-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 15%; }
    .newstudent-orderlistcontent-bookingdate-wrapper .bookingdate-body-wrapper .bookingdate-calendar-wrapper {
      padding: 20px;
      width: 80%; }
    .newstudent-orderlistcontent-bookingdate-wrapper .bookingdate-body-wrapper .bookingdate-explanation-wrapper {
      width: 20%;
      padding-top: 150px;
      text-align: left; }
      .newstudent-orderlistcontent-bookingdate-wrapper .bookingdate-body-wrapper .bookingdate-explanation-wrapper span {
        padding: 5px 20px;
        margin: 10px;
        border-radius: 3px;
        -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.3); }
    .newstudent-orderlistcontent-bookingdate-wrapper .bookingdate-body-wrapper .bookingdate-calendar-card {
      background-color: #e8e8e8;
      width: 100%;
      height: 75px;
      border-radius: 5px;
      cursor: auto; }
      .newstudent-orderlistcontent-bookingdate-wrapper .bookingdate-body-wrapper .bookingdate-calendar-card .calendar-date {
        text-align: start;
        padding: 5px 10px; }
    .newstudent-orderlistcontent-bookingdate-wrapper .bookingdate-body-wrapper .bookingdate-calendar-card-disable {
      opacity: 0.5;
      cursor: not-allowed; }
    .newstudent-orderlistcontent-bookingdate-wrapper .bookingdate-body-wrapper .bookingdate-calendar-card-active {
      background-color: #0e920e !important;
      cursor: pointer; }
      .newstudent-orderlistcontent-bookingdate-wrapper .bookingdate-body-wrapper .bookingdate-calendar-card-active .calendar-date {
        color: #ffffff !important; }
    .newstudent-orderlistcontent-bookingdate-wrapper .bookingdate-body-wrapper .bookingdate-calendar .ant-fullcalendar-header .ant-fullcalendar-year-select.ant-select.ant-select-enabled {
      width: unset !important; }
    .newstudent-orderlistcontent-bookingdate-wrapper .bookingdate-body-wrapper .bookingdate-calendar .ant-fullcalendar-header .ant-fullcalendar-month-select.ant-select.ant-select-enabled {
      width: unset !important; }

.newstudent-orderlistcontent-bookingtime-wrapper {
  text-align: center; }
  .newstudent-orderlistcontent-bookingtime-wrapper .bookingtime-header-wrapper {
    padding: 80px 0px 15px 0px;
    background: transparent; }
    .newstudent-orderlistcontent-bookingtime-wrapper .bookingtime-header-wrapper img {
      width: 60px;
      height: 60px;
      margin: 30px; }
    .newstudent-orderlistcontent-bookingtime-wrapper .bookingtime-header-wrapper p {
      font-size: 20px;
      color: #000000b5; }
  .newstudent-orderlistcontent-bookingtime-wrapper .bookingtime-body-wrapper {
    background-color: #2dabe3;
    padding: 20px 20%; }
    .newstudent-orderlistcontent-bookingtime-wrapper .bookingtime-body-wrapper .selecter-wrapper {
      padding: 20px; }
      .newstudent-orderlistcontent-bookingtime-wrapper .bookingtime-body-wrapper .selecter-wrapper .ant-radio-button-wrapper {
        color: #ffffff;
        background-color: #2dabe3; }
      .newstudent-orderlistcontent-bookingtime-wrapper .bookingtime-body-wrapper .selecter-wrapper .ant-radio-button-wrapper-checked {
        color: #2dabe3;
        background-color: #ffffff; }
      .newstudent-orderlistcontent-bookingtime-wrapper .bookingtime-body-wrapper .selecter-wrapper p {
        color: #ffffff;
        font-size: 18px; }
    .newstudent-orderlistcontent-bookingtime-wrapper .bookingtime-body-wrapper .timelist-wrapper .timelist-item {
      color: #000000b5;
      background-color: #ffffff;
      padding: 5px;
      border-radius: 3px;
      cursor: pointer; }

.newstudent-orderlistcontent-bookingresult-wrapper {
  text-align: center; }
  .newstudent-orderlistcontent-bookingresult-wrapper .bookingresult-header-wrapper {
    padding: 80px 0px 15px 0px;
    background: transparent; }
    .newstudent-orderlistcontent-bookingresult-wrapper .bookingresult-header-wrapper img {
      width: 60px;
      height: 60px;
      margin: 30px; }
    .newstudent-orderlistcontent-bookingresult-wrapper .bookingresult-header-wrapper p {
      font-size: 20px;
      color: #000000b5; }
  .newstudent-orderlistcontent-bookingresult-wrapper .bookingresult-body-wrapper {
    background-color: #2dabe3;
    padding: 40px;
    background-size: cover; }
    .newstudent-orderlistcontent-bookingresult-wrapper .bookingresult-body-wrapper .body-detail-wrapper {
      color: #ffffff;
      text-align: left; }
      .newstudent-orderlistcontent-bookingresult-wrapper .bookingresult-body-wrapper .body-detail-wrapper i {
        font-size: 25px;
        display: block;
        text-align: center;
        margin-bottom: 19px; }
      .newstudent-orderlistcontent-bookingresult-wrapper .bookingresult-body-wrapper .body-detail-wrapper p {
        font-size: 18px; }
    .newstudent-orderlistcontent-bookingresult-wrapper .bookingresult-body-wrapper .body-button-wrapper {
      padding-top: 30px; }
      .newstudent-orderlistcontent-bookingresult-wrapper .bookingresult-body-wrapper .body-button-wrapper .button-cancel {
        border: none;
        color: #000000;
        background-color: #ffffff;
        padding: 5px 20px;
        border-radius: 5px;
        cursor: pointer;
        margin: 0px 5px; }
      .newstudent-orderlistcontent-bookingresult-wrapper .bookingresult-body-wrapper .body-button-wrapper .button-cancel:hover {
        background-color: #ffffff; }
      .newstudent-orderlistcontent-bookingresult-wrapper .bookingresult-body-wrapper .body-button-wrapper .button-confirm {
        border: none;
        color: #ffffff;
        background-color: #008000;
        padding: 5px 20px;
        border-radius: 5px;
        cursor: pointer;
        margin: 0px 5px; }
      .newstudent-orderlistcontent-bookingresult-wrapper .bookingresult-body-wrapper .body-button-wrapper .button-confirm:hover {
        background-color: #008000a6; }

.myaccount-bookingstudytime-wrapper {
  max-width: 1300px;
  margin: 0px auto;
  padding: 70px 0px; }
  .myaccount-bookingstudytime-wrapper .ant-card-bordered {
    border-radius: 4px; }
    .myaccount-bookingstudytime-wrapper .ant-card-bordered .ant-card-body {
      padding: 0px;
      height: 450px;
      overflow: scroll;
      background: #fdfdfd; }
      .myaccount-bookingstudytime-wrapper .ant-card-bordered .ant-card-body .ant-select {
        border-radius: 4px !important;
        height: 40px !important; }
        .myaccount-bookingstudytime-wrapper .ant-card-bordered .ant-card-body .ant-select .ant-select-selection--single {
          height: 38px !important;
          border-radius: 4px !important; }
          .myaccount-bookingstudytime-wrapper .ant-card-bordered .ant-card-body .ant-select .ant-select-selection--single .ant-select-selection__rendered {
            line-height: 38px; }
            .myaccount-bookingstudytime-wrapper .ant-card-bordered .ant-card-body .ant-select .ant-select-selection--single .ant-select-selection__rendered .ant-radio-checked .ant-radio-inner {
              border-color: #0b7503; }
            .myaccount-bookingstudytime-wrapper .ant-card-bordered .ant-card-body .ant-select .ant-select-selection--single .ant-select-selection__rendered .ant-radio-inner::after {
              width: 12px;
              height: 12px;
              background-color: #0b7503; }
  .myaccount-bookingstudytime-wrapper .myaccountbooking-col1-sec1 {
    border-bottom: 1px solid #f8f8f8;
    padding: 20px; }
  .myaccount-bookingstudytime-wrapper .myaccountbooking-col1-sec2 {
    padding: 20px;
    border-bottom: 1px solid #f8f8f8; }
    .myaccount-bookingstudytime-wrapper .myaccountbooking-col1-sec2 .ant-radio-wrapper {
      padding: 10px 0px; }
  .myaccount-bookingstudytime-wrapper .myaccountbooking-col1-sec3 {
    padding: 20px; }
  .myaccount-bookingstudytime-wrapper .myaccountbooking-col2-sec1 {
    padding: 20px; }
    .myaccount-bookingstudytime-wrapper .myaccountbooking-col2-sec1 .ant-calendar {
      width: 268px;
      border: 0px solid #fff;
      border-radius: 0px;
      outline: none;
      -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
              box-shadow: 0 0px 0px rgba(0, 0, 0, 0); }
      .myaccount-bookingstudytime-wrapper .myaccountbooking-col2-sec1 .ant-calendar .ant-calendar-header {
        border-bottom: 0px;
        background: #f6f6f6; }
      .myaccount-bookingstudytime-wrapper .myaccountbooking-col2-sec1 .ant-calendar .ant-calendar-body {
        padding: 0px;
        background: #f6f6f6; }
        .myaccount-bookingstudytime-wrapper .myaccountbooking-col2-sec1 .ant-calendar .ant-calendar-body .ant-calendar-column-header {
          background: #ebebeb; }
        .myaccount-bookingstudytime-wrapper .myaccountbooking-col2-sec1 .ant-calendar .ant-calendar-body .ant-calendar-selected-date .ant-calendar-date {
          background-color: #0b7503;
          border-radius: 50%; }
  .myaccount-bookingstudytime-wrapper .myaccountbooking-col2-instuctor-sec1 .bookinginstructor-header-wrapper {
    padding: 20px 0px 5px 0px; }
    .myaccount-bookingstudytime-wrapper .myaccountbooking-col2-instuctor-sec1 .bookinginstructor-header-wrapper img {
      width: 60px;
      height: 60px;
      margin: 30px; }
    .myaccount-bookingstudytime-wrapper .myaccountbooking-col2-instuctor-sec1 .bookinginstructor-header-wrapper p {
      font-weight: 600;
      text-align: center;
      margin-bottom: 0px; }
  .myaccount-bookingstudytime-wrapper .myaccountbooking-col2-instuctor-sec1 .bookinginstructor-body-wrapper {
    padding: 10px; }
  .myaccount-bookingstudytime-wrapper .myaccountbooking-col3-sec1-sub {
    padding: 0px 15px; }
  .myaccount-bookingstudytime-wrapper .myaccountbooking-col3-sec1 {
    padding: 15px; }
    .myaccount-bookingstudytime-wrapper .myaccountbooking-col3-sec1 p {
      font-weight: 600;
      margin-bottom: 0px; }
  .myaccount-bookingstudytime-wrapper .myaccountbooking-col3-sec2 {
    padding: 10px;
    padding-top: 0px; }
    .myaccount-bookingstudytime-wrapper .myaccountbooking-col3-sec2 .ant-list * {
      font-size: 12px; }
    .myaccount-bookingstudytime-wrapper .myaccountbooking-col3-sec2 .ant-list-grid .ant-list-item {
      margin-bottom: 7px; }
  .myaccount-bookingstudytime-wrapper .myaccountbooking-col3-sec3 {
    padding: 15px; }
  .myaccount-bookingstudytime-wrapper .myaccountbooking-col4 {
    text-align: center;
    padding: 15px; }
    .myaccount-bookingstudytime-wrapper .myaccountbooking-col4 .myaccountbooking-col4-sec1 {
      padding-top: 30px; }
      .myaccount-bookingstudytime-wrapper .myaccountbooking-col4 .myaccountbooking-col4-sec1 p {
        border-radius: 50%;
        width: 50px;
        height: 50px;
        margin: 20px auto;
        background-color: #0b7503; }
        .myaccount-bookingstudytime-wrapper .myaccountbooking-col4 .myaccountbooking-col4-sec1 p .anticon {
          color: #fff;
          font-size: 34px;
          margin-top: 8px; }
    .myaccount-bookingstudytime-wrapper .myaccountbooking-col4 .myaccountbooking-col4-sec2 p {
      font-weight: 600; }
    .myaccount-bookingstudytime-wrapper .myaccountbooking-col4 .myaccountbooking-col4-sec3 {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: start;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .myaccount-bookingstudytime-wrapper .myaccountbooking-col4 .myaccountbooking-col4-sec3 .time-container {
        width: calc(100% - 80px); }
        .myaccount-bookingstudytime-wrapper .myaccountbooking-col4 .myaccountbooking-col4-sec3 .time-container .ant-input {
          width: 100%;
          margin-bottom: 3px; }
      .myaccount-bookingstudytime-wrapper .myaccountbooking-col4 .myaccountbooking-col4-sec3 p {
        display: inline-block;
        width: 80px; }
      .myaccount-bookingstudytime-wrapper .myaccountbooking-col4 .myaccountbooking-col4-sec3 .ant-input {
        display: inline-block;
        width: calc(100% - 80px);
        border-radius: 4px !important;
        border: 1px solid #ededed !important; }
    .myaccount-bookingstudytime-wrapper .myaccountbooking-col4 .myaccountbooking-col4-sec7 {
      margin-top: 50px !important; }
      .myaccount-bookingstudytime-wrapper .myaccountbooking-col4 .myaccountbooking-col4-sec7 button {
        width: 100%; }

.myaccountbooking-modal-video-instructor {
  margin-bottom: -7px; }

.myaccountbooking-modal-video-instructor iframe {
  max-width: 100%;
  max-height: 100%;
  border-radius: 0px 0px 4px 4px; }

.myaccountbooking-modal-video-instructor video {
  border-radius: 0px 0px 4px 4px; }

html,
body,
section,
ul,
li,
nav,
a,
h1,
h2 {
  padding: 0;
  margin: 0;
  outline: none;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  text-decoration: none; }

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 17px;
  line-height: 1.5em;
  background: transparent !important; }

input[disabled],
button[disabled] {
  border: 1px solid #dcd7d7 !important;
  cursor: not-allowed !important;
  text-shadow: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  text-decoration: none !important;
  outline: none !important; }

.extra-controls {
  position: absolute;
  right: 21%; }

#btn-comments {
  color: red;
  margin-top: 5px;
  font-size: 24px;
  text-shadow: 1px 1px white; }

#onUserStatusChangedWrapper {
  padding: "5px 10px"; }
  #onUserStatusChangedWrapper #onUserStatusChanged {
    position: absolute;
    bottom: 0px;
    padding: 5px; }

#widget-container {
  background-position: 50% 0%; }

#other-videos {
  text-align: center;
  position: absolute; }

#other-videos video {
  width: 100%; }

#txt-chat-message {
  width: 100%;
  resize: vertical;
  margin: 5px;
  margin-right: 0;
  min-height: 30px; }

#btn-chat-message {
  margin: 5px; }

#conversation-panel {
  margin-bottom: 20px;
  text-align: left;
  max-height: 200px;
  overflow: auto;
  border-top: 1px solid #e5e5e5;
  width: 106%; }

#conversation-panel .message {
  border-bottom: 1px solid #e5e5e5;
  padding: 5px 10px; }

#conversation-panel .message img,
#conversation-panel .message video,
#conversation-panel .message iframe {
  max-width: 100%; }

#main-video {
  width: 100%;
  margin-top: -9px;
  border-bottom: 1px solid #121010;
  display: none;
  padding-bottom: 1px;
  display: none; }

hr {
  height: 1px;
  border: 0;
  background: #e5e5e5; }

#btn-attach-file {
  width: 25px;
  vertical-align: middle;
  cursor: pointer;
  display: none; }

#btn-share-screen {
  width: 25px;
  vertical-align: middle;
  cursor: pointer;
  display: none; }

.checkmark {
  display: none;
  width: 15px;
  vertical-align: middle; }

#screen-viewer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999999999;
  display: none; }

.private-class-room-wrapper {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1000; }
  .private-class-room-wrapper .header-wrapper {
    top: 0;
    height: 65px;
    width: 100%;
    position: fixed;
    background-color: #000000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .private-class-room-wrapper .header-wrapper .active-user-type {
      background: #ffffff;
      position: absolute;
      margin: 20px;
      padding: 2px 20px;
      border-radius: 3px; }
    .private-class-room-wrapper .header-wrapper .countdown-time {
      margin: 20px;
      padding: 2px;
      color: #ffffff;
      text-align: end; }
    .private-class-room-wrapper .header-wrapper .finish-button {
      color: #ffffff;
      background-color: #ff0000;
      border: none;
      padding: 2px 20px;
      border-radius: 3px;
      margin: 20px 0px;
      right: 20px;
      position: absolute;
      cursor: pointer; }
    .private-class-room-wrapper .header-wrapper .finish-button:hover {
      background-color: #ff0000cf; }
  .private-class-room-wrapper .footer-wrapper {
    bottom: 0;
    height: 65px;
    width: 100%;
    position: fixed;
    background-color: #000000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .private-class-room-wrapper .footer-wrapper #select-sections,
    .private-class-room-wrapper .footer-wrapper #select-lectures,
    .private-class-room-wrapper .footer-wrapper #refresh-slide {
      border: none !important;
      padding: 20px 2px; }
      .private-class-room-wrapper .footer-wrapper #select-sections div,
      .private-class-room-wrapper .footer-wrapper #select-lectures div,
      .private-class-room-wrapper .footer-wrapper #refresh-slide div {
        border-radius: 3px !important; }
    .private-class-room-wrapper .footer-wrapper .back-button {
      color: #000000;
      font-size: 20px;
      background-color: #ffffff;
      border: none;
      padding: 0px 10px;
      border-radius: 50%;
      margin: 20px 0px;
      cursor: pointer; }
    .private-class-room-wrapper .footer-wrapper .next-button {
      color: #000000;
      font-size: 20px;
      background-color: #ffffff;
      border: none;
      padding: 0px 10px;
      border-radius: 50%;
      margin: 20px 0px;
      cursor: pointer; }
    .private-class-room-wrapper .footer-wrapper .help-button {
      color: #ffffff;
      background-color: #008000;
      border: none;
      padding: 2px 20px;
      border-radius: 3px;
      margin: 20px auto;
      position: relative;
      cursor: pointer; }
    .private-class-room-wrapper .footer-wrapper .help-button:hover {
      background-color: #008000cf; }
    .private-class-room-wrapper .footer-wrapper .question-button {
      color: #ffffff;
      background-color: #2dabe3;
      border: none;
      padding: 2px 20px;
      border-radius: 3px;
      margin: 20px auto;
      position: relative;
      cursor: pointer; }
    .private-class-room-wrapper .footer-wrapper .question-button:hover {
      background-color: #2dabe3cf; }

.private-class-room-message-item {
  border-bottom: 1px solid #0002;
  padding: 5px;
  margin: 0;
  cursor: pointer; }

@media screen and (max-height: 450px) {
  #main-video {
    width: 70%; }
  #other-videos video {
    width: 70%; } }

@media screen and (max-height: 350px) {
  #main-video {
    width: 60%; }
  #other-videos video {
    width: 60%; } }

@media screen and (max-height: 310px) {
  #main-video {
    width: 55%; }
  #other-videos video {
    width: 55%; }
  #onUserStatusChangedWrapper #onUserStatusChanged {
    font-size: 8px; } }

.slash-icon {
  position: relative;
  width: 21px;
  height: 0;
  border-top: 2px solid #fff;
  -webkit-transform: rotate(-38deg);
          transform: rotate(-38deg);
  top: 12px;
  right: 3px; }

.liveroom-page-wrapper-private {
  background-color: #000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 1000;
  background-size: cover; }
  .liveroom-page-wrapper-private * {
    font-family: "sarabun", sans-serif !important; }
  .liveroom-page-wrapper-private .title {
    color: #ffffff;
    font-size: 60px;
    font-family: Poppins !important;
    margin: 0;
    white-space: nowrap; }
  .liveroom-page-wrapper-private .subtitle {
    color: #ffffff;
    font-size: 20px;
    font-family: Poppins !important; }
    .liveroom-page-wrapper-private .subtitle span {
      color: #ffffff;
      font-size: 12px;
      font-family: Poppins !important; }
  .liveroom-page-wrapper-private .back-button {
    color: #ffffff;
    background-color: #000;
    border: none;
    border-radius: 3px;
    padding: 10px 50px;
    cursor: pointer;
    font-family: "Poppins" !important;
    font-size: 20px; }
  .liveroom-page-wrapper-private .loading-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center; }
    .liveroom-page-wrapper-private .loading-wrapper img {
      height: 100px; }
  .liveroom-page-wrapper-private .time-expired-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center; }
    .liveroom-page-wrapper-private .time-expired-wrapper img {
      height: 250px;
      margin-bottom: 10px; }
  .liveroom-page-wrapper-private .not-available-room-student-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center; }
    .liveroom-page-wrapper-private .not-available-room-student-wrapper img {
      height: 250px;
      margin-bottom: 10px; }
  .liveroom-page-wrapper-private .not-available-room-instructor-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center; }
    .liveroom-page-wrapper-private .not-available-room-instructor-wrapper img {
      height: 250px;
      margin-bottom: 10px; }
    .liveroom-page-wrapper-private .not-available-room-instructor-wrapper .clear-button {
      color: #000;
      background-color: #fcb13a;
      border: none;
      border-radius: 3px;
      padding: 10px 50px;
      cursor: pointer;
      font-family: "Poppins" !important;
      height: 100%;
      font-size: 20px; }
    .liveroom-page-wrapper-private .not-available-room-instructor-wrapper .back-button {
      color: #ffffff;
      background-color: transparent;
      border: none;
      border-radius: 3px;
      padding: 10px 50px;
      cursor: pointer;
      font-family: "Poppins" !important;
      width: 100%;
      font-size: 20px; }
  .liveroom-page-wrapper-private .over-imit-room-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center; }
    .liveroom-page-wrapper-private .over-imit-room-wrapper img {
      height: 180px;
      margin-bottom: 10px; }
  .liveroom-page-wrapper-private .duplicate-user-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center; }
    .liveroom-page-wrapper-private .duplicate-user-wrapper img {
      height: 200px;
      margin-bottom: 10px; }
  .liveroom-page-wrapper-private .countdown-time-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center; }
    .liveroom-page-wrapper-private .countdown-time-wrapper img {
      margin-bottom: 10px; }
    .liveroom-page-wrapper-private .countdown-time-wrapper .refresh-button {
      color: #000000;
      background-color: #fcb13a;
      border: none;
      border-radius: 3px;
      padding: 5px 30px;
      cursor: pointer;
      font-size: 30px;
      font-family: "Poppins" !important;
      width: 100%;
      margin-top: 50px;
      margin-bottom: 50px; }
    .liveroom-page-wrapper-private .countdown-time-wrapper .countdown-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      color: #ffffff;
      font-size: 80px;
      font-family: Poppins !important;
      margin-top: 50px;
      margin-bottom: 50px; }
      .liveroom-page-wrapper-private .countdown-time-wrapper .countdown-wrapper .item-countdown-wrapper {
        border: 1px solid #fff;
        border-radius: 8px;
        margin: 5px;
        background-color: #ffffff1a;
        width: 180px; }
        .liveroom-page-wrapper-private .countdown-time-wrapper .countdown-wrapper .item-countdown-wrapper .item-value {
          color: #ffffff;
          font-size: 80px;
          font-family: Poppins !important;
          margin: 0; }
        .liveroom-page-wrapper-private .countdown-time-wrapper .countdown-wrapper .item-countdown-wrapper .item-name {
          color: #ffffff;
          font-size: 14px;
          font-family: Poppins !important;
          margin-top: -10px;
          margin-bottom: 5px; }
  .liveroom-page-wrapper-private .assessment-student-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center; }
    .liveroom-page-wrapper-private .assessment-student-wrapper img {
      height: 175px;
      margin-bottom: 10px; }
    .liveroom-page-wrapper-private .assessment-student-wrapper .ant-rate {
      font-size: 60px !important; }
    .liveroom-page-wrapper-private .assessment-student-wrapper .textarea-input {
      width: 100%;
      margin: 20px;
      border-radius: 5px !important;
      font-size: 18px;
      font-family: "Poppins" !important;
      min-height: 100px;
      color: #ffffff;
      background-color: #ffffff1a; }
    .liveroom-page-wrapper-private .assessment-student-wrapper .send-button {
      color: #000;
      background-color: #fcb13a;
      border: none;
      border-radius: 3px;
      padding: 10px 50px;
      cursor: pointer;
      font-family: "Poppins" !important;
      margin-top: 10px;
      font-size: 20px; }
  .liveroom-page-wrapper-private .assessment-instructor-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center; }
    .liveroom-page-wrapper-private .assessment-instructor-wrapper img {
      height: 175px;
      margin-bottom: 10px; }
    .liveroom-page-wrapper-private .assessment-instructor-wrapper .ant-rate {
      font-size: 60px !important; }
    .liveroom-page-wrapper-private .assessment-instructor-wrapper .detail {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0; }
      .liveroom-page-wrapper-private .assessment-instructor-wrapper .detail .topic {
        text-align: start;
        color: #ffffff;
        font-size: 20px;
        font-family: Poppins !important;
        margin: 0; }
      .liveroom-page-wrapper-private .assessment-instructor-wrapper .detail .result {
        text-align: end;
        color: #ffffff;
        font-size: 20px;
        font-family: Poppins !important;
        margin: 0; }

@media screen and (max-width: 1024px) {
  .liveroom-page-wrapper-private .title {
    font-size: 60px; }
  .liveroom-page-wrapper-private .subtitle {
    font-size: 20px; }
    .liveroom-page-wrapper-private .subtitle span {
      font-size: 16px; }
  .liveroom-page-wrapper-private .back-button {
    border-radius: 3px;
    padding: 10px 50px;
    font-size: 20px; }
  .liveroom-page-wrapper-private .loading-wrapper img {
    height: 100px; }
  .liveroom-page-wrapper-private .time-expired-wrapper img {
    height: 200px; }
  .liveroom-page-wrapper-private .not-available-room-student-wrapper img {
    height: 200px;
    margin-bottom: 10px; }
  .liveroom-page-wrapper-private .not-available-room-instructor-wrapper img {
    height: 200px;
    margin-bottom: 10px; }
  .liveroom-page-wrapper-private .not-available-room-instructor-wrapper .clear-button {
    padding: 10px 50px;
    font-size: 20px; }
  .liveroom-page-wrapper-private .not-available-room-instructor-wrapper .back-button {
    padding: 5px 30px;
    font-size: 20px; }
  .liveroom-page-wrapper-private .over-imit-room-wrapper img {
    height: 180px;
    margin-bottom: 10px; }
  .liveroom-page-wrapper-private .duplicate-user-wrapper img {
    height: 200px;
    margin-bottom: 10px; }
  .liveroom-page-wrapper-private .countdown-time-wrapper img {
    margin-bottom: 10px; }
  .liveroom-page-wrapper-private .countdown-time-wrapper .refresh-button {
    padding: 5px 30px;
    font-size: 30px; }
  .liveroom-page-wrapper-private .countdown-time-wrapper .countdown-wrapper {
    margin-top: 50px;
    margin-bottom: 50px;
    font-size: 80px; }
    .liveroom-page-wrapper-private .countdown-time-wrapper .countdown-wrapper .item-countdown-wrapper {
      border-radius: 8px;
      margin: 5px;
      width: 180px; }
      .liveroom-page-wrapper-private .countdown-time-wrapper .countdown-wrapper .item-countdown-wrapper .item-value {
        font-size: 80px; }
      .liveroom-page-wrapper-private .countdown-time-wrapper .countdown-wrapper .item-countdown-wrapper .item-name {
        font-size: 14px;
        margin-top: -10px;
        margin-bottom: 5px; }
  .liveroom-page-wrapper-private .assessment-student-wrapper img {
    height: 200px; }
  .liveroom-page-wrapper-private .assessment-student-wrapper .ant-rate {
    font-size: 60px !important; }
  .liveroom-page-wrapper-private .assessment-student-wrapper .textarea-input {
    margin: 10px;
    font-size: 20px;
    min-height: 100px; }
  .liveroom-page-wrapper-private .assessment-student-wrapper .send-button {
    padding: 5px 50px;
    margin-top: 10px;
    font-size: 20px; }
  .liveroom-page-wrapper-private .assessment-instructor-wrapper img {
    height: 200px; }
  .liveroom-page-wrapper-private .assessment-instructor-wrapper .ant-rate {
    font-size: 60px !important; }
  .liveroom-page-wrapper-private .assessment-instructor-wrapper .detail .topic {
    font-size: 20px; }
  .liveroom-page-wrapper-private .assessment-instructor-wrapper .detail .result {
    font-size: 20px; } }

@media screen and (max-width: 768px) {
  .liveroom-page-wrapper-private .title {
    font-size: 50px; }
  .liveroom-page-wrapper-private .subtitle {
    font-size: 18px; }
    .liveroom-page-wrapper-private .subtitle span {
      font-size: 12px; }
  .liveroom-page-wrapper-private .back-button {
    border-radius: 3px;
    padding: 8px 40px;
    font-size: 18px; }
  .liveroom-page-wrapper-private .loading-wrapper img {
    height: 80px; }
  .liveroom-page-wrapper-private .time-expired-wrapper img {
    height: 175px; }
  .liveroom-page-wrapper-private .not-available-room-student-wrapper img {
    height: 175px;
    margin-bottom: 10px; }
  .liveroom-page-wrapper-private .not-available-room-instructor-wrapper img {
    height: 175px;
    margin-bottom: 10px; }
  .liveroom-page-wrapper-private .not-available-room-instructor-wrapper .clear-button {
    padding: 8px 40px;
    font-size: 18px; }
  .liveroom-page-wrapper-private .not-available-room-instructor-wrapper .back-button {
    padding: 5px 30px;
    font-size: 18px; }
  .liveroom-page-wrapper-private .countdown-time-wrapper img {
    margin-bottom: 10px; }
  .liveroom-page-wrapper-private .countdown-time-wrapper .refresh-button {
    padding: 5px 30px;
    font-size: 30px; }
  .liveroom-page-wrapper-private .countdown-time-wrapper .countdown-wrapper {
    margin-top: 50px;
    margin-bottom: 50px;
    font-size: 56px; }
    .liveroom-page-wrapper-private .countdown-time-wrapper .countdown-wrapper .item-countdown-wrapper {
      border-radius: 8px;
      margin: 5px;
      width: 120px; }
      .liveroom-page-wrapper-private .countdown-time-wrapper .countdown-wrapper .item-countdown-wrapper .item-value {
        font-size: 56px; }
      .liveroom-page-wrapper-private .countdown-time-wrapper .countdown-wrapper .item-countdown-wrapper .item-name {
        font-size: 10px;
        margin-top: -10px;
        margin-bottom: 5px; }
  .liveroom-page-wrapper-private .assessment-student-wrapper img {
    height: 175px; }
  .liveroom-page-wrapper-private .assessment-student-wrapper .ant-rate {
    font-size: 50px !important; }
  .liveroom-page-wrapper-private .assessment-student-wrapper .textarea-input {
    margin: 5px;
    font-size: 18px;
    min-height: 80px; }
  .liveroom-page-wrapper-private .assessment-student-wrapper .send-button {
    padding: 5px 10px;
    margin-top: 10px;
    font-size: 18px; }
  .liveroom-page-wrapper-private .assessment-instructor-wrapper img {
    height: 175px; }
  .liveroom-page-wrapper-private .assessment-instructor-wrapper .ant-rate {
    font-size: 50px !important; }
  .liveroom-page-wrapper-private .assessment-instructor-wrapper .detail .topic {
    font-size: 18px; }
  .liveroom-page-wrapper-private .assessment-instructor-wrapper .detail .result {
    font-size: 18px; } }

@media screen and (max-width: 414px) {
  .liveroom-page-wrapper-private .title {
    font-size: 24px; }
  .liveroom-page-wrapper-private .subtitle {
    font-size: 12px; }
    .liveroom-page-wrapper-private .subtitle span {
      font-size: 8px; }
  .liveroom-page-wrapper-private .back-button {
    border-radius: 3px;
    padding: 6px 30px;
    font-size: 12px; }
  .liveroom-page-wrapper-private .loading-wrapper img {
    height: 60px; }
  .liveroom-page-wrapper-private .time-expired-wrapper img {
    height: 70px; }
  .liveroom-page-wrapper-private .not-available-room-student-wrapper img {
    height: 70px;
    margin-bottom: 10px; }
  .liveroom-page-wrapper-private .not-available-room-instructor-wrapper img {
    height: 70px;
    margin-bottom: 10px; }
  .liveroom-page-wrapper-private .not-available-room-instructor-wrapper .clear-button {
    padding: 6px 30px;
    font-size: 12px; }
  .liveroom-page-wrapper-private .not-available-room-instructor-wrapper .back-button {
    padding: 5px 30px;
    font-size: 12px; }
  .liveroom-page-wrapper-private .over-imit-room-wrapper img {
    height: 60px;
    margin-bottom: 10px; }
  .liveroom-page-wrapper-private .duplicate-user-wrapper img {
    height: 70px;
    margin-bottom: 10px; }
  .liveroom-page-wrapper-private .countdown-time-wrapper img {
    height: 40px;
    margin-bottom: 10px; }
  .liveroom-page-wrapper-private .countdown-time-wrapper .refresh-button {
    padding: 5px 30px;
    font-size: 30px; }
  .liveroom-page-wrapper-private .countdown-time-wrapper .countdown-wrapper {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 50px; }
    .liveroom-page-wrapper-private .countdown-time-wrapper .countdown-wrapper .item-countdown-wrapper {
      border-radius: 8px;
      margin: 5px;
      width: 100px; }
      .liveroom-page-wrapper-private .countdown-time-wrapper .countdown-wrapper .item-countdown-wrapper .item-value {
        font-size: 50px; }
      .liveroom-page-wrapper-private .countdown-time-wrapper .countdown-wrapper .item-countdown-wrapper .item-name {
        font-size: 8px;
        margin-top: -10px;
        margin-bottom: 5px; }
  .liveroom-page-wrapper-private .assessment-student-wrapper img {
    height: 70px; }
  .liveroom-page-wrapper-private .assessment-student-wrapper .ant-rate {
    font-size: 24px !important; }
  .liveroom-page-wrapper-private .assessment-student-wrapper .textarea-input {
    margin: 10px;
    font-size: 12px;
    min-height: 45px; }
  .liveroom-page-wrapper-private .assessment-student-wrapper .send-button {
    padding: 5px 30px;
    margin-top: 10px;
    font-size: 12px; }
  .liveroom-page-wrapper-private .assessment-instructor-wrapper img {
    height: 70px; }
  .liveroom-page-wrapper-private .assessment-instructor-wrapper .ant-rate {
    font-size: 24px !important; }
  .liveroom-page-wrapper-private .assessment-instructor-wrapper .detail .topic {
    font-size: 12px; }
  .liveroom-page-wrapper-private .assessment-instructor-wrapper .detail .result {
    font-size: 12px; } }

@media screen and (max-width: 375px) {
  .liveroom-page-wrapper-private .title {
    font-size: 20px; }
  .liveroom-page-wrapper-private .subtitle {
    font-size: 10px; }
    .liveroom-page-wrapper-private .subtitle span {
      font-size: 8px; }
  .liveroom-page-wrapper-private .back-button {
    border-radius: 3px;
    padding: 5px 15px;
    font-size: 10px; }
  .liveroom-page-wrapper-private .loading-wrapper img {
    height: 40px; }
  .liveroom-page-wrapper-private .time-expired-wrapper img {
    height: 60px; }
  .liveroom-page-wrapper-private .not-available-room-student-wrapper img {
    height: 60px;
    margin-bottom: 10px; }
  .liveroom-page-wrapper-private .not-available-room-instructor-wrapper img {
    height: 60px;
    margin-bottom: 10px; }
  .liveroom-page-wrapper-private .not-available-room-instructor-wrapper .clear-button {
    padding: 5px 15px;
    font-size: 10px; }
  .liveroom-page-wrapper-private .not-available-room-instructor-wrapper .back-button {
    padding: 5px 30px;
    font-size: 10px; }
  .liveroom-page-wrapper-private .over-imit-room-wrapper img {
    height: 50px;
    margin-bottom: 10px; }
  .liveroom-page-wrapper-private .duplicate-user-wrapper img {
    height: 60px;
    margin-bottom: 10px; }
  .liveroom-page-wrapper-private .countdown-time-wrapper img {
    height: 30px;
    margin-bottom: 10px; }
  .liveroom-page-wrapper-private .countdown-time-wrapper .refresh-button {
    padding: 5px 30px;
    font-size: 30px; }
  .liveroom-page-wrapper-private .countdown-time-wrapper .countdown-wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 40px; }
    .liveroom-page-wrapper-private .countdown-time-wrapper .countdown-wrapper .item-countdown-wrapper {
      border-radius: 8px;
      margin: 5px;
      width: 80px; }
      .liveroom-page-wrapper-private .countdown-time-wrapper .countdown-wrapper .item-countdown-wrapper .item-value {
        font-size: 40px; }
      .liveroom-page-wrapper-private .countdown-time-wrapper .countdown-wrapper .item-countdown-wrapper .item-name {
        font-size: 8px;
        margin-top: -10px;
        margin-bottom: 5px; }
  .liveroom-page-wrapper-private .assessment-student-wrapper img {
    height: 60px; }
  .liveroom-page-wrapper-private .assessment-student-wrapper .ant-rate {
    font-size: 20px !important; }
  .liveroom-page-wrapper-private .assessment-student-wrapper .textarea-input {
    margin: 10px;
    font-size: 10px;
    min-height: 40px; }
  .liveroom-page-wrapper-private .assessment-student-wrapper .send-button {
    padding: 5px 30px;
    margin-top: 10px;
    font-size: 10px; }
  .liveroom-page-wrapper-private .assessment-instructor-wrapper img {
    height: 60px; }
  .liveroom-page-wrapper-private .assessment-instructor-wrapper .ant-rate {
    font-size: 20px !important; }
  .liveroom-page-wrapper-private .assessment-instructor-wrapper .detail .topic {
    font-size: 10px; }
  .liveroom-page-wrapper-private .assessment-instructor-wrapper .detail .result {
    font-size: 10px; } }

@media only screen and (min-device-width: 568px) and (max-device-width: 812px) and (orientation: landscape) {
  .liveroom-page-wrapper-private .title {
    font-size: 20px; }
  .liveroom-page-wrapper-private .subtitle {
    font-size: 10px; }
    .liveroom-page-wrapper-private .subtitle span {
      font-size: 8px; }
  .liveroom-page-wrapper-private .back-button {
    border-radius: 3px;
    padding: 5px 15px;
    font-size: 10px; }
  .liveroom-page-wrapper-private .loading-wrapper img {
    height: 40px; }
  .liveroom-page-wrapper-private .time-expired-wrapper img {
    height: 60px; }
  .liveroom-page-wrapper-private .not-available-room-student-wrapper img {
    height: 60px;
    margin-bottom: 10px; }
  .liveroom-page-wrapper-private .not-available-room-instructor-wrapper img {
    height: 60px;
    margin-bottom: 10px; }
  .liveroom-page-wrapper-private .not-available-room-instructor-wrapper .clear-button {
    padding: 5px 15px;
    font-size: 10px; }
  .liveroom-page-wrapper-private .not-available-room-instructor-wrapper .back-button {
    padding: 5px 30px;
    font-size: 10px; }
  .liveroom-page-wrapper-private .over-imit-room-wrapper img {
    height: 50px;
    margin-bottom: 10px; }
  .liveroom-page-wrapper-private .duplicate-user-wrapper img {
    height: 60px;
    margin-bottom: 10px; }
  .liveroom-page-wrapper-private .countdown-time-wrapper img {
    height: 30px;
    margin-bottom: 10px; }
  .liveroom-page-wrapper-private .countdown-time-wrapper .refresh-button {
    padding: 5px 30px;
    font-size: 30px; }
  .liveroom-page-wrapper-private .countdown-time-wrapper .countdown-wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 40px; }
    .liveroom-page-wrapper-private .countdown-time-wrapper .countdown-wrapper .item-countdown-wrapper {
      border-radius: 8px;
      margin: 5px;
      width: 80px; }
      .liveroom-page-wrapper-private .countdown-time-wrapper .countdown-wrapper .item-countdown-wrapper .item-value {
        font-size: 40px; }
      .liveroom-page-wrapper-private .countdown-time-wrapper .countdown-wrapper .item-countdown-wrapper .item-name {
        font-size: 8px;
        margin-top: -10px;
        margin-bottom: 5px; }
  .liveroom-page-wrapper-private .assessment-student-wrapper img {
    height: 60px; }
  .liveroom-page-wrapper-private .assessment-student-wrapper .ant-rate {
    font-size: 20px !important; }
  .liveroom-page-wrapper-private .assessment-student-wrapper .textarea-input {
    margin: 10px;
    font-size: 10px;
    min-height: 40px; }
  .liveroom-page-wrapper-private .assessment-student-wrapper .send-button {
    padding: 5px 30px;
    margin-top: 10px;
    font-size: 10px; }
  .liveroom-page-wrapper-private .assessment-instructor-wrapper img {
    height: 60px; }
  .liveroom-page-wrapper-private .assessment-instructor-wrapper .ant-rate {
    font-size: 20px !important; }
  .liveroom-page-wrapper-private .assessment-instructor-wrapper .detail .topic {
    font-size: 10px; }
  .liveroom-page-wrapper-private .assessment-instructor-wrapper .detail .result {
    font-size: 10px; } }

.footer-privateclassroom-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 999999;
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #000;
  height: 65px;
  padding: 0px 15px; }
  @supports (-webkit-touch-callout: none) {
    .footer-privateclassroom-wrapper {
      padding-bottom: 40px; } }
  @media (max-width: 1024px) {
    .footer-privateclassroom-wrapper > div:first-child {
      width: 35% !important; }
      .footer-privateclassroom-wrapper > div:first-child .ant-select-selection {
        font-size: 9px;
        height: 25px !important; }
      .footer-privateclassroom-wrapper > div:first-child .ant-select-selection__rendered {
        line-height: 25px; } }
  @media (max-width: 1024px) {
    .footer-privateclassroom-wrapper .live-footer-right {
      padding: 20px 0px !important; } }
  @media (max-width: 1024px) {
    .footer-privateclassroom-wrapper .live-footer-right button {
      width: 50px !important;
      font-size: 9px;
      height: 25px; } }
  @media (max-width: 414px) {
    .footer-privateclassroom-wrapper .live-footer-right button {
      width: 35px !important;
      font-size: 7px;
      padding: 0;
      height: 25px; } }
  @media (max-width: 320px) {
    .footer-privateclassroom-wrapper .live-footer-right button {
      width: 24px !important;
      font-size: 7px;
      padding: 0;
      height: 25px; } }
  .footer-privateclassroom-wrapper #select-sections,
  .footer-privateclassroom-wrapper #select-lectures {
    border: none !important;
    padding-right: 15px; }
    @media (max-width: 1024px) {
      .footer-privateclassroom-wrapper #select-sections,
      .footer-privateclassroom-wrapper #select-lectures {
        padding-right: 5px; } }
    .footer-privateclassroom-wrapper #select-sections div,
    .footer-privateclassroom-wrapper #select-lectures div {
      border-radius: 3px !important; }
    .footer-privateclassroom-wrapper #select-sections .ant-select-arrow,
    .footer-privateclassroom-wrapper #select-lectures .ant-select-arrow {
      color: #fff !important;
      padding-top: 2px;
      font-size: 10px; }
    .footer-privateclassroom-wrapper #select-sections .ant-select-selection,
    .footer-privateclassroom-wrapper #select-lectures .ant-select-selection {
      border-radius: 3px !important;
      background: #323336 !important;
      color: #fff !important;
      border: 1px solid #444447 !important;
      min-width: 150px !important; }
      @media (max-width: 1024px) {
        .footer-privateclassroom-wrapper #select-sections .ant-select-selection,
        .footer-privateclassroom-wrapper #select-lectures .ant-select-selection {
          font-size: 12px;
          min-width: 0px; } }
  .footer-privateclassroom-wrapper .back-button {
    color: #000000;
    font-size: 20px;
    background-color: #ffffff;
    border: none;
    padding: 0px 10px;
    border-radius: 50%;
    margin: 20px 0px;
    cursor: pointer; }
  .footer-privateclassroom-wrapper .next-button {
    color: #000000;
    font-size: 20px;
    background-color: #ffffff;
    border: none;
    padding: 0px 10px;
    border-radius: 50%;
    margin: 20px 0px;
    cursor: pointer;
    font-family: 'sarabun'; }
  .footer-privateclassroom-wrapper .help-button {
    color: #ffffff;
    background-color: #008000;
    border: none;
    padding: 5px 20px 4px 20px;
    border-radius: 3px;
    margin: 20px 7px;
    position: relative;
    cursor: pointer;
    font-family: 'sarabun'; }
    @media (max-width: 1024px) {
      .footer-privateclassroom-wrapper .help-button {
        font-size: 9px;
        height: 25px; } }
    @media (max-width: 414px) {
      .footer-privateclassroom-wrapper .help-button {
        padding: 5px 10px 4px 10px;
        border-radius: 3px;
        margin: 20px 5px;
        font-size: 7px !important; } }
  .footer-privateclassroom-wrapper .help-button:hover {
    background-color: #008000cf; }
  .footer-privateclassroom-wrapper .question-button {
    color: #ffffff;
    background-color: #2dabe3;
    border: none;
    padding: 5px 20px 4px 20px;
    border-radius: 3px;
    margin: 20px 7px;
    position: relative;
    cursor: pointer;
    font-family: 'sarabun'; }
    @media (max-width: 1024px) {
      .footer-privateclassroom-wrapper .question-button {
        font-size: 9px;
        height: 25px; } }
    @media (max-width: 414px) {
      .footer-privateclassroom-wrapper .question-button {
        padding: 5px 2px 4px 2px;
        border-radius: 3px;
        margin: 20px 0px;
        font-size: 7px !important; } }
  .footer-privateclassroom-wrapper .question-button:hover {
    background-color: #2dabe3cf; }

@media (max-width: 730px) {
  .private-label {
    white-space: pre;
    margin-right: 10px; } }

.footer-privateclassroom-new-wrapper {
  background-color: #202225;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  height: 65px !important;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0px 16px 0px 16px;
  position: fixed;
  width: 100%;
  z-index: 999999;
  bottom: 0; }
  @media (max-width: 1024px) {
    .footer-privateclassroom-new-wrapper {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      overflow: auto;
      padding: 0px 4px; }
      .footer-privateclassroom-new-wrapper .ant-col {
        width: auto !important; }
      .footer-privateclassroom-new-wrapper .ant-col > div {
        margin: 0px !important;
        padding: 0px 8px !important;
        width: auto !important; }
      .footer-privateclassroom-new-wrapper .private-share-btn {
        display: none !important; }
      .footer-privateclassroom-new-wrapper .private-record-btn {
        display: none !important; } }
  .footer-privateclassroom-new-wrapper #select-sections,
  .footer-privateclassroom-new-wrapper #select-lectures {
    border: none !important;
    padding-right: 15px; }
    @media (max-width: 1024px) {
      .footer-privateclassroom-new-wrapper #select-sections,
      .footer-privateclassroom-new-wrapper #select-lectures {
        padding-right: 5px; } }
    .footer-privateclassroom-new-wrapper #select-sections div,
    .footer-privateclassroom-new-wrapper #select-lectures div {
      border-radius: 3px !important; }
    .footer-privateclassroom-new-wrapper #select-sections .ant-select-arrow,
    .footer-privateclassroom-new-wrapper #select-lectures .ant-select-arrow {
      color: #fff !important;
      padding-top: 2px;
      font-size: 10px; }
    .footer-privateclassroom-new-wrapper #select-sections .ant-select-selection,
    .footer-privateclassroom-new-wrapper #select-lectures .ant-select-selection {
      border-radius: 3px !important;
      background: #323336 !important;
      color: #fff !important;
      border: 1px solid #444447 !important;
      min-width: 150px !important; }
      @media (max-width: 1024px) {
        .footer-privateclassroom-new-wrapper #select-sections .ant-select-selection,
        .footer-privateclassroom-new-wrapper #select-lectures .ant-select-selection {
          font-size: 12px;
          min-width: 0px; } }
  .footer-privateclassroom-new-wrapper .back-button {
    color: #000000;
    font-size: 20px;
    border: none;
    padding: 0px 10px;
    margin: 20px 0px;
    cursor: pointer; }
  .footer-privateclassroom-new-wrapper .next-button {
    color: #000000;
    font-size: 20px;
    border: none;
    padding: 0px 10px;
    margin: 20px 0px;
    cursor: pointer;
    font-family: 'sarabun'; }
  .footer-privateclassroom-new-wrapper .foot-btn-icon {
    font-size: 20px;
    padding-bottom: 5px;
    color: #a8a8a8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media (max-width: 1024px) {
      .footer-privateclassroom-new-wrapper .foot-btn-icon {
        padding-bottom: 0px;
        padding-top: 5px; } }
  @media (max-width: 1024px) {
    .footer-privateclassroom-new-wrapper .foot-btn-icon.tool {
      padding-bottom: 2px !important;
      padding-top: 6px !important; } }
  .footer-privateclassroom-new-wrapper .foot-btn-text {
    font-size: 12px;
    color: #a8a8a8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .footer-privateclassroom-new-wrapper .live-btn:hover .foot-btn-icon, .footer-privateclassroom-new-wrapper .live-btn:hover .foot-btn-text {
    color: #23d959; }

.new-toolbox .toolbox-background {
  background-image: none !important; }

.privateclassroom-page-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #f9f9f9; }
  .privateclassroom-page-wrapper .header-title-wrapper {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 65px;
    padding: 0 24px;
    background-color: #202225;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media (max-width: 1024px) {
      .privateclassroom-page-wrapper .header-title-wrapper {
        padding: 0 12px;
        overflow: auto; }
        .privateclassroom-page-wrapper .header-title-wrapper .ant-row::before, .privateclassroom-page-wrapper .header-title-wrapper .ant-row::after {
          display: none !important; } }
    .privateclassroom-page-wrapper .header-title-wrapper .course-name-label {
      font-size: 14px;
      font-weight: 300; }
      @media (max-width: 1024px) {
        .privateclassroom-page-wrapper .header-title-wrapper .course-name-label {
          font-size: 12px; } }
    .privateclassroom-page-wrapper .header-title-wrapper .course-name-text {
      font-size: 14px;
      font-weight: 500; }
      @media (max-width: 1024px) {
        .privateclassroom-page-wrapper .header-title-wrapper .course-name-text {
          font-size: 12px; } }
    .privateclassroom-page-wrapper .header-title-wrapper .active-user-type {
      background: #fff;
      position: relative;
      border: 1px solid #a4a4a4;
      color: #000;
      margin: 20px 15px;
      padding: 2px 20px;
      font-family: 'Sarabun' !important;
      font-size: 13px;
      border-radius: 3px; }
      @media (max-width: 1024px) {
        .privateclassroom-page-wrapper .header-title-wrapper .active-user-type {
          margin: 20px 5px;
          padding: 2px 5px;
          font-size: 9px; } }
    @media (max-width: 1024px) {
      .privateclassroom-page-wrapper .header-title-wrapper .instructor-now-detail {
        padding: 20px; } }
    @media (max-width: 1024px) {
      .privateclassroom-page-wrapper .header-title-wrapper .instructor-now-detail p {
        font-size: 9px;
        margin: 0px !important; } }
    @media (max-width: 414px) {
      .privateclassroom-page-wrapper .header-title-wrapper .instructor-now-detail p {
        font-size: 7px;
        margin: 0px !important;
        max-height: 30px;
        overflow: hidden; } }
    .privateclassroom-page-wrapper .header-title-wrapper .select-lecture-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      color: #fff; }
      @media (max-width: 1024px) {
        .privateclassroom-page-wrapper .header-title-wrapper .select-lecture-box {
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start; } }
      .privateclassroom-page-wrapper .header-title-wrapper .select-lecture-box #select-sections,
      .privateclassroom-page-wrapper .header-title-wrapper .select-lecture-box #select-lectures {
        border: none !important;
        padding-right: 15px; }
        @media (max-width: 1024px) {
          .privateclassroom-page-wrapper .header-title-wrapper .select-lecture-box #select-sections,
          .privateclassroom-page-wrapper .header-title-wrapper .select-lecture-box #select-lectures {
            padding-right: 5px; } }
        .privateclassroom-page-wrapper .header-title-wrapper .select-lecture-box #select-sections .ant-select-arrow,
        .privateclassroom-page-wrapper .header-title-wrapper .select-lecture-box #select-lectures .ant-select-arrow {
          color: #fff !important;
          padding-top: 2px;
          font-size: 10px; }
        .privateclassroom-page-wrapper .header-title-wrapper .select-lecture-box #select-sections .ant-select-selection,
        .privateclassroom-page-wrapper .header-title-wrapper .select-lecture-box #select-lectures .ant-select-selection {
          border-radius: 3px !important;
          background: #323336 !important;
          color: #fff !important;
          border: 1px solid #444447 !important;
          min-width: 150px !important; }
          @media (max-width: 1024px) {
            .privateclassroom-page-wrapper .header-title-wrapper .select-lecture-box #select-sections .ant-select-selection,
            .privateclassroom-page-wrapper .header-title-wrapper .select-lecture-box #select-lectures .ant-select-selection {
              font-size: 12px;
              min-width: 0px; } }
    .privateclassroom-page-wrapper .header-title-wrapper .countdown-time {
      margin: 0px;
      padding: 0px;
      color: #ffffff;
      text-align: end;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
      .privateclassroom-page-wrapper .header-title-wrapper .countdown-time .countdown-zone-time {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 14px;
        white-space: pre; }
        @media (max-width: 1024px) {
          .privateclassroom-page-wrapper .header-title-wrapper .countdown-time .countdown-zone-time {
            display: block;
            font-size: 12px; } }
        .privateclassroom-page-wrapper .header-title-wrapper .countdown-time .countdown-zone-time span {
          font-size: 14px;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          font-family: 'Sarabun' !important;
          font-weight: 300; }
          @media (max-width: 1024px) {
            .privateclassroom-page-wrapper .header-title-wrapper .countdown-time .countdown-zone-time span {
              font-size: 12px; } }
      .privateclassroom-page-wrapper .header-title-wrapper .countdown-time .countdown-zone-time > div:nth-child(1) {
        padding-right: 5px; }
    .privateclassroom-page-wrapper .header-title-wrapper .finish-button {
      color: #ffffff;
      background-color: #ff0000;
      border: none;
      padding: 2px 20px;
      border-radius: 0;
      top: 0px;
      left: 0px;
      border-radius: 5px;
      cursor: pointer; }
      @media (max-width: 414px) {
        .privateclassroom-page-wrapper .header-title-wrapper .finish-button {
          font-size: 9px; } }
    .privateclassroom-page-wrapper .header-title-wrapper .finish-button:hover {
      background-color: #ff0000cf; }
  .privateclassroom-page-wrapper .sub-header-title-wrapper {
    padding: 10px 20px 10px 20px;
    background-color: #ececee; }
    .privateclassroom-page-wrapper .sub-header-title-wrapper .sub-header-title {
      margin-bottom: 0px;
      font-size: 18px;
      color: #636363;
      font-weight: 700;
      font-family: 'Sarabun' !important; }
  .privateclassroom-page-wrapper .online-title-wrapper {
    padding: 5px 20px; }
    .privateclassroom-page-wrapper .online-title-wrapper .online-title {
      color: #43b581;
      margin: 0px;
      font-size: 16px;
      font-weight: 700;
      font-family: 'Sarabun' !important; }
  .privateclassroom-page-wrapper .offline-title-wrapper {
    padding: 5px 20px; }
    .privateclassroom-page-wrapper .offline-title-wrapper .offline-title {
      color: #f95151;
      margin: 0px;
      font-size: 16px;
      font-weight: 700;
      font-family: 'Sarabun' !important; }
  .privateclassroom-page-wrapper .blocked-title-wrapper {
    padding: 5px 20px; }
    .privateclassroom-page-wrapper .blocked-title-wrapper .blocked-title {
      color: #e0691a;
      margin: 0px;
      font-size: 16px; }
  .privateclassroom-page-wrapper .instructor-online-wrapper {
    padding: 5px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around; }
    .privateclassroom-page-wrapper .instructor-online-wrapper .online-item-avatar-frame {
      background: -webkit-gradient(linear, left top, right top, from(red), to(purple));
      background: linear-gradient(to right, red, purple);
      padding: 3px;
      border-radius: 50%; }
    .privateclassroom-page-wrapper .instructor-online-wrapper .online-item-avatar-online-point {
      height: 13px;
      width: 13px;
      background-color: #43b581;
      margin: 3px;
      border: 2px solid #fff;
      position: absolute;
      margin-top: -10px;
      margin-left: 24px;
      border-radius: 50%; }
    .privateclassroom-page-wrapper .instructor-online-wrapper .online-item-avatar {
      width: 35px;
      height: 35px;
      border-radius: 50%;
      background-color: #ffffff; }
    .privateclassroom-page-wrapper .instructor-online-wrapper .online-item-name {
      color: #000000;
      margin-top: 9px;
      margin-left: 10px;
      margin-bottom: 9px;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden; }
    .privateclassroom-page-wrapper .instructor-online-wrapper .online-item-button {
      color: #ffffff;
      background-color: red;
      height: 25px;
      margin-top: 7px;
      border-radius: 4px;
      border: none; }
  .privateclassroom-page-wrapper .instructor-offline-wrapper {
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around; }
    .privateclassroom-page-wrapper .instructor-offline-wrapper .offline-item-avatar {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background-color: #ffffff; }
    .privateclassroom-page-wrapper .instructor-offline-wrapper .offline-item-name {
      color: #ebe9e9;
      margin-top: 9px;
      margin-left: 10px;
      margin-bottom: 9px;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden; }
    .privateclassroom-page-wrapper .instructor-offline-wrapper .offline-item-button {
      color: #ffffff;
      background-color: #ebe9e9;
      height: 30px;
      border: none; }
  .privateclassroom-page-wrapper .jitsi-video.whiteboard-open {
    width: 25%; }
  .privateclassroom-page-wrapper .jitsi-video.whiteboard-close {
    width: 100%; }
  .privateclassroom-page-wrapper .jitsi-whiteboard-open {
    display: block;
    width: 75%; }
    .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      width: 1440px;
      height: 820px;
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transform-origin: top left;
              transform-origin: top left;
      position: absolute; }
    @media (max-width: 1024px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open {
        width: 100%;
        overflow: hidden; } }
    @media (min-width: 2560px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(1.333);
                transform: scale(1.333); } }
    @media (max-width: 2520px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(1.24);
                transform: scale(1.24); } }
    @media (max-width: 2560px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(1.26);
                transform: scale(1.26); } }
    @media (max-width: 2420px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(1.25);
                transform: scale(1.25); } }
    @media (max-width: 2370px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(1.24);
                transform: scale(1.24); } }
    @media (max-width: 2320px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(1.215);
                transform: scale(1.215); } }
    @media (max-width: 2270px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(1.21);
                transform: scale(1.21); } }
    @media (max-width: 2220px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(1.18);
                transform: scale(1.18); } }
    @media (max-width: 2170px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(1.138);
                transform: scale(1.138); } }
    @media (max-width: 2120px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(1.12);
                transform: scale(1.12); } }
    @media (max-width: 2070px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(1.1);
                transform: scale(1.1); } }
    @media (max-width: 2020px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(1.05);
                transform: scale(1.05); } }
    @media (max-width: 1970px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(1.025);
                transform: scale(1.025); } }
    @media (max-width: 1920px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(1.03);
                transform: scale(1.03); } }
    @media (max-width: 1870px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.996);
                transform: scale(0.996); } }
    @media (max-width: 1820px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.95);
                transform: scale(0.95); } }
    @media (max-width: 1770px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.925);
                transform: scale(0.925); } }
    @media (max-width: 1720px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.9);
                transform: scale(0.9); } }
    @media (max-width: 1670px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.875);
                transform: scale(0.875); } }
    @media (max-width: 1620px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.85);
                transform: scale(0.85); } }
    @media (max-width: 1570px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.825);
                transform: scale(0.825); } }
    @media (max-width: 1520px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.8);
                transform: scale(0.8); } }
    @media (max-width: 1470px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.775);
                transform: scale(0.775); } }
    @media (max-width: 1440px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.75);
                transform: scale(0.75); } }
    @media (max-width: 1390px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.74);
                transform: scale(0.74); } }
    @media (max-width: 1380px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.73);
                transform: scale(0.73); } }
    @media (max-width: 1366px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.71);
                transform: scale(0.71); } }
    @media (max-width: 1320px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.7);
                transform: scale(0.7); } }
    @media (max-width: 1280px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.667);
                transform: scale(0.667); } }
    @media (max-width: 1235px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.655);
                transform: scale(0.655); } }
    @media (max-width: 1220px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.642);
                transform: scale(0.642); } }
    @media (max-width: 1190px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.63);
                transform: scale(0.63); } }
    @media (max-width: 1170px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.617);
                transform: scale(0.617); } }
    @media (max-width: 1120px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.58);
                transform: scale(0.58); } }
    @media (max-width: 1080px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.573);
                transform: scale(0.573); } }
    @media (max-width: 1065px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.567);
                transform: scale(0.567); } }
    @media (max-width: 1055px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.56);
                transform: scale(0.56); } }
    @media (max-width: 1040px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.551);
                transform: scale(0.551); } }
    @media (max-width: 1024px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.565);
                transform: scale(0.565); } }
    @media (max-width: 990px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.56);
                transform: scale(0.56); } }
    @media (max-width: 970px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.545);
                transform: scale(0.545); } }
    @media (max-width: 950px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.54);
                transform: scale(0.54); } }
    @media (max-width: 940px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.53);
                transform: scale(0.53); } }
    @media (max-width: 920px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.52);
                transform: scale(0.52); } }
    @media (max-width: 905px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.515);
                transform: scale(0.515); } }
    @media (max-width: 895px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.51);
                transform: scale(0.51); } }
    @media (max-width: 885px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.5);
                transform: scale(0.5); } }
    @media (max-width: 870px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.496);
                transform: scale(0.496); } }
    @media (max-width: 860px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.49);
                transform: scale(0.49); } }
    @media (max-width: 850px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.484);
                transform: scale(0.484); } }
    @media (max-width: 840px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.477);
                transform: scale(0.477); } }
    @media (max-width: 830px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.47);
                transform: scale(0.47); } }
    @media (max-width: 820px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.465);
                transform: scale(0.465); } }
    @media (max-width: 820px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.46);
                transform: scale(0.46); } }
    @media (max-width: 800px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.443);
                transform: scale(0.443); } }
    @media (max-width: 768px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.426);
                transform: scale(0.426); } }
    @media (max-width: 736px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.41);
                transform: scale(0.41); } }
    @media (max-width: 725px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.4);
                transform: scale(0.4); } }
    @media (max-width: 715px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.4);
                transform: scale(0.4); } }
    @media (max-width: 695px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.394);
                transform: scale(0.394); } }
    @media (max-width: 685px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.39);
                transform: scale(0.39); } }
    @media (max-width: 675px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.384);
                transform: scale(0.384); } }
    @media (max-width: 667px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.37);
                transform: scale(0.37); } }
    @media (max-width: 640px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.363);
                transform: scale(0.363); } }
    @media (max-width: 630px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.357);
                transform: scale(0.357); } }
    @media (max-width: 620px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.35);
                transform: scale(0.35); } }
    @media (max-width: 610px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.346);
                transform: scale(0.346); } }
    @media (max-width: 600px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.34);
                transform: scale(0.34); } }
    @media (max-width: 590px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.335);
                transform: scale(0.335); } }
    @media (max-width: 580px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.33);
                transform: scale(0.33); } }
    @media (max-width: 570px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.325);
                transform: scale(0.325); } }
    @media (max-width: 568px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.315);
                transform: scale(0.315); } }
    @media (max-width: 540px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.254);
                transform: scale(0.254); } }
    @media (max-width: 530px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.25);
                transform: scale(0.25); } }
    @media (max-width: 520px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.245);
                transform: scale(0.245); } }
    @media (max-width: 510px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.24);
                transform: scale(0.24); } }
    @media (max-width: 500px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.235);
                transform: scale(0.235); } }
    @media (max-width: 490px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.23);
                transform: scale(0.23); } }
    @media (max-width: 480px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.225);
                transform: scale(0.225); } }
    @media (max-width: 475px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.22);
                transform: scale(0.22); } }
    @media (max-width: 465px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.22);
                transform: scale(0.22); } }
    @media (max-width: 460px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.215);
                transform: scale(0.215); } }
    @media (max-width: 450px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.21);
                transform: scale(0.21); } }
    @media (max-width: 440px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.205);
                transform: scale(0.205); } }
    @media (max-width: 435px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.205);
                transform: scale(0.205); } }
    @media (max-width: 425px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.2);
                transform: scale(0.2); } }
    @media (max-width: 415px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.195);
                transform: scale(0.195); } }
    @media (max-width: 400px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.189);
                transform: scale(0.189); } }
    @media (max-width: 396px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.18);
                transform: scale(0.18); } }
    @media (max-width: 391px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.18);
                transform: scale(0.18); } }
    @media (max-width: 381px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.179);
                transform: scale(0.179); } }
    @media (max-width: 376px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.175);
                transform: scale(0.175); } }
    @media (max-width: 370px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.175);
                transform: scale(0.175); } }
    @media (max-width: 364px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.17);
                transform: scale(0.17); } }
    @media (max-width: 355px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.165);
                transform: scale(0.165); } }
    @media (max-width: 345px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.16);
                transform: scale(0.16); } }
    @media (max-width: 335px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.155);
                transform: scale(0.155); } }
    @media (max-width: 325px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.155);
                transform: scale(0.155); } }
    @media (max-width: 320px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.15);
                transform: scale(0.15); } }
    @media (max-width: 280px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.13);
                transform: scale(0.13); } }
    @media (max-height: 540px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.57);
                transform: scale(0.57); } }
    @media (max-height: 540px) and (max-width: 964px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.54);
                transform: scale(0.54); } }
    @media (max-height: 540px) and (max-width: 935px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.53);
                transform: scale(0.53); } }
    @media (max-height: 540px) and (max-width: 915px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.52);
                transform: scale(0.52); } }
    @media (max-height: 540px) and (max-width: 895px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.5);
                transform: scale(0.5); } }
    @media (max-height: 540px) and (max-width: 865px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.49);
                transform: scale(0.49); } }
    @media (max-height: 540px) and (max-width: 850px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.48);
                transform: scale(0.48); } }
    @media (max-height: 540px) and (max-width: 830px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.47);
                transform: scale(0.47); } }
    @media (max-height: 540px) and (max-width: 810px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.46);
                transform: scale(0.46); } }
    @media (max-height: 540px) and (max-width: 790px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.44);
                transform: scale(0.44); } }
    @media (max-height: 540px) and (max-width: 770px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.435);
                transform: scale(0.435); } }
    @media (max-height: 540px) and (max-width: 755px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.425);
                transform: scale(0.425); } }
    @media (max-height: 540px) and (max-width: 735px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.415);
                transform: scale(0.415); } }
    @media (max-height: 540px) and (max-width: 720px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.41);
                transform: scale(0.41); } }
    @media (max-height: 540px) and (max-width: 710px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.4);
                transform: scale(0.4); } }
    @media (max-height: 531px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.55);
                transform: scale(0.55); } }
    @media (max-height: 521px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.515);
                transform: scale(0.515); } }
    @media (max-height: 511px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.48);
                transform: scale(0.48); } }
    @media (max-height: 500px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.45);
                transform: scale(0.45); } }
    @media (max-height: 490px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.5);
                transform: scale(0.5); } }
    @media (max-height: 480px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.48);
                transform: scale(0.48); } }
    @media (max-height: 470px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.47);
                transform: scale(0.47); } }
    @media (max-height: 460px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.425);
                transform: scale(0.425); } }
    @media (max-height: 450px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.4);
                transform: scale(0.4); } }
    @media (max-height: 430px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.4);
                transform: scale(0.4); } }
    @media (max-height: 420px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.4);
                transform: scale(0.4); } }
    @media (max-height: 415px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.39);
                transform: scale(0.39); } }
    @media (max-height: 411px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.345);
                transform: scale(0.345); } }
    @media (max-height: 381px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.345);
                transform: scale(0.345); } }
    @media (max-height: 376px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.327);
                transform: scale(0.327); } }
    @media (max-height: 370px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.33);
                transform: scale(0.33); } }
    @media (max-height: 360px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.29);
                transform: scale(0.29); } }
    @media (max-height: 350px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.29);
                transform: scale(0.29); } }
    @media (max-height: 340px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.265);
                transform: scale(0.265); } }
    @media (max-height: 330px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.265);
                transform: scale(0.265); } }
    @media (max-height: 320px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.2);
                transform: scale(0.2); } }
    @media (max-height: 280px) {
      .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.19);
                transform: scale(0.19); } }
  .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-close {
    display: none;
    position: relative;
    overflow: hidden; }
  .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden; }
    .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
      width: 1440px;
      height: 820px;
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transform-origin: top left;
              transform-origin: top left;
      position: absolute; }
    @media (max-width: 1024px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open {
        width: 100%;
        overflow: hidden; } }
    @media (max-width: 2570px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(1.353);
                transform: scale(1.353); } }
    @media (max-width: 2420px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(1.382);
                transform: scale(1.382); } }
    @media (max-width: 2370px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(1.35);
                transform: scale(1.35); } }
    @media (max-width: 2320px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(1.32);
                transform: scale(1.32); } }
    @media (max-width: 2270px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(1.285);
                transform: scale(1.285); } }
    @media (max-width: 2220px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(1.2);
                transform: scale(1.2); } }
    @media (max-width: 2170px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(1.235);
                transform: scale(1.235); } }
    @media (max-width: 2120px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(1.195);
                transform: scale(1.195); } }
    @media (max-width: 2070px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(1.165);
                transform: scale(1.165); } }
    @media (max-width: 2020px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(1.135);
                transform: scale(1.135); } }
    @media (max-width: 1970px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(1.09);
                transform: scale(1.09); } }
    @media (max-width: 1920px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(1.05);
                transform: scale(1.05); } }
    @media (max-width: 1870px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(1.03);
                transform: scale(1.03); } }
    @media (max-width: 1820px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(1);
                transform: scale(1); } }
    @media (max-width: 1770px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.98);
                transform: scale(0.98); } }
    @media (max-width: 1720px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.95);
                transform: scale(0.95); } }
    @media (max-width: 1670px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.92);
                transform: scale(0.92); } }
    @media (max-width: 1620px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.89);
                transform: scale(0.89); } }
    @media (max-width: 1570px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.88);
                transform: scale(0.88); } }
    @media (max-width: 1520px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.832);
                transform: scale(0.832); } }
    @media (max-width: 1470px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.81);
                transform: scale(0.81); } }
    @media (max-width: 1440px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.79);
                transform: scale(0.79); } }
    @media (max-width: 1390px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.76);
                transform: scale(0.76); } }
    @media (max-width: 1380px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.785);
                transform: scale(0.785); } }
    @media (max-width: 1366px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.73);
                transform: scale(0.73); } }
    @media (max-width: 1320px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.72);
                transform: scale(0.72); } }
    @media (max-width: 1280px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.7);
                transform: scale(0.7); } }
    @media (max-width: 1235px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.68);
                transform: scale(0.68); } }
    @media (max-width: 1220px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.67);
                transform: scale(0.67); } }
    @media (max-width: 1190px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.68);
                transform: scale(0.68); } }
    @media (max-width: 1170px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.64);
                transform: scale(0.64); } }
    @media (max-width: 1120px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.62);
                transform: scale(0.62); } }
    @media (max-width: 1080px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.59);
                transform: scale(0.59); } }
    @media (max-width: 1065px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.58);
                transform: scale(0.58); } }
    @media (max-width: 1055px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.57);
                transform: scale(0.57); } }
    @media (max-width: 1040px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.56);
                transform: scale(0.56); } }
    @media (max-width: 1024px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.587);
                transform: scale(0.587); } }
    @media (max-width: 990px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.56);
                transform: scale(0.56); } }
    @media (max-width: 970px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.545);
                transform: scale(0.545); } }
    @media (max-width: 950px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.54);
                transform: scale(0.54); } }
    @media (max-width: 940px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.53);
                transform: scale(0.53); } }
    @media (max-width: 920px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.52);
                transform: scale(0.52); } }
    @media (max-width: 905px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.515);
                transform: scale(0.515); } }
    @media (max-width: 895px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.51);
                transform: scale(0.51); } }
    @media (max-width: 885px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.5);
                transform: scale(0.5); } }
    @media (max-width: 870px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.496);
                transform: scale(0.496); } }
    @media (max-width: 860px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.49);
                transform: scale(0.49); } }
    @media (max-width: 850px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.484);
                transform: scale(0.484); } }
    @media (max-width: 840px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.477);
                transform: scale(0.477); } }
    @media (max-width: 830px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.47);
                transform: scale(0.47); } }
    @media (max-width: 820px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.465);
                transform: scale(0.465); } }
    @media (max-width: 820px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.46);
                transform: scale(0.46); } }
    @media (max-width: 800px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.443);
                transform: scale(0.443); } }
    @media (max-width: 768px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.44);
                transform: scale(0.44); } }
    @media (max-width: 736px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.41);
                transform: scale(0.41); } }
    @media (max-width: 725px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.4);
                transform: scale(0.4); } }
    @media (max-width: 715px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.4);
                transform: scale(0.4); } }
    @media (max-width: 695px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.394);
                transform: scale(0.394); } }
    @media (max-width: 685px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.39);
                transform: scale(0.39); } }
    @media (max-width: 675px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.384);
                transform: scale(0.384); } }
    @media (max-width: 667px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.37);
                transform: scale(0.37); } }
    @media (max-width: 640px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.363);
                transform: scale(0.363); } }
    @media (max-width: 630px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.357);
                transform: scale(0.357); } }
    @media (max-width: 620px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.35);
                transform: scale(0.35); } }
    @media (max-width: 610px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.346);
                transform: scale(0.346); } }
    @media (max-width: 600px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.34);
                transform: scale(0.34); } }
    @media (max-width: 590px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.335);
                transform: scale(0.335); } }
    @media (max-width: 580px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.33);
                transform: scale(0.33); } }
    @media (max-width: 570px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.325);
                transform: scale(0.325); } }
    @media (max-width: 568px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.315);
                transform: scale(0.315); } }
    @media (max-width: 540px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.254);
                transform: scale(0.254); } }
    @media (max-width: 530px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.25);
                transform: scale(0.25); } }
    @media (max-width: 520px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.245);
                transform: scale(0.245); } }
    @media (max-width: 510px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.24);
                transform: scale(0.24); } }
    @media (max-width: 500px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.235);
                transform: scale(0.235); } }
    @media (max-width: 490px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.23);
                transform: scale(0.23); } }
    @media (max-width: 480px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.225);
                transform: scale(0.225); } }
    @media (max-width: 475px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.22);
                transform: scale(0.22); } }
    @media (max-width: 465px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.22);
                transform: scale(0.22); } }
    @media (max-width: 460px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.215);
                transform: scale(0.215); } }
    @media (max-width: 450px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.21);
                transform: scale(0.21); } }
    @media (max-width: 440px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.205);
                transform: scale(0.205); } }
    @media (max-width: 435px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.205);
                transform: scale(0.205); } }
    @media (max-width: 425px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.2);
                transform: scale(0.2); } }
    @media (max-width: 415px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.195);
                transform: scale(0.195); } }
    @media (max-width: 400px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.189);
                transform: scale(0.189); } }
    @media (max-width: 396px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.18);
                transform: scale(0.18); } }
    @media (max-width: 391px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.18);
                transform: scale(0.18); } }
    @media (max-width: 381px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.179);
                transform: scale(0.179); } }
    @media (max-width: 376px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.175);
                transform: scale(0.175); } }
    @media (max-width: 370px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.175);
                transform: scale(0.175); } }
    @media (max-width: 364px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.17);
                transform: scale(0.17); } }
    @media (max-width: 355px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.165);
                transform: scale(0.165); } }
    @media (max-width: 345px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.16);
                transform: scale(0.16); } }
    @media (max-width: 335px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.155);
                transform: scale(0.155); } }
    @media (max-width: 325px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.155);
                transform: scale(0.155); } }
    @media (max-width: 320px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.15);
                transform: scale(0.15); } }
    @media (max-width: 280px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.13);
                transform: scale(0.13); } }
    @media (max-height: 540px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.57);
                transform: scale(0.57); } }
    @media (max-height: 540px) and (max-width: 964px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.54);
                transform: scale(0.54); } }
    @media (max-height: 540px) and (max-width: 935px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.53);
                transform: scale(0.53); } }
    @media (max-height: 540px) and (max-width: 915px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.52);
                transform: scale(0.52); } }
    @media (max-height: 540px) and (max-width: 895px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.5);
                transform: scale(0.5); } }
    @media (max-height: 540px) and (max-width: 865px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.49);
                transform: scale(0.49); } }
    @media (max-height: 540px) and (max-width: 850px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.48);
                transform: scale(0.48); } }
    @media (max-height: 540px) and (max-width: 830px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.47);
                transform: scale(0.47); } }
    @media (max-height: 540px) and (max-width: 810px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.46);
                transform: scale(0.46); } }
    @media (max-height: 540px) and (max-width: 790px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.44);
                transform: scale(0.44); } }
    @media (max-height: 540px) and (max-width: 770px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.435);
                transform: scale(0.435); } }
    @media (max-height: 540px) and (max-width: 755px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.425);
                transform: scale(0.425); } }
    @media (max-height: 540px) and (max-width: 735px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.415);
                transform: scale(0.415); } }
    @media (max-height: 540px) and (max-width: 720px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.41);
                transform: scale(0.41); } }
    @media (max-height: 540px) and (max-width: 710px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.4);
                transform: scale(0.4); } }
    @media (max-height: 531px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.529);
                transform: scale(0.529); } }
    @media (max-height: 521px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.54);
                transform: scale(0.54); } }
    @media (max-height: 511px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.5);
                transform: scale(0.5); } }
    @media (max-height: 500px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.51);
                transform: scale(0.51); } }
    @media (max-height: 490px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.5);
                transform: scale(0.5); } }
    @media (max-height: 480px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.48);
                transform: scale(0.48); } }
    @media (max-height: 470px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.47);
                transform: scale(0.47); } }
    @media (max-height: 460px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.46);
                transform: scale(0.46); } }
    @media (max-height: 450px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.4);
                transform: scale(0.4); } }
    @media (max-height: 430px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.4);
                transform: scale(0.4); } }
    @media (max-height: 420px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.4);
                transform: scale(0.4); } }
    @media (max-height: 415px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.465);
                transform: scale(0.465); } }
    @media (max-height: 411px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.44);
                transform: scale(0.44); } }
    @media (max-height: 381px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.347);
                transform: scale(0.347); } }
    @media (max-height: 376px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.384);
                transform: scale(0.384); } }
    @media (max-height: 370px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.31);
                transform: scale(0.31); } }
    @media (max-height: 360px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.39);
                transform: scale(0.39); } }
    @media (max-height: 350px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.3);
                transform: scale(0.3); } }
    @media (max-height: 340px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.27);
                transform: scale(0.27); } }
    @media (max-height: 330px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.26);
                transform: scale(0.26); } }
    @media (max-height: 320px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.345);
                transform: scale(0.345); } }
    @media (max-height: 280px) {
      .privateclassroom-page-wrapper .fullscreen-jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.29);
                transform: scale(0.29); } }
  @media only screen and (min-width: 2560px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(1.333);
              transform: scale(1.333); } }
  @media only screen and (max-width: 2521px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(1.3);
              transform: scale(1.3); } }
  @media only screen and (max-width: 2471px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(1.275);
              transform: scale(1.275); } }
  @media only screen and (max-width: 2421px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(1.25);
              transform: scale(1.25); } }
  @media only screen and (max-width: 2371px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(1.225);
              transform: scale(1.225); } }
  @media only screen and (max-width: 2321px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(1.2);
              transform: scale(1.2); } }
  @media only screen and (max-width: 2271px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(1.175);
              transform: scale(1.175); } }
  @media only screen and (max-width: 2221px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(1.15);
              transform: scale(1.15); } }
  @media only screen and (max-width: 2171px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(1.125);
              transform: scale(1.125); } }
  @media only screen and (max-width: 2121px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(1.1);
              transform: scale(1.1); } }
  @media only screen and (max-width: 2071px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(1.075);
              transform: scale(1.075); } }
  @media only screen and (max-width: 2021px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(1.05);
              transform: scale(1.05); } }
  @media only screen and (max-width: 1971px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(1.025);
              transform: scale(1.025); } }
  @media only screen and (max-width: 1921px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(1);
              transform: scale(1); } }
  @media only screen and (max-width: 1871px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.975);
              transform: scale(0.975); } }
  @media only screen and (max-width: 1821px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.95);
              transform: scale(0.95); } }
  @media only screen and (max-width: 1771px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.925);
              transform: scale(0.925); } }
  @media only screen and (max-width: 1721px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.9);
              transform: scale(0.9); } }
  @media only screen and (max-width: 1671px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.875);
              transform: scale(0.875); } }
  @media only screen and (max-width: 1621px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.85);
              transform: scale(0.85); } }
  @media only screen and (max-width: 1571px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.8);
              transform: scale(0.8); } }
  @media only screen and (max-width: 1521px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.8);
              transform: scale(0.8); } }
  @media only screen and (max-width: 1471px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.775);
              transform: scale(0.775); } }
  @media only screen and (max-width: 1451px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.75);
              transform: scale(0.75); } }
  @media only screen and (max-width: 1371px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.71);
              transform: scale(0.71); } }
  @media only screen and (max-width: 1321px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.675);
              transform: scale(0.675); } }
  @media only screen and (max-width: 1281px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.667);
              transform: scale(0.667); } }
  @media only screen and (max-width: 1221px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.642);
              transform: scale(0.642); } }
  @media only screen and (max-width: 1171px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.617);
              transform: scale(0.617); } }
  @media only screen and (max-width: 1121px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.593);
              transform: scale(0.593); } }
  @media only screen and (max-width: 1121px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.593);
              transform: scale(0.593); } }
  @media only screen and (max-width: 1081px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.573);
              transform: scale(0.573); } }
  @media only screen and (max-width: 1025px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.568);
              transform: scale(0.568); } }
  @media only screen and (max-width: 971px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.545);
              transform: scale(0.545); } }
  @media only screen and (max-width: 921px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.52);
              transform: scale(0.52); } }
  @media only screen and (max-width: 871px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.496);
              transform: scale(0.496); } }
  @media only screen and (max-width: 821px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.471);
              transform: scale(0.471); } }
  @media only screen and (max-width: 801px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.443);
              transform: scale(0.443); } }
  @media only screen and (max-width: 769px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.426);
              transform: scale(0.426); } }
  @media only screen and (max-width: 737px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.41);
              transform: scale(0.41); } }
  @media only screen and (max-width: 668px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.37);
              transform: scale(0.37); } }
  @media only screen and (max-width: 567px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.315);
              transform: scale(0.315); } }
  @media only screen and (max-width: 541px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.3);
              transform: scale(0.3); } }
  @media only screen and (max-width: 415px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.23);
              transform: scale(0.23); } }
  @media only screen and (max-width: 376px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.208);
              transform: scale(0.208); } }
  @media only screen and (max-width: 321px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.178);
              transform: scale(0.178); } }
  @media only screen and (max-width: 281px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.155);
              transform: scale(0.155); } }
  @media only screen and (max-height: 415px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.39);
              transform: scale(0.39); } }
  @media only screen and (max-height: 412px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.37);
              transform: scale(0.37); } }
  @media only screen and (max-height: 376px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.32);
              transform: scale(0.32); } }
  @media only screen and (max-height: 361px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.31);
              transform: scale(0.31); } }
  @media only screen and (max-height: 321px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.25);
              transform: scale(0.25); } }
  @media only screen and (max-height: 281px) {
    .privateclassroom-page-wrapper .privateclassroom-page-wrapper .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.19);
              transform: scale(0.19); } }
  .privateclassroom-page-wrapper .jitsi-whiteboard-close {
    display: none; }
  .privateclassroom-page-wrapper .privateclassroom-stream-wrapper.fullscreen {
    width: 100%; }
    @media (max-width: 1024px) {
      .privateclassroom-page-wrapper .privateclassroom-stream-wrapper.fullscreen {
        width: 100%; } }
  .privateclassroom-page-wrapper .privateclassroom-stream-wrapper.non-fullscreen {
    width: 100%; }
    @media (max-width: 1024px) {
      .privateclassroom-page-wrapper .privateclassroom-stream-wrapper.non-fullscreen {
        width: 100%; } }
  .privateclassroom-page-wrapper .privateclassroom-stream-wrapper {
    background-color: #2f3035; }
    .privateclassroom-page-wrapper .privateclassroom-stream-wrapper .leave-room-botton {
      background: #797979;
      color: #fff;
      border-radius: 4px;
      border: 0px;
      padding: 6px 6px;
      overflow: hidden;
      height: 32px;
      cursor: pointer; }
      .privateclassroom-page-wrapper .privateclassroom-stream-wrapper .leave-room-botton:hover {
        background: #616161; }
  .privateclassroom-page-wrapper .loading-wrapper {
    background-color: #000000;
    height: 100vh;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    overflow: hidden; }
    .privateclassroom-page-wrapper .loading-wrapper .loading {
      margin: 0;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 100%;
      text-align: center; }
      .privateclassroom-page-wrapper .loading-wrapper .loading p {
        font-size: 30px; }

.is-blocked-wrapper {
  background-color: #000000;
  height: 100vh;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  overflow: hidden; }
  .is-blocked-wrapper .is-blocked {
    margin: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
    text-align: center; }
    .is-blocked-wrapper .is-blocked .text-wrapper .title {
      color: #ffffff;
      font-size: 30px; }
    .is-blocked-wrapper .is-blocked .text-wrapper .text {
      color: #ffffff;
      font-size: 22px; }
    .is-blocked-wrapper .is-blocked .back-botton {
      cursor: pointer; }

.not-permission-wrapper {
  background-color: #000000;
  height: 100vh;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  overflow: hidden; }
  .not-permission-wrapper .not-permission {
    margin: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
    text-align: center; }
    .not-permission-wrapper .not-permission .text-wrapper .title {
      color: #ffffff;
      font-size: 30px; }
    .not-permission-wrapper .not-permission .text-wrapper .text {
      color: #ffffff;
      font-size: 22px; }
    .not-permission-wrapper .not-permission .back-botton {
      cursor: pointer; }

.stream-video-player-wrapper .stream-video-player {
  width: 100%;
  height: auto; }

.stream-loading-wrapper {
  color: #ffffff;
  text-align: center;
  margin-top: 50%;
  font-size: 22px; }

.stream-finished-wrapper {
  color: #ffffff;
  text-align: center;
  margin-top: 20%;
  font-size: 22px; }

.stream-room-not-available-wrapper {
  color: #ffffff;
  text-align: center;
  margin-top: 50%;
  font-size: 22px; }

.stream-connection-detail-wrapper {
  color: #ffffff;
  text-align: center;
  margin-top: 100px;
  font-size: 20px; }
  .stream-connection-detail-wrapper .offline-image {
    width: 200px;
    height: 200px;
    margin-bottom: 50px; }
  .stream-connection-detail-wrapper .refresh-button {
    background: transparent;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    cursor: pointer; }

.stream-Waiting-wrapper {
  color: #ffffff;
  text-align: center;
  margin-top: 30%;
  font-size: 20px; }
  .stream-Waiting-wrapper .refresh-button {
    background: transparent;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    cursor: pointer; }

.chat-wrapper {
  position: absolute;
  bottom: 0;
  left: 20%;
  right: 0; }
  @media (max-width: 767px) {
    .chat-wrapper {
      left: 0; } }
  .chat-wrapper .chat-continer {
    width: 100%; }
    .chat-wrapper .chat-continer .chat-message-wrapper {
      max-height: 320px;
      overflow: auto;
      min-height: 50px; }
      .chat-wrapper .chat-continer .chat-message-wrapper .hide-button-wrapper {
        position: absolute;
        top: 10px;
        right: 10px; }
        .chat-wrapper .chat-continer .chat-message-wrapper .hide-button-wrapper .hide-button {
          background: transparent;
          border: 1px solid #fff;
          border-radius: 5px;
          color: #fff;
          cursor: pointer; }
      .chat-wrapper .chat-continer .chat-message-wrapper .message-item-wrapper {
        padding: 5px 10px 0px 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .chat-wrapper .chat-continer .chat-message-wrapper .message-item-wrapper .message-item-avatar-wrapper .item-avatar {
          width: 40px;
          height: 40px;
          margin-right: 10px;
          border-radius: 50%;
          background-color: #ffffff; }
        .chat-wrapper .chat-continer .chat-message-wrapper .message-item-wrapper .message-item-data-wrapper .item-name {
          margin: 0;
          font-size: 14px;
          font-weight: 500;
          color: #6d6d6d; }
        .chat-wrapper .chat-continer .chat-message-wrapper .message-item-wrapper .message-item-data-wrapper .item-datetime {
          margin: 0;
          font-size: 11px;
          color: #6d6d6d;
          margin-left: 10px;
          font-family: 'Sarabun' !important; }
        .chat-wrapper .chat-continer .chat-message-wrapper .message-item-wrapper .message-item-data-wrapper .item-message {
          margin: 0;
          font-size: 14px;
          font-family: 'Sarabun' !important;
          color: #6d6d6d; }
    .chat-wrapper .chat-continer .show-button-wrapper {
      text-align: end;
      margin: 10px; }
      .chat-wrapper .chat-continer .show-button-wrapper .show-button {
        background: transparent;
        border: 1px solid #fff;
        border-radius: 5px;
        color: #fff;
        cursor: pointer; }
    .chat-wrapper .chat-continer .chat-input-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      background-color: #f9f9f9; }
      .chat-wrapper .chat-continer .chat-input-wrapper .textarea-input {
        width: 100%;
        height: 60px;
        padding: 10px;
        margin: 12px;
        border: 1px solid #d5d5d5;
        border-radius: 8px; }
      .chat-wrapper .chat-continer .chat-input-wrapper .request-audio-button {
        cursor: pointer; }

.content-action-useronline-wrapper .leave-room-button {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #2196f3; }
  .content-action-useronline-wrapper .leave-room-button span {
    margin-right: 10px; }

.content-action-useronline-wrapper .leave-room-button:hover {
  color: #0490ff; }

.content-action-useronline-wrapper .block-room-button {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #f44336; }
  .content-action-useronline-wrapper .block-room-button span {
    margin-right: 10px; }

.content-action-useronline-wrapper .block-room-button:hover {
  color: #ff1100; }

.content-action-userblocked-wrapper .unblock-room-button {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: green; }
  .content-action-userblocked-wrapper .unblock-room-button span {
    margin-right: 10px; }

.content-action-userblocked-wrapper .unblock-room-button:hover {
  color: #ff1100; }

.new-toolbox .toolbox-background {
  background-image: none !important; }

.toolbox-content-items {
  padding: 0px !important; }

.filmstrip__videos.remote-videos,
.tile-view .remote-videos {
  overflow: hidden !important; }

#remoteVideos > div.filmstrip__videos.remote-videos {
  overflow: hidden !important; }

.full-screen-play-pause .video-screen-mask-2 {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-top: 0vh !important;
  background-repeat: no-repeat;
  background-size: 80px;
  background-position: center;
  position: absolute;
  margin: auto;
  z-index: 1000;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease; }

.full-screen-play-pause .fixleft {
  margin-left: -20.6vw !important; }

@media only screen and (max-width: 992px) {
  .full-screen-play-pause .video-screen-mask-2 {
    margin-left: -29.6vw !important;
    margin-top: 2vh !important; } }

@media only screen and (max-width: 767px) {
  .full-screen-play-pause .video-screen-mask-2 {
    margin-left: 0 !important;
    margin-top: 2vh !important; } }

.full-screen-play-pause .icon-play-pause {
  width: 80px;
  height: auto;
  opacity: 0; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 0.8;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.3);
            transform: scale(1.3); } }

@keyframes fadeOut {
  0% {
    opacity: 0.8;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.3);
            transform: scale(1.3); } }

.full-screen-play-pause .icon-play-pause.scaled {
  -webkit-animation: fadeOut 0.5s forwards 0.1s;
          animation: fadeOut 0.5s forwards 0.1s; }

.custom-video-wrapper {
  height: 100%;
  width: 100%; }
  .custom-video-wrapper .video-screen-mask {
    background-repeat: no-repeat;
    background-size: 80px;
    background-position: center;
    position: absolute;
    margin: auto;
    z-index: 1000;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.7; }
  .custom-video-wrapper .video-screen-mask-2 {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-repeat: no-repeat;
    background-size: 80px;
    background-position: center;
    position: absolute;
    margin: auto;
    z-index: 1000;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease; }
  .custom-video-wrapper .icon-play-pause {
    width: 80px;
    height: auto;
    opacity: 0; }

@keyframes fadeOut {
  0% {
    opacity: 0.8;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.3);
            transform: scale(1.3); } }
  .custom-video-wrapper .icon-play-pause.scaled {
    -webkit-animation: fadeOut 0.5s forwards 0.1s;
            animation: fadeOut 0.5s forwards 0.1s; }
  .custom-video-wrapper .playButton-circle {
    z-index: 1; }
  .custom-video-wrapper .playButton-circle.video-subtitle {
    bottom: 212px !important; }
  .custom-video-wrapper .expired-block-player {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    background: #000000;
    background-repeat: no-repeat;
    background-size: 80px;
    background-position: center;
    position: absolute;
    margin: auto;
    z-index: 1000;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.8; }
  .custom-video-wrapper .playButton-triangle {
    position: absolute;
    width: 60px;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center; }
  .custom-video-wrapper .pause-video-icon {
    display: none; }
  .custom-video-wrapper .pause-video-icon:hover {
    display: block; }
  .custom-video-wrapper .custom-video {
    -o-object-fit: contain;
       object-fit: contain;
    max-width: 100%;
    width: 100%;
    max-height: calc(100vh - 163px); }
  .custom-video-wrapper .custom-video.video-subtitle {
    max-height: calc(100vh - 246px); }
  .custom-video-wrapper .watermark-bottom {
    font-size: 20px;
    position: absolute;
    right: 0px;
    bottom: 150px; }
  .custom-video-wrapper .video-tools-full-screen-wrapper .hidden-buton {
    display: none; }
  .custom-video-wrapper .video-tools-wrapper.subtitle {
    bottom: 140px; }
  .custom-video-wrapper .video-tools-wrapper.no-menu-collapased.subtitle {
    width: 100% !important;
    bottom: 140px; }
  .custom-video-wrapper .video-tools-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 5px;
    background-color: #e8e8e8;
    width: 100%;
    z-index: 1000;
    position: fixed;
    bottom: 64px; }
    .custom-video-wrapper .video-tools-wrapper .play-button,
    .custom-video-wrapper .video-tools-wrapper .stop-button {
      width: 25px;
      height: 25px;
      cursor: pointer;
      margin: 0px 5px; }
    .custom-video-wrapper .video-tools-wrapper .volume-button,
    .custom-video-wrapper .video-tools-wrapper .full-screen-button {
      width: 20px;
      height: 20px;
      cursor: pointer;
      margin: 0px 5px; }
    .custom-video-wrapper .video-tools-wrapper .hidden-buton {
      display: none; }
    .custom-video-wrapper .video-tools-wrapper .duration-text {
      margin: 0px 5px; }
  .custom-video-wrapper .video-loading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 2; }
    .custom-video-wrapper .video-loading .loader {
      width: 50px;
      aspect-ratio: 1;
      border-radius: 50%;
      background: radial-gradient(farthest-side, #0a4ef4 94%, #0000) top/8px 8px no-repeat, conic-gradient(#0000 30%, #0a4ef4);
      -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 8px), #000 0);
      -webkit-animation: l13 1s infinite linear;
              animation: l13 1s infinite linear; }

@-webkit-keyframes l13 {
  100% {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn); } }

@keyframes l13 {
  100% {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn); } }

.watermark-bottom-subtitle {
  font-size: 20px;
  position: fixed;
  right: 0px;
  bottom: 220px;
  z-index: 1; }

.watermark-bottom-full-screen {
  font-size: 20px;
  position: fixed;
  right: 0px;
  bottom: 60px;
  z-index: 1000; }

.custom-video-full-screen-wrapper .custom-video-full-screen {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 900;
  background-color: #dfdfdf; }

.video-tools-full-screen-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 5px;
  background-color: #e8e8e8;
  position: fixed;
  left: 0;
  right: auto;
  bottom: 0px;
  width: 100%;
  z-index: 1000 !important; }
  .video-tools-full-screen-wrapper .play-button,
  .video-tools-full-screen-wrapper .stop-button {
    width: 25px;
    height: 25px;
    cursor: pointer;
    margin: 0px 5px;
    z-index: 1000; }
  .video-tools-full-screen-wrapper .volume-button,
  .video-tools-full-screen-wrapper .full-screen-button {
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin: 0px 5px;
    z-index: 1000; }
  .video-tools-full-screen-wrapper .hidden-buton {
    text-decoration: none;
    text-align: center;
    margin: 0px;
    border: 1px solid #bfbfbf;
    padding: 0px 5px;
    border-radius: 3px;
    cursor: pointer; }
  .video-tools-full-screen-wrapper .duration-text {
    margin: 0px 5px; }

.show-buton-wrapper {
  position: fixed;
  bottom: 66px;
  right: 15px;
  z-index: 1000;
  padding: 5px; }
  .show-buton-wrapper .show-buton {
    text-decoration: none;
    text-align: center;
    border: 1px solid #bfbfbf;
    padding: 0px 5px;
    margin: 0px;
    border-radius: 3px;
    cursor: pointer; }

.show-buton-wrapper:hover {
  background-color: #e8e8e8; }
  .show-buton-wrapper:hover .show-buton {
    opacity: 1; }

.speed-wrapper {
  position: relative;
  display: inline-block; }
  .speed-wrapper .speed-text {
    text-decoration: none;
    text-align: center;
    margin: 0px;
    border: 1px solid #bfbfbf;
    padding: 0px 5px;
    border-radius: 3px; }
  .speed-wrapper .speed-content {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: -5px;
    top: -335px;
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px);
    background-color: #bfbfbf;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    width: auto; }
    .speed-wrapper .speed-content .speed-item-title {
      font-weight: bold; }
    .speed-wrapper .speed-content .speed-item-title,
    .speed-wrapper .speed-content .speed-item {
      cursor: pointer;
      border-bottom: 1px solid #d9d9d9;
      padding: 5px 10px;
      margin: 0px; }
    .speed-wrapper .speed-content .speed-item:active {
      background-color: #989898; }
  .speed-wrapper .speed-content:before {
    position: absolute;
    z-index: -1;
    right: calc(50% - 10px);
    top: -8px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #bfbfbf transparent;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform; }

.speed-wrapper:hover .speed-content {
  z-index: 10;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0, -10px);
          transform: translate(0, -10px);
  -webkit-transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
  transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97); }

.volume-wrapper {
  position: relative;
  display: inline-block; }
  .volume-wrapper .volume-button-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #bfbfbf;
    padding: 0px 5px;
    border-radius: 3px;
    min-width: 80px; }
    .volume-wrapper .volume-button-wrapper .volume-text {
      text-decoration: none;
      text-align: center;
      margin: 0px; }
  .volume-wrapper .volume-content {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 5px;
    top: -200px;
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px);
    background-color: #bfbfbf;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    width: auto; }
    .volume-wrapper .volume-content .volume-item-title {
      font-weight: bold; }
    .volume-wrapper .volume-content .volume-item-title,
    .volume-wrapper .volume-content .volume-item {
      cursor: pointer;
      border-bottom: 1px solid #d9d9d9;
      padding: 5px 10px;
      margin: 0px; }
    .volume-wrapper .volume-content .volume-item:active {
      background-color: #989898; }
  .volume-wrapper .volume-content:before {
    position: absolute;
    z-index: -1;
    right: calc(50% - 10px);
    top: -8px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #bfbfbf transparent;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform; }

.volume-wrapper:hover .volume-content {
  z-index: 10;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0, -10px);
          transform: translate(0, -10px);
  -webkit-transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
  transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97); }

@media only screen and (min-width: 992px) {
  .video-tools-wrapper.menu-collapased-wrapper-tool {
    width: 79.2% !important; } }

@media only screen and (min-width: 600px) and (max-width: 992px) {
  .video-tools-wrapper.menu-collapased-wrapper-tool {
    width: 71.5% !important; } }

@media only screen and (max-width: 768px) {
  .custom-video-wrapper .watermark-bottom {
    bottom: 20px; } }

.forward-button {
  cursor: pointer;
  width: 25px;
  height: 25px; }

.rewind-button {
  cursor: pointer;
  width: 25px;
  height: 25px; }

.disabled-forward-button {
  cursor: not-allowed !important; }

.disabled-rewind-button {
  cursor: not-allowed !important; }

.fullscreen-video-container {
  position: relative;
  width: 100%;
  height: 100vh; }

.fullscreen-video {
  width: 100%;
  height: 100%; }

.controls-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  z-index: 100; }

.controls-overlay button {
  font-size: 24px;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  padding: 10px;
  border-radius: 5px; }

.relative-for-touch {
  position: relative !important; }

.videoplayer iframe {
  width: 100%; }

.subtitle-wrapper {
  position: fixed;
  bottom: 65px;
  background: white;
  overflow: scroll;
  margin: 0 20px;
  padding: 8px 16px;
  width: 79.5%;
  max-height: 75px;
  overflow-y: scroll;
  overflow: hidden;
  word-break: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-align: left; }

/* When fullscreen (add this class dynamically via JS/React) */
.subtitle-wrapper.is-fullscreen {
  width: 100%; }

/* Responsive override for screen <= 991px */
@media (max-width: 991px) {
  .subtitle-wrapper.menuCollapsedVisible {
    width: 71.5%; }
  .subtitle-wrapper.is-fullscreen {
    width: 97.5%; } }

.subtitle-wrapper.nomenuCollapsedVisible {
  width: 100%; }

.subtitle-wrapper {
  overflow: scroll; }

@media (max-width: 600px) {
  .ant-menu.sidemenu-lesson {
    margin-bottom: 60px !important; } }

.video-screen-mask-2.playButton-circle .pause {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }

div.video-screen-mask.playButton-circle.video-subtitle {
  margin-bottom: 0 !important; }

div.video-screen-mask-2.playButton-circle.video-subtitle.pause {
  margin-bottom: 0 !important; }

div.video-screen-mask-2.playButton-circle.video-subtitle.play {
  margin-bottom: 0 !important; }

@media screen and (max-width: 1024px) {
  .playButton-triangle.icon-play-pause {
    width: 30px !important; }
  .full-screen-play-pause .icon-play-pause {
    width: 30px !important; } }

.video-screen-mask-2.playButton-circle {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }

.full-screen-play-pause .playButton-triangle.icon-play-pause {
  margin: auto !important;
  margin-top: auto !important; }

.videoplayer .video-screen-mask-2.playButton-circle {
  bottom: 119px !important;
  margin-bottom: auto !important; }

.videoplayer .full-screen-play-pause .video-screen-mask-2.playButton-circle {
  bottom: 65px !important;
  margin-bottom: auto !important; }

.videoplayer .custom-video-wrapper .playButton-circle.video-subtitle {
  bottom: 204px !important;
  margin-bottom: auto !important; }

.videoplayer .custom-video-wrapper .playButton-circle {
  bottom: 120px !important;
  margin-bottom: auto !important; }

@media (max-width: 1024px) {
  .videoplayer .custom-video-wrapper .playButton-circle.video-subtitle {
    bottom: 100px !important;
    margin-bottom: auto !important; } }

.video-screen-mask.playButton-circle {
  bottom: 120px !important;
  margin-bottom: 0 !important; }

@media (max-width: 1024px) {
  .video-screen-mask.playButton-circle {
    bottom: 10px !important;
    margin-bottom: 0 !important; } }

@media (max-width: 1024px) {
  .videoplayer .video-screen-mask-2.playButton-circle {
    bottom: 60px !important;
    margin-bottom: auto !important; } }

.lecture-quiz-container-wrapper {
  height: calc(100vh - 128px);
  background: #ffffff;
  overflow: scroll;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.quiz-preview-container-wrapper .button-wrapper {
  margin-top: 30px;
  margin-bottom: 0.5em; }

.quiz-preview-container-wrapper {
  margin: auto; }
  .quiz-preview-container-wrapper .unpublic-quiz-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    background: #000000;
    position: absolute;
    margin: auto;
    z-index: 1000;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.8; }
  .quiz-preview-container-wrapper .font-quiz-description {
    font-size: 18px; }
    @media (max-width: 768px) {
      .quiz-preview-container-wrapper .font-quiz-description {
        font-size: 16px; } }
    @media (max-height: 420px) {
      .quiz-preview-container-wrapper .font-quiz-description {
        font-size: 16px; } }
  .quiz-preview-container-wrapper .title-wrapper .name-text {
    color: black;
    font-size: 30px;
    text-align: center;
    margin-bottom: 17px; }
    @media (max-width: 768px) {
      .quiz-preview-container-wrapper .title-wrapper .name-text {
        font-size: 25px; } }
    @media (max-height: 420px) {
      .quiz-preview-container-wrapper .title-wrapper .name-text {
        font-size: 23px;
        margin-bottom: 5px; } }
  .quiz-preview-container-wrapper .body-wrapper {
    text-align: center; }
    .quiz-preview-container-wrapper .body-wrapper .image-wrapper {
      margin-top: 40px;
      margin-bottom: 40px; }
      .quiz-preview-container-wrapper .body-wrapper .image-wrapper .quiz-file-icon {
        font-size: 100px; }
    .quiz-preview-container-wrapper .body-wrapper .button-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .quiz-preview-container-wrapper .body-wrapper .button-wrapper .start-button {
        color: #ffffff;
        background-color: #00adef;
        font-size: 20px;
        margin: 0px 5px;
        padding: 5px;
        height: 100%;
        min-width: 150px; }
  .quiz-preview-container-wrapper .body-result-wrapper .score-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .quiz-preview-container-wrapper .body-result-wrapper .score-wrapper .score-text {
      color: #36a000;
      border: 1px solid #e5e5e5;
      padding: 10px;
      border-radius: 10px;
      font-size: 25px;
      margin: 10px; }
      @media (max-width: 768px) {
        .quiz-preview-container-wrapper .body-result-wrapper .score-wrapper .score-text {
          font-size: 23px; } }
      @media (max-height: 420px) {
        .quiz-preview-container-wrapper .body-result-wrapper .score-wrapper .score-text {
          font-size: 20px;
          margin: 0; } }
  .quiz-preview-container-wrapper .body-result-wrapper .button-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .quiz-preview-container-wrapper .body-result-wrapper .button-wrapper .result-button {
      color: #ffffff;
      background-color: #36a000;
      font-size: 20px;
      padding: 5px 15px;
      height: 100%; }
  .quiz-preview-container-wrapper .body-result-wrapper .quiz-again-wrapper .again-button {
    color: #ffffff;
    background-color: #0a4ef4;
    font-size: 20px;
    padding: 5px 15px;
    height: 100%; }
  .quiz-preview-container-wrapper .body-result-wrapper .quiz-again-wrapper .close-button {
    font-size: 20px;
    padding: 5px 15px;
    height: 100%; }

@media (max-height: 420px) {
  .quiz-preview-container-wrapper .body-wrapper .image-wrapper {
    margin-top: 0 !important;
    margin-bottom: 0 !important; } }

.lecture-quiz-container-wrapper .quiz-container-wrapper {
  height: calc(100vh - 43px);
  z-index: 10000;
  position: absolute; }

.quiz-container-wrapper {
  background: #ffffff;
  width: 100%; }
  .quiz-container-wrapper .quiz-body-wrapper {
    padding: 10px 20px;
    padding-bottom: 30px; }
    .quiz-container-wrapper .quiz-body-wrapper .body-title-wrapper {
      font-size: 40px;
      text-align: center; }
    .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-image-wrapper {
      text-align: center;
      margin-bottom: 20px; }
      .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-image-wrapper .image {
        max-height: 500px;
        max-width: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
    .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .answers-container-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-question-wrapper {
      padding: 0px 50px !important; }
      .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-question-wrapper .question-text {
        color: black;
        padding: 10px;
        margin: 0px;
        font-size: 22px; }
        .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-question-wrapper .question-text span {
          font-size: 20px; }
    .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-choice-one-answers-wrapper {
      display: block;
      margin: 20px 60px !important; }
      .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-choice-one-answers-wrapper .choice-item-wrapper {
        margin-bottom: 12px; }
        .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-choice-one-answers-wrapper .choice-item-wrapper .choice-checkbox {
          font-size: 18px; }
          .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-choice-one-answers-wrapper .choice-item-wrapper .choice-checkbox .ant-checkbox-inner {
            border-radius: 50%; }
    .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .space-for-icon {
      margin-left: 20px !important; }
    .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-choice-two-answers-wrapper {
      display: block;
      margin: 20px 60px !important; }
      .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-choice-two-answers-wrapper .choice-item-wrapper {
        margin-bottom: 12px; }
        .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-choice-two-answers-wrapper .choice-item-wrapper .choice-checkbox {
          font-size: 18px; }
      .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-choice-two-answers-wrapper .space-for-icon {
        margin-left: 20px !important; }
    .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-choice-fill-wrapper .choice-wrapper {
      display: block;
      margin: 20px 60px 0px 60px !important; }
      .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-choice-fill-wrapper .choice-wrapper .choice-item-wrapper {
        font-size: 18px; }
    .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-choice-fill-wrapper .answer-wrapper {
      margin: 10px 60px 20px 60px !important;
      display: block; }
      .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-choice-fill-wrapper .answer-wrapper .answer-item-wrapper {
        display: block;
        margin-bottom: 10px; }
        .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-choice-fill-wrapper .answer-wrapper .answer-item-wrapper .answer-text {
          font-size: 18px;
          padding: 0px 20px 0 0; }
        .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-choice-fill-wrapper .answer-wrapper .answer-item-wrapper .answer-select {
          font-size: 18px;
          min-width: 150px !important;
          max-width: 200px; }
          .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-choice-fill-wrapper .answer-wrapper .answer-item-wrapper .answer-select .ant-select-selection {
            padding-top: 5px; }
    .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-choice-fill-wrapper .space-for-icon {
      margin-left: 20px !important; }
    .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-matching-wrapper .content-option-choice-wrapper {
      margin: 20px 60px 0 60px !important;
      display: block; }
      .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-matching-wrapper .content-option-choice-wrapper .option-wrapper {
        margin-bottom: 10px;
        width: 50%;
        display: inline-block; }
        .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-matching-wrapper .content-option-choice-wrapper .option-wrapper .option-item-wrapper {
          font-size: 18px; }
      .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-matching-wrapper .content-option-choice-wrapper .choice-wrapper {
        margin-bottom: 10px;
        width: 50%;
        display: inline-block; }
        .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-matching-wrapper .content-option-choice-wrapper .choice-wrapper .choice-item-wrapper {
          font-size: 18px; }
    .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-matching-wrapper .answer-wrapper {
      margin: 0px 60px 20px 60px !important;
      width: 100%;
      display: block; }
      .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-matching-wrapper .answer-wrapper .answer-item-wrapper {
        display: block;
        margin-bottom: 10px; }
        .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-matching-wrapper .answer-wrapper .answer-item-wrapper .answer-text {
          font-size: 18px;
          padding: 0px 20px 0 0; }
        .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-matching-wrapper .answer-wrapper .answer-item-wrapper .answer-select {
          font-size: 18px;
          min-width: 150px !important;
          max-width: 200px; }
          .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-matching-wrapper .answer-wrapper .answer-item-wrapper .answer-select .ant-select-selection {
            padding-top: 5px; }
    .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-matching-wrapper .space-for-icon {
      margin-left: 20px !important; }
  .quiz-container-wrapper .quiz-answer-wrapper {
    margin: 0px 60px; }
  .quiz-container-wrapper .quiz-footer-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0px 60px;
    height: 64px; }
    .quiz-container-wrapper .quiz-footer-wrapper .footer-previous-button {
      border: solid 1px #ececec;
      color: black;
      background: white;
      width: auto;
      height: 50px;
      margin-right: 20px; }
    .quiz-container-wrapper .quiz-footer-wrapper .footer-next-button {
      background-color: #0a4ef4;
      color: #fff;
      width: auto;
      height: 50px; }
    .quiz-container-wrapper .quiz-footer-wrapper .footer-next-button:hover {
      -webkit-filter: brightness(0.89);
              filter: brightness(0.89);
      -webkit-transition: .5s;
      transition: .5s; }
    .quiz-container-wrapper .quiz-footer-wrapper .footer-check-button {
      background-color: #0a4ef4;
      color: #fff;
      width: auto;
      height: 50px;
      margin-right: 20px; }
    .quiz-container-wrapper .quiz-footer-wrapper .footer-check-button-disable {
      background-color: #9e9e9e;
      color: #fff;
      width: auto;
      height: 50px;
      margin-right: 20px;
      cursor: not-allowed; }

@media (max-width: 900px) {
  .ant-modal.modal-quiz-integrate-wrapper {
    top: 0;
    width: 90% !important; } }

.ant-modal.modal-quiz-integrate-wrapper .ant-modal-body {
  height: 75vh;
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 900px) {
    .ant-modal.modal-quiz-integrate-wrapper .ant-modal-body {
      height: 90vh; } }

.ant-modal.modal-quiz-integrate-wrapper .quiz-preview-container-wrapper .title-wrapper .name-text {
  font-size: 25px; }
  @media (max-width: 768px) {
    .ant-modal.modal-quiz-integrate-wrapper .quiz-preview-container-wrapper .title-wrapper .name-text {
      font-size: 23px; } }
  @media (max-height: 420px) {
    .ant-modal.modal-quiz-integrate-wrapper .quiz-preview-container-wrapper .title-wrapper .name-text {
      font-size: 20px; } }

.ant-modal.modal-quiz-integrate-wrapper .quiz-preview-container-wrapper .body-wrapper .image-wrapper .quiz-file-icon {
  font-size: 80px; }

.ant-modal.modal-quiz-integrate-wrapper .quiz-container-wrapper .quiz-body-wrapper {
  height: auto;
  max-height: 80vh;
  overflow: unset; }
  @media (max-width: 900px) {
    .ant-modal.modal-quiz-integrate-wrapper .quiz-container-wrapper .quiz-body-wrapper {
      padding: 0px; } }
  @media (max-width: 900px) {
    .ant-modal.modal-quiz-integrate-wrapper .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-question-wrapper {
      padding: 0px !important; } }
  @media (max-width: 900px) {
    .ant-modal.modal-quiz-integrate-wrapper .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-choice-one-answers-wrapper {
      margin: 0px 10px; } }
  @media (max-width: 900px) {
    .ant-modal.modal-quiz-integrate-wrapper .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-matching-wrapper {
      margin: 20px 10px !important; } }
  @media (max-width: 900px) {
    .ant-modal.modal-quiz-integrate-wrapper .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-matching-wrapper .answer-wrapper .answer-item-wrapper .answer-text {
      padding: 0px 20px 0px 0px; } }
  @media (max-width: 900px) {
    .ant-modal.modal-quiz-integrate-wrapper .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-choice-fill-wrapper .choice-wrapper {
      margin: 0px 10px; } }
  @media (max-width: 900px) {
    .ant-modal.modal-quiz-integrate-wrapper .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-choice-fill-wrapper .answer-wrapper {
      margin: 20px 10px; } }
  @media (max-width: 900px) {
    .ant-modal.modal-quiz-integrate-wrapper .quiz-container-wrapper .quiz-body-wrapper .body-content-wrapper .content-choice-fill-wrapper .answer-wrapper .answer-item-wrapper .answer-text {
      padding: 0px 20px 0px 0px; } }

.ant-modal.modal-quiz-integrate-wrapper .quiz-container-wrapper .quiz-footer-wrapper .footer-previous-button {
  margin-right: 10px; }

@media (max-width: 900px) {
  .ant-modal.modal-quiz-integrate-wrapper .quiz-container-wrapper .quiz-answer-wrapper {
    margin: 0px 10px; } }

.fonttexteditor-answer-description img {
  max-width: 100%; }

.quiz-result-modal-wrapper {
  padding-top: 20px; }
  .quiz-result-modal-wrapper .result-item-wrapper {
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 10px; }
    .quiz-result-modal-wrapper .result-item-wrapper .question-text {
      font-size: 20px;
      margin: 0px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .quiz-result-modal-wrapper .result-item-wrapper .answer-text {
      font-size: 18px;
      margin: 0px; }
    .quiz-result-modal-wrapper .result-item-wrapper .student-answer-text {
      font-size: 18px;
      margin: 0px;
      margin-bottom: 4px; }
  .quiz-result-modal-wrapper .result-item-even-wrapper {
    background-color: #DEF4FD; }
  .quiz-result-modal-wrapper .result-item-odd-wrapper {
    background-color: #F4F4F4; }

.ant-modal-wrap,
.ant-notification,
.ant-select-dropdown,
.ant-calendar-picker-container,
.ant-time-picker-panel,
.ant-notification.ant-notification-topRight {
  z-index: 999999999999999999 !important; }

.is-pass-quiz-wrapper .is-pass, .is-pass-quiz-wrapper .is-not-pass {
  font-size: 25px;
  margin: 0px; }
  @media (max-width: 768px) {
    .is-pass-quiz-wrapper .is-pass, .is-pass-quiz-wrapper .is-not-pass {
      font-size: 23px; } }
  @media (max-height: 420px) {
    .is-pass-quiz-wrapper .is-pass, .is-pass-quiz-wrapper .is-not-pass {
      font-size: 20px; } }

.is-pass-quiz-wrapper .is-pass {
  color: #36a000; }

.is-pass-quiz-wrapper .is-not-pass {
  color: #ff0000; }

.text-center {
  text-align: center; }

.quiz-description-group {
  margin-top: 30px; }

.text-editor-quiz {
  overflow: auto;
  width: 100%;
  word-break: break-word;
  max-width: 100%; }
  .text-editor-quiz p {
    margin: 0; }
  .text-editor-quiz img {
    max-width: 100%; }

.text-editor-quiz.w-unset {
  width: unset !important; }

.quiz-timer-description-warning {
  font-size: 18px;
  color: #ff0000; }

.relative {
  position: relative; }

.quiz-container-wrapper .caret-left,
.quiz-container-wrapper .caret-right {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 24px;
  cursor: pointer;
  z-index: 10; }

.quiz-container-wrapper .caret-left {
  left: 10px; }

.quiz-container-wrapper .caret-right {
  right: 10px; }

.quiz-container-wrapper .caret-left.hidden,
.quiz-container-wrapper .caret-right.hidden {
  display: none; }

.spin-loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 500px; }

.answer-list-wrapper {
  margin-right: 4px; }

.icon-quiz-result-wrapper {
  min-width: 40px;
  margin-top: -5px; }

.icon-quiz-result-wrapper.mt-1 {
  min-width: 40px;
  margin-top: 4px; }

.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.answer-text {
  font-size: 18px; }

.quiz-answer {
  margin-left: 60px; }

.quiz-container-wrapper.modal-result .quiz-body-wrapper {
  height: calc(100vh - 160px); }

.ant-modal.modal-quiz-answer {
  top: 40px !important;
  padding-bottom: 24px !important; }

.choice-item-wrapper .ant-checkbox-wrapper span:nth-of-type(2):not(.ant-checkbox-inner) {
  margin-top: -4px; }

.quiz-container-wrapper {
  overflow-y: scroll;
  overflow-x: hidden; }

.modal-quiz-answer .ant-modal-body {
  padding: 50px 0 50px 0 !important; }

.modal-quiz-answer .quiz-container-wrapper {
  padding: 0 24px !important;
  overflow-y: auto; }

.answer-select.ant-select {
  margin-top: -3px; }

.description-quiz-title {
  font-size: 16px;
  font-family: sarabun !important;
  font-weight: 800; }

.quiz-container-wrapper.modal-result .quiz-body-wrapper .body-content-wrapper .content-choice-fill-wrapper .answer-wrapper {
  margin-left: 20px !important; }

.quiz-container-wrapper.modal-result .quiz-body-wrapper .body-content-wrapper .content-choice-two-answers-wrapper {
  margin-left: 20px !important; }

.quiz-container-wrapper.modal-result .quiz-body-wrapper .body-content-wrapper .content-choice-fill-wrapper .answer-wrapper {
  margin-left: 20px !important; }

.quiz-container-wrapper.modal-result .quiz-body-wrapper .body-content-wrapper .content-matching-wrapper .answer-wrapper {
  margin-left: 20px !important; }

.live-container-wrapper {
  height: calc(100vh - 128px);
  background: #ffffff;
  padding: 10px; }
  .live-container-wrapper .title-wrapper .name-text {
    font-size: 34px;
    text-align: center; }
  .live-container-wrapper .body-wrapper {
    text-align: center; }
    .live-container-wrapper .body-wrapper .image-wrapper {
      margin-top: 100px;
      margin-bottom: 100px; }
    .live-container-wrapper .body-wrapper .button-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .live-container-wrapper .body-wrapper .button-wrapper .start-button {
        color: #ffffff;
        background-color: #00adef;
        font-size: 20px;
        margin: 0px 5px;
        padding: 5px;
        height: 100%;
        min-width: 150px; }
      .live-container-wrapper .body-wrapper .button-wrapper .go-schedule-button {
        color: #ffffff;
        background-color: #ff0000;
        font-size: 20px;
        margin: 0px 5px;
        padding: 5px;
        height: 100%;
        min-width: 150px; }
  .live-container-wrapper .body-result-wrapper .score-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .live-container-wrapper .body-result-wrapper .score-wrapper .score-text {
      color: #36a000;
      border: 1px solid #e5e5e5;
      padding: 10px;
      border-radius: 10px;
      font-size: 28px;
      margin: 10px; }
  .live-container-wrapper .body-result-wrapper .button-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .live-container-wrapper .body-result-wrapper .button-wrapper .again-button {
      color: #ffffff;
      background-color: #0a4ef4;
      font-size: 20px;
      margin: 0px 5px;
      padding: 5px;
      height: 100%; }
    .live-container-wrapper .body-result-wrapper .button-wrapper .result-button {
      color: #ffffff;
      background-color: #36a000;
      font-size: 20px;
      margin: 0px 5px;
      padding: 5px;
      height: 100%; }

.external-lesson-container-wrapper {
  height: calc(100vh - 128px);
  background: #ffffff;
  padding: 10px; }
  .external-lesson-container-wrapper .title-wrapper .name-text {
    font-size: 34px;
    text-align: center; }
  .external-lesson-container-wrapper .body-wrapper {
    text-align: center; }
    .external-lesson-container-wrapper .body-wrapper .image-wrapper {
      margin-top: 100px;
      margin-bottom: 100px; }
    .external-lesson-container-wrapper .body-wrapper .button-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .external-lesson-container-wrapper .body-wrapper .button-wrapper .start-button {
        color: #ffffff;
        background-color: #00adef;
        font-size: 20px;
        margin: 0px 5px;
        padding: 5px;
        height: 100%;
        min-width: 150px; }
  .external-lesson-container-wrapper .body-result-wrapper .score-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .external-lesson-container-wrapper .body-result-wrapper .score-wrapper .score-text {
      color: #36a000;
      border: 1px solid #e5e5e5;
      padding: 10px;
      border-radius: 10px;
      font-size: 28px;
      margin: 10px; }
  .external-lesson-container-wrapper .body-result-wrapper .button-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .external-lesson-container-wrapper .body-result-wrapper .button-wrapper .again-button {
      color: #ffffff;
      background-color: #00adef;
      font-size: 20px;
      margin: 0px 5px;
      padding: 5px;
      height: 100%; }
    .external-lesson-container-wrapper .body-result-wrapper .button-wrapper .result-button {
      color: #ffffff;
      background-color: #36a000;
      font-size: 20px;
      margin: 0px 5px;
      padding: 5px;
      height: 100%; }

.gallery-item0 {
  grid-area: sec1; }

.gallery-item1 {
  grid-area: sec2; }

.gallery-item2 {
  grid-area: sec3; }

.gallery-item3 {
  grid-area: sec4; }

.gallery-item4 {
  grid-area: sec5; }

.gallery-item5 {
  grid-area: sec6; }

.gallery-item6 {
  grid-area: sec7; }

.gallery-item7 {
  grid-area: sec8; }

.gallery-item8 {
  grid-area: sec9; }

.gallery-item9 {
  grid-area: sec10; }

.gallery-item10 {
  grid-area: sec11; }

.gallery-item11 {
  grid-area: sec12; }

.gallery-item12 {
  grid-area: sec13; }

.gallery-item13 {
  grid-area: sec14; }

.gallery-item14 {
  grid-area: sec15; }

.gallery-item15 {
  grid-area: sec16; }

.grid-container-gallery {
  display: grid;
  grid-template-areas: 'sec1 sec1 sec2 sec2 sec5 sec5 sec5  sec5' 'sec3 sec3 sec4 sec4 sec5 sec5 sec5  sec5' 'sec6 sec6 sec7 sec7 sec7 sec7 sec8 sec8' 'sec6 sec6 sec7 sec7 sec7 sec7 sec9 sec9' 'sec10 sec10 sec11 sec11 sec15 sec15 sec15 sec15' 'sec12 sec12 sec14 sec14 sec15 sec15 sec15 sec15' 'sec13 sec13 sec14 sec14 sec16 sec16 sec16 sec16';
  grid-gap: 10px;
  padding: 10px; }

.gallery-item4 img {
  max-height: 410px !important;
  max-width: 100% !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  -o-object-position: 50% 50% !important;
     object-position: 50% 50% !important;
  width: 100% !important;
  height: 410px !important; }

.gallery-item13 img,
.gallery-item14 img,
.gallery-item5 img,
.gallery-item6 img {
  max-height: 410px !important;
  max-width: 100% !important;
  width: 100% !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  height: 410px !important; }

.ant-input-affix-wrapper .ant-input-suffix {
  right: 0 !important; }

.search-gall i {
  font-size: 16px;
  background: black;
  color: white;
  padding: 9px; }

.left-menu-gall ul li a > div, .left-menu-gall ul li a > i {
  font-size: 18px; }

.gallery-five .grid-container-gallery > div {
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

@media only screen and (max-width: 1299px) {
  .grid-container-gallery {
    grid-template-areas: 'sec1 sec2' 'sec3 sec4' 'sec5 sec6' 'sec7 sec8' 'sec9 sec10' 'sec11 sec12' 'sec13 sec14' 'sec15 sec16'; }
  .gallery-five {
    width: 100% !important; }
  .gallery-item4 img, .gallery-item13 img, .gallery-item14 img, .gallery-item5 img, .gallery-item6 img {
    max-height: 200px !important;
    max-width: 100% !important;
    width: 100% !important;
    -o-object-fit: cover !important;
       object-fit: cover !important;
    height: 200px !important; } }

.gallery-five .grid-container-gallery img {
  width: 100% !important; }

@media only screen and (max-width: 990px) {
  .gallery-five > .ant-row {
    gap: 2% !important; } }

@media only screen and (max-width: 768px) {
  .gallery-five > .ant-row {
    display: block !important; }
  .gallery-five .ant-list {
    max-width: 91%; }
  .gallery-five .right-gall {
    margin-top: 0 !important;
    padding: 0px 3%; }
  .gallery-five .search-gall {
    margin-top: 17px;
    margin-bottom: 15px; }
  .gallery-five span.ant-input-search.ant-input-affix-wrapper {
    width: 93%; } }

.gallery-six h3.client-course-title {
  font-size: 16px; }

.gallery-six .fonttexteditor p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 61px !important;
  text-overflow: ellipsis;
  font-size: 13px; }

@media only screen and (max-width: 990px) {
  .gallery-six > .ant-row {
    gap: 2% !important; } }

@media only screen and (max-width: 768px) {
  .gallery-six > .ant-row {
    display: block !important; }
  .gallery-six .ant-list {
    max-width: 91%; }
  .gallery-six .right-gall {
    margin-top: 0 !important;
    padding: 0px 3%; }
  .gallery-six .search-gall {
    margin-top: 17px;
    margin-bottom: 15px; }
  .gallery-six span.ant-input-search.ant-input-affix-wrapper {
    width: 93%; } }

.gallery-eight .ant-list-item {
  overflow: unset !important; }

.gallery-eight .fonttexteditor > p > span {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 61px !important;
  text-overflow: ellipsis;
  font-size: 13px; }

.gallery-nine .fonttexteditor p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 61px !important;
  text-overflow: ellipsis;
  font-size: 13px; }

.gallery-ten .fonttexteditor {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
  height: 92px !important;
  text-overflow: ellipsis;
  font-size: 13px;
  margin-bottom: 23px; }

.background-custom-modal {
  z-index: 1000000;
  background-color: rgba(0, 0, 0, 0.5) !important;
  width: 100%;
  height: 100%;
  opacity: 1;
  top: 0;
  left: 0;
  position: fixed;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.custom-modal-box {
  width: auto;
  height: auto;
  display: table;
  padding: 0px 15px 15px; }

.body-custom-modal {
  padding: 0px 15px 15px; }

.modal-custom-modal-inner {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%; }

.modal-custom-modal-wrap {
  min-width: 500px;
  border-radius: 16px;
  width: auto;
  height: auto;
  position: relative;
  background-color: #fff;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0); }

.header-custom-modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 16px; }

.custom-modal-arrow {
  -ms-flex-item-align: center;
      align-self: center; }

.background-custom-modal.showmodal {
  z-index: 1000000;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1); }

.background-custom-modal.hidemodal {
  z-index: -1;
  opacity: 0;
  -webkit-transform: scale(0);
          transform: scale(0); }

.custom-modal-box.showmodal {
  z-index: 1000000;
  opacity: 1;
  -webkit-animation: show .2s;
          animation: show .2s;
  -webkit-transform: scale(1);
          transform: scale(1); }

.custom-slide-dot {
  margin: 0px 2px;
  cursor: pointer;
  border: 1px solid #fff;
  width: 15px;
  height: 15px;
  border-radius: 50%; }

.custom-slide-dot.inactive {
  background: transparent; }

.custom-slide-dot.active {
  background: #fff; }

@-webkit-keyframes show {
  from {
    z-index: -1;
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: -1; }
  to {
    z-index: 1000000;
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

@keyframes show {
  from {
    z-index: -1;
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: -1; }
  to {
    z-index: 1000000;
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

.custom-modal-box.hidemodal {
  z-index: -1;
  opacity: 0;
  -webkit-animation: hide .25s;
          animation: hide .25s;
  -webkit-transform: scale(0);
          transform: scale(0); }

@-webkit-keyframes hide {
  from {
    z-index: 1000000;
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  to {
    z-index: -1;
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; } }

@keyframes hide {
  from {
    z-index: 1000000;
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  to {
    z-index: -1;
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; } }

@media only screen and (max-width: 769px) {
  .modal-custom-modal-wrap {
    min-width: auto; } }

.fonttexteditor ul {
  display: block;
  list-style-type: disc;
  -webkit-padding-start: 40px;
          padding-inline-start: 40px; }

.ql-align-right {
  text-align: right; }

.ql-font-monospace {
  font-family: monospace !important; }

.ql-picker.ql-font .ql-picker-item {
  font-size: 0; }
  .ql-picker.ql-font .ql-picker-item:before {
    content: attr(data-value) !important;
    font-size: 14px; }

.ql-picker.ql-font .ql-active:before {
  content: attr(data-value) !important;
  font-size: 14px; }

.ql-picker.ql-font .ql-picker-label[data-value="Sarabun"]::before,
.ql-picker.ql-font .ql-picker-item[data-value="sarabun"]::before {
  font-family: sarabun;
  content: sarabun !important; }

.ql-picker.ql-font .ql-picker-label[data-value="Sans-Serif"]::before,
.ql-picker.ql-font .ql-picker-item[data-value="Sans-Serif"]::before {
  font-family: sans-serif !important;
  content: sans-serif !important; }

.ql-picker.ql-font .ql-picker-label[data-value="Serif"]::before,
.ql-picker.ql-font .ql-picker-item[data-value="Serif"]::before {
  font-family: serif;
  content: serif !important; }

.ql-picker.ql-font .ql-picker-label[data-value="Monospace"]::before,
.ql-picker.ql-font .ql-picker-item[data-value="Monospace"]::before {
  font-family: monospace;
  content: monospace !important; }

/* Set content font-families */
.ql-font-Sarabun {
  font-family: sarabun !important; }

.ql-font-Sans-Serif {
  font-family: sans-serif !important; }

.ql-font-Serif {
  font-family: serif !important; }

.ql-font-Monospace {
  font-family: monospace !important; }

.instruct-detail-three-container .instruct-detail-video {
  padding-top: 60px;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .instruct-detail-three-container .instruct-detail-video .play-button {
    position: absolute;
    width: 100px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .instruct-detail-three-container .instruct-detail-video .vdo-instruct {
    position: 'relative';
    cursor: 'pointer';
    width: 90%;
    height: 500px; }
  @media (max-width: 820px) {
    .instruct-detail-three-container .instruct-detail-video .vdo-instruct {
      height: 300px; } }
  @media (max-width: 420px) {
    .instruct-detail-three-container .instruct-detail-video .vdo-instruct {
      height: 100%; } }

.instruct-detail-three-container .instruct-detail-three {
  padding-top: 50px;
  max-width: 1100px;
  margin: auto; }

.instruct-detail-three-container .instruct-detail2 .title p {
  padding: 20px; }

.instructor-detail-modal-video-instructor {
  margin-bottom: -7px; }

.instructor-detail-video-instructor {
  height: 100%; }

.instructor-detail-modal-video-instructor iframe {
  max-width: 100%;
  max-height: 100%;
  border-radius: 0px 0px 4px 4px; }

.instructor-detail-video-instructor iframe {
  width: 100%;
  height: 100%; }

.instructor-detail-modal-video-instructor video {
  border-radius: 0px 0px 4px 4px; }

.pricing-component-one .pricing-detail-container .pricing-detail-popular {
  height: 35px;
  width: 35%;
  background-color: #0066FF;
  margin-left: auto;
  border-bottom-left-radius: 20px;
  border-top-right-radius: 2px;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.pricing-detail-container {
  border: 1px solid #0000001a;
  border-radius: 5px;
  margin-bottom: 20px;
  -webkit-box-shadow: 2px 2px 5px 2px rgba(35, 36, 36, 0.1);
          box-shadow: 2px 2px 5px 2px rgba(35, 36, 36, 0.1); }
  .pricing-detail-container .pricing-detail-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 30px 2px; }
    .pricing-detail-container .pricing-detail-content p {
      margin: auto;
      padding: 2px 0px; }
    .pricing-detail-container .pricing-detail-content .datatime-course-detail {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding-top: 5px; }
    .pricing-detail-container .pricing-detail-content .price-text {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline;
      padding-bottom: 10px; }
      .pricing-detail-container .pricing-detail-content .price-text p {
        margin: 0px;
        font-weight: 500; }
    .pricing-detail-container .pricing-detail-content .btn-buy-course, .pricing-detail-container .pricing-detail-content .btn-buy-now-course {
      height: 40px;
      width: 80%; }
    .pricing-detail-container .pricing-detail-content .btn-buy-course.active {
      background-color: #52c41a;
      border-color: #53c41a; }
    .pricing-detail-container .pricing-detail-content .btn-buy-course.inactive {
      background-color: #bbbbbb;
      border-color: #bbbbbb; }
    .pricing-detail-container .pricing-detail-content .btn-buy-now-course.active {
      color: #000;
      background-color: #ffffff;
      border-color: #b3b3b3; }
    .pricing-detail-container .pricing-detail-content .btn-buy-now-course.inactive {
      background-color: #bbbbbb;
      border-color: #bbbbbb; }
    .pricing-detail-container .pricing-detail-content .start-course-btn, .pricing-detail-container .pricing-detail-content .go-to-cart-btn-container {
      padding: 10px 20px;
      width: 100%; }

.card-action-button.action-center {
  display: none; }
  @media only screen and (max-width: 991px) {
    .card-action-button.action-center {
      display: block; } }

.card-action-button.action-right {
  display: block; }
  @media only screen and (max-width: 991px) {
    .card-action-button.action-right {
      display: none; } }

.pricing-plan-select-cart-columns > .ant-select {
  padding: 0 !important; }

@-webkit-keyframes modal-video {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes modal-video {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes modal-video-inner {
  from {
    -webkit-transform: translate(0, 100px);
            transform: translate(0, 100px); }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes modal-video-inner {
  from {
    -webkit-transform: translate(0, 100px);
            transform: translate(0, 100px); }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

.modal-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000000;
  cursor: pointer;
  opacity: 1;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-name: modal-video;
          animation-name: modal-video;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out; }

.modal-video-effect-exit {
  opacity: 0; }
  .modal-video-effect-exit .modal-video-movie-wrap {
    -webkit-transform: translate(0, 100px);
    transform: translate(0, 100px); }

.modal-video-body {
  max-width: 960px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.modal-video-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%; }
  @media (orientation: landscape) {
    .modal-video-inner {
      padding: 10px 60px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; } }

.modal-video-movie-wrap {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
  background-color: #333;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-name: modal-video-inner;
          animation-name: modal-video-inner;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; }
  .modal-video-movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.modal-video-close-btn {
  position: absolute;
  z-index: 2;
  top: -45px;
  right: 0px;
  display: inline-block;
  width: 35px;
  height: 35px;
  overflow: hidden;
  border: none;
  background: transparent; }
  @media (orientation: landscape) {
    .modal-video-close-btn {
      top: 0;
      right: -45px; } }
  .modal-video-close-btn:before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  .modal-video-close-btn:after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  .modal-video-close-btn:before, .modal-video-close-btn:after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #fff;
    border-radius: 5px;
    margin-top: -6px; }

.ant-row.ant-form-item.index-name-tel {
  font-size: 24px;
  width: 98%; }

.ant-row.ant-form-item.index-name-tel label {
  color: #ffffff;
  display: block;
  margin: 0;
  padding: 0 0 8px;
  line-height: 1.5;
  white-space: initial;
  text-align: left; }

.pullup2.custom {
  padding: 10px 25% 0px; }

.home-banner1-book.custom {
  margin: -211px auto 60px auto; }

.home-banner3-btn1-button.custom-Button,
.home-banner2-btn2-button.custom-Button,
.ant-btn.custom-Button {
  font-size: 25px;
  width: auto;
  height: auto; }

@media (max-width: 1200px) {
  .ant-row.ant-form-item.index-name-tel {
    font-size: 20px; } }

@media (max-width: 750px) {
  .ant-row.ant-form-item.index-name-tel {
    font-size: 18px; } }

@media (max-width: 680px) {
  .pullup2.custom {
    margin-top: -45% !important;
    padding: 9px 0 0px; }
  .ant-row.ant-form-item.index-name-tel {
    font-size: 14px; }
  .home-banner1-book.custom {
    margin: -264px auto 60px auto; }
  .home-banner3-btn1-button.custom-Button,
  .home-banner2-btn2-button.custom-Button,
  .ant-btn.custom-Button {
    font-size: 20px;
    width: auto;
    height: auto; }
  .home-banner-1.custom-img,
  .home-banner-2.custom-img,
  .home-banner-3.custom-img {
    padding-top: 754px !important;
    background-position: 54.7%; } }

@media (max-width: 350px) {
  .ant-row.ant-form-item.index-name-tel {
    font-size: 14px; }
  .home-banner1-book.custom {
    margin: -264px auto 60px auto; }
  .home-banner3-btn1-button.custom-Button,
  .home-banner2-btn2-button.custom-Button,
  .ant-btn.custom-Button {
    font-size: 20px;
    width: auto;
    height: auto; }
  .home-banner-1.custom-img,
  .home-banner-2.custom-img,
  .home-banner-3.custom-img {
    padding-top: 566px !important;
    background-position: 54.7%; } }

td.ant-fullcalendar-cell.ant-fullcalendar-selected-day > .schedule-calendar-card {
  border: 1px solid #1890ff; }

@media (max-width: 680px) {
  .home-contactus > div > div > div.form-contactus {
    margin-top: 75%; } }

.search-bar {
  text-align: right;
  width: 100%; }

span.ant-input-search.ant-input-affix-wrapper {
  width: 330px; }

.slash-icon {
  position: relative;
  width: 21px;
  height: 0;
  border-top: 2px solid #fff;
  -webkit-transform: rotate(-38deg);
          transform: rotate(-38deg);
  top: 12px;
  right: 3px; }

.liveroom-page-wrapper {
  background-color: #000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 1000;
  background-size: cover; }
  .liveroom-page-wrapper .title {
    color: #ffffff;
    font-size: 60px;
    font-family: Poppins !important;
    margin: 0;
    white-space: nowrap; }
  .liveroom-page-wrapper .subtitle {
    color: #ffffff;
    font-size: 20px;
    font-family: Poppins !important; }
    .liveroom-page-wrapper .subtitle span {
      color: #ffffff;
      font-size: 12px;
      font-family: Poppins !important; }
  .liveroom-page-wrapper .back-button {
    color: #ffffff;
    background-color: #000;
    border: none;
    border-radius: 3px;
    padding: 10px 50px;
    cursor: pointer;
    font-family: "Poppins" !important;
    font-size: 20px; }
  .liveroom-page-wrapper .loading-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center; }
    .liveroom-page-wrapper .loading-wrapper img {
      height: 100px; }
  .liveroom-page-wrapper .time-expired-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center; }
    .liveroom-page-wrapper .time-expired-wrapper img {
      height: 250px;
      margin-bottom: 10px; }
  .liveroom-page-wrapper .not-available-room-student-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center; }
    .liveroom-page-wrapper .not-available-room-student-wrapper img {
      height: 250px;
      margin-bottom: 10px; }
  .liveroom-page-wrapper .not-available-room-instructor-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center; }
    .liveroom-page-wrapper .not-available-room-instructor-wrapper img {
      height: 250px;
      margin-bottom: 10px; }
    .liveroom-page-wrapper .not-available-room-instructor-wrapper .clear-button {
      color: #000;
      background-color: #fcb13a;
      border: none;
      border-radius: 3px;
      padding: 10px 50px;
      cursor: pointer;
      font-family: "Poppins" !important;
      height: 100%;
      font-size: 20px; }
    .liveroom-page-wrapper .not-available-room-instructor-wrapper .back-button {
      color: #ffffff;
      background-color: transparent;
      border: none;
      border-radius: 3px;
      padding: 10px 50px;
      cursor: pointer;
      font-family: "Poppins" !important;
      width: 100%;
      font-size: 20px; }
  .liveroom-page-wrapper .over-imit-room-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center; }
    .liveroom-page-wrapper .over-imit-room-wrapper img {
      height: 180px;
      margin-bottom: 10px; }
  .liveroom-page-wrapper .duplicate-user-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center; }
    .liveroom-page-wrapper .duplicate-user-wrapper img {
      height: 200px;
      margin-bottom: 10px; }
  .liveroom-page-wrapper .countdown-time-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center; }
    .liveroom-page-wrapper .countdown-time-wrapper img {
      margin-bottom: 10px; }
    .liveroom-page-wrapper .countdown-time-wrapper .refresh-button {
      color: #000000;
      background-color: #fcb13a;
      border: none;
      border-radius: 3px;
      padding: 5px 30px;
      cursor: pointer;
      font-size: 30px;
      font-family: "Poppins" !important;
      width: 100%;
      margin-top: 50px;
      margin-bottom: 50px; }
    .liveroom-page-wrapper .countdown-time-wrapper .countdown-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      color: #ffffff;
      font-size: 80px;
      font-family: Poppins !important;
      margin-top: 50px;
      margin-bottom: 50px; }
      .liveroom-page-wrapper .countdown-time-wrapper .countdown-wrapper .item-countdown-wrapper {
        border: 1px solid #fff;
        border-radius: 8px;
        margin: 5px;
        background-color: #ffffff1a;
        width: 180px; }
        .liveroom-page-wrapper .countdown-time-wrapper .countdown-wrapper .item-countdown-wrapper .item-value {
          color: #ffffff;
          font-size: 80px;
          font-family: Poppins !important;
          margin: 0; }
        .liveroom-page-wrapper .countdown-time-wrapper .countdown-wrapper .item-countdown-wrapper .item-name {
          color: #ffffff;
          font-size: 14px;
          font-family: Poppins !important;
          margin-top: -10px;
          margin-bottom: 5px; }
  .liveroom-page-wrapper .assessment-student-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center; }
    .liveroom-page-wrapper .assessment-student-wrapper img {
      height: 175px;
      margin-bottom: 10px; }
    .liveroom-page-wrapper .assessment-student-wrapper .ant-rate {
      font-size: 60px !important; }
    .liveroom-page-wrapper .assessment-student-wrapper .textarea-input {
      width: 100%;
      margin: 20px;
      border-radius: 5px !important;
      font-size: 18px;
      font-family: "Poppins" !important;
      min-height: 100px;
      color: #ffffff;
      background-color: #ffffff1a; }
    .liveroom-page-wrapper .assessment-student-wrapper .send-button {
      color: #000;
      background-color: #fcb13a;
      border: none;
      border-radius: 3px;
      padding: 10px 50px;
      cursor: pointer;
      font-family: "Poppins" !important;
      margin-top: 10px;
      font-size: 20px; }
  .liveroom-page-wrapper .assessment-instructor-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center; }
    .liveroom-page-wrapper .assessment-instructor-wrapper img {
      height: 175px;
      margin-bottom: 10px; }
    .liveroom-page-wrapper .assessment-instructor-wrapper .ant-rate {
      font-size: 60px !important; }
    .liveroom-page-wrapper .assessment-instructor-wrapper .detail {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0; }
      .liveroom-page-wrapper .assessment-instructor-wrapper .detail .topic {
        text-align: start;
        color: #ffffff;
        font-size: 20px;
        font-family: Poppins !important;
        margin: 0; }
      .liveroom-page-wrapper .assessment-instructor-wrapper .detail .result {
        text-align: end;
        color: #ffffff;
        font-size: 20px;
        font-family: Poppins !important;
        margin: 0; }

@media screen and (max-width: 1024px) {
  .liveroom-page-wrapper .title {
    font-size: 60px; }
  .liveroom-page-wrapper .subtitle {
    font-size: 20px; }
    .liveroom-page-wrapper .subtitle span {
      font-size: 16px; }
  .liveroom-page-wrapper .back-button {
    border-radius: 3px;
    padding: 10px 50px;
    font-size: 20px; }
  .liveroom-page-wrapper .loading-wrapper img {
    height: 100px; }
  .liveroom-page-wrapper .time-expired-wrapper img {
    height: 200px; }
  .liveroom-page-wrapper .not-available-room-student-wrapper img {
    height: 200px;
    margin-bottom: 10px; }
  .liveroom-page-wrapper .not-available-room-instructor-wrapper img {
    height: 200px;
    margin-bottom: 10px; }
  .liveroom-page-wrapper .not-available-room-instructor-wrapper .clear-button {
    padding: 10px 50px;
    font-size: 20px; }
  .liveroom-page-wrapper .not-available-room-instructor-wrapper .back-button {
    padding: 5px 30px;
    font-size: 20px; }
  .liveroom-page-wrapper .over-imit-room-wrapper img {
    height: 180px;
    margin-bottom: 10px; }
  .liveroom-page-wrapper .duplicate-user-wrapper img {
    height: 200px;
    margin-bottom: 10px; }
  .liveroom-page-wrapper .countdown-time-wrapper img {
    margin-bottom: 10px; }
  .liveroom-page-wrapper .countdown-time-wrapper .refresh-button {
    padding: 5px 30px;
    font-size: 30px; }
  .liveroom-page-wrapper .countdown-time-wrapper .countdown-wrapper {
    margin-top: 50px;
    margin-bottom: 50px;
    font-size: 80px; }
    .liveroom-page-wrapper .countdown-time-wrapper .countdown-wrapper .item-countdown-wrapper {
      border-radius: 8px;
      margin: 5px;
      width: 180px; }
      .liveroom-page-wrapper .countdown-time-wrapper .countdown-wrapper .item-countdown-wrapper .item-value {
        font-size: 80px; }
      .liveroom-page-wrapper .countdown-time-wrapper .countdown-wrapper .item-countdown-wrapper .item-name {
        font-size: 14px;
        margin-top: -10px;
        margin-bottom: 5px; }
  .liveroom-page-wrapper .assessment-student-wrapper img {
    height: 200px; }
  .liveroom-page-wrapper .assessment-student-wrapper .ant-rate {
    font-size: 60px !important; }
  .liveroom-page-wrapper .assessment-student-wrapper .textarea-input {
    margin: 10px;
    font-size: 20px;
    min-height: 100px; }
  .liveroom-page-wrapper .assessment-student-wrapper .send-button {
    padding: 5px 50px;
    margin-top: 10px;
    font-size: 20px; }
  .liveroom-page-wrapper .assessment-instructor-wrapper img {
    height: 200px; }
  .liveroom-page-wrapper .assessment-instructor-wrapper .ant-rate {
    font-size: 60px !important; }
  .liveroom-page-wrapper .assessment-instructor-wrapper .detail .topic {
    font-size: 20px; }
  .liveroom-page-wrapper .assessment-instructor-wrapper .detail .result {
    font-size: 20px; } }

@media screen and (max-width: 768px) {
  .liveroom-page-wrapper .title {
    font-size: 50px; }
  .liveroom-page-wrapper .subtitle {
    font-size: 18px; }
    .liveroom-page-wrapper .subtitle span {
      font-size: 12px; }
  .liveroom-page-wrapper .back-button {
    border-radius: 3px;
    padding: 8px 40px;
    font-size: 18px; }
  .liveroom-page-wrapper .loading-wrapper img {
    height: 80px; }
  .liveroom-page-wrapper .time-expired-wrapper img {
    height: 175px; }
  .liveroom-page-wrapper .not-available-room-student-wrapper img {
    height: 175px;
    margin-bottom: 10px; }
  .liveroom-page-wrapper .not-available-room-instructor-wrapper img {
    height: 175px;
    margin-bottom: 10px; }
  .liveroom-page-wrapper .not-available-room-instructor-wrapper .clear-button {
    padding: 8px 40px;
    font-size: 18px; }
  .liveroom-page-wrapper .not-available-room-instructor-wrapper .back-button {
    padding: 5px 30px;
    font-size: 18px; }
  .liveroom-page-wrapper .countdown-time-wrapper img {
    margin-bottom: 10px; }
  .liveroom-page-wrapper .countdown-time-wrapper .refresh-button {
    padding: 5px 30px;
    font-size: 30px; }
  .liveroom-page-wrapper .countdown-time-wrapper .countdown-wrapper {
    margin-top: 50px;
    margin-bottom: 50px;
    font-size: 56px; }
    .liveroom-page-wrapper .countdown-time-wrapper .countdown-wrapper .item-countdown-wrapper {
      border-radius: 8px;
      margin: 5px;
      width: 120px; }
      .liveroom-page-wrapper .countdown-time-wrapper .countdown-wrapper .item-countdown-wrapper .item-value {
        font-size: 56px; }
      .liveroom-page-wrapper .countdown-time-wrapper .countdown-wrapper .item-countdown-wrapper .item-name {
        font-size: 10px;
        margin-top: -10px;
        margin-bottom: 5px; }
  .liveroom-page-wrapper .assessment-student-wrapper img {
    height: 175px; }
  .liveroom-page-wrapper .assessment-student-wrapper .ant-rate {
    font-size: 50px !important; }
  .liveroom-page-wrapper .assessment-student-wrapper .textarea-input {
    margin: 5px;
    font-size: 18px;
    min-height: 80px; }
  .liveroom-page-wrapper .assessment-student-wrapper .send-button {
    padding: 5px 10px;
    margin-top: 10px;
    font-size: 18px; }
  .liveroom-page-wrapper .assessment-instructor-wrapper img {
    height: 175px; }
  .liveroom-page-wrapper .assessment-instructor-wrapper .ant-rate {
    font-size: 50px !important; }
  .liveroom-page-wrapper .assessment-instructor-wrapper .detail .topic {
    font-size: 18px; }
  .liveroom-page-wrapper .assessment-instructor-wrapper .detail .result {
    font-size: 18px; } }

@media screen and (max-width: 414px) {
  .liveroom-page-wrapper .title {
    font-size: 24px; }
  .liveroom-page-wrapper .subtitle {
    font-size: 12px; }
    .liveroom-page-wrapper .subtitle span {
      font-size: 8px; }
  .liveroom-page-wrapper .back-button {
    border-radius: 3px;
    padding: 6px 30px;
    font-size: 12px; }
  .liveroom-page-wrapper .loading-wrapper img {
    height: 60px; }
  .liveroom-page-wrapper .time-expired-wrapper img {
    height: 70px; }
  .liveroom-page-wrapper .not-available-room-student-wrapper img {
    height: 70px;
    margin-bottom: 10px; }
  .liveroom-page-wrapper .not-available-room-instructor-wrapper img {
    height: 70px;
    margin-bottom: 10px; }
  .liveroom-page-wrapper .not-available-room-instructor-wrapper .clear-button {
    padding: 6px 30px;
    font-size: 12px; }
  .liveroom-page-wrapper .not-available-room-instructor-wrapper .back-button {
    padding: 5px 30px;
    font-size: 12px; }
  .liveroom-page-wrapper .over-imit-room-wrapper img {
    height: 60px;
    margin-bottom: 10px; }
  .liveroom-page-wrapper .duplicate-user-wrapper img {
    height: 70px;
    margin-bottom: 10px; }
  .liveroom-page-wrapper .countdown-time-wrapper img {
    height: 40px;
    margin-bottom: 10px; }
  .liveroom-page-wrapper .countdown-time-wrapper .refresh-button {
    padding: 5px 30px;
    font-size: 30px; }
  .liveroom-page-wrapper .countdown-time-wrapper .countdown-wrapper {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 50px; }
    .liveroom-page-wrapper .countdown-time-wrapper .countdown-wrapper .item-countdown-wrapper {
      border-radius: 8px;
      margin: 5px;
      width: 100px; }
      .liveroom-page-wrapper .countdown-time-wrapper .countdown-wrapper .item-countdown-wrapper .item-value {
        font-size: 50px; }
      .liveroom-page-wrapper .countdown-time-wrapper .countdown-wrapper .item-countdown-wrapper .item-name {
        font-size: 8px;
        margin-top: -10px;
        margin-bottom: 5px; }
  .liveroom-page-wrapper .assessment-student-wrapper img {
    height: 70px; }
  .liveroom-page-wrapper .assessment-student-wrapper .ant-rate {
    font-size: 24px !important; }
  .liveroom-page-wrapper .assessment-student-wrapper .textarea-input {
    margin: 10px;
    font-size: 12px;
    min-height: 45px; }
  .liveroom-page-wrapper .assessment-student-wrapper .send-button {
    padding: 5px 30px;
    margin-top: 10px;
    font-size: 12px; }
  .liveroom-page-wrapper .assessment-instructor-wrapper img {
    height: 70px; }
  .liveroom-page-wrapper .assessment-instructor-wrapper .ant-rate {
    font-size: 24px !important; }
  .liveroom-page-wrapper .assessment-instructor-wrapper .detail .topic {
    font-size: 12px; }
  .liveroom-page-wrapper .assessment-instructor-wrapper .detail .result {
    font-size: 12px; } }

@media screen and (max-width: 375px) {
  .liveroom-page-wrapper .title {
    font-size: 20px; }
  .liveroom-page-wrapper .subtitle {
    font-size: 10px; }
    .liveroom-page-wrapper .subtitle span {
      font-size: 8px; }
  .liveroom-page-wrapper .back-button {
    border-radius: 3px;
    padding: 5px 15px;
    font-size: 10px; }
  .liveroom-page-wrapper .loading-wrapper img {
    height: 40px; }
  .liveroom-page-wrapper .time-expired-wrapper img {
    height: 60px; }
  .liveroom-page-wrapper .not-available-room-student-wrapper img {
    height: 60px;
    margin-bottom: 10px; }
  .liveroom-page-wrapper .not-available-room-instructor-wrapper img {
    height: 60px;
    margin-bottom: 10px; }
  .liveroom-page-wrapper .not-available-room-instructor-wrapper .clear-button {
    padding: 5px 15px;
    font-size: 10px; }
  .liveroom-page-wrapper .not-available-room-instructor-wrapper .back-button {
    padding: 5px 30px;
    font-size: 10px; }
  .liveroom-page-wrapper .over-imit-room-wrapper img {
    height: 50px;
    margin-bottom: 10px; }
  .liveroom-page-wrapper .duplicate-user-wrapper img {
    height: 60px;
    margin-bottom: 10px; }
  .liveroom-page-wrapper .countdown-time-wrapper img {
    height: 30px;
    margin-bottom: 10px; }
  .liveroom-page-wrapper .countdown-time-wrapper .refresh-button {
    padding: 5px 30px;
    font-size: 30px; }
  .liveroom-page-wrapper .countdown-time-wrapper .countdown-wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 40px; }
    .liveroom-page-wrapper .countdown-time-wrapper .countdown-wrapper .item-countdown-wrapper {
      border-radius: 8px;
      margin: 5px;
      width: 80px; }
      .liveroom-page-wrapper .countdown-time-wrapper .countdown-wrapper .item-countdown-wrapper .item-value {
        font-size: 40px; }
      .liveroom-page-wrapper .countdown-time-wrapper .countdown-wrapper .item-countdown-wrapper .item-name {
        font-size: 8px;
        margin-top: -10px;
        margin-bottom: 5px; }
  .liveroom-page-wrapper .assessment-student-wrapper img {
    height: 60px; }
  .liveroom-page-wrapper .assessment-student-wrapper .ant-rate {
    font-size: 20px !important; }
  .liveroom-page-wrapper .assessment-student-wrapper .textarea-input {
    margin: 10px;
    font-size: 10px;
    min-height: 40px; }
  .liveroom-page-wrapper .assessment-student-wrapper .send-button {
    padding: 5px 30px;
    margin-top: 10px;
    font-size: 10px; }
  .liveroom-page-wrapper .assessment-instructor-wrapper img {
    height: 60px; }
  .liveroom-page-wrapper .assessment-instructor-wrapper .ant-rate {
    font-size: 20px !important; }
  .liveroom-page-wrapper .assessment-instructor-wrapper .detail .topic {
    font-size: 10px; }
  .liveroom-page-wrapper .assessment-instructor-wrapper .detail .result {
    font-size: 10px; } }

@media only screen and (min-device-width: 568px) and (max-device-width: 812px) and (orientation: landscape) {
  .liveroom-page-wrapper .title {
    font-size: 20px; }
  .liveroom-page-wrapper .subtitle {
    font-size: 10px; }
    .liveroom-page-wrapper .subtitle span {
      font-size: 8px; }
  .liveroom-page-wrapper .back-button {
    border-radius: 3px;
    padding: 5px 15px;
    font-size: 10px; }
  .liveroom-page-wrapper .loading-wrapper img {
    height: 40px; }
  .liveroom-page-wrapper .time-expired-wrapper img {
    height: 60px; }
  .liveroom-page-wrapper .not-available-room-student-wrapper img {
    height: 60px;
    margin-bottom: 10px; }
  .liveroom-page-wrapper .not-available-room-instructor-wrapper img {
    height: 60px;
    margin-bottom: 10px; }
  .liveroom-page-wrapper .not-available-room-instructor-wrapper .clear-button {
    padding: 5px 15px;
    font-size: 10px; }
  .liveroom-page-wrapper .not-available-room-instructor-wrapper .back-button {
    padding: 5px 30px;
    font-size: 10px; }
  .liveroom-page-wrapper .over-imit-room-wrapper img {
    height: 50px;
    margin-bottom: 10px; }
  .liveroom-page-wrapper .duplicate-user-wrapper img {
    height: 60px;
    margin-bottom: 10px; }
  .liveroom-page-wrapper .countdown-time-wrapper img {
    height: 30px;
    margin-bottom: 10px; }
  .liveroom-page-wrapper .countdown-time-wrapper .refresh-button {
    padding: 5px 30px;
    font-size: 30px; }
  .liveroom-page-wrapper .countdown-time-wrapper .countdown-wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 40px; }
    .liveroom-page-wrapper .countdown-time-wrapper .countdown-wrapper .item-countdown-wrapper {
      border-radius: 8px;
      margin: 5px;
      width: 80px; }
      .liveroom-page-wrapper .countdown-time-wrapper .countdown-wrapper .item-countdown-wrapper .item-value {
        font-size: 40px; }
      .liveroom-page-wrapper .countdown-time-wrapper .countdown-wrapper .item-countdown-wrapper .item-name {
        font-size: 8px;
        margin-top: -10px;
        margin-bottom: 5px; }
  .liveroom-page-wrapper .assessment-student-wrapper img {
    height: 60px; }
  .liveroom-page-wrapper .assessment-student-wrapper .ant-rate {
    font-size: 20px !important; }
  .liveroom-page-wrapper .assessment-student-wrapper .textarea-input {
    margin: 10px;
    font-size: 10px;
    min-height: 40px; }
  .liveroom-page-wrapper .assessment-student-wrapper .send-button {
    padding: 5px 30px;
    margin-top: 10px;
    font-size: 10px; }
  .liveroom-page-wrapper .assessment-instructor-wrapper img {
    height: 60px; }
  .liveroom-page-wrapper .assessment-instructor-wrapper .ant-rate {
    font-size: 20px !important; }
  .liveroom-page-wrapper .assessment-instructor-wrapper .detail .topic {
    font-size: 10px; }
  .liveroom-page-wrapper .assessment-instructor-wrapper .detail .result {
    font-size: 10px; } }

.chat-liveroom-wrapper {
  z-index: 999999;
  position: absolute;
  bottom: 0;
  left: 0%;
  right: 0;
  width: 100%;
  pointer-events: none; }
  @media (max-width: 1024px) {
    .chat-liveroom-wrapper {
      left: 0;
      width: 100%; } }
  .chat-liveroom-wrapper .chat-continer {
    width: 100%; }
    .chat-liveroom-wrapper .chat-continer .chat-message-wrapper {
      height: 164px;
      overflow: auto;
      min-height: 50px;
      background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.146394)), to(rgba(255, 255, 255, 0)));
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.146394) 0%, rgba(255, 255, 255, 0) 100%); }
      @media (max-width: 1024px) {
        .chat-liveroom-wrapper .chat-continer .chat-message-wrapper {
          background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.146394)), to(rgba(255, 255, 255, 0)));
          background: linear-gradient(0deg, rgba(0, 0, 0, 0.146394) 0%, rgba(255, 255, 255, 0) 100%); } }
      .chat-liveroom-wrapper .chat-continer .chat-message-wrapper .hide-button-wrapper {
        position: absolute;
        top: 5px;
        right: 5px;
        display: none; }
        .chat-liveroom-wrapper .chat-continer .chat-message-wrapper .hide-button-wrapper .hide-button {
          background: transparent;
          border: 1px solid #bbb;
          border-radius: 3px;
          color: #bbb;
          cursor: pointer;
          font-size: 10px; }
      .chat-liveroom-wrapper .chat-continer .chat-message-wrapper .message-item-wrapper {
        padding: 5px 10px 0px 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .chat-liveroom-wrapper .chat-continer .chat-message-wrapper .message-item-wrapper .message-item-avatar-wrapper .item-avatar {
          width: 40px;
          height: 40px;
          margin-right: 10px;
          border-radius: 50%;
          background-color: #ffffff; }
        @media (max-width: 767px) {
          .chat-liveroom-wrapper .chat-continer .chat-message-wrapper .message-item-wrapper .message-item-data-wrapper .item-p {
            margin-top: 0px !important; } }
        .chat-liveroom-wrapper .chat-continer .chat-message-wrapper .message-item-wrapper .message-item-data-wrapper .item-name {
          margin: 0;
          font-size: 14px;
          font-weight: 500;
          color: #bbb; }
          @media (max-width: 767px) {
            .chat-liveroom-wrapper .chat-continer .chat-message-wrapper .message-item-wrapper .message-item-data-wrapper .item-name {
              margin: 0;
              line-height: 9px;
              font-size: 10px;
              font-weight: 500;
              color: #bbb;
              margin-top: 1; } }
        .chat-liveroom-wrapper .chat-continer .chat-message-wrapper .message-item-wrapper .message-item-data-wrapper .item-datetime {
          margin: 0;
          font-size: 11px;
          color: #6d6d6d;
          margin-left: 10px;
          font-family: 'Sarabun' !important; }
          @media (max-width: 767px) {
            .chat-liveroom-wrapper .chat-continer .chat-message-wrapper .message-item-wrapper .message-item-data-wrapper .item-datetime {
              margin: 0;
              font-size: 8px;
              line-height: 5px;
              display: block;
              color: #6d6d6d; } }
        .chat-liveroom-wrapper .chat-continer .chat-message-wrapper .message-item-wrapper .message-item-data-wrapper .item-message {
          margin: 0;
          font-size: 14px;
          font-family: 'Sarabun' !important;
          color: #bbb; }
          @media (max-width: 767px) {
            .chat-liveroom-wrapper .chat-continer .chat-message-wrapper .message-item-wrapper .message-item-data-wrapper .item-message {
              margin: 0;
              font-size: 12px;
              line-height: 17px;
              font-family: 'Sarabun' !important;
              color: #bbb; } }
    .chat-liveroom-wrapper .chat-continer .show-button-wrapper {
      text-align: end;
      padding-top: 3px;
      display: none; }
      .chat-liveroom-wrapper .chat-continer .show-button-wrapper .show-button {
        background: transparent;
        border: 1px solid #bbb;
        border-radius: 35px;
        color: #bbb;
        cursor: pointer;
        font-size: 10px; }
    .chat-liveroom-wrapper .chat-continer .chat-input-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      background-color: #f9f9f9;
      pointer-events: visible; }
      .chat-liveroom-wrapper .chat-continer .chat-input-wrapper .textarea-input {
        width: 100%;
        height: 40px;
        margin: 5px 12px;
        padding: 10px;
        border: 0px solid #d5d5d5;
        background-color: #f0f0f2;
        border-radius: 8px; }
      .chat-liveroom-wrapper .chat-continer .chat-input-wrapper .request-audio-button {
        cursor: pointer; }

.mobile-live-screen > div.live-screen-logo {
  position: absolute;
  margin: 75px 20px 20px; }

.mobile-live-screen.non-fullscreen {
  height: 100vh;
  padding-bottom: 50px; }

.mobile-live-screen.fullscreen {
  height: 100vh; }

@media (max-width: 1024px) {
  .mobile-live-screen.non-fullscreen {
    height: 100vh; } }

.new-toolbox .toolbox-background {
  background-image: none !important; }

.live-page-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #f9f9f9; }
  .live-page-wrapper .videoframe {
    position: relative;
    z-index: 1;
    background: #ececee; }
  .live-page-wrapper .header-title-wrapper {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 15px;
    padding-right: 15px;
    height: 62px;
    background-color: #ececee;
    border: 0.5px solid #e9e9e9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .live-page-wrapper .header-title-wrapper .header-title {
      margin: 0px;
      font-size: 20px;
      color: #414141;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: pre;
      font-weight: 600;
      font-family: 'Sarabun' !important; }
    .live-page-wrapper .header-title-wrapper .action-button-wrapper .leave-room-botton {
      cursor: pointer; }
    .live-page-wrapper .header-title-wrapper .action-button-wrapper .leave-room-botton {
      cursor: pointer; }
    .live-page-wrapper .header-title-wrapper .live-btn {
      background-color: #f0f0f0;
      height: 43px;
      border-radius: 22px;
      margin-right: 10px;
      color: #4e4e4e;
      font-weight: 500;
      font-family: 'Sarabun' !important;
      line-height: 43px;
      border: 0px; }
      .live-page-wrapper .header-title-wrapper .live-btn span {
        font-family: 'Sarabun' !important;
        font-weight: 700; }
      @media (max-width: 767px) {
        .live-page-wrapper .header-title-wrapper .live-btn {
          height: 32px;
          width: 32px;
          line-height: 32px;
          padding: 0px;
          border-radius: 50%; } }
    .live-page-wrapper .header-title-wrapper .live-btn:hover {
      background-color: #cecece; }
    @media (max-width: 1024px) {
      .live-page-wrapper .header-title-wrapper .live-btn-mobile {
        display: none; } }
  .live-page-wrapper .header-title-wrapper-video {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 15px;
    padding-right: 0px;
    height: 50px;
    background-color: #ececee;
    border: 0px solid #e9e9e9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: absolute;
    z-index: 2;
    width: 85%; }
    .live-page-wrapper .header-title-wrapper-video .ar-down {
      border: 0px !important;
      cursor: pointer; }
    .live-page-wrapper .header-title-wrapper-video button {
      margin-right: 3px !important;
      height: 36px !important;
      width: 36px !important;
      padding: 0px; }
      .live-page-wrapper .header-title-wrapper-video button .slash-icon {
        right: -5px; }
    .live-page-wrapper .header-title-wrapper-video .live-btn.longbtn {
      width: auto !important;
      border-radius: 15px;
      padding: 0 10px; }
      @media (max-width: 1024px) {
        .live-page-wrapper .header-title-wrapper-video .live-btn.longbtn {
          height: 36px !important;
          width: 36px !important;
          border-radius: 50%;
          padding: 0px; }
          .live-page-wrapper .header-title-wrapper-video .live-btn.longbtn .live-btn-mobile {
            display: none; } }
    .live-page-wrapper .header-title-wrapper-video .ar-down {
      margin: -10px 20px !important;
      width: 15px !important;
      line-height: 15px !important;
      height: 15px !important;
      border: 0px !important; }
      .live-page-wrapper .header-title-wrapper-video .ar-down i {
        font-size: 12px; }
    @media (max-width: 1024px) {
      .live-page-wrapper .header-title-wrapper-video {
        width: 100% !important;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end; } }
    @media (max-width: 420px) {
      .live-page-wrapper .header-title-wrapper-video {
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end; } }
    .live-page-wrapper .header-title-wrapper-video .header-title {
      margin: 0px;
      font-size: 20px;
      color: #414141;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: pre;
      font-weight: 600;
      font-family: 'Sarabun' !important; }
    .live-page-wrapper .header-title-wrapper-video .action-botton-wrapper {
      text-align: right; }
    @media (max-width: 1024px) {
      .live-page-wrapper .header-title-wrapper-video .header-title-mobile {
        display: none; } }
    .live-page-wrapper .header-title-wrapper-video .action-button-wrapper .leave-room-botton {
      cursor: pointer; }
    .live-page-wrapper .header-title-wrapper-video .action-button-wrapper .leave-room-botton {
      cursor: pointer; }
    .live-page-wrapper .header-title-wrapper-video .live-btn {
      background-color: #f0f0f0;
      margin-right: 10px;
      color: #4e4e4e;
      font-weight: 500;
      font-family: 'Sarabun' !important;
      border: 0px;
      height: 36px;
      width: 36px;
      line-height: 36px;
      padding: 0px;
      border-radius: 50%; }
      .live-page-wrapper .header-title-wrapper-video .live-btn img {
        margin-top: -3px;
        height: 14px !important; }
      .live-page-wrapper .header-title-wrapper-video .live-btn span {
        font-family: 'Sarabun' !important;
        font-weight: 700; }
    .live-page-wrapper .header-title-wrapper-video .live-btn:hover {
      background-color: #cecece; }
  .live-page-wrapper .header-title-wrapper-video-instructor {
    width: 85%;
    padding-right: 0px; }
  .live-page-wrapper .header-title-wrapper-video-instructor.whiteboard-open,
  .live-page-wrapper .header-title-wrapper-video.whiteboard-open {
    width: 85% !important; }
    @media (max-width: 1024px) {
      .live-page-wrapper .header-title-wrapper-video-instructor.whiteboard-open,
      .live-page-wrapper .header-title-wrapper-video.whiteboard-open {
        width: 100% !important; } }
  .live-page-wrapper .fullscreen .header-title-wrapper-video {
    width: 100%;
    padding-right: 0px; }
    .live-page-wrapper .fullscreen .header-title-wrapper-video .ar-down {
      border: 0px !important;
      cursor: pointer; }
    .live-page-wrapper .fullscreen .header-title-wrapper-video button {
      margin-right: 3px !important;
      height: 36px !important;
      width: 36px !important;
      padding: 0px; }
      .live-page-wrapper .fullscreen .header-title-wrapper-video button .slash-icon {
        right: -5px; }
    .live-page-wrapper .fullscreen .header-title-wrapper-video .live-btn.leave {
      width: auto !important;
      border-radius: 15px;
      padding: 0 10px; }
      @media (max-width: 767px) {
        .live-page-wrapper .fullscreen .header-title-wrapper-video .live-btn.leave {
          height: 36px !important;
          width: 36px !important;
          border-radius: 50%;
          padding: 0px; }
          .live-page-wrapper .fullscreen .header-title-wrapper-video .live-btn.leave .live-btn-mobile {
            display: none; } }
  .live-page-wrapper .fullscreen .header-title-wrapper-video-instructor {
    width: 100%;
    padding-right: 0px; }
  .live-page-wrapper .fullscreen .header-title-wrapper-video-instructor.whiteboard-open,
  .live-page-wrapper .fullscreen .header-title-wrapper-video.whiteboard-open {
    width: 100% !important; }
    @media (max-width: 1024px) {
      .live-page-wrapper .fullscreen .header-title-wrapper-video-instructor.whiteboard-open,
      .live-page-wrapper .fullscreen .header-title-wrapper-video.whiteboard-open {
        width: 100% !important; } }
  .live-page-wrapper .sub-header-title-wrapper {
    padding: 10px 20px 10px 20px;
    background-color: #ececee; }
    .live-page-wrapper .sub-header-title-wrapper .sub-header-title {
      margin-bottom: 0px;
      font-size: 18px;
      color: #636363;
      font-weight: 700;
      font-family: 'Sarabun' !important; }
  .live-page-wrapper .online-title-wrapper {
    padding: 5px 20px; }
    .live-page-wrapper .online-title-wrapper .online-title {
      color: #43b581;
      margin: 0px;
      font-size: 16px;
      font-weight: 700;
      font-family: 'Sarabun' !important; }
  .live-page-wrapper .offline-title-wrapper {
    padding: 5px 20px; }
    .live-page-wrapper .offline-title-wrapper .offline-title {
      color: #f95151;
      margin: 0px;
      font-size: 16px;
      font-weight: 700;
      font-family: 'Sarabun' !important; }
  .live-page-wrapper .blocked-title-wrapper {
    padding: 5px 20px; }
    .live-page-wrapper .blocked-title-wrapper .blocked-title {
      color: #e0691a;
      margin: 0px;
      font-size: 16px; }
  .live-page-wrapper .instructor-online-wrapper {
    padding: 5px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around; }
    .live-page-wrapper .instructor-online-wrapper .online-item-avatar-frame {
      background: -webkit-gradient(linear, left top, right top, from(red), to(purple));
      background: linear-gradient(to right, red, purple);
      padding: 3px;
      border-radius: 50%; }
    .live-page-wrapper .instructor-online-wrapper .online-item-avatar-online-point {
      height: 13px;
      width: 13px;
      background-color: #43b581;
      margin: 3px;
      border: 2px solid #fff;
      position: absolute;
      margin-top: -10px;
      margin-left: 24px;
      border-radius: 50%; }
    .live-page-wrapper .instructor-online-wrapper .online-item-avatar {
      width: 34px;
      height: 34px;
      border-radius: 50%;
      background-color: #ccc; }
    .live-page-wrapper .instructor-online-wrapper .online-item-name {
      color: #000000;
      margin-top: 9px;
      margin-left: 10px;
      margin-bottom: 9px;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden; }
    .live-page-wrapper .instructor-online-wrapper .online-item-button {
      color: #ffffff;
      background-color: red;
      height: 25px;
      margin-top: 7px;
      border-radius: 4px;
      border: none; }
  .live-page-wrapper .instructor-offline-wrapper {
    padding: 10px 20px 10px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around; }
    .live-page-wrapper .instructor-offline-wrapper .offline-item-avatar-frame {
      padding: 3px;
      border-radius: 50%; }
    .live-page-wrapper .instructor-offline-wrapper .offline-item-avatar-online-point {
      height: 13px;
      width: 13px;
      background-color: #ff2c2c;
      margin: 3px;
      border: 2px solid #fff;
      position: absolute;
      margin-top: -10px;
      margin-left: 24px;
      border-radius: 50%; }
    .live-page-wrapper .instructor-offline-wrapper .offline-item-avatar {
      width: 35px;
      height: 35px;
      border-radius: 50%;
      background-color: #ccc;
      opacity: 0.3; }
    .live-page-wrapper .instructor-offline-wrapper .offline-item-name {
      color: #ebe9e9;
      margin-top: 9px;
      margin-left: 10px;
      margin-bottom: 9px;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden; }
    .live-page-wrapper .instructor-offline-wrapper .offline-item-button {
      color: #ffffff;
      background-color: #ebe9e9;
      height: 25px;
      margin-top: 7px;
      border-radius: 4px;
      border: none; }
  .live-page-wrapper .jitsi-video.whiteboard-open {
    width: 30%; }
    @media (max-width: 1024px) {
      .live-page-wrapper .jitsi-video.whiteboard-open {
        width: 0%; } }
  .live-page-wrapper .jitsi-video.whiteboard-close {
    width: 100%; }
  .live-page-wrapper .jitsi-whiteboard-open {
    display: block;
    width: 70%;
    height: calc(100vh - 100px);
    margin-top: 50px;
    overflow-x: hidden;
    overflow-y: hidden; }
    @media (max-height: 500px) {
      .live-page-wrapper .jitsi-whiteboard-open {
        overflow-y: auto; } }
    .live-page-wrapper .jitsi-whiteboard-open iframe {
      width: 1024px !important;
      height: 850px;
      -webkit-transform: scale(0.885);
              transform: scale(0.885);
      -webkit-transform-origin: top left;
              transform-origin: top left; }
    @media (max-width: 1024px) {
      .live-page-wrapper .jitsi-whiteboard-open {
        width: 100%;
        height: calc(100vh - 100px) !important; } }
    @media (min-width: 1920px) {
      .live-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(1.111);
                transform: scale(1.111); } }
    @media (min-width: 2560px) {
      .live-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(1.49);
                transform: scale(1.49); } }
    @media (min-width: 1440px) and (max-width: 1440px) {
      .live-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.8337);
                transform: scale(0.8337); } }
    @media (min-width: 1366px) and (max-width: 1366px) {
      .live-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.7953);
                transform: scale(0.7953); } }
    @media (min-width: 1280px) and (max-width: 1280px) {
      .live-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.7408);
                transform: scale(0.7408); } }
    @media (max-width: 1279px) {
      .live-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.73);
                transform: scale(0.73); } }
    @media (max-width: 1230px) {
      .live-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.72);
                transform: scale(0.72); } }
    @media (max-width: 1200px) {
      .live-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.7);
                transform: scale(0.7); } }
    @media (max-width: 1150px) {
      .live-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.67);
                transform: scale(0.67); } }
    @media (max-width: 1120px) {
      .live-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.65);
                transform: scale(0.65); } }
    @media (max-width: 1090px) {
      .live-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.63);
                transform: scale(0.63); } }
    @media (max-width: 1040px) {
      .live-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.602);
                transform: scale(0.602); } }
    @media (max-width: 1024px) {
      .live-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(1);
                transform: scale(1); } }
    @media (max-width: 812px) {
      .live-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.79);
                transform: scale(0.79); } }
    @media (max-width: 800px) {
      .live-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.78125);
                transform: scale(0.78125); } }
    @media (max-width: 768px) {
      .live-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.75);
                transform: scale(0.75); } }
    @media (max-width: 667px) {
      .live-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.736);
                transform: scale(0.736); } }
    @media (max-width: 667px) {
      .live-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.65);
                transform: scale(0.65); } }
    @media (max-width: 568px) {
      .live-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.55);
                transform: scale(0.55); } }
    @media (max-width: 540px) {
      .live-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.52734);
                transform: scale(0.52734); } }
    @media (max-width: 414px) {
      .live-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.4043);
                transform: scale(0.4043); } }
    @media (max-width: 375px) {
      .live-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.3662);
                transform: scale(0.3662); } }
    @media (max-width: 320px) {
      .live-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.3125);
                transform: scale(0.3125); } }
    @media (max-width: 280px) {
      .live-page-wrapper .jitsi-whiteboard-open iframe {
        -webkit-transform: scale(0.2734);
                transform: scale(0.2734); } }
  .live-page-wrapper .jitsi-whiteboard-close {
    display: none; }
  .live-page-wrapper .user-viewer-wrapper {
    width: 15%;
    height: 100vh;
    border: 0.5px solid #e9e9e9;
    background: #f2f3f5; }
    @media (max-width: 1024px) {
      .live-page-wrapper .user-viewer-wrapper {
        display: none; } }
    .live-page-wrapper .user-viewer-wrapper .header-title-wrapper {
      border-right: 0px; }
    .live-page-wrapper .user-viewer-wrapper .online-wrapper .online-item-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 5px 20px; }
      .live-page-wrapper .user-viewer-wrapper .online-wrapper .online-item-wrapper .online-item-avatar {
        width: 35px;
        height: 35px;
        padding: 3px;
        border-radius: 50%;
        background-color: #ccc; }
      .live-page-wrapper .user-viewer-wrapper .online-wrapper .online-item-wrapper .online-item-avatar-online-point {
        height: 13px;
        width: 13px;
        background-color: #43b581;
        margin: 3px;
        border: 2px solid #fff;
        position: absolute;
        margin-top: -10px;
        margin-left: 24px;
        border-radius: 50%; }
      .live-page-wrapper .user-viewer-wrapper .online-wrapper .online-item-wrapper .online-item-name {
        color: #000000;
        margin-top: 5px;
        margin-left: 10px;
        margin-bottom: 13px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden; }
    .live-page-wrapper .user-viewer-wrapper .online-wrapper .online-item-wrapper-instructor {
      cursor: pointer; }
    .live-page-wrapper .user-viewer-wrapper .online-wrapper .online-item-wrapper-instructor:hover {
      background-color: #eeeeee; }
    .live-page-wrapper .user-viewer-wrapper .offline-wrapper .offline-item-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 5px 20px; }
      .live-page-wrapper .user-viewer-wrapper .offline-wrapper .offline-item-wrapper .offline-item-avatar {
        width: 35px;
        height: 35px;
        padding: 3px;
        border-radius: 50%;
        background-color: #ccc;
        opacity: 0.3; }
      .live-page-wrapper .user-viewer-wrapper .offline-wrapper .offline-item-wrapper .offline-item-name {
        color: #ebe9e9;
        margin-top: 5px;
        margin-left: 10px;
        margin-bottom: 13px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden; }
    .live-page-wrapper .user-viewer-wrapper .blocked-wrapper {
      padding: 5px; }
      .live-page-wrapper .user-viewer-wrapper .blocked-wrapper .blocked-item-wrapper {
        padding: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
            justify-content: space-around; }
        .live-page-wrapper .user-viewer-wrapper .blocked-wrapper .blocked-item-wrapper .blocked-item-avatar {
          width: 40px;
          height: 40px;
          border-radius: 50%;
          background-color: #ffffff; }
        .live-page-wrapper .user-viewer-wrapper .blocked-wrapper .blocked-item-wrapper .blocked-item-name {
          color: #ebe9e9;
          margin-top: 9px;
          margin-left: 10px;
          margin-bottom: 9px;
          display: -webkit-box;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
          overflow: hidden; }
      .live-page-wrapper .user-viewer-wrapper .blocked-wrapper .blocked-item-wrapper-instructor {
        cursor: pointer; }
      .live-page-wrapper .user-viewer-wrapper .blocked-wrapper .blocked-item-wrapper-instructor:hover {
        background-color: #eeeeee; }
  .live-page-wrapper .user-viewer-wrapper-fullscreen {
    display: none; }
  .live-page-wrapper .video-stream-wrapper.fullscreen {
    width: 100%; }
    @media (max-width: 1024px) {
      .live-page-wrapper .video-stream-wrapper.fullscreen {
        width: 100%; } }
  .live-page-wrapper .video-stream-wrapper.non-fullscreen {
    width: 85%; }
    @media (max-width: 1024px) {
      .live-page-wrapper .video-stream-wrapper.non-fullscreen {
        width: 100%; } }
  .live-page-wrapper .video-stream-wrapper {
    height: 100vh;
    background-color: #f9f9f9; }
    .live-page-wrapper .video-stream-wrapper .leave-room-botton {
      background: #797979;
      color: #fff;
      border-radius: 4px;
      border: 0px;
      padding: 6px 6px;
      overflow: hidden;
      height: 32px;
      cursor: pointer; }
      .live-page-wrapper .video-stream-wrapper .leave-room-botton:hover {
        background: #616161; }
  .live-page-wrapper .loading-wrapper {
    background-color: #000000;
    height: 100vh;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    overflow: hidden; }
    .live-page-wrapper .loading-wrapper .loading {
      margin: 0;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 100%;
      text-align: center; }
      .live-page-wrapper .loading-wrapper .loading p {
        font-size: 30px; }

.is-blocked-wrapper {
  background-color: #000000;
  height: 100vh;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  overflow: hidden; }
  .is-blocked-wrapper .is-blocked {
    margin: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
    text-align: center; }
    .is-blocked-wrapper .is-blocked .text-wrapper .title {
      color: #ffffff;
      font-size: 30px; }
    .is-blocked-wrapper .is-blocked .text-wrapper .text {
      color: #ffffff;
      font-size: 22px; }
    .is-blocked-wrapper .is-blocked .back-botton {
      cursor: pointer; }

.not-permission-wrapper {
  background-color: #000000;
  height: 100vh;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  overflow: hidden; }
  .not-permission-wrapper .not-permission {
    margin: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
    text-align: center; }
    .not-permission-wrapper .not-permission .text-wrapper .title {
      color: #ffffff;
      font-size: 30px; }
    .not-permission-wrapper .not-permission .text-wrapper .text {
      color: #ffffff;
      font-size: 22px; }
    .not-permission-wrapper .not-permission .back-botton {
      cursor: pointer; }

.stream-video-player-wrapper .stream-video-player {
  width: 100%;
  height: auto; }

.stream-loading-wrapper {
  color: #ffffff;
  text-align: center;
  margin-top: 50%;
  font-size: 22px; }

.stream-finished-wrapper {
  color: #ffffff;
  text-align: center;
  margin-top: 20%;
  font-size: 22px; }

.stream-room-not-available-wrapper {
  color: #ffffff;
  text-align: center;
  margin-top: 50%;
  font-size: 22px; }

.stream-connection-detail-wrapper {
  color: #ffffff;
  text-align: center;
  margin-top: 100px;
  font-size: 20px; }
  .stream-connection-detail-wrapper .offline-image {
    width: 200px;
    height: 200px;
    margin-bottom: 50px; }
  .stream-connection-detail-wrapper .refresh-button {
    background: transparent;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    cursor: pointer; }

.stream-Waiting-wrapper {
  color: #ffffff;
  text-align: center;
  margin-top: 30%;
  font-size: 20px; }
  .stream-Waiting-wrapper .refresh-button {
    background: transparent;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    cursor: pointer; }

.chat-wrapper {
  position: absolute;
  bottom: 0;
  left: 20%;
  right: 0; }
  @media (max-width: 767px) {
    .chat-wrapper {
      left: 0; } }
  .chat-wrapper .chat-continer {
    width: 100%; }
    .chat-wrapper .chat-continer .chat-message-wrapper {
      max-height: 320px;
      overflow: auto;
      min-height: 50px; }
      .chat-wrapper .chat-continer .chat-message-wrapper .hide-button-wrapper {
        position: absolute;
        top: 10px;
        right: 10px; }
        .chat-wrapper .chat-continer .chat-message-wrapper .hide-button-wrapper .hide-button {
          background: transparent;
          border: 1px solid #fff;
          border-radius: 5px;
          color: #fff;
          cursor: pointer; }
      .chat-wrapper .chat-continer .chat-message-wrapper .message-item-wrapper {
        padding: 5px 10px 0px 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .chat-wrapper .chat-continer .chat-message-wrapper .message-item-wrapper .message-item-avatar-wrapper .item-avatar {
          width: 40px;
          height: 40px;
          margin-right: 10px;
          border-radius: 50%;
          background-color: #ffffff; }
        .chat-wrapper .chat-continer .chat-message-wrapper .message-item-wrapper .message-item-data-wrapper .item-name {
          margin: 0;
          font-size: 14px;
          font-weight: 500;
          color: #4a4a4a; }
        .chat-wrapper .chat-continer .chat-message-wrapper .message-item-wrapper .message-item-data-wrapper .item-datetime {
          margin: 0;
          font-size: 11px;
          color: #4a4a4a;
          margin-left: 10px;
          font-family: 'Sarabun' !important; }
        .chat-wrapper .chat-continer .chat-message-wrapper .message-item-wrapper .message-item-data-wrapper .item-message {
          margin: 0;
          font-size: 14px;
          font-family: 'Sarabun' !important;
          color: #4a4a4a; }
    .chat-wrapper .chat-continer .show-button-wrapper {
      text-align: end;
      margin: 10px; }
      .chat-wrapper .chat-continer .show-button-wrapper .show-button {
        background: transparent;
        border: 1px solid #fff;
        border-radius: 5px;
        color: #fff;
        cursor: pointer; }
    .chat-wrapper .chat-continer .chat-input-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      background-color: #f9f9f9; }
      .chat-wrapper .chat-continer .chat-input-wrapper .textarea-input {
        width: 100%;
        height: 60px;
        padding: 10px;
        margin: 12px;
        border: 1px solid #d5d5d5;
        border-radius: 8px; }
      .chat-wrapper .chat-continer .chat-input-wrapper .request-audio-button {
        cursor: pointer; }

.content-action-useronline-wrapper .leave-room-button {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #2196f3; }
  .content-action-useronline-wrapper .leave-room-button span {
    margin-right: 10px; }

.content-action-useronline-wrapper .leave-room-button:hover {
  color: #0490ff; }

.content-action-useronline-wrapper .block-room-button {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #f44336; }
  .content-action-useronline-wrapper .block-room-button span {
    margin-right: 10px; }

.content-action-useronline-wrapper .uncheck-room-button {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #000; }
  .content-action-useronline-wrapper .uncheck-room-button span {
    margin-right: 10px; }

.content-action-useronline-wrapper .check-room-button {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #43b581; }
  .content-action-useronline-wrapper .check-room-button span {
    margin-right: 10px; }

.content-action-useronline-wrapper .block-room-button:hover {
  color: #ff1100; }

.content-action-userblocked-wrapper .unblock-room-button {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: green; }
  .content-action-userblocked-wrapper .unblock-room-button span {
    margin-right: 10px; }

.content-action-userblocked-wrapper .unblock-room-button:hover {
  color: #ff1100; }

.new-toolbox .toolbox-background {
  background-image: none !important; }

.video-stream-wrapper.fullscreen .jitsi-whiteboard-open {
  display: block;
  width: 70%;
  height: calc(100vh - 50px);
  margin-top: 50px;
  overflow-x: hidden;
  overflow-y: hidden; }
  @media (max-height: 500px) {
    .video-stream-wrapper.fullscreen .jitsi-whiteboard-open {
      overflow-y: auto; } }
  .video-stream-wrapper.fullscreen .jitsi-whiteboard-open iframe {
    width: 1024px !important;
    height: 850px;
    -webkit-transform: scale(1.04);
            transform: scale(1.04);
    -webkit-transform-origin: top left;
            transform-origin: top left; }
  @media (max-width: 1024px) {
    .video-stream-wrapper.fullscreen .jitsi-whiteboard-open {
      width: 100%;
      height: calc(100vh - 50px) !important; } }
  @media (min-width: 1920px) {
    .video-stream-wrapper.fullscreen .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(1.311);
              transform: scale(1.311); } }
  @media (min-width: 2560px) {
    .video-stream-wrapper.fullscreen .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(1.75);
              transform: scale(1.75); } }
  @media (min-width: 1440px) and (max-width: 1440px) {
    .video-stream-wrapper.fullscreen .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.99);
              transform: scale(0.99); } }
  @media (min-width: 1366px) and (max-width: 1366px) {
    .video-stream-wrapper.fullscreen .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.9153);
              transform: scale(0.9153); } }
  @media (min-width: 1280px) and (max-width: 1280px) {
    .video-stream-wrapper.fullscreen .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.8608);
              transform: scale(0.8608); } }
  @media (max-width: 1279px) {
    .video-stream-wrapper.fullscreen .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.85);
              transform: scale(0.85); } }
  @media (max-width: 1230px) {
    .video-stream-wrapper.fullscreen .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.82);
              transform: scale(0.82); } }
  @media (max-width: 1200px) {
    .video-stream-wrapper.fullscreen .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.8);
              transform: scale(0.8); } }
  @media (max-width: 1150px) {
    .video-stream-wrapper.fullscreen .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.77);
              transform: scale(0.77); } }
  @media (max-width: 1120px) {
    .video-stream-wrapper.fullscreen .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.75);
              transform: scale(0.75); } }
  @media (max-width: 1090px) {
    .video-stream-wrapper.fullscreen .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.73);
              transform: scale(0.73); } }
  @media (max-width: 1040px) {
    .video-stream-wrapper.fullscreen .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.702);
              transform: scale(0.702); } }
  @media (max-width: 1024px) {
    .video-stream-wrapper.fullscreen .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(1);
              transform: scale(1); } }
  @media (max-width: 812px) {
    .video-stream-wrapper.fullscreen .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.79);
              transform: scale(0.79); } }
  @media (max-width: 800px) {
    .video-stream-wrapper.fullscreen .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.78125);
              transform: scale(0.78125); } }
  @media (max-width: 768px) {
    .video-stream-wrapper.fullscreen .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.75);
              transform: scale(0.75); } }
  @media (max-width: 667px) {
    .video-stream-wrapper.fullscreen .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.736);
              transform: scale(0.736); } }
  @media (max-width: 667px) {
    .video-stream-wrapper.fullscreen .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.65);
              transform: scale(0.65); } }
  @media (max-width: 568px) {
    .video-stream-wrapper.fullscreen .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.55);
              transform: scale(0.55); } }
  @media (max-width: 540px) {
    .video-stream-wrapper.fullscreen .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.52734);
              transform: scale(0.52734); } }
  @media (max-width: 414px) {
    .video-stream-wrapper.fullscreen .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.4043);
              transform: scale(0.4043); } }
  @media (max-width: 375px) {
    .video-stream-wrapper.fullscreen .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.3662);
              transform: scale(0.3662); } }
  @media (max-width: 320px) {
    .video-stream-wrapper.fullscreen .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.3125);
              transform: scale(0.3125); } }
  @media (max-width: 280px) {
    .video-stream-wrapper.fullscreen .jitsi-whiteboard-open iframe {
      -webkit-transform: scale(0.2734);
              transform: scale(0.2734); } }

.comment-main {
  padding-bottom: 10px;
  margin-bottom: 10px; }

.course-comment > div.ant-row {
  max-height: 70vh;
  overflow: auto;
  padding: 10px 10px; }

.course-comment div,
.redirecting-text {
  font-family: 'Sarabun' !important; }

.course-comment span {
  font-family: sarabun !important; }

.ant-row.course-comment textarea.ant-input {
  height: 125px !important;
  border-radius: 6px !important; }

.ant-row.course-comment input.ant-input {
  border-radius: 6px !important;
  border: none !important; }

.comment-del-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px;
  background-color: #ffdddd;
  color: red;
  -webkit-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
  border-radius: 4px;
  cursor: pointer; }
  .comment-del-btn .comment-del-btn-icon {
    -webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s; }
  .comment-del-btn .comment-del-btn-text {
    color: red;
    -webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    position: absolute;
    opacity: 0; }
  .comment-del-btn:hover {
    padding: 10px 40px;
    background-color: red; }
    .comment-del-btn:hover .comment-del-btn-icon {
      text-indent: -43px;
      color: white; }
    .comment-del-btn:hover .comment-del-btn-text {
      text-indent: 17px;
      color: white;
      opacity: 1; }

.reply-comment-one, .reply-comment-two {
  padding-left: 46px; }

.new-comment-profile, .main-comment-profile {
  width: 40px;
  height: 40px;
  border-radius: 50%; }

.reply-comment-one-profile, .reply-comment-two-profile {
  width: 37px;
  height: 37px;
  border-radius: 50%; }

.new-comment-profile-container {
  padding: 0px 10px 0px 10px; }

.main-comment-profile-container {
  padding: 20px 10px 0px 10px; }

.new-comment-profile-container i.anticon.anticon-user,
.main-comment-profile-container i.anticon.anticon-user {
  font-size: 20px; }

.reply-comment-one-profile-container i.anticon.anticon-user,
.reply-comment-two-profile-container i.anticon.anticon-user {
  font-size: 17px; }

.reply-input-container {
  padding-left: 9px; }

.comment-main .reply-main-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 54px; }

.comment-main .reply-main-input {
  padding-left: 60px; }

@media only screen and (max-width: 600px) {
  .course-comment > div.ant-row {
    padding: 10px 0px; }
  .new-comment-profile-container {
    padding: 0px 10px 0px 0px; }
  .main-comment-profile-container {
    padding: 20px 10px 0px 0px; }
  .reply-comment-two, .reply-comment-one {
    padding-left: 18px; }
  .new-comment-profile, .main-comment-profile {
    width: 37px;
    height: 37px; }
  .reply-comment-one-profile, .reply-comment-two-profile {
    width: 34px;
    height: 34px; }
  .new-comment-profile-container i.anticon.anticon-user,
  .main-comment-profile-container i.anticon.anticon-user {
    font-size: 17px; }
  .reply-comment-one-profile-container i.anticon.anticon-user,
  .reply-comment-two-profile-container i.anticon.anticon-user {
    font-size: 14px; }
  .reply-input-container {
    padding-left: 37px; }
  .comment-main .reply-main-button {
    padding-left: 40px; }
  .comment-main .reply-main-input {
    padding-left: 45px; } }

.package-upgrade-container {
  margin-bottom: 14px;
  white-space: nowrap; }

.space-preview-container {
  margin-bottom: 24px !important; }

.package-upgrade-description {
  color: #035198;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  display: inline; }

.package-upgrade-description-link {
  background: #035198;
  color: #fff;
  padding: 0px 5px;
  border-radius: 3px;
  display: inline; }

.formitem-socialmeta .ant-form-item-control-wrapper {
  min-width: 60%; }

.google-preview-continer .snip-preview-title-container .snip-preview-title {
  margin-bottom: -4px; }

.google-preview-continer .snip-preview-title-container .snip-preview-sub-title {
  margin-bottom: 10px;
  color: #939393; }

.google-preview-continer .snip-preview-container {
  padding: 17px;
  border-radius: 5px;
  background: #fff; }

.google-preview-continer .snip-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .google-preview-continer .snip-group .snip-favicon {
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 50%;
    margin-right: 8px; }
  .google-preview-continer .snip-group .snip-link {
    max-width: 400px; }
    .google-preview-continer .snip-group .snip-link .snip-link__title {
      line-height: 1;
      margin-bottom: 1px;
      font-size: 15px; }
    .google-preview-continer .snip-group .snip-link .snip-link-path-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .google-preview-continer .snip-group .snip-link .snip-link-path-container .snip-link-path__link {
        color: #939393;
        line-height: 1;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .google-preview-continer .snip-group .snip-link .snip-link-path-container .snip-link-path__icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
    @media only screen and (max-width: 512px) {
      .google-preview-continer .snip-group .snip-link {
        max-width: 300px; } }

.google-preview-continer .snip-meta-title {
  color: #8ab4f8;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0px; }

.google-preview-continer .snip-meta-description {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.5; }

.col-title-course .ant-form-item .ant-form-item-label label {
  position: relative;
  white-space: normal;
  line-height: 1.4;
  min-height: 32px;
  padding-top: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.image-bubble {
  width: 40px;
  height: 40px;
  background: #9a9a9a;
  border-radius: 50%; }

.social-preview-upload {
  min-height: 240px;
  color: #fff;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .social-preview-upload h2, .social-preview-upload p {
    color: inherit; }

.facebook-preview-image, .twitter-preview-image {
  width: 100%;
  min-height: 240px;
  background-color: #7a7a7a; }
  .facebook-preview-image img, .twitter-preview-image img {
    width: 100%; }

.facebook-preview-container {
  max-width: 600px;
  border: 1px solid #ccc;
  padding: 10px 0px 0px;
  border-radius: 5px; }
  .facebook-preview-container .facebook-preview-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    padding: 0px 10px; }
  .facebook-preview-container .face-display-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 13px;
    gap: 5px; }
  .facebook-preview-container .facebook-preview-description {
    background-color: #e5e5e5;
    padding: 10px 10px; }
    .facebook-preview-container .facebook-preview-description .facebook-link {
      color: #8c8c8c;
      margin: 0px; }
    .facebook-preview-container .facebook-preview-description .facebook-title {
      color: #000;
      margin: 0px;
      overflow: hidden; }
    .facebook-preview-container .facebook-preview-description .facebook-description {
      color: #585858;
      margin: 0px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }

.twitter-preview-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  max-width: 700px; }
  .twitter-preview-container .preview-twiiter-shared-container {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    overflow: hidden; }
    .twitter-preview-container .preview-twiiter-shared-container .twit-title-profile {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 3px;
      margin-bottom: 10px; }
      .twitter-preview-container .preview-twiiter-shared-container .twit-title-profile p {
        margin: 0px; }
    .twitter-preview-container .preview-twiiter-shared-container .preview-card-twiiter-container {
      max-width: 600px;
      margin: auto;
      border: 1px solid #ccc;
      border-radius: 10px; }
      .twitter-preview-container .preview-twiiter-shared-container .preview-card-twiiter-container .twitter-preview-image {
        border-radius: 10px 10px 0px 0px; }
      .twitter-preview-container .preview-twiiter-shared-container .preview-card-twiiter-container .twitter-description-container {
        padding: 10px 10px; }
        .twitter-preview-container .preview-twiiter-shared-container .preview-card-twiiter-container .twitter-description-container .twitter-link {
          color: #8c8c8c;
          margin: 0px; }
        .twitter-preview-container .preview-twiiter-shared-container .preview-card-twiiter-container .twitter-description-container .twitter-title {
          color: #000;
          margin: 0px;
          overflow: hidden; }
        .twitter-preview-container .preview-twiiter-shared-container .preview-card-twiiter-container .twitter-description-container .twitter-description {
          color: #585858;
          margin: 0px;
          display: -webkit-box;
          overflow: hidden;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical; }

.register-input-wrapper {
  margin: 0px 0 15px 0px; }
  .register-input-wrapper .ant-form-item {
    margin-bottom: 0; }

.entirequiz-setting-table .admin-content-table {
  overflow: auto;
  border-radius: 7px; }

.gutter-quiz-one .col-quiz-two {
  padding: 0 0;
  width: 100%; }
  .gutter-quiz-one .col-quiz-two .form-item-quiz .ant-form-item-label label {
    position: relative;
    white-space: initial;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }

.setting-components .col-form-quiz-name .form-quizname .ant-form-item-control-wrapper .ant-form-item-control {
  margin-right: 20px; }

.setting-components .col-form-item-settingmequiz .form-item-settingmequiz .ant-form-item-label label {
  position: relative;
  white-space: initial;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }

.setting-components .col-form-item-settingmequiz .form-item-settingmequiz .ant-form-item-control-wrapper .ant-form-item-control button {
  display: block; }

.setting-components .col-number-quiz .form-number-quiz .ant-form-item-label label {
  position: relative;
  white-space: initial;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }

.admin-col-table .admin-content-table {
  overflow: auto; }

.centered-form-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100vh; }
  .centered-form-container .form-content {
    width: 80%;
    text-align: center; }
    .centered-form-container .form-content .col-image-url .form-item-image {
      margin-bottom: 12px; }
    .centered-form-container .form-content .col-image-url .ant-row .ant-col .ant-card-bordered {
      background: none;
      text-align: center;
      display: contents; }

.image-selection-modal .ant-tabs .ant-tabs-content {
  height: 392px; }

.custom-col-class {
  padding: 15px;
  margin-bottom: 15px; }

.checkbox-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.site-into-page-form {
  margin-left: 7px; }
  .site-into-page-form .admin-setting-warpper {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    .site-into-page-form .admin-setting-warpper .admin-setting-front {
      line-height: 23px; }
      .site-into-page-form .admin-setting-warpper .admin-setting-front .admin-setting-description {
        margin-top: 0;
        margin-bottom: 0.5em; }
    .site-into-page-form .admin-setting-warpper .admin-setting-back .ant-form-item.checkbox-form {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 0;
      line-height: 30px; }
      .site-into-page-form .admin-setting-warpper .admin-setting-back .ant-form-item.checkbox-form .ant-form-item-label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: right;
            -ms-flex-pack: right;
                justify-content: right;
        text-align: left; }
        .site-into-page-form .admin-setting-warpper .admin-setting-back .ant-form-item.checkbox-form .ant-form-item-label label:after {
          content: "";
          margin: 0;
          position: static; }
    .site-into-page-form .admin-setting-warpper .admin-setting-back .checkbox-container .checkbox-container-two .ant-checkbox-wrapper {
      height: 30px; }
    .site-into-page-form .admin-setting-warpper .admin-setting-back .checkbox-container .ant-radio-group .ant-radio-wrapper {
      line-height: 30px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .site-into-page-form .admin-setting-warpper .admin-setting-back .checkbox-container .ant-radio-group .ant-radio-wrapper .ant-radio {
        height: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
    .site-into-page-form .admin-setting-warpper .admin-setting-back .checkbox-container .checkbox-container-six .checkbox-container-two {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      line-height: 28px; }
      .site-into-page-form .admin-setting-warpper .admin-setting-back .checkbox-container .checkbox-container-six .checkbox-container-two .ant-checkbox-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
      .site-into-page-form .admin-setting-warpper .admin-setting-back .checkbox-container .checkbox-container-six .checkbox-container-two .ant-checkbox-wrapper + span {
        width: 100%; }
    .site-into-page-form .admin-setting-warpper .admin-setting-back .checkbox-container .checkbox-container-ten .checkbox-container-two .ant-checkbox-wrapper {
      height: 30px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }

.flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.social-facebook-form {
  margin-left: 7px; }
  .social-facebook-form .admin-setting-warpper {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    .social-facebook-form .admin-setting-warpper .admin-setting-front {
      line-height: 30px; }
      .social-facebook-form .admin-setting-warpper .admin-setting-front p.admin-setting-description {
        margin-top: 0;
        margin-bottom: 0.5em; }
    .social-facebook-form .admin-setting-warpper .admin-setting-back .ant-form-item.checkbox-form {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 0;
      line-height: 30px; }
      .social-facebook-form .admin-setting-warpper .admin-setting-back .ant-form-item.checkbox-form .ant-form-item-label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: right;
            -ms-flex-pack: right;
                justify-content: right;
        text-align: left; }
        .social-facebook-form .admin-setting-warpper .admin-setting-back .ant-form-item.checkbox-form .ant-form-item-label label:after {
          content: "";
          margin: 0;
          position: static; }

.social-line-form {
  margin-left: 7px; }
  .social-line-form .admin-setting-warpper {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    .social-line-form .admin-setting-warpper .admin-setting-front {
      line-height: 30px; }
      .social-line-form .admin-setting-warpper .admin-setting-front p.admin-setting-description {
        margin-top: 0;
        margin-bottom: 0.5em; }
    .social-line-form .admin-setting-warpper .admin-setting-back .ant-form-item.checkbox-form {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 0;
      line-height: 30px; }
      .social-line-form .admin-setting-warpper .admin-setting-back .ant-form-item.checkbox-form .ant-form-item-label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: right;
            -ms-flex-pack: right;
                justify-content: right;
        text-align: left; }
        .social-line-form .admin-setting-warpper .admin-setting-back .ant-form-item.checkbox-form .ant-form-item-label label:after {
          content: "";
          margin: 0;
          position: static; }

.social-phone-form {
  margin-left: 7px;
  float: left; }
  .social-phone-form .admin-setting-warpper {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    .social-phone-form .admin-setting-warpper .admin-setting-front {
      line-height: 30px; }
      .social-phone-form .admin-setting-warpper .admin-setting-front .admin-setting-description {
        margin-top: 0;
        margin-bottom: 0.5em; }
    .social-phone-form .admin-setting-warpper .admin-setting-back .ant-form .ant-form-item.checkbox-form {
      display: block; }
      .social-phone-form .admin-setting-warpper .admin-setting-back .ant-form .ant-form-item.checkbox-form .ant-form-item-label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        text-align: left;
        min-width: 280px; }
        .social-phone-form .admin-setting-warpper .admin-setting-back .ant-form .ant-form-item.checkbox-form .ant-form-item-label label:after {
          content: "";
          margin: 0;
          position: static; }
        .social-phone-form .admin-setting-warpper .admin-setting-back .ant-form .ant-form-item.checkbox-form .ant-form-item-label .ant-form-item-no-colon .ant-row .checkbox-container-two label.ant-checkbox-wrapper {
          line-height: unset; }

.titleSection.site-into-title {
  margin-top: -16px; }

@media (max-width: 575px) {
  .social-facebook-form .admin-setting-warpper .admin-setting-back .ant-form-item.checkbox-form .ant-col.ant-form-item-label.ant-col-sm-1.ant-col-md-6 {
    padding: 0;
    width: auto; } }

@media (max-width: 575px) {
  .social-line-form .admin-setting-warpper .admin-setting-back .ant-form-item.checkbox-form .ant-col.ant-form-item-label.ant-col-sm-1.ant-col-md-6 {
    padding: 0;
    width: auto; } }

@media (max-width: 575px) {
  .social-phone-form .admin-setting-warpper .admin-setting-back .ant-form-item.checkbox-form .ant-col.ant-form-item-label.ant-col-sm-1.ant-col-md-6 {
    padding: 0;
    width: auto; } }

@media (max-width: 575px) {
  .site-into-page-form .admin-setting-warpper .admin-setting-back .ant-form-item.checkbox-form .ant-col.ant-form-item-label.ant-col-sm-1.ant-col-md-6 {
    padding: 0;
    width: auto; } }

.admin-setting-description {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  margin-left: 23px; }

.sm-height .ant-select-selection--single {
  height: 30px !important; }

.dropdown-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.setting-site-into-dropdown {
  margin-left: "4px"; }

.checkbox-container.custom button {
  width: 65px !important; }

.custom-thankyou-page-text-editor {
  margin-top: 68px; }

@media (min-width: 761px) {
  .custom-thankyou-page-text-editor {
    margin-left: 115px; } }

.custom-range-picker input::-webkit-input-placeholder {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }

.custom-range-picker input::-moz-placeholder {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }

.custom-range-picker input:-ms-input-placeholder {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }

.custom-range-picker input::-ms-input-placeholder {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }

.custom-range-picker input::placeholder {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }

.custom-range-picker .ant-picker-focused .ant-picker-input input::-webkit-input-placeholder,
.custom-range-picker .ant-picker-input:hover input::-webkit-input-placeholder {
  opacity: 1; }

.custom-range-picker .ant-picker-focused .ant-picker-input input::-moz-placeholder,
.custom-range-picker .ant-picker-input:hover input::-moz-placeholder {
  opacity: 1; }

.custom-range-picker .ant-picker-focused .ant-picker-input input:-ms-input-placeholder,
.custom-range-picker .ant-picker-input:hover input:-ms-input-placeholder {
  opacity: 1; }

.custom-range-picker .ant-picker-focused .ant-picker-input input::-ms-input-placeholder,
.custom-range-picker .ant-picker-input:hover input::-ms-input-placeholder {
  opacity: 1; }

.custom-range-picker .ant-picker-focused .ant-picker-input input::placeholder,
.custom-range-picker .ant-picker-input:hover input::placeholder {
  opacity: 1; }

.ant-calendar-date-input-wrap {
  display: contents; }

.custom-range-picker .ant-calendar-picker-input .ant-calendar-range-picker-input {
  width: 125%;
  height: 99%;
  text-align: center;
  background-color: transparent;
  border: 0;
  outline: 0;
  font-size: small;
  margin-left: -36px;
  min-width: 156%; }

.table-admin-range-picker-container .custom-range-picker {
  padding-left: 200px; }

.custom-my-range-picker span input {
  width: 35%;
  margin-left: 0px; }

.disabled-leceipt {
  color: #C0C0C0 !important; }

.style-select-header-container, .style-select-footer-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 22px 0px;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: solid 1px #e8e8e8; }
  .style-select-header-container .style-select-header__header-preview, .style-select-header-container .style-select-footer__footer-preview, .style-select-footer-container .style-select-header__header-preview, .style-select-footer-container .style-select-footer__footer-preview {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }

.admin-label-layout-two .col-layout-item .form-item-layout {
  margin-bottom: 20px; }
  .admin-label-layout-two .col-layout-item .form-item-layout .ant-form-item-label {
    max-width: 150px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
    .admin-label-layout-two .col-layout-item .form-item-layout .ant-form-item-label label {
      position: relative;
      white-space: normal;
      line-height: 1.4;
      min-height: 32px;
      padding-top: 7px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .admin-label-layout-two .col-layout-item .form-item-layout .ant-form-item-label .ant-form-item-required {
      position: relative;
      white-space: normal;
      line-height: 1.4;
      min-height: 32px;
      padding-top: 7px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .admin-label-layout-two .col-layout-item .form-item-layout .ant-form-item-control-wrapper {
    max-width: 375px !important; }
    .admin-label-layout-two .col-layout-item .form-item-layout .ant-form-item-control-wrapper .ant-form-item-control {
      width: 100%; }

.admin-label-layout-two .col-layout-item .form-item-layout-item {
  margin-bottom: 20px; }
  .admin-label-layout-two .col-layout-item .form-item-layout-item .ant-form-item-label {
    max-width: 150px; }
    .admin-label-layout-two .col-layout-item .form-item-layout-item .ant-form-item-label label {
      position: relative;
      white-space: normal;
      line-height: 1.4;
      min-height: 32px;
      padding-top: 7px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .admin-label-layout-two .col-layout-item .form-item-layout-item .ant-form-item-label .ant-form-item-required {
      position: relative;
      white-space: normal;
      line-height: 1.4;
      min-height: 32px;
      padding-top: 7px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .admin-label-layout-two .col-layout-item .form-item-layout-item .ant-form-item-control-wrapper {
    max-width: 900px; }

.admin-label-layout-two .col-layout-item .table-video .ant-form-item-control-wrapper {
  width: 100% !important; }
  .admin-label-layout-two .col-layout-item .table-video .ant-form-item-control-wrapper .ant-form-item-control {
    width: 100% !important; }

.admin-label-layout-two .col-layout-item .form-item-layout-short {
  margin-bottom: 20px; }
  .admin-label-layout-two .col-layout-item .form-item-layout-short .ant-form-item-label {
    max-width: 150px; }
    .admin-label-layout-two .col-layout-item .form-item-layout-short .ant-form-item-label label {
      position: relative;
      white-space: normal;
      line-height: 1.4;
      min-height: 32px;
      padding-top: 7px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .admin-label-layout-two .col-layout-item .form-item-layout-short .ant-form-item-label .ant-form-item-required {
      position: relative;
      white-space: normal;
      line-height: 1.4;
      min-height: 32px;
      padding-top: 7px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .admin-label-layout-two .col-layout-item .form-item-layout-short .ant-form-item-control-wrapper {
    max-width: 375px; }

.admin-label-layout-two .col-layout-item .admininput {
  margin-bottom: 0px; }
  .admin-label-layout-two .col-layout-item .admininput .flex {
    max-width: 375px;
    margin-bottom: 23px; }

.admin-label-layout-two .ant-row .col-layout-item .admininput .ant-form-horizontal {
  max-width: 375px; }

.bording-bording {
  margin: 0 0 16px 0;
  border-bottom: 1px solid #e8e8e8;
  outline: none;
  -webkit-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.ant-form-item-label:has(label[title="Instructor:"]),
.ant-form-item-label:has(label[title="ผู้สอน:"]) {
  text-align: left;
  width: 150px; }

.client-columnform .ant-form-item-label {
  text-align: left;
  width: 150px; }
  .client-columnform .ant-form-item-label label {
    white-space: normal;
    line-height: 1.5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .client-columnform .ant-form-item-label label ::before {
      margin-top: 2px; }

.ant-form-item-label:has(label[title="Instructor:"]) + .ant-form-item-control-wrapper,
.ant-form-item-label:has(label[title="ผู้สอน:"]) + .ant-form-item-control-wrapper,
.client-columnform .ant-form-item-label + div {
  width: 375px;
  min-width: auto; }
  .ant-form-item-label:has(label[title="Instructor:"]) + .ant-form-item-control-wrapper .ant-form-item-control-wrapper,
  .ant-form-item-label:has(label[title="ผู้สอน:"]) + .ant-form-item-control-wrapper .ant-form-item-control-wrapper,
  .client-columnform .ant-form-item-label + div .ant-form-item-control-wrapper {
    min-width: 100%; }

.progress-row .ant-col.ant-form-item-label.ant-col-md-24.ant-col-lg-3 {
  width: 240px;
  text-align: left; }

.progress-row .ant-row.ant-form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.progress-label {
  text-align: left; }

.instructor-column + .ant-col-sm-24.ant-col-md-12.ant-col-lg-6.ant-col-xl-6 {
  padding: 0 !important; }

.client-coures-metatab .ant-form-item-label.ant-col-sm-24.ant-col-md-7:has(label[title="Facebook Social Share"]) {
  width: 150px;
  text-align: left; }
  .client-coures-metatab .ant-form-item-label.ant-col-sm-24.ant-col-md-7:has(label[title="Facebook Social Share"]) + .ant-form-item-control-wrapper.ant-col-sm-24.ant-col-md-16 .ant-col.ant-col-24.col-title-course > .ant-row.ant-form-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.client-coures-metatab .google-preview-continer .snip-preview-container {
  width: 525px; }

.client-coures-metatab .ant-form-item-control-wrapper.ant-col-sm-24.ant-col-md-16 .ant-form-item-children {
  display: block;
  padding-top: 7px; }

.client-coures-metatab span.ant-form-item-children:has(.attach-upload-container.facebook-image) + .ant-form-extra {
  margin-bottom: 12px; }

.client-coures-metatab .ant-form-item-control-wrapper.ant-col-sm-24.ant-col-md-16 .ant-form-item-control-wrapper.ant-col-sm-24.ant-col-md-16 {
  width: 266px; }
  .client-coures-metatab .ant-form-item-control-wrapper.ant-col-sm-24.ant-col-md-16 .ant-form-item-control-wrapper.ant-col-sm-24.ant-col-md-16 input.ant-input {
    width: 266px !important; }

.client-coures-metatab .client-social .social-meta-container,
.client-coures-metatab .social-meta-container {
  width: 565px; }

.client-coures-metatab .ant-form-item-label.ant-col-sm-24:has(label[title="Use same data as Facebook"]),
.client-coures-metatab .ant-form-item-label.ant-col-sm-24:has(label[title="ใช้ข้อมูลจาก Facebook"]) {
  width: 185px;
  max-width: 185px !important;
  text-align: left; }
  .client-coures-metatab .ant-form-item-label.ant-col-sm-24:has(label[title="Use same data as Facebook"]) label,
  .client-coures-metatab .ant-form-item-label.ant-col-sm-24:has(label[title="ใช้ข้อมูลจาก Facebook"]) label {
    max-width: 185px !important; }

.client-coures-metatab .robots-meta-container .ant-col.ant-col-24 span.ant-form-item-children {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.ant-modal-body .ant-form-item-label.ant-col-sm-24:has(label[title="Use same data as Facebook"]),
.ant-modal-body .ant-form-item-label.ant-col-sm-24:has(label[title="ใช้ข้อมูลจาก Facebook"]) {
  width: 185px;
  max-width: 185px !important;
  text-align: left; }
  .ant-modal-body .ant-form-item-label.ant-col-sm-24:has(label[title="Use same data as Facebook"]) label,
  .ant-modal-body .ant-form-item-label.ant-col-sm-24:has(label[title="ใช้ข้อมูลจาก Facebook"]) label {
    max-width: 185px !important; }
  .ant-modal-body .ant-form-item-label.ant-col-sm-24:has(label[title="Use same data as Facebook"]) + div button.ant-switch,
  .ant-modal-body .ant-form-item-label.ant-col-sm-24:has(label[title="ใช้ข้อมูลจาก Facebook"]) + div button.ant-switch {
    margin: 0; }

.ant-modal-body .ant-form-item-label.ant-col-sm-24.ant-col-md-7:has(label[title="Facebook Social Share"]) + .ant-form-item-control-wrapper.ant-col-sm-24.ant-col-md-17 .ant-col.ant-col-24.col-title-course > .ant-row.ant-form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.ant-modal-body .ant-form-item-label.ant-col-sm-24.ant-col-md-7:has(label[title="ใช้ข้อมูลจาก Facebook"]) + .ant-form-item-control-wrapper.ant-col-sm-24.ant-col-md-17 .ant-col.ant-col-24.col-title-course > .ant-row.ant-form-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.create-gallery .ant-form-extra {
  width: 375px; }

.client-course-button {
  font-size: 15px !important; }
  @media screen and (max-width: 576px) {
    .client-course-button {
      font-size: 14px !important; } }
  .client-course-button i {
    background-size: cover;
    background-position: center;
    right: 0;
    -webkit-filter: brightness(0) saturate(100%) invert(28%) sepia(5%) saturate(194%) hue-rotate(169deg) brightness(92%) contrast(86%);
            filter: brightness(0) saturate(100%) invert(28%) sepia(5%) saturate(194%) hue-rotate(169deg) brightness(92%) contrast(86%);
    -webkit-transition: .3s;
    transition: .3s; }
    .client-course-button i svg {
      visibility: hidden; }
  .client-course-button i:after {
    content: '';
    background: #4a4b4ca8;
    width: 0;
    height: 1.5px;
    position: absolute;
    bottom: 6.6px;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;
    left: -5px; }

.client-course-button:hover i {
  -webkit-transform: translateX(7px);
          transform: translateX(7px); }

.client-course-button:hover i:after {
  opacity: 1 !important;
  width: 14px; }

.course-eight .client-course-button i:after {
  bottom: 7.4px; }

.course-eight .client-course-button::after {
  margin-left: -99px;
  right: unset;
  bottom: 8px;
  width: 93px; }

.client-course-six .client-course-button:after {
  margin-left: -99px;
  right: unset;
  bottom: 2px;
  width: 93px; }

.btn-view-course-detail-wrapper > button {
  border-radius: 40px !important;
  padding: 0 32px !important; }

#full-width-input-only .ant-col .ant-form-item-control-wrapper {
  max-width: 100% !important; }

#full-width-input-only .ant-form-item-control-wrapper .ant-form-item-control {
  width: 100%; }

.full-empty-table {
  overflow-x: scroll; }
  .full-empty-table .ant-table-placeholder {
    height: 100%; }

:root {
  --bg-admin-background: #f6f7fb; }

div#Certificate-banners > a > img {
  width: 140px; }

.active-tab {
  background-color: #f5f5f5;
  -webkit-box-shadow: 0 -4px 7px rgba(0, 0, 0, 0.26);
          box-shadow: 0 -4px 7px rgba(0, 0, 0, 0.26);
  z-index: 3;
  font-size: 11px; }
  .active-tab span {
    color: #006be5; }

.ant-menu-submenu-popup {
  background: transparent !important; }

.line {
  width: 112px;
  height: 47px;
  border-bottom: 1px solid black; }

.bottom-counter {
  font-size: 12px;
  color: #454545;
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 5px 15px;
  background: inherit;
  text-align: right;
  border-top: 1px solid #e0e0e0; }

* {
  font-family: "Arial"; }

.w3-modal {
  z-index: 10;
  display: none;
  padding-top: 100px;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.4); }

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px; }

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.24);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); }
  @media only screen and (min-width: 2000px) {
    ::-webkit-scrollbar-thumb {
      border-radius: 10px; } }

.filterable-table {
  padding: 20px;
  background-color: beige; }

footer a {
  padding: 5px 10px 5px 0; }

html,
body {
  height: 100%;
  margin: 0; }
  html > #root,
  body > #root {
    height: inherit; }
    html > #root > div,
    body > #root > div {
      height: inherit; }
      html > #root > div > div,
      body > #root > div > div {
        height: inherit; }

.box {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column; }

.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.display-none {
  display: none; }

.space-bet {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.align-items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.box .row {
  border: 1px dotted grey; }

.box .row.header {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto; }

.box .row.content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }

#app {
  height: auto; }

.mainContent {
  background-color: #f5f5f5;
  width: 100%;
  overflow: hidden;
  position: relative; }

.left-menu {
  background-color: #f9f9f9;
  -webkit-box-flex: 4;
      -ms-flex: 4;
          flex: 4;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: 1px solid #e0e0e0; }

.ant-calendar-picker-icon {
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 12px;
  height: 12px;
  line-height: 12px;
  right: 8px;
  color: rgba(0, 0, 0, 0.43);
  top: 50%;
  margin-top: -6px;
  font-style: initial; }

.hide {
  display: none !important; }

#circle {
  width: 10px;
  height: 10px;
  background: #1890ff;
  border-radius: 70px;
  margin-right: 5px; }

.customer-footer .customer-footer__content {
  display: block;
  width: 100%; }
  .customer-footer .customer-footer__content .customer-footer__logo {
    padding: 60px 10px 50px 70px;
    width: 30%;
    display: inline-block;
    position: relative; }
    .customer-footer .customer-footer__content .customer-footer__logo img {
      width: 75px; }
  .customer-footer .customer-footer__content .customer-footer__menu {
    width: 19%;
    display: inline-block;
    position: relative;
    line-height: 40px;
    margin-right: 1%;
    padding-left: 20px; }
    .customer-footer .customer-footer__content .customer-footer__menu li {
      border: none; }
      .customer-footer .customer-footer__content .customer-footer__menu li a {
        color: white; }
  .customer-footer .customer-footer__content .customer-footer__support {
    width: 19%;
    display: inline-block;
    position: relative;
    line-height: 40px;
    margin-right: 1%;
    padding-left: 20px; }
    .customer-footer .customer-footer__content .customer-footer__support li {
      border: none; }
      .customer-footer .customer-footer__content .customer-footer__support li a {
        color: white; }
  .customer-footer .customer-footer__content .customer-footer__contactus {
    width: 29%;
    display: inline-block;
    position: relative;
    line-height: 40px;
    margin-right: 1%;
    padding-left: 20px; }
    .customer-footer .customer-footer__content .customer-footer__contactus img {
      margin-right: 10px; }

.customer-footer .customer-footer__copyright {
  display: block;
  width: 100%;
  text-align: center;
  padding: 20px; }

.imgRes {
  width: 100%;
  max-width: 500px;
  margin: auto; }

@media only screen and (min-width: 768px) {
  .cartRight {
    text-align: right; } }

@media only screen and (max-width: 576px) {
  .imgRes {
    max-width: 300px; } }

.tag-item-green {
  background: #f6ffed !important;
  color: #52c41a !important;
  border-color: #b7eb8f !important;
  font-size: 12px !important;
  height: 20px !important; }

.tag-item-orange {
  background: #fffbe6 !important;
  color: #faad14 !important;
  border-color: #ffd666 !important;
  font-size: 12px !important;
  height: 20px !important; }

.ant-tooltip {
  z-index: 9999999999 !important; }

@charset "UTF-8";
/*!
 * 
 * antd v3.17.0
 * 
 * Copyright 2015-present, Alipay, Inc.
 * All rights reserved.
 *       
 */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/* stylelint-disable at-rule-no-unknown */
html,
body {
  width: 100%;
  height: 100%; }

input::-ms-clear,
input::-ms-reveal {
  display: none; }

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

@-ms-viewport {
  width: device-width; }

article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block; }

body {
  margin: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-variant: tabular-nums;
  line-height: 1.5;
  background-color: #fff;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum'; }

[tabindex='-1']:focus {
  outline: none !important; }

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500; }

p {
  margin-top: 0;
  margin-bottom: 1em; }

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help; }

address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit; }

input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

dt {
  font-weight: 500; }

dd {
  margin-bottom: 0.5em;
  margin-left: 0; }

blockquote {
  margin: 0 0 1em; }

dfn {
  font-style: italic; }

b,
strong {
  font-weight: bolder; }

small {
  font-size: 80%; }

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

a {
  color: #1890ff;
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-text-decoration-skip: objects; }

a:hover {
  color: #40a9ff; }

a:active {
  color: #096dd9; }

a:active,
a:hover {
  text-decoration: none;
  outline: 0; }

a[disabled] {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  pointer-events: none; }

pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace; }

pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto; }

figure {
  margin: 0 0 1em; }

img {
  vertical-align: middle;
  border-style: none; }

svg:not(:root) {
  overflow: hidden; }

a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

table {
  border-collapse: collapse; }

caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  color: rgba(0, 0, 0, 0.45);
  text-align: left;
  caption-side: bottom; }

th {
  text-align: inherit; }

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none; }

input[type='radio'],
input[type='checkbox'] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0; }

input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox; }

textarea {
  overflow: auto;
  resize: vertical; }

fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal; }

progress {
  vertical-align: baseline; }

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto; }

[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none; }

[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button; }

output {
  display: inline-block; }

summary {
  display: list-item; }

template {
  display: none; }

[hidden] {
  display: none !important; }

mark {
  padding: 0.2em;
  background-color: #feffe6; }

::-moz-selection {
  color: #fff;
  background: #1890ff; }

::selection {
  color: #fff;
  background: #1890ff; }

.clearfix {
  zoom: 1; }

.clearfix::before,
.clearfix::after {
  display: table;
  content: ''; }

.clearfix::after {
  clear: both; }

.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.anticon > * {
  line-height: 1; }

.anticon svg {
  display: inline-block; }

.anticon::before {
  display: none; }

.anticon .anticon-icon {
  display: block; }

.anticon[tabindex] {
  cursor: pointer; }

.anticon-spin::before {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear; }

.anticon-spin {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear; }

.fade-enter,
.fade-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.fade-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.fade-enter.fade-enter-active,
.fade-appear.fade-appear-active {
  -webkit-animation-name: antFadeIn;
  animation-name: antFadeIn;
  -webkit-animation-play-state: running;
  animation-play-state: running; }

.fade-leave.fade-leave-active {
  -webkit-animation-name: antFadeOut;
  animation-name: antFadeOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none; }

.fade-enter,
.fade-appear {
  opacity: 0;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear; }

.fade-leave {
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear; }

@-webkit-keyframes antFadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes antFadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes antFadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes antFadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.move-up-enter,
.move-up-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.move-up-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.move-up-enter.move-up-enter-active,
.move-up-appear.move-up-appear-active {
  -webkit-animation-name: antMoveUpIn;
  animation-name: antMoveUpIn;
  -webkit-animation-play-state: running;
  animation-play-state: running; }

.move-up-leave.move-up-leave-active {
  -webkit-animation-name: antMoveUpOut;
  animation-name: antMoveUpOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none; }

.move-up-enter,
.move-up-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); }

.move-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); }

.move-down-enter,
.move-down-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.move-down-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.move-down-enter.move-down-enter-active,
.move-down-appear.move-down-appear-active {
  -webkit-animation-name: antMoveDownIn;
  animation-name: antMoveDownIn;
  -webkit-animation-play-state: running;
  animation-play-state: running; }

.move-down-leave.move-down-leave-active {
  -webkit-animation-name: antMoveDownOut;
  animation-name: antMoveDownOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none; }

.move-down-enter,
.move-down-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); }

.move-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); }

.move-left-enter,
.move-left-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.move-left-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.move-left-enter.move-left-enter-active,
.move-left-appear.move-left-appear-active {
  -webkit-animation-name: antMoveLeftIn;
  animation-name: antMoveLeftIn;
  -webkit-animation-play-state: running;
  animation-play-state: running; }

.move-left-leave.move-left-leave-active {
  -webkit-animation-name: antMoveLeftOut;
  animation-name: antMoveLeftOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none; }

.move-left-enter,
.move-left-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); }

.move-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); }

.move-right-enter,
.move-right-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.move-right-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.move-right-enter.move-right-enter-active,
.move-right-appear.move-right-appear-active {
  -webkit-animation-name: antMoveRightIn;
  animation-name: antMoveRightIn;
  -webkit-animation-play-state: running;
  animation-play-state: running; }

.move-right-leave.move-right-leave-active {
  -webkit-animation-name: antMoveRightOut;
  animation-name: antMoveRightOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none; }

.move-right-enter,
.move-right-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); }

.move-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34); }

@-webkit-keyframes antMoveDownIn {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1; } }

@keyframes antMoveDownIn {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1; } }

@-webkit-keyframes antMoveDownOut {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1; }
  100% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0; } }

@keyframes antMoveDownOut {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1; }
  100% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0; } }

@-webkit-keyframes antMoveLeftIn {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1; } }

@keyframes antMoveLeftIn {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1; } }

@-webkit-keyframes antMoveLeftOut {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1; }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0; } }

@keyframes antMoveLeftOut {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1; }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0; } }

@-webkit-keyframes antMoveRightIn {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1; } }

@keyframes antMoveRightIn {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1; } }

@-webkit-keyframes antMoveRightOut {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1; }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0; } }

@keyframes antMoveRightOut {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1; }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0; } }

@-webkit-keyframes antMoveUpIn {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1; } }

@keyframes antMoveUpIn {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1; } }

@-webkit-keyframes antMoveUpOut {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1; }
  100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0; } }

@keyframes antMoveUpOut {
  0% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 1; }
  100% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0; } }

@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

[ant-click-animating='true'],
[ant-click-animating-without-extra-node='true'] {
  position: relative; }

html {
  --antd-wave-shadow-color: #1890ff; }

[ant-click-animating-without-extra-node='true']::after,
.ant-click-animating-node {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-radius: inherit;
  -webkit-box-shadow: 0 0 0 0 #1890ff;
  box-shadow: 0 0 0 0 #1890ff;
  -webkit-box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
  box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
  opacity: 0.2;
  -webkit-animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
  animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  content: '';
  pointer-events: none; }

@-webkit-keyframes waveEffect {
  100% {
    -webkit-box-shadow: 0 0 0 #1890ff;
    box-shadow: 0 0 0 #1890ff;
    -webkit-box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
    box-shadow: 0 0 0 6px var(--antd-wave-shadow-color); } }

@keyframes waveEffect {
  100% {
    -webkit-box-shadow: 0 0 0 #1890ff;
    box-shadow: 0 0 0 #1890ff;
    -webkit-box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
    box-shadow: 0 0 0 6px var(--antd-wave-shadow-color); } }

@-webkit-keyframes fadeEffect {
  100% {
    opacity: 0; } }

@keyframes fadeEffect {
  100% {
    opacity: 0; } }

.slide-up-enter,
.slide-up-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.slide-up-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.slide-up-enter.slide-up-enter-active,
.slide-up-appear.slide-up-appear-active {
  -webkit-animation-name: antSlideUpIn;
  animation-name: antSlideUpIn;
  -webkit-animation-play-state: running;
  animation-play-state: running; }

.slide-up-leave.slide-up-leave-active {
  -webkit-animation-name: antSlideUpOut;
  animation-name: antSlideUpOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none; }

.slide-up-enter,
.slide-up-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.slide-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }

.slide-down-enter,
.slide-down-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.slide-down-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.slide-down-enter.slide-down-enter-active,
.slide-down-appear.slide-down-appear-active {
  -webkit-animation-name: antSlideDownIn;
  animation-name: antSlideDownIn;
  -webkit-animation-play-state: running;
  animation-play-state: running; }

.slide-down-leave.slide-down-leave-active {
  -webkit-animation-name: antSlideDownOut;
  animation-name: antSlideDownOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none; }

.slide-down-enter,
.slide-down-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.slide-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }

.slide-left-enter,
.slide-left-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.slide-left-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.slide-left-enter.slide-left-enter-active,
.slide-left-appear.slide-left-appear-active {
  -webkit-animation-name: antSlideLeftIn;
  animation-name: antSlideLeftIn;
  -webkit-animation-play-state: running;
  animation-play-state: running; }

.slide-left-leave.slide-left-leave-active {
  -webkit-animation-name: antSlideLeftOut;
  animation-name: antSlideLeftOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none; }

.slide-left-enter,
.slide-left-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.slide-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }

.slide-right-enter,
.slide-right-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.slide-right-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.slide-right-enter.slide-right-enter-active,
.slide-right-appear.slide-right-appear-active {
  -webkit-animation-name: antSlideRightIn;
  animation-name: antSlideRightIn;
  -webkit-animation-play-state: running;
  animation-play-state: running; }

.slide-right-leave.slide-right-leave-active {
  -webkit-animation-name: antSlideRightOut;
  animation-name: antSlideRightOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none; }

.slide-right-enter,
.slide-right-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.slide-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }

@-webkit-keyframes antSlideUpIn {
  0% {
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0; }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1; } }

@keyframes antSlideUpIn {
  0% {
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0; }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1; } }

@-webkit-keyframes antSlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1; }
  100% {
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0; } }

@keyframes antSlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1; }
  100% {
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0; } }

@-webkit-keyframes antSlideDownIn {
  0% {
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0; }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1; } }

@keyframes antSlideDownIn {
  0% {
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0; }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1; } }

@-webkit-keyframes antSlideDownOut {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1; }
  100% {
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0; } }

@keyframes antSlideDownOut {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 1; }
  100% {
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    opacity: 0; } }

@-webkit-keyframes antSlideLeftIn {
  0% {
    -webkit-transform: scaleX(0.8);
    transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0; }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1; } }

@keyframes antSlideLeftIn {
  0% {
    -webkit-transform: scaleX(0.8);
    transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0; }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1; } }

@-webkit-keyframes antSlideLeftOut {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1; }
  100% {
    -webkit-transform: scaleX(0.8);
    transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0; } }

@keyframes antSlideLeftOut {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1; }
  100% {
    -webkit-transform: scaleX(0.8);
    transform: scaleX(0.8);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0; } }

@-webkit-keyframes antSlideRightIn {
  0% {
    -webkit-transform: scaleX(0.8);
    transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 0; }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1; } }

@keyframes antSlideRightIn {
  0% {
    -webkit-transform: scaleX(0.8);
    transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 0; }
  100% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1; } }

@-webkit-keyframes antSlideRightOut {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1; }
  100% {
    -webkit-transform: scaleX(0.8);
    transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 0; } }

@keyframes antSlideRightOut {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 1; }
  100% {
    -webkit-transform: scaleX(0.8);
    transform: scaleX(0.8);
    -webkit-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    opacity: 0; } }

.swing-enter,
.swing-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.swing-enter.swing-enter-active,
.swing-appear.swing-appear-active {
  -webkit-animation-name: antSwingIn;
  animation-name: antSwingIn;
  -webkit-animation-play-state: running;
  animation-play-state: running; }

@-webkit-keyframes antSwingIn {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  20% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
  40% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); }
  60% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px); }
  80% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px); } }

@keyframes antSwingIn {
  0%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  20% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px); }
  40% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px); }
  60% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px); }
  80% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px); } }

.zoom-enter,
.zoom-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.zoom-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.zoom-enter.zoom-enter-active,
.zoom-appear.zoom-appear-active {
  -webkit-animation-name: antZoomIn;
  animation-name: antZoomIn;
  -webkit-animation-play-state: running;
  animation-play-state: running; }

.zoom-leave.zoom-leave-active {
  -webkit-animation-name: antZoomOut;
  animation-name: antZoomOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none; }

.zoom-enter,
.zoom-appear {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); }

.zoom-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); }

.zoom-big-enter,
.zoom-big-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.zoom-big-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.zoom-big-enter.zoom-big-enter-active,
.zoom-big-appear.zoom-big-appear-active {
  -webkit-animation-name: antZoomBigIn;
  animation-name: antZoomBigIn;
  -webkit-animation-play-state: running;
  animation-play-state: running; }

.zoom-big-leave.zoom-big-leave-active {
  -webkit-animation-name: antZoomBigOut;
  animation-name: antZoomBigOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none; }

.zoom-big-enter,
.zoom-big-appear {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); }

.zoom-big-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); }

.zoom-big-fast-enter,
.zoom-big-fast-appear {
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.zoom-big-fast-leave {
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.zoom-big-fast-enter.zoom-big-fast-enter-active,
.zoom-big-fast-appear.zoom-big-fast-appear-active {
  -webkit-animation-name: antZoomBigIn;
  animation-name: antZoomBigIn;
  -webkit-animation-play-state: running;
  animation-play-state: running; }

.zoom-big-fast-leave.zoom-big-fast-leave-active {
  -webkit-animation-name: antZoomBigOut;
  animation-name: antZoomBigOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none; }

.zoom-big-fast-enter,
.zoom-big-fast-appear {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); }

.zoom-big-fast-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); }

.zoom-up-enter,
.zoom-up-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.zoom-up-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.zoom-up-enter.zoom-up-enter-active,
.zoom-up-appear.zoom-up-appear-active {
  -webkit-animation-name: antZoomUpIn;
  animation-name: antZoomUpIn;
  -webkit-animation-play-state: running;
  animation-play-state: running; }

.zoom-up-leave.zoom-up-leave-active {
  -webkit-animation-name: antZoomUpOut;
  animation-name: antZoomUpOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none; }

.zoom-up-enter,
.zoom-up-appear {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); }

.zoom-up-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); }

.zoom-down-enter,
.zoom-down-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.zoom-down-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.zoom-down-enter.zoom-down-enter-active,
.zoom-down-appear.zoom-down-appear-active {
  -webkit-animation-name: antZoomDownIn;
  animation-name: antZoomDownIn;
  -webkit-animation-play-state: running;
  animation-play-state: running; }

.zoom-down-leave.zoom-down-leave-active {
  -webkit-animation-name: antZoomDownOut;
  animation-name: antZoomDownOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none; }

.zoom-down-enter,
.zoom-down-appear {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); }

.zoom-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); }

.zoom-left-enter,
.zoom-left-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.zoom-left-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.zoom-left-enter.zoom-left-enter-active,
.zoom-left-appear.zoom-left-appear-active {
  -webkit-animation-name: antZoomLeftIn;
  animation-name: antZoomLeftIn;
  -webkit-animation-play-state: running;
  animation-play-state: running; }

.zoom-left-leave.zoom-left-leave-active {
  -webkit-animation-name: antZoomLeftOut;
  animation-name: antZoomLeftOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none; }

.zoom-left-enter,
.zoom-left-appear {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); }

.zoom-left-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); }

.zoom-right-enter,
.zoom-right-appear {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.zoom-right-leave {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.zoom-right-enter.zoom-right-enter-active,
.zoom-right-appear.zoom-right-appear-active {
  -webkit-animation-name: antZoomRightIn;
  animation-name: antZoomRightIn;
  -webkit-animation-play-state: running;
  animation-play-state: running; }

.zoom-right-leave.zoom-right-leave-active {
  -webkit-animation-name: antZoomRightOut;
  animation-name: antZoomRightOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none; }

.zoom-right-enter,
.zoom-right-appear {
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1); }

.zoom-right-leave {
  -webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86); }

@-webkit-keyframes antZoomIn {
  0% {
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@keyframes antZoomIn {
  0% {
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes antZoomOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
    opacity: 0; } }

@keyframes antZoomOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
    opacity: 0; } }

@-webkit-keyframes antZoomBigIn {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@keyframes antZoomBigIn {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes antZoomBigOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0; } }

@keyframes antZoomBigOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0; } }

@-webkit-keyframes antZoomUpIn {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%; } }

@keyframes antZoomUpIn {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%; } }

@-webkit-keyframes antZoomUpOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%; }
  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    opacity: 0; } }

@keyframes antZoomUpOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%; }
  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    opacity: 0; } }

@-webkit-keyframes antZoomLeftIn {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%; } }

@keyframes antZoomLeftIn {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%; } }

@-webkit-keyframes antZoomLeftOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%; }
  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    opacity: 0; } }

@keyframes antZoomLeftOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%; }
  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    opacity: 0; } }

@-webkit-keyframes antZoomRightIn {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%; } }

@keyframes antZoomRightIn {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%; } }

@-webkit-keyframes antZoomRightOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%; }
  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    opacity: 0; } }

@keyframes antZoomRightOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%; }
  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    opacity: 0; } }

@-webkit-keyframes antZoomDownIn {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%; } }

@keyframes antZoomDownIn {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%; } }

@-webkit-keyframes antZoomDownOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%; }
  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0; } }

@keyframes antZoomDownOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%; }
  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0; } }

.ant-motion-collapse-legacy {
  overflow: hidden; }

.ant-motion-collapse-legacy-active {
  -webkit-transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important; }

.ant-motion-collapse {
  overflow: hidden;
  -webkit-transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-affix {
  position: fixed;
  z-index: 10; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-alert {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: relative;
  padding: 8px 15px 8px 37px;
  border-radius: 4px; }

.ant-alert.ant-alert-no-icon {
  padding: 8px 15px; }

.ant-alert.ant-alert-closable {
  padding-right: 30px; }

.ant-alert-icon {
  position: absolute;
  top: 11.5px;
  left: 16px; }

.ant-alert-description {
  display: none;
  font-size: 14px;
  line-height: 22px; }

.ant-alert-success {
  background-color: #f6ffed;
  border: 1px solid #b7eb8f; }

.ant-alert-success .ant-alert-icon {
  color: #52c41a; }

.ant-alert-info {
  background-color: #e6f7ff;
  border: 1px solid #91d5ff; }

.ant-alert-info .ant-alert-icon {
  color: #1890ff; }

.ant-alert-warning {
  background-color: #fffbe6;
  border: 1px solid #ffe58f; }

.ant-alert-warning .ant-alert-icon {
  color: #faad14; }

.ant-alert-error {
  background-color: #fff1f0;
  border: 1px solid #ffa39e; }

.ant-alert-error .ant-alert-icon {
  color: #f5222d; }

.ant-alert-close-icon {
  position: absolute;
  top: 8px;
  right: 16px;
  overflow: hidden;
  font-size: 12px;
  line-height: 22px;
  cursor: pointer; }

.ant-alert-close-icon .anticon-close {
  color: rgba(0, 0, 0, 0.45);
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }

.ant-alert-close-icon .anticon-close:hover {
  color: rgba(0, 0, 0, 0.75); }

.ant-alert-close-text {
  position: absolute;
  right: 16px; }

.ant-alert-with-description {
  position: relative;
  padding: 15px 15px 15px 64px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 1.5;
  border-radius: 4px; }

.ant-alert-with-description.ant-alert-no-icon {
  padding: 15px; }

.ant-alert-with-description .ant-alert-icon {
  position: absolute;
  top: 16px;
  left: 24px;
  font-size: 24px; }

.ant-alert-with-description .ant-alert-close-icon {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 14px;
  cursor: pointer; }

.ant-alert-with-description .ant-alert-message {
  display: block;
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px; }

.ant-alert-with-description .ant-alert-description {
  display: block; }

.ant-alert.ant-alert-close {
  height: 0 !important;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); }

.ant-alert-slide-up-leave {
  -webkit-animation: antAlertSlideUpOut 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation: antAlertSlideUpOut 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.ant-alert-banner {
  margin-bottom: 0;
  border: 0;
  border-radius: 0; }

@-webkit-keyframes antAlertSlideUpIn {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0; }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1; } }

@keyframes antAlertSlideUpIn {
  0% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0; }
  100% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1; } }

@-webkit-keyframes antAlertSlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1; }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0; } }

@keyframes antAlertSlideUpOut {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 1; }
  100% {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    opacity: 0; } }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-anchor {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: relative;
  padding-left: 2px; }

.ant-anchor-wrapper {
  margin-left: -4px;
  padding-left: 4px;
  overflow: auto;
  background-color: #fff; }

.ant-anchor-ink {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%; }

.ant-anchor-ink::before {
  position: relative;
  display: block;
  width: 2px;
  height: 100%;
  margin: 0 auto;
  background-color: #e8e8e8;
  content: ' '; }

.ant-anchor-ink-ball {
  position: absolute;
  left: 50%;
  display: none;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border: 2px solid #1890ff;
  border-radius: 8px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: top 0.3s ease-in-out;
  transition: top 0.3s ease-in-out; }

.ant-anchor-ink-ball.visible {
  display: inline-block; }

.ant-anchor.fixed .ant-anchor-ink .ant-anchor-ink-ball {
  display: none; }

.ant-anchor-link {
  padding: 7px 0 7px 16px;
  line-height: 1.143; }

.ant-anchor-link-title {
  position: relative;
  display: block;
  margin-bottom: 6px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.ant-anchor-link-title:only-child {
  margin-bottom: 0; }

.ant-anchor-link-active > .ant-anchor-link-title {
  color: #1890ff; }

.ant-anchor-link .ant-anchor-link {
  padding-top: 5px;
  padding-bottom: 5px; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-select-auto-complete {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum'; }

.ant-select-auto-complete.ant-select .ant-select-selection {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

.ant-select-auto-complete.ant-select .ant-select-selection__rendered {
  height: 100%;
  margin-right: 0;
  margin-left: 0;
  line-height: 32px; }

.ant-select-auto-complete.ant-select .ant-select-selection__placeholder {
  margin-right: 12px;
  margin-left: 12px; }

.ant-select-auto-complete.ant-select .ant-select-selection--single {
  height: auto; }

.ant-select-auto-complete.ant-select .ant-select-search--inline {
  position: static;
  float: left; }

.ant-select-auto-complete.ant-select-allow-clear .ant-select-selection:hover .ant-select-selection__rendered {
  margin-right: 0 !important; }

.ant-select-auto-complete.ant-select .ant-input {
  height: 32px;
  line-height: 1.5;
  background: transparent;
  border-width: 1px; }

.ant-select-auto-complete.ant-select .ant-input:focus,
.ant-select-auto-complete.ant-select .ant-input:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important; }

.ant-select-auto-complete.ant-select .ant-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
  background-color: transparent; }

.ant-select-auto-complete.ant-select .ant-input[disabled]:hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important; }

.ant-select-auto-complete.ant-select-lg .ant-select-selection__rendered {
  line-height: 40px; }

.ant-select-auto-complete.ant-select-lg .ant-input {
  height: 40px;
  padding-top: 6px;
  padding-bottom: 6px; }

.ant-select-auto-complete.ant-select-sm .ant-select-selection__rendered {
  line-height: 24px; }

.ant-select-auto-complete.ant-select-sm .ant-input {
  height: 24px;
  padding-top: 1px;
  padding-bottom: 1px; }

.ant-input-group > .ant-select-auto-complete .ant-select-search__field.ant-input-affix-wrapper {
  display: inline;
  float: none; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-select {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  outline: 0; }

.ant-select ul,
.ant-select ol {
  margin: 0;
  padding: 0;
  list-style: none; }

.ant-select > ul > li > a {
  padding: 0;
  background-color: #fff; }

.ant-select-arrow {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  right: 11px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  line-height: 1;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%; }

.ant-select-arrow > * {
  line-height: 1; }

.ant-select-arrow svg {
  display: inline-block; }

.ant-select-arrow::before {
  display: none; }

.ant-select-arrow .ant-select-arrow-icon {
  display: block; }

.ant-select-arrow .ant-select-arrow-icon svg {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }

.ant-select-selection {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-top-width: 1.02px;
  border-radius: 4px;
  outline: none;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ant-select-selection:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important; }

.ant-select-focused .ant-select-selection,
.ant-select-selection:focus,
.ant-select-selection:active {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); }

.ant-select-selection__clear {
  position: absolute;
  top: 50%;
  right: 11px;
  z-index: 1;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  font-style: normal;
  line-height: 12px;
  text-align: center;
  text-transform: none;
  background: #fff;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: color 0.3s ease, opacity 0.15s ease;
  transition: color 0.3s ease, opacity 0.15s ease;
  text-rendering: auto; }

.ant-select-selection__clear::before {
  display: block; }

.ant-select-selection__clear:hover {
  color: rgba(0, 0, 0, 0.45); }

.ant-select-selection:hover .ant-select-selection__clear {
  opacity: 1; }

.ant-select-selection-selected-value {
  float: left;
  max-width: 100%;
  padding-right: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.ant-select-no-arrow .ant-select-selection-selected-value {
  padding-right: 0; }

.ant-select-disabled {
  color: rgba(0, 0, 0, 0.25); }

.ant-select-disabled .ant-select-selection {
  background: #f5f5f5;
  cursor: not-allowed; }

.ant-select-disabled .ant-select-selection:hover,
.ant-select-disabled .ant-select-selection:focus,
.ant-select-disabled .ant-select-selection:active {
  border-color: #d9d9d9;
  -webkit-box-shadow: none;
  box-shadow: none; }

.ant-select-disabled .ant-select-selection__clear {
  display: none;
  visibility: hidden;
  pointer-events: none; }

.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice {
  padding-right: 10px;
  color: rgba(0, 0, 0, 0.33);
  background: #f5f5f5; }

.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice__remove {
  display: none; }

.ant-select-selection--single {
  position: relative;
  height: 32px;
  cursor: pointer; }

.ant-select-selection__rendered {
  position: relative;
  display: block;
  margin-right: 11px;
  margin-left: 11px;
  line-height: 30px; }

.ant-select-selection__rendered::after {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: '.';
  pointer-events: none; }

.ant-select-lg {
  font-size: 16px; }

.ant-select-lg .ant-select-selection--single {
  height: 40px; }

.ant-select-lg .ant-select-selection__rendered {
  line-height: 38px; }

.ant-select-lg .ant-select-selection--multiple {
  min-height: 40px; }

.ant-select-lg .ant-select-selection--multiple .ant-select-selection__rendered li {
  height: 32px;
  line-height: 32px; }

.ant-select-lg .ant-select-selection--multiple .ant-select-selection__clear,
.ant-select-lg .ant-select-selection--multiple .ant-select-arrow {
  top: 20px; }

.ant-select-sm .ant-select-selection--single {
  height: 24px; }

.ant-select-sm .ant-select-selection__rendered {
  margin: 0 7px;
  line-height: 22px; }

.ant-select-sm .ant-select-selection--multiple {
  min-height: 24px; }

.ant-select-sm .ant-select-selection--multiple .ant-select-selection__rendered li {
  height: 16px;
  line-height: 14px; }

.ant-select-sm .ant-select-selection--multiple .ant-select-selection__clear,
.ant-select-sm .ant-select-selection--multiple .ant-select-arrow {
  top: 12px; }

.ant-select-sm .ant-select-selection__clear,
.ant-select-sm .ant-select-arrow {
  right: 8px; }

.ant-select-disabled .ant-select-selection__choice__remove {
  color: rgba(0, 0, 0, 0.25);
  cursor: default; }

.ant-select-disabled .ant-select-selection__choice__remove:hover {
  color: rgba(0, 0, 0, 0.25); }

.ant-select-search__field__wrap {
  position: relative;
  display: inline-block; }

.ant-select-selection__placeholder,
.ant-select-search__field__placeholder {
  position: absolute;
  top: 50%;
  right: 9px;
  left: 0;
  max-width: 100%;
  height: 20px;
  margin-top: -10px;
  overflow: hidden;
  color: #bfbfbf;
  line-height: 20px;
  white-space: nowrap;
  text-align: left;
  text-overflow: ellipsis; }

.ant-select-search__field__placeholder {
  left: 12px; }

.ant-select-search__field__mirror {
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre;
  opacity: 0;
  pointer-events: none; }

.ant-select-search--inline {
  position: absolute;
  width: 100%;
  height: 100%; }

.ant-select-search--inline .ant-select-search__field__wrap {
  width: 100%;
  height: 100%; }

.ant-select-search--inline .ant-select-search__field {
  width: 100%;
  height: 100%;
  font-size: 100%;
  line-height: 1;
  background: transparent;
  border-width: 0;
  border-radius: 4px;
  outline: 0; }

.ant-select-search--inline > i {
  float: right; }

.ant-select-selection--multiple {
  min-height: 32px;
  padding-bottom: 3px;
  cursor: text;
  zoom: 1; }

.ant-select-selection--multiple::before,
.ant-select-selection--multiple::after {
  display: table;
  content: ''; }

.ant-select-selection--multiple::after {
  clear: both; }

.ant-select-selection--multiple .ant-select-search--inline {
  position: static;
  float: left;
  width: auto;
  max-width: 100%;
  padding: 0; }

.ant-select-selection--multiple .ant-select-search--inline .ant-select-search__field {
  width: 0.75em;
  max-width: 100%; }

.ant-select-selection--multiple .ant-select-selection__rendered {
  height: auto;
  margin-bottom: -3px;
  margin-left: 5px; }

.ant-select-selection--multiple .ant-select-selection__placeholder {
  margin-left: 6px; }

.ant-select-selection--multiple > ul > li,
.ant-select-selection--multiple .ant-select-selection__rendered > ul > li {
  height: 24px;
  margin-top: 3px;
  line-height: 22px; }

.ant-select-selection--multiple .ant-select-selection__choice {
  position: relative;
  float: left;
  max-width: 99%;
  margin-right: 4px;
  padding: 0 20px 0 10px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fafafa;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  cursor: default;
  -webkit-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.ant-select-selection--multiple .ant-select-selection__choice__disabled {
  padding: 0 10px; }

.ant-select-selection--multiple .ant-select-selection__choice__content {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-transition: margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.ant-select-selection--multiple .ant-select-selection__choice__remove {
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 4px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  line-height: inherit;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333) rotate(0deg);
  transform: scale(0.83333) rotate(0deg); }

.ant-select-selection--multiple .ant-select-selection__choice__remove > * {
  line-height: 1; }

.ant-select-selection--multiple .ant-select-selection__choice__remove svg {
  display: inline-block; }

.ant-select-selection--multiple .ant-select-selection__choice__remove::before {
  display: none; }

.ant-select-selection--multiple .ant-select-selection__choice__remove .ant-select-selection--multiple .ant-select-selection__choice__remove-icon {
  display: block; }

:root .ant-select-selection--multiple .ant-select-selection__choice__remove {
  font-size: 12px; }

.ant-select-selection--multiple .ant-select-selection__choice__remove:hover {
  color: rgba(0, 0, 0, 0.75); }

.ant-select-selection--multiple .ant-select-selection__clear,
.ant-select-selection--multiple .ant-select-arrow {
  top: 16px; }

.ant-select-allow-clear .ant-select-selection--single .ant-select-selection-selected-value {
  padding-right: 16px; }

.ant-select-allow-clear .ant-select-selection--multiple .ant-select-selection__rendered,
.ant-select-show-arrow .ant-select-selection--multiple .ant-select-selection__rendered {
  margin-right: 20px; }

.ant-select-open .ant-select-arrow-icon svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.ant-select-open .ant-select-selection {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); }

.ant-select-combobox .ant-select-arrow {
  display: none; }

.ant-select-combobox .ant-select-search--inline {
  float: none;
  width: 100%;
  height: 100%; }

.ant-select-combobox .ant-select-search__field__wrap {
  width: 100%;
  height: 100%; }

.ant-select-combobox .ant-select-search__field {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0s;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0s; }

.ant-select-combobox.ant-select-allow-clear .ant-select-selection:hover .ant-select-selection__rendered,
.ant-select-combobox.ant-select-show-arrow .ant-select-selection:hover .ant-select-selection__rendered {
  margin-right: 20px; }

.ant-select-dropdown {
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  font-variant: initial;
  background-color: #fff;
  border-radius: 4px;
  outline: none;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); }

.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
  -webkit-animation-name: antSlideUpIn;
  animation-name: antSlideUpIn; }

.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-topLeft,
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-topLeft {
  -webkit-animation-name: antSlideDownIn;
  animation-name: antSlideDownIn; }

.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
  -webkit-animation-name: antSlideUpOut;
  animation-name: antSlideUpOut; }

.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-topLeft {
  -webkit-animation-name: antSlideDownOut;
  animation-name: antSlideDownOut; }

.ant-select-dropdown-hidden {
  display: none; }

.ant-select-dropdown-menu {
  max-height: 250px;
  margin-bottom: 0;
  padding-left: 0;
  overflow: auto;
  list-style: none;
  outline: none; }

.ant-select-dropdown-menu-item-group-list {
  margin: 0;
  padding: 0; }

.ant-select-dropdown-menu-item-group-list > .ant-select-dropdown-menu-item {
  padding-left: 20px; }

.ant-select-dropdown-menu-item-group-title {
  height: 32px;
  padding: 0 12px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  line-height: 32px; }

.ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:first-child:not(:last-child),
.ant-select-dropdown-menu-item-group:not(:last-child) .ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:last-child {
  border-radius: 0; }

.ant-select-dropdown-menu-item {
  position: relative;
  display: block;
  padding: 5px 12px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease; }

.ant-select-dropdown-menu-item:hover {
  background-color: #e6f7ff; }

.ant-select-dropdown-menu-item:first-child {
  border-radius: 4px 4px 0 0; }

.ant-select-dropdown-menu-item:last-child {
  border-radius: 0 0 4px 4px; }

.ant-select-dropdown-menu-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed; }

.ant-select-dropdown-menu-item-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed; }

.ant-select-dropdown-menu-item-selected {
  color: rgba(0, 0, 0, 0.65);
  font-weight: 600;
  background-color: #fafafa; }

.ant-select-dropdown-menu-item-active {
  background-color: #e6f7ff; }

.ant-select-dropdown-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8; }

.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item {
  padding-right: 32px; }

.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item .ant-select-selected-icon {
  position: absolute;
  top: 50%;
  right: 12px;
  color: transparent;
  font-weight: bold;
  font-size: 12px;
  text-shadow: 0 0.1px 0, 0.1px 0 0, 0 -0.1px 0, -0.1px 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.2s;
  transition: all 0.2s; }

.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:hover .ant-select-selected-icon {
  color: rgba(0, 0, 0, 0.87); }

.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-disabled .ant-select-selected-icon {
  display: none; }

.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected .ant-select-selected-icon,
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:hover .ant-select-selected-icon {
  display: inline-block;
  color: #1890ff; }

.ant-select-dropdown--empty.ant-select-dropdown--multiple .ant-select-dropdown-menu-item {
  padding-right: 12px; }

.ant-select-dropdown-container-open .ant-select-dropdown,
.ant-select-dropdown-open .ant-select-dropdown {
  display: block; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-empty {
  margin: 0 8px;
  font-size: 14px;
  line-height: 22px;
  text-align: center; }

.ant-empty-image {
  height: 100px;
  margin-bottom: 8px; }

.ant-empty-image img {
  height: 100%; }

.ant-empty-description {
  margin: 0; }

.ant-empty-footer {
  margin-top: 16px; }

.ant-empty-normal {
  margin: 32px 0;
  color: rgba(0, 0, 0, 0.25); }

.ant-empty-normal .ant-empty-image {
  height: 40px; }

.ant-empty-small {
  margin: 8px 0;
  color: rgba(0, 0, 0, 0.25); }

.ant-empty-small .ant-empty-image {
  height: 35px; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.ant-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1; }

.ant-input:-ms-input-placeholder {
  color: #bfbfbf; }

.ant-input::-webkit-input-placeholder {
  color: #bfbfbf; }

.ant-input:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important; }

.ant-input:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); }

.ant-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1; }

.ant-input-disabled:hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important; }

.ant-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1; }

.ant-input[disabled]:hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important; }

textarea.ant-input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  vertical-align: bottom;
  -webkit-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s; }

.ant-input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px; }

.ant-input-sm {
  height: 24px;
  padding: 1px 7px; }

.ant-input-group {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0; }

.ant-input-group[class*='col-'] {
  float: none;
  padding-right: 0;
  padding-left: 0; }

.ant-input-group > [class*='col-'] {
  padding-right: 8px; }

.ant-input-group > [class*='col-']:last-child {
  padding-right: 0; }

.ant-input-group-addon,
.ant-input-group-wrap,
.ant-input-group > .ant-input {
  display: table-cell; }

.ant-input-group-addon:not(:first-child):not(:last-child),
.ant-input-group-wrap:not(:first-child):not(:last-child),
.ant-input-group > .ant-input:not(:first-child):not(:last-child) {
  border-radius: 0; }

.ant-input-group-addon,
.ant-input-group-wrap {
  width: 1px;
  white-space: nowrap;
  vertical-align: middle; }

.ant-input-group-wrap > * {
  display: block !important; }

.ant-input-group .ant-input {
  float: left;
  width: 100%;
  margin-bottom: 0;
  text-align: inherit; }

.ant-input-group .ant-input:focus {
  z-index: 1;
  border-right-width: 1px; }

.ant-input-group .ant-input:hover {
  z-index: 1;
  border-right-width: 1px; }

.ant-input-group-addon {
  position: relative;
  padding: 0 11px;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.ant-input-group-addon .ant-select {
  margin: -5px -11px; }

.ant-input-group-addon .ant-select .ant-select-selection {
  margin: -1px;
  background-color: inherit;
  border: 1px solid transparent;
  -webkit-box-shadow: none;
  box-shadow: none; }

.ant-input-group-addon .ant-select-open .ant-select-selection,
.ant-input-group-addon .ant-select-focused .ant-select-selection {
  color: #1890ff; }

.ant-input-group-addon > i:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: ''; }

.ant-input-group > .ant-input:first-child,
.ant-input-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.ant-input-group > .ant-input:first-child .ant-select .ant-select-selection,
.ant-input-group-addon:first-child .ant-select .ant-select-selection {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.ant-input-group-addon:first-child {
  border-right: 0; }

.ant-input-group-addon:last-child {
  border-left: 0; }

.ant-input-group > .ant-input:last-child,
.ant-input-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.ant-input-group > .ant-input:last-child .ant-select .ant-select-selection,
.ant-input-group-addon:last-child .ant-select .ant-select-selection {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.ant-input-group-lg .ant-input,
.ant-input-group-lg > .ant-input-group-addon {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px; }

.ant-input-group-sm .ant-input,
.ant-input-group-sm > .ant-input-group-addon {
  height: 24px;
  padding: 1px 7px; }

.ant-input-group-lg .ant-select-selection--single {
  height: 40px; }

.ant-input-group-sm .ant-select-selection--single {
  height: 24px; }

.ant-input-group .ant-input-affix-wrapper {
  display: table-cell;
  float: left;
  width: 100%; }

.ant-input-group.ant-input-group-compact {
  display: block;
  zoom: 1; }

.ant-input-group.ant-input-group-compact::before,
.ant-input-group.ant-input-group-compact::after {
  display: table;
  content: ''; }

.ant-input-group.ant-input-group-compact::after {
  clear: both; }

.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
  border-right-width: 1px; }

.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover {
  z-index: 1; }

.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus {
  z-index: 1; }

.ant-input-group.ant-input-group-compact > * {
  display: inline-block;
  float: none;
  vertical-align: top;
  border-radius: 0; }

.ant-input-group.ant-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
  border-right-width: 1px; }

.ant-input-group.ant-input-group-compact .ant-input {
  float: none; }

.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input {
  border-right-width: 1px;
  border-radius: 0; }

.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection:hover,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:hover,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:hover {
  z-index: 1; }

.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection:focus,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:focus,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:focus {
  z-index: 1; }

.ant-input-group.ant-input-group-compact > *:first-child,
.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:first-child .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker:first-child .ant-time-picker-input {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.ant-input-group.ant-input-group-compact > *:last-child,
.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input {
  border-right-width: 1px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input {
  vertical-align: top; }

.ant-input-group-wrapper {
  display: inline-block;
  width: 100%;
  text-align: start;
  vertical-align: top; }

.ant-input-affix-wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: start; }

.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #40a9ff;
  border-right-width: 1px !important; }

.ant-input-affix-wrapper .ant-input {
  position: relative;
  text-align: inherit; }

.ant-input-affix-wrapper .ant-input-prefix,
.ant-input-affix-wrapper .ant-input-suffix {
  position: absolute;
  top: 50%;
  z-index: 2;
  color: rgba(0, 0, 0, 0.65);
  line-height: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.ant-input-affix-wrapper .ant-input-prefix :not(.anticon),
.ant-input-affix-wrapper .ant-input-suffix :not(.anticon) {
  line-height: 1.5; }

.ant-input-affix-wrapper .ant-input-prefix {
  left: 12px; }

.ant-input-affix-wrapper .ant-input-suffix {
  right: 12px; }

.ant-input-affix-wrapper .ant-input:not(:first-child) {
  padding-left: 30px; }

.ant-input-affix-wrapper .ant-input:not(:last-child) {
  padding-right: 30px; }

.ant-input-affix-wrapper .ant-input {
  min-height: 100%; }

.ant-input-password-icon {
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.ant-input-password-icon:hover {
  color: #333; }

.ant-input-clear-icon {
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  vertical-align: top;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }

.ant-input-clear-icon:hover {
  color: rgba(0, 0, 0, 0.45); }

.ant-input-clear-icon:active {
  color: rgba(0, 0, 0, 0.65); }

.ant-input-clear-icon + i {
  margin-left: 6px; }

.ant-input-search-icon {
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.ant-input-search-icon:hover {
  color: rgba(0, 0, 0, 0.8); }

.ant-input-search-enter-button input {
  border-right: 0; }

.ant-input-search-enter-button + .ant-input-group-addon,
.ant-input-search-enter-button input + .ant-input-group-addon {
  padding: 0;
  border: 0; }

.ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button,
.ant-input-search-enter-button input + .ant-input-group-addon .ant-input-search-button {
  width: 100%;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-btn {
  line-height: 1.499;
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  height: 32px;
  padding: 0 15px;
  font-size: 14px;
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border-color: #d9d9d9; }

.ant-btn > .anticon {
  line-height: 1; }

.ant-btn,
.ant-btn:active,
.ant-btn:focus {
  outline: 0; }

.ant-btn:not([disabled]):hover {
  text-decoration: none; }

.ant-btn:not([disabled]):active {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

.ant-btn.disabled,
.ant-btn[disabled] {
  cursor: not-allowed; }

.ant-btn.disabled > *,
.ant-btn[disabled] > * {
  pointer-events: none; }

.ant-btn-lg {
  height: 40px;
  padding: 0 15px;
  font-size: 16px;
  border-radius: 4px; }

.ant-btn-sm {
  height: 24px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px; }

.ant-btn > a:only-child {
  color: currentColor; }

.ant-btn > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn:hover,
.ant-btn:focus {
  color: #40a9ff;
  background-color: #fff;
  border-color: #40a9ff; }

.ant-btn:hover > a:only-child,
.ant-btn:focus > a:only-child {
  color: currentColor; }

.ant-btn:hover > a:only-child::after,
.ant-btn:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn:active,
.ant-btn.active {
  color: #096dd9;
  background-color: #fff;
  border-color: #096dd9; }

.ant-btn:active > a:only-child,
.ant-btn.active > a:only-child {
  color: currentColor; }

.ant-btn:active > a:only-child::after,
.ant-btn.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-disabled,
.ant-btn.disabled,
.ant-btn[disabled],
.ant-btn-disabled:hover,
.ant-btn.disabled:hover,
.ant-btn[disabled]:hover,
.ant-btn-disabled:focus,
.ant-btn.disabled:focus,
.ant-btn[disabled]:focus,
.ant-btn-disabled:active,
.ant-btn.disabled:active,
.ant-btn[disabled]:active,
.ant-btn-disabled.active,
.ant-btn.disabled.active,
.ant-btn[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.ant-btn-disabled > a:only-child,
.ant-btn.disabled > a:only-child,
.ant-btn[disabled] > a:only-child,
.ant-btn-disabled:hover > a:only-child,
.ant-btn.disabled:hover > a:only-child,
.ant-btn[disabled]:hover > a:only-child,
.ant-btn-disabled:focus > a:only-child,
.ant-btn.disabled:focus > a:only-child,
.ant-btn[disabled]:focus > a:only-child,
.ant-btn-disabled:active > a:only-child,
.ant-btn.disabled:active > a:only-child,
.ant-btn[disabled]:active > a:only-child,
.ant-btn-disabled.active > a:only-child,
.ant-btn.disabled.active > a:only-child,
.ant-btn[disabled].active > a:only-child {
  color: currentColor; }

.ant-btn-disabled > a:only-child::after,
.ant-btn.disabled > a:only-child::after,
.ant-btn[disabled] > a:only-child::after,
.ant-btn-disabled:hover > a:only-child::after,
.ant-btn.disabled:hover > a:only-child::after,
.ant-btn[disabled]:hover > a:only-child::after,
.ant-btn-disabled:focus > a:only-child::after,
.ant-btn.disabled:focus > a:only-child::after,
.ant-btn[disabled]:focus > a:only-child::after,
.ant-btn-disabled:active > a:only-child::after,
.ant-btn.disabled:active > a:only-child::after,
.ant-btn[disabled]:active > a:only-child::after,
.ant-btn-disabled.active > a:only-child::after,
.ant-btn.disabled.active > a:only-child::after,
.ant-btn[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn:hover,
.ant-btn:focus,
.ant-btn:active,
.ant-btn.active {
  text-decoration: none;
  background: #fff; }

.ant-btn > i,
.ant-btn > span {
  display: inline-block;
  pointer-events: none; }

.ant-btn-primary {
  color: #fff;
  background-color: #1890ff;
  border-color: #1890ff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); }

.ant-btn-primary > a:only-child {
  color: currentColor; }

.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-primary:hover,
.ant-btn-primary:focus {
  color: #fff;
  background-color: #40a9ff;
  border-color: #40a9ff; }

.ant-btn-primary:hover > a:only-child,
.ant-btn-primary:focus > a:only-child {
  color: currentColor; }

.ant-btn-primary:hover > a:only-child::after,
.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-primary:active,
.ant-btn-primary.active {
  color: #fff;
  background-color: #096dd9;
  border-color: #096dd9; }

.ant-btn-primary:active > a:only-child,
.ant-btn-primary.active > a:only-child {
  color: currentColor; }

.ant-btn-primary:active > a:only-child::after,
.ant-btn-primary.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-primary-disabled,
.ant-btn-primary.disabled,
.ant-btn-primary[disabled],
.ant-btn-primary-disabled:hover,
.ant-btn-primary.disabled:hover,
.ant-btn-primary[disabled]:hover,
.ant-btn-primary-disabled:focus,
.ant-btn-primary.disabled:focus,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary-disabled:active,
.ant-btn-primary.disabled:active,
.ant-btn-primary[disabled]:active,
.ant-btn-primary-disabled.active,
.ant-btn-primary.disabled.active,
.ant-btn-primary[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.ant-btn-primary-disabled > a:only-child,
.ant-btn-primary.disabled > a:only-child,
.ant-btn-primary[disabled] > a:only-child,
.ant-btn-primary-disabled:hover > a:only-child,
.ant-btn-primary.disabled:hover > a:only-child,
.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-primary-disabled:focus > a:only-child,
.ant-btn-primary.disabled:focus > a:only-child,
.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-primary-disabled:active > a:only-child,
.ant-btn-primary.disabled:active > a:only-child,
.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-primary-disabled.active > a:only-child,
.ant-btn-primary.disabled.active > a:only-child,
.ant-btn-primary[disabled].active > a:only-child {
  color: currentColor; }

.ant-btn-primary-disabled > a:only-child::after,
.ant-btn-primary.disabled > a:only-child::after,
.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-primary-disabled:hover > a:only-child::after,
.ant-btn-primary.disabled:hover > a:only-child::after,
.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-primary-disabled:focus > a:only-child::after,
.ant-btn-primary.disabled:focus > a:only-child::after,
.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-primary-disabled:active > a:only-child::after,
.ant-btn-primary.disabled:active > a:only-child::after,
.ant-btn-primary[disabled]:active > a:only-child::after,
.ant-btn-primary-disabled.active > a:only-child::after,
.ant-btn-primary.disabled.active > a:only-child::after,
.ant-btn-primary[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
  border-right-color: #40a9ff;
  border-left-color: #40a9ff; }

.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
  border-color: #d9d9d9; }

.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
  border-right-color: #40a9ff; }

.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
  border-right-color: #d9d9d9; }

.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group .ant-btn-primary + .ant-btn-primary {
  border-left-color: #40a9ff; }

.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
  border-left-color: #d9d9d9; }

.ant-btn-ghost {
  color: rgba(0, 0, 0, 0.65);
  background-color: transparent;
  border-color: #d9d9d9; }

.ant-btn-ghost > a:only-child {
  color: currentColor; }

.ant-btn-ghost > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-ghost:hover,
.ant-btn-ghost:focus {
  color: #40a9ff;
  background-color: transparent;
  border-color: #40a9ff; }

.ant-btn-ghost:hover > a:only-child,
.ant-btn-ghost:focus > a:only-child {
  color: currentColor; }

.ant-btn-ghost:hover > a:only-child::after,
.ant-btn-ghost:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-ghost:active,
.ant-btn-ghost.active {
  color: #096dd9;
  background-color: transparent;
  border-color: #096dd9; }

.ant-btn-ghost:active > a:only-child,
.ant-btn-ghost.active > a:only-child {
  color: currentColor; }

.ant-btn-ghost:active > a:only-child::after,
.ant-btn-ghost.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-ghost-disabled,
.ant-btn-ghost.disabled,
.ant-btn-ghost[disabled],
.ant-btn-ghost-disabled:hover,
.ant-btn-ghost.disabled:hover,
.ant-btn-ghost[disabled]:hover,
.ant-btn-ghost-disabled:focus,
.ant-btn-ghost.disabled:focus,
.ant-btn-ghost[disabled]:focus,
.ant-btn-ghost-disabled:active,
.ant-btn-ghost.disabled:active,
.ant-btn-ghost[disabled]:active,
.ant-btn-ghost-disabled.active,
.ant-btn-ghost.disabled.active,
.ant-btn-ghost[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.ant-btn-ghost-disabled > a:only-child,
.ant-btn-ghost.disabled > a:only-child,
.ant-btn-ghost[disabled] > a:only-child,
.ant-btn-ghost-disabled:hover > a:only-child,
.ant-btn-ghost.disabled:hover > a:only-child,
.ant-btn-ghost[disabled]:hover > a:only-child,
.ant-btn-ghost-disabled:focus > a:only-child,
.ant-btn-ghost.disabled:focus > a:only-child,
.ant-btn-ghost[disabled]:focus > a:only-child,
.ant-btn-ghost-disabled:active > a:only-child,
.ant-btn-ghost.disabled:active > a:only-child,
.ant-btn-ghost[disabled]:active > a:only-child,
.ant-btn-ghost-disabled.active > a:only-child,
.ant-btn-ghost.disabled.active > a:only-child,
.ant-btn-ghost[disabled].active > a:only-child {
  color: currentColor; }

.ant-btn-ghost-disabled > a:only-child::after,
.ant-btn-ghost.disabled > a:only-child::after,
.ant-btn-ghost[disabled] > a:only-child::after,
.ant-btn-ghost-disabled:hover > a:only-child::after,
.ant-btn-ghost.disabled:hover > a:only-child::after,
.ant-btn-ghost[disabled]:hover > a:only-child::after,
.ant-btn-ghost-disabled:focus > a:only-child::after,
.ant-btn-ghost.disabled:focus > a:only-child::after,
.ant-btn-ghost[disabled]:focus > a:only-child::after,
.ant-btn-ghost-disabled:active > a:only-child::after,
.ant-btn-ghost.disabled:active > a:only-child::after,
.ant-btn-ghost[disabled]:active > a:only-child::after,
.ant-btn-ghost-disabled.active > a:only-child::after,
.ant-btn-ghost.disabled.active > a:only-child::after,
.ant-btn-ghost[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-dashed {
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border-color: #d9d9d9;
  border-style: dashed; }

.ant-btn-dashed > a:only-child {
  color: currentColor; }

.ant-btn-dashed > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-dashed:hover,
.ant-btn-dashed:focus {
  color: #40a9ff;
  background-color: #fff;
  border-color: #40a9ff; }

.ant-btn-dashed:hover > a:only-child,
.ant-btn-dashed:focus > a:only-child {
  color: currentColor; }

.ant-btn-dashed:hover > a:only-child::after,
.ant-btn-dashed:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-dashed:active,
.ant-btn-dashed.active {
  color: #096dd9;
  background-color: #fff;
  border-color: #096dd9; }

.ant-btn-dashed:active > a:only-child,
.ant-btn-dashed.active > a:only-child {
  color: currentColor; }

.ant-btn-dashed:active > a:only-child::after,
.ant-btn-dashed.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-dashed-disabled,
.ant-btn-dashed.disabled,
.ant-btn-dashed[disabled],
.ant-btn-dashed-disabled:hover,
.ant-btn-dashed.disabled:hover,
.ant-btn-dashed[disabled]:hover,
.ant-btn-dashed-disabled:focus,
.ant-btn-dashed.disabled:focus,
.ant-btn-dashed[disabled]:focus,
.ant-btn-dashed-disabled:active,
.ant-btn-dashed.disabled:active,
.ant-btn-dashed[disabled]:active,
.ant-btn-dashed-disabled.active,
.ant-btn-dashed.disabled.active,
.ant-btn-dashed[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.ant-btn-dashed-disabled > a:only-child,
.ant-btn-dashed.disabled > a:only-child,
.ant-btn-dashed[disabled] > a:only-child,
.ant-btn-dashed-disabled:hover > a:only-child,
.ant-btn-dashed.disabled:hover > a:only-child,
.ant-btn-dashed[disabled]:hover > a:only-child,
.ant-btn-dashed-disabled:focus > a:only-child,
.ant-btn-dashed.disabled:focus > a:only-child,
.ant-btn-dashed[disabled]:focus > a:only-child,
.ant-btn-dashed-disabled:active > a:only-child,
.ant-btn-dashed.disabled:active > a:only-child,
.ant-btn-dashed[disabled]:active > a:only-child,
.ant-btn-dashed-disabled.active > a:only-child,
.ant-btn-dashed.disabled.active > a:only-child,
.ant-btn-dashed[disabled].active > a:only-child {
  color: currentColor; }

.ant-btn-dashed-disabled > a:only-child::after,
.ant-btn-dashed.disabled > a:only-child::after,
.ant-btn-dashed[disabled] > a:only-child::after,
.ant-btn-dashed-disabled:hover > a:only-child::after,
.ant-btn-dashed.disabled:hover > a:only-child::after,
.ant-btn-dashed[disabled]:hover > a:only-child::after,
.ant-btn-dashed-disabled:focus > a:only-child::after,
.ant-btn-dashed.disabled:focus > a:only-child::after,
.ant-btn-dashed[disabled]:focus > a:only-child::after,
.ant-btn-dashed-disabled:active > a:only-child::after,
.ant-btn-dashed.disabled:active > a:only-child::after,
.ant-btn-dashed[disabled]:active > a:only-child::after,
.ant-btn-dashed-disabled.active > a:only-child::after,
.ant-btn-dashed.disabled.active > a:only-child::after,
.ant-btn-dashed[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-danger {
  color: #f5222d;
  background-color: #f5f5f5;
  border-color: #d9d9d9; }

.ant-btn-danger > a:only-child {
  color: currentColor; }

.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-danger:hover {
  color: #fff;
  background-color: #ff4d4f;
  border-color: #ff4d4f; }

.ant-btn-danger:hover > a:only-child {
  color: currentColor; }

.ant-btn-danger:hover > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-danger:focus {
  color: #ff4d4f;
  background-color: #fff;
  border-color: #ff4d4f; }

.ant-btn-danger:focus > a:only-child {
  color: currentColor; }

.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-danger:active,
.ant-btn-danger.active {
  color: #fff;
  background-color: #cf1322;
  border-color: #cf1322; }

.ant-btn-danger:active > a:only-child,
.ant-btn-danger.active > a:only-child {
  color: currentColor; }

.ant-btn-danger:active > a:only-child::after,
.ant-btn-danger.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-danger-disabled,
.ant-btn-danger.disabled,
.ant-btn-danger[disabled],
.ant-btn-danger-disabled:hover,
.ant-btn-danger.disabled:hover,
.ant-btn-danger[disabled]:hover,
.ant-btn-danger-disabled:focus,
.ant-btn-danger.disabled:focus,
.ant-btn-danger[disabled]:focus,
.ant-btn-danger-disabled:active,
.ant-btn-danger.disabled:active,
.ant-btn-danger[disabled]:active,
.ant-btn-danger-disabled.active,
.ant-btn-danger.disabled.active,
.ant-btn-danger[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.ant-btn-danger-disabled > a:only-child,
.ant-btn-danger.disabled > a:only-child,
.ant-btn-danger[disabled] > a:only-child,
.ant-btn-danger-disabled:hover > a:only-child,
.ant-btn-danger.disabled:hover > a:only-child,
.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-danger-disabled:focus > a:only-child,
.ant-btn-danger.disabled:focus > a:only-child,
.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-danger-disabled:active > a:only-child,
.ant-btn-danger.disabled:active > a:only-child,
.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-danger-disabled.active > a:only-child,
.ant-btn-danger.disabled.active > a:only-child,
.ant-btn-danger[disabled].active > a:only-child {
  color: currentColor; }

.ant-btn-danger-disabled > a:only-child::after,
.ant-btn-danger.disabled > a:only-child::after,
.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-danger-disabled:hover > a:only-child::after,
.ant-btn-danger.disabled:hover > a:only-child::after,
.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-danger-disabled:focus > a:only-child::after,
.ant-btn-danger.disabled:focus > a:only-child::after,
.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-danger-disabled:active > a:only-child::after,
.ant-btn-danger.disabled:active > a:only-child::after,
.ant-btn-danger[disabled]:active > a:only-child::after,
.ant-btn-danger-disabled.active > a:only-child::after,
.ant-btn-danger.disabled.active > a:only-child::after,
.ant-btn-danger[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-link {
  color: #1890ff;
  background-color: transparent;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none; }

.ant-btn-link > a:only-child {
  color: currentColor; }

.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-link:hover,
.ant-btn-link:focus {
  color: #40a9ff;
  background-color: transparent;
  border-color: #40a9ff; }

.ant-btn-link:hover > a:only-child,
.ant-btn-link:focus > a:only-child {
  color: currentColor; }

.ant-btn-link:hover > a:only-child::after,
.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-link:active,
.ant-btn-link.active {
  color: #096dd9;
  background-color: transparent;
  border-color: #096dd9; }

.ant-btn-link:active > a:only-child,
.ant-btn-link.active > a:only-child {
  color: currentColor; }

.ant-btn-link:active > a:only-child::after,
.ant-btn-link.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-link-disabled,
.ant-btn-link.disabled,
.ant-btn-link[disabled],
.ant-btn-link-disabled:hover,
.ant-btn-link.disabled:hover,
.ant-btn-link[disabled]:hover,
.ant-btn-link-disabled:focus,
.ant-btn-link.disabled:focus,
.ant-btn-link[disabled]:focus,
.ant-btn-link-disabled:active,
.ant-btn-link.disabled:active,
.ant-btn-link[disabled]:active,
.ant-btn-link-disabled.active,
.ant-btn-link.disabled.active,
.ant-btn-link[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.ant-btn-link-disabled > a:only-child,
.ant-btn-link.disabled > a:only-child,
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link-disabled:active > a:only-child,
.ant-btn-link.disabled:active > a:only-child,
.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-link-disabled.active > a:only-child,
.ant-btn-link.disabled.active > a:only-child,
.ant-btn-link[disabled].active > a:only-child {
  color: currentColor; }

.ant-btn-link-disabled > a:only-child::after,
.ant-btn-link.disabled > a:only-child::after,
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-link[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-link:hover,
.ant-btn-link:focus,
.ant-btn-link:active {
  border-color: transparent; }

.ant-btn-link-disabled,
.ant-btn-link.disabled,
.ant-btn-link[disabled],
.ant-btn-link-disabled:hover,
.ant-btn-link.disabled:hover,
.ant-btn-link[disabled]:hover,
.ant-btn-link-disabled:focus,
.ant-btn-link.disabled:focus,
.ant-btn-link[disabled]:focus,
.ant-btn-link-disabled:active,
.ant-btn-link.disabled:active,
.ant-btn-link[disabled]:active,
.ant-btn-link-disabled.active,
.ant-btn-link.disabled.active,
.ant-btn-link[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: transparent;
  border-color: transparent;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.ant-btn-link-disabled > a:only-child,
.ant-btn-link.disabled > a:only-child,
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link-disabled:active > a:only-child,
.ant-btn-link.disabled:active > a:only-child,
.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-link-disabled.active > a:only-child,
.ant-btn-link.disabled.active > a:only-child,
.ant-btn-link[disabled].active > a:only-child {
  color: currentColor; }

.ant-btn-link-disabled > a:only-child::after,
.ant-btn-link.disabled > a:only-child::after,
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-link[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-round {
  height: 32px;
  padding: 0 16px;
  font-size: 16px;
  border-radius: 32px; }

.ant-btn-round.ant-btn-lg {
  height: 40px;
  padding: 0 20px;
  font-size: 18px;
  border-radius: 40px; }

.ant-btn-round.ant-btn-sm {
  height: 24px;
  padding: 0 12px;
  font-size: 14px;
  border-radius: 24px; }

.ant-btn-circle,
.ant-btn-circle-outline {
  width: 32px;
  height: 32px;
  padding: 0;
  font-size: 16px;
  border-radius: 50%; }

.ant-btn-circle.ant-btn-lg,
.ant-btn-circle-outline.ant-btn-lg {
  width: 40px;
  height: 40px;
  padding: 0;
  font-size: 18px;
  border-radius: 50%; }

.ant-btn-circle.ant-btn-sm,
.ant-btn-circle-outline.ant-btn-sm {
  width: 24px;
  height: 24px;
  padding: 0;
  font-size: 14px;
  border-radius: 50%; }

.ant-btn::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: 1;
  display: none;
  background: #fff;
  border-radius: inherit;
  opacity: 0.35;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  content: '';
  pointer-events: none; }

.ant-btn .anticon {
  -webkit-transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.ant-btn .anticon.anticon-plus > svg,
.ant-btn .anticon.anticon-minus > svg {
  shape-rendering: optimizeSpeed; }

.ant-btn.ant-btn-loading {
  position: relative;
  pointer-events: none; }

.ant-btn.ant-btn-loading::before {
  display: block; }

.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
  padding-left: 29px; }

.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon:not(:last-child) {
  margin-left: -14px; }

.ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
  padding-left: 24px; }

.ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon {
  margin-left: -17px; }

.ant-btn-group {
  position: relative;
  display: inline-block; }

.ant-btn-group > .ant-btn,
.ant-btn-group > span > .ant-btn {
  position: relative; }

.ant-btn-group > .ant-btn:hover,
.ant-btn-group > span > .ant-btn:hover,
.ant-btn-group > .ant-btn:focus,
.ant-btn-group > span > .ant-btn:focus,
.ant-btn-group > .ant-btn:active,
.ant-btn-group > span > .ant-btn:active,
.ant-btn-group > .ant-btn.active,
.ant-btn-group > span > .ant-btn.active {
  z-index: 2; }

.ant-btn-group > .ant-btn:disabled,
.ant-btn-group > span > .ant-btn:disabled {
  z-index: 0; }

.ant-btn-group-lg > .ant-btn,
.ant-btn-group-lg > span > .ant-btn {
  height: 40px;
  padding: 0 15px;
  font-size: 16px;
  border-radius: 0;
  line-height: 38px; }

.ant-btn-group-sm > .ant-btn,
.ant-btn-group-sm > span > .ant-btn {
  height: 24px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 0;
  line-height: 22px; }

.ant-btn-group-sm > .ant-btn > .anticon,
.ant-btn-group-sm > span > .ant-btn > .anticon {
  font-size: 14px; }

.ant-btn-group .ant-btn + .ant-btn,
.ant-btn + .ant-btn-group,
.ant-btn-group span + .ant-btn,
.ant-btn-group .ant-btn + span,
.ant-btn-group > span + span,
.ant-btn-group + .ant-btn,
.ant-btn-group + .ant-btn-group {
  margin-left: -1px; }

.ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) {
  border-left-color: transparent; }

.ant-btn-group .ant-btn {
  border-radius: 0; }

.ant-btn-group > .ant-btn:first-child,
.ant-btn-group > span:first-child > .ant-btn {
  margin-left: 0; }

.ant-btn-group > .ant-btn:only-child {
  border-radius: 4px; }

.ant-btn-group > span:only-child > .ant-btn {
  border-radius: 4px; }

.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.ant-btn-group-sm > .ant-btn:only-child {
  border-radius: 4px; }

.ant-btn-group-sm > span:only-child > .ant-btn {
  border-radius: 4px; }

.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.ant-btn-group > .ant-btn-group {
  float: left; }

.ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {
  border-radius: 0; }

.ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child {
  padding-right: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child {
  padding-left: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.ant-btn:not(.ant-btn-circle):not(.ant-btn-circle-outline).ant-btn-icon-only {
  padding-right: 8px;
  padding-left: 8px; }

.ant-btn:focus > span,
.ant-btn:active > span {
  position: relative; }

.ant-btn > .anticon + span,
.ant-btn > span + .anticon {
  margin-left: 8px; }

.ant-btn-background-ghost {
  color: #fff;
  background: transparent !important;
  border-color: #fff; }

.ant-btn-background-ghost.ant-btn-primary {
  color: #1890ff;
  background-color: transparent;
  border-color: #1890ff;
  text-shadow: none; }

.ant-btn-background-ghost.ant-btn-primary > a:only-child {
  color: currentColor; }

.ant-btn-background-ghost.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-background-ghost.ant-btn-primary:hover,
.ant-btn-background-ghost.ant-btn-primary:focus {
  color: #40a9ff;
  background-color: transparent;
  border-color: #40a9ff; }

.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child {
  color: currentColor; }

.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-background-ghost.ant-btn-primary:active,
.ant-btn-background-ghost.ant-btn-primary.active {
  color: #096dd9;
  background-color: transparent;
  border-color: #096dd9; }

.ant-btn-background-ghost.ant-btn-primary:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.active > a:only-child {
  color: currentColor; }

.ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-background-ghost.ant-btn-primary-disabled,
.ant-btn-background-ghost.ant-btn-primary.disabled,
.ant-btn-background-ghost.ant-btn-primary[disabled],
.ant-btn-background-ghost.ant-btn-primary-disabled:hover,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
.ant-btn-background-ghost.ant-btn-primary-disabled:active,
.ant-btn-background-ghost.ant-btn-primary.disabled:active,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active,
.ant-btn-background-ghost.ant-btn-primary-disabled.active,
.ant-btn-background-ghost.ant-btn-primary.disabled.active,
.ant-btn-background-ghost.ant-btn-primary[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.ant-btn-background-ghost.ant-btn-primary-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child {
  color: currentColor; }

.ant-btn-background-ghost.ant-btn-primary-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-background-ghost.ant-btn-danger {
  color: #f5222d;
  background-color: transparent;
  border-color: #f5222d;
  text-shadow: none; }

.ant-btn-background-ghost.ant-btn-danger > a:only-child {
  color: currentColor; }

.ant-btn-background-ghost.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-background-ghost.ant-btn-danger:hover,
.ant-btn-background-ghost.ant-btn-danger:focus {
  color: #ff4d4f;
  background-color: transparent;
  border-color: #ff4d4f; }

.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child {
  color: currentColor; }

.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-background-ghost.ant-btn-danger:active,
.ant-btn-background-ghost.ant-btn-danger.active {
  color: #cf1322;
  background-color: transparent;
  border-color: #cf1322; }

.ant-btn-background-ghost.ant-btn-danger:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.active > a:only-child {
  color: currentColor; }

.ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-background-ghost.ant-btn-danger-disabled,
.ant-btn-background-ghost.ant-btn-danger.disabled,
.ant-btn-background-ghost.ant-btn-danger[disabled],
.ant-btn-background-ghost.ant-btn-danger-disabled:hover,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
.ant-btn-background-ghost.ant-btn-danger-disabled:active,
.ant-btn-background-ghost.ant-btn-danger.disabled:active,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active,
.ant-btn-background-ghost.ant-btn-danger-disabled.active,
.ant-btn-background-ghost.ant-btn-danger.disabled.active,
.ant-btn-background-ghost.ant-btn-danger[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.ant-btn-background-ghost.ant-btn-danger-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child {
  color: currentColor; }

.ant-btn-background-ghost.ant-btn-danger-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-background-ghost.ant-btn-link {
  color: #1890ff;
  background-color: transparent;
  border-color: transparent;
  text-shadow: none;
  color: #fff; }

.ant-btn-background-ghost.ant-btn-link > a:only-child {
  color: currentColor; }

.ant-btn-background-ghost.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-background-ghost.ant-btn-link:hover,
.ant-btn-background-ghost.ant-btn-link:focus {
  color: #40a9ff;
  background-color: transparent;
  border-color: transparent; }

.ant-btn-background-ghost.ant-btn-link:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link:focus > a:only-child {
  color: currentColor; }

.ant-btn-background-ghost.ant-btn-link:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-background-ghost.ant-btn-link:active,
.ant-btn-background-ghost.ant-btn-link.active {
  color: #096dd9;
  background-color: transparent;
  border-color: transparent; }

.ant-btn-background-ghost.ant-btn-link:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.active > a:only-child {
  color: currentColor; }

.ant-btn-background-ghost.ant-btn-link:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-background-ghost.ant-btn-link-disabled,
.ant-btn-background-ghost.ant-btn-link.disabled,
.ant-btn-background-ghost.ant-btn-link[disabled],
.ant-btn-background-ghost.ant-btn-link-disabled:hover,
.ant-btn-background-ghost.ant-btn-link.disabled:hover,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover,
.ant-btn-background-ghost.ant-btn-link-disabled:focus,
.ant-btn-background-ghost.ant-btn-link.disabled:focus,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus,
.ant-btn-background-ghost.ant-btn-link-disabled:active,
.ant-btn-background-ghost.ant-btn-link.disabled:active,
.ant-btn-background-ghost.ant-btn-link[disabled]:active,
.ant-btn-background-ghost.ant-btn-link-disabled.active,
.ant-btn-background-ghost.ant-btn-link.disabled.active,
.ant-btn-background-ghost.ant-btn-link[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.ant-btn-background-ghost.ant-btn-link-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled].active > a:only-child {
  color: currentColor; }

.ant-btn-background-ghost.ant-btn-link-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-btn-two-chinese-chars::first-letter {
  letter-spacing: 0.34em; }

.ant-btn-two-chinese-chars > *:not(.anticon) {
  margin-right: -0.34em;
  letter-spacing: 0.34em; }

.ant-btn-block {
  width: 100%; }

.ant-btn:empty {
  vertical-align: top; }

a.ant-btn {
  line-height: 30px; }

a.ant-btn-lg {
  line-height: 38px; }

a.ant-btn-sm {
  line-height: 22px; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-avatar {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  overflow: hidden;
  color: #fff;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  background: #ccc;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%; }

.ant-avatar-image {
  background: transparent; }

.ant-avatar-string {
  position: absolute;
  left: 50%;
  -webkit-transform-origin: 0 center;
  transform-origin: 0 center; }

.ant-avatar.ant-avatar-icon {
  font-size: 18px; }

.ant-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%; }

.ant-avatar-lg-string {
  position: absolute;
  left: 50%;
  -webkit-transform-origin: 0 center;
  transform-origin: 0 center; }

.ant-avatar-lg.ant-avatar-icon {
  font-size: 24px; }

.ant-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%; }

.ant-avatar-sm-string {
  position: absolute;
  left: 50%;
  -webkit-transform-origin: 0 center;
  transform-origin: 0 center; }

.ant-avatar-sm.ant-avatar-icon {
  font-size: 14px; }

.ant-avatar-square {
  border-radius: 4px; }

.ant-avatar > img {
  display: block;
  width: 100%;
  height: 100%; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-back-top {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: fixed;
  right: 100px;
  bottom: 50px;
  z-index: 10;
  width: 40px;
  height: 40px;
  cursor: pointer; }

.ant-back-top-content {
  width: 40px;
  height: 40px;
  overflow: hidden;
  color: #fff;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 20px;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.ant-back-top-content:hover {
  background-color: rgba(0, 0, 0, 0.65);
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.ant-back-top-icon {
  width: 14px;
  height: 16px;
  margin: 12px auto;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAoCAYAAACWwljjAAAABGdBTUEAALGPC/xhBQAAAbtJREFUWAntmMtKw0AUhhMvS5cuxILgQlRUpIggIoKIIoigG1eC+AA+jo+i6FIXBfeuXIgoeKVeitVWJX5HWhhDksnUpp3FDPyZk3Nm5nycmZKkXhAEOXSA3lG7muTeRzmfy6HneUvIhnYkQK+Q9NhAA0Opg0vBEhjBKHiyb8iGMyQMOYuK41BcBSypAL+MYXSKjtFAW7EAGEO3qN4uMQbbAkXiSfRQJ1H6a+yhlkKRcAoVFYiweYNjtCVQJJpBz2GCiPt7fBOZQpFgDpUikse5HgnkM4Fi4QX0Fpc5wf9EbLqpUCy4jMoJSXWhFwbMNgWKhVbRhy5jirhs9fy/oFhgHVVTJEs7RLZ8sSEoJm6iz7SZDMbJ+/OKERQTttCXQRLToRUmrKWCYuA2+jbN0MB4OQobYShfdTCgn/sL1K36M7TLrN3n+758aPy2rrpR6+/od5E8tf/A1uLS9aId5T7J3CNYihkQ4D9PiMdMC7mp4rjB9kjFjZp8BlnVHJBuO1yFXIV0FdDF3RlyFdJVQBdv5AxVdIsq8apiZ2PyYO1EVykesGfZEESsCkweyR8MUW+V8uJ1gkYipmpdP1pm2aJVPEGzAAAAAElFTkSuQmCC) 100%/100% no-repeat; }

@media screen and (max-width: 768px) {
  .ant-back-top {
    right: 60px; } }

@media screen and (max-width: 480px) {
  .ant-back-top {
    right: 20px; } }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-badge {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  color: unset;
  line-height: 1; }

.ant-badge-count {
  z-index: 10;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  text-align: center;
  background: #f5222d;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 0 1px #fff;
  box-shadow: 0 0 0 1px #fff; }

.ant-badge-count a,
.ant-badge-count a:hover {
  color: #fff; }

.ant-badge-multiple-words {
  padding: 0 8px; }

.ant-badge-dot {
  z-index: 10;
  width: 6px;
  height: 6px;
  background: #f5222d;
  border-radius: 100%;
  -webkit-box-shadow: 0 0 0 1px #fff;
  box-shadow: 0 0 0 1px #fff; }

.ant-badge-count,
.ant-badge-dot,
.ant-badge .ant-scroll-number-custom-component {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  -webkit-transform-origin: 100% 0%;
  transform-origin: 100% 0%; }

.ant-badge-status {
  line-height: inherit;
  vertical-align: baseline; }

.ant-badge-status-dot {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border-radius: 50%; }

.ant-badge-status-success {
  background-color: #52c41a; }

.ant-badge-status-processing {
  position: relative;
  background-color: #1890ff; }

.ant-badge-status-processing::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 50%;
  -webkit-animation: antStatusProcessing 1.2s infinite ease-in-out;
  animation: antStatusProcessing 1.2s infinite ease-in-out;
  content: ''; }

.ant-badge-status-default {
  background-color: #d9d9d9; }

.ant-badge-status-error {
  background-color: #f5222d; }

.ant-badge-status-warning {
  background-color: #faad14; }

.ant-badge-status-pink {
  background: #eb2f96; }

.ant-badge-status-magenta {
  background: #eb2f96; }

.ant-badge-status-red {
  background: #f5222d; }

.ant-badge-status-volcano {
  background: #fa541c; }

.ant-badge-status-orange {
  background: #fa8c16; }

.ant-badge-status-yellow {
  background: #fadb14; }

.ant-badge-status-gold {
  background: #faad14; }

.ant-badge-status-cyan {
  background: #13c2c2; }

.ant-badge-status-lime {
  background: #a0d911; }

.ant-badge-status-green {
  background: #52c41a; }

.ant-badge-status-blue {
  background: #1890ff; }

.ant-badge-status-geekblue {
  background: #2f54eb; }

.ant-badge-status-purple {
  background: #722ed1; }

.ant-badge-status-text {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px; }

.ant-badge-zoom-appear,
.ant-badge-zoom-enter {
  -webkit-animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.ant-badge-zoom-leave {
  -webkit-animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.ant-badge-not-a-wrapper:not(.ant-badge-status) {
  vertical-align: middle; }

.ant-badge-not-a-wrapper .ant-scroll-number {
  position: relative;
  top: auto;
  display: block; }

.ant-badge-not-a-wrapper .ant-badge-count {
  -webkit-transform: none;
  transform: none; }

@-webkit-keyframes antStatusProcessing {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(2.4);
    transform: scale(2.4);
    opacity: 0; } }

@keyframes antStatusProcessing {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(2.4);
    transform: scale(2.4);
    opacity: 0; } }

.ant-scroll-number {
  overflow: hidden; }

.ant-scroll-number-only {
  display: inline-block;
  height: 20px;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.ant-scroll-number-only > p {
  height: 20px;
  margin: 0; }

.ant-scroll-number-symbol {
  vertical-align: top; }

@-webkit-keyframes antZoomBadgeIn {
  0% {
    -webkit-transform: scale(0) translate(50%, -50%);
    transform: scale(0) translate(50%, -50%);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1) translate(50%, -50%);
    transform: scale(1) translate(50%, -50%); } }

@keyframes antZoomBadgeIn {
  0% {
    -webkit-transform: scale(0) translate(50%, -50%);
    transform: scale(0) translate(50%, -50%);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1) translate(50%, -50%);
    transform: scale(1) translate(50%, -50%); } }

@-webkit-keyframes antZoomBadgeOut {
  0% {
    -webkit-transform: scale(1) translate(50%, -50%);
    transform: scale(1) translate(50%, -50%); }
  100% {
    -webkit-transform: scale(0) translate(50%, -50%);
    transform: scale(0) translate(50%, -50%);
    opacity: 0; } }

@keyframes antZoomBadgeOut {
  0% {
    -webkit-transform: scale(1) translate(50%, -50%);
    transform: scale(1) translate(50%, -50%); }
  100% {
    -webkit-transform: scale(0) translate(50%, -50%);
    transform: scale(0) translate(50%, -50%);
    opacity: 0; } }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-breadcrumb {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px; }

.ant-breadcrumb .anticon {
  font-size: 14px; }

.ant-breadcrumb a {
  color: rgba(0, 0, 0, 0.45);
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }

.ant-breadcrumb a:hover {
  color: #40a9ff; }

.ant-breadcrumb > span:last-child {
  color: rgba(0, 0, 0, 0.65); }

.ant-breadcrumb > span:last-child .ant-breadcrumb-separator {
  display: none; }

.ant-breadcrumb-separator {
  margin: 0 8px;
  color: rgba(0, 0, 0, 0.45); }

.ant-breadcrumb-link > .anticon + span {
  margin-left: 4px; }

.ant-breadcrumb-overlay-link > .anticon {
  margin-left: 4px; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-menu {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  margin-bottom: 0;
  padding-left: 0;
  color: rgba(0, 0, 0, 0.65);
  line-height: 0;
  list-style: none;
  background: #fff;
  outline: none;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  -webkit-transition: background 0.3s, width 0.2s;
  transition: background 0.3s, width 0.2s;
  zoom: 1; }

.ant-menu::before,
.ant-menu::after {
  display: table;
  content: ''; }

.ant-menu::after {
  clear: both; }

.ant-menu ul,
.ant-menu ol {
  margin: 0;
  padding: 0;
  list-style: none; }

.ant-menu-hidden {
  display: none; }

.ant-menu-item-group-title {
  padding: 8px 16px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.ant-menu-submenu,
.ant-menu-submenu-inline {
  -webkit-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }

.ant-menu-item:active,
.ant-menu-submenu-title:active {
  background: #e6f7ff; }

.ant-menu-submenu .ant-menu-sub {
  cursor: initial;
  -webkit-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.ant-menu-item > a {
  display: block;
  color: rgba(0, 0, 0, 0.65); }

.ant-menu-item > a:hover {
  color: #1890ff; }

.ant-menu-item > a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  content: ''; }

.ant-menu-item-divider {
  height: 1px;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8; }

.ant-menu-item:hover,
.ant-menu-item-active,
.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-menu-submenu-active,
.ant-menu-submenu-title:hover {
  color: #1890ff; }

.ant-menu-horizontal .ant-menu-item,
.ant-menu-horizontal .ant-menu-submenu {
  margin-top: -1px; }

.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
  background-color: transparent; }

.ant-menu-item-selected {
  color: #1890ff; }

.ant-menu-item-selected > a,
.ant-menu-item-selected > a:hover {
  color: #1890ff; }

.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #e6f7ff; }

.ant-menu-inline,
.ant-menu-vertical,
.ant-menu-vertical-left {
  border-right: 1px solid #e8e8e8; }

.ant-menu-vertical-right {
  border-left: 1px solid #e8e8e8; }

.ant-menu-vertical.ant-menu-sub,
.ant-menu-vertical-left.ant-menu-sub,
.ant-menu-vertical-right.ant-menu-sub {
  min-width: 160px;
  padding: 0;
  border-right: 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0; }

.ant-menu-vertical.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0; }

.ant-menu-vertical.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after {
  border-right: 0; }

.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0; }

.ant-menu-horizontal.ant-menu-sub {
  min-width: 114px; }

.ant-menu-item,
.ant-menu-submenu-title {
  position: relative;
  display: block;
  margin: 0;
  padding: 0 20px;
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }

.ant-menu-item .anticon,
.ant-menu-submenu-title .anticon {
  min-width: 14px;
  margin-right: 10px;
  font-size: 14px;
  -webkit-transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.ant-menu-item .anticon + span,
.ant-menu-submenu-title .anticon + span {
  opacity: 1;
  -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.ant-menu > .ant-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  padding: 0;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8; }

.ant-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
  background: #fff;
  border-radius: 4px; }

.ant-menu-submenu-popup .submenu-title-wrapper {
  padding-right: 20px; }

.ant-menu-submenu-popup::before {
  position: absolute;
  top: -7px;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.0001;
  content: ' '; }

.ant-menu-submenu > .ant-menu {
  background-color: #fff;
  border-radius: 4px; }

.ant-menu-submenu > .ant-menu-submenu-title::after {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 10px;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  position: absolute;
  width: 6px;
  height: 1.5px;
  background: #fff;
  background: rgba(0, 0, 0, 0.65) \9;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0.65)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65));
  background-image: none \9;
  border-radius: 2px;
  -webkit-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: ''; }

.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  -webkit-transform: rotate(45deg) translateY(-2px);
  transform: rotate(45deg) translateY(-2px); }

.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  -webkit-transform: rotate(-45deg) translateY(2px);
  transform: rotate(-45deg) translateY(2px); }

.ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before {
  background: -webkit-gradient(linear, left top, right top, from(#1890ff), to(#1890ff));
  background: linear-gradient(to right, #1890ff, #1890ff); }

.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  -webkit-transform: rotate(-45deg) translateX(2px);
  transform: rotate(-45deg) translateX(2px); }

.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  -webkit-transform: rotate(45deg) translateX(-2px);
  transform: rotate(45deg) translateX(-2px); }

.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px); }

.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  -webkit-transform: rotate(-45deg) translateX(-2px);
  transform: rotate(-45deg) translateX(-2px); }

.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  -webkit-transform: rotate(45deg) translateX(2px);
  transform: rotate(45deg) translateX(2px); }

.ant-menu-vertical .ant-menu-submenu-selected,
.ant-menu-vertical-left .ant-menu-submenu-selected,
.ant-menu-vertical-right .ant-menu-submenu-selected {
  color: #1890ff; }

.ant-menu-vertical .ant-menu-submenu-selected > a,
.ant-menu-vertical-left .ant-menu-submenu-selected > a,
.ant-menu-vertical-right .ant-menu-submenu-selected > a {
  color: #1890ff; }

.ant-menu-horizontal {
  line-height: 46px;
  white-space: nowrap;
  border: 0;
  border-bottom: 1px solid #e8e8e8;
  -webkit-box-shadow: none;
  box-shadow: none; }

.ant-menu-horizontal > .ant-menu-item,
.ant-menu-horizontal > .ant-menu-submenu {
  position: relative;
  top: 1px;
  display: inline-block;
  vertical-align: bottom;
  border-bottom: 2px solid transparent; }

.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-submenu:hover,
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-submenu-active,
.ant-menu-horizontal > .ant-menu-item-open,
.ant-menu-horizontal > .ant-menu-submenu-open,
.ant-menu-horizontal > .ant-menu-item-selected,
.ant-menu-horizontal > .ant-menu-submenu-selected {
  color: #1890ff;
  border-bottom: 2px solid #1890ff; }

.ant-menu-horizontal > .ant-menu-item > a {
  display: block;
  color: rgba(0, 0, 0, 0.65); }

.ant-menu-horizontal > .ant-menu-item > a:hover {
  color: #1890ff; }

.ant-menu-horizontal > .ant-menu-item > a::before {
  bottom: -2px; }

.ant-menu-horizontal > .ant-menu-item-selected > a {
  color: #1890ff; }

.ant-menu-horizontal::after {
  display: block;
  clear: both;
  height: 0;
  content: '\20'; }

.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item {
  position: relative; }

.ant-menu-vertical .ant-menu-item::after,
.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-vertical-right .ant-menu-item::after,
.ant-menu-inline .ant-menu-item::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 3px solid #1890ff;
  -webkit-transform: scaleY(0.0001);
  transform: scaleY(0.0001);
  opacity: 0;
  -webkit-transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  content: ''; }

.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item,
.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-vertical-right .ant-menu-submenu-title,
.ant-menu-inline .ant-menu-submenu-title {
  height: 40px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 0 16px;
  overflow: hidden;
  font-size: 14px;
  line-height: 40px;
  text-overflow: ellipsis; }

.ant-menu-vertical .ant-menu-submenu,
.ant-menu-vertical-left .ant-menu-submenu,
.ant-menu-vertical-right .ant-menu-submenu,
.ant-menu-inline .ant-menu-submenu {
  padding-bottom: 0.01px; }

.ant-menu-vertical .ant-menu-item:not(:last-child),
.ant-menu-vertical-left .ant-menu-item:not(:last-child),
.ant-menu-vertical-right .ant-menu-item:not(:last-child),
.ant-menu-inline .ant-menu-item:not(:last-child) {
  margin-bottom: 8px; }

.ant-menu-vertical > .ant-menu-item,
.ant-menu-vertical-left > .ant-menu-item,
.ant-menu-vertical-right > .ant-menu-item,
.ant-menu-inline > .ant-menu-item,
.ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px; }

.ant-menu-inline {
  width: 100%; }

.ant-menu-inline .ant-menu-selected::after,
.ant-menu-inline .ant-menu-item-selected::after {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  opacity: 1;
  -webkit-transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }

.ant-menu-inline .ant-menu-item,
.ant-menu-inline .ant-menu-submenu-title {
  width: calc(100% + 1px); }

.ant-menu-inline .ant-menu-submenu-title {
  padding-right: 34px; }

.ant-menu-inline-collapsed {
  width: 80px; }

.ant-menu-inline-collapsed > .ant-menu-item,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title {
  left: 0;
  padding: 0 32px !important;
  text-overflow: clip; }

.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  display: none; }

.ant-menu-inline-collapsed > .ant-menu-item .anticon,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon {
  margin: 0;
  font-size: 16px;
  line-height: 40px; }

.ant-menu-inline-collapsed > .ant-menu-item .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span {
  display: inline-block;
  max-width: 0;
  opacity: 0; }

.ant-menu-inline-collapsed-tooltip {
  pointer-events: none; }

.ant-menu-inline-collapsed-tooltip .anticon {
  display: none; }

.ant-menu-inline-collapsed-tooltip a {
  color: rgba(255, 255, 255, 0.85); }

.ant-menu-inline-collapsed .ant-menu-item-group-title {
  padding-right: 4px;
  padding-left: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.ant-menu-item-group-list {
  margin: 0;
  padding: 0; }

.ant-menu-item-group-list .ant-menu-item,
.ant-menu-item-group-list .ant-menu-submenu-title {
  padding: 0 16px 0 28px; }

.ant-menu-root.ant-menu-vertical,
.ant-menu-root.ant-menu-vertical-left,
.ant-menu-root.ant-menu-vertical-right,
.ant-menu-root.ant-menu-inline {
  -webkit-box-shadow: none;
  box-shadow: none; }

.ant-menu-sub.ant-menu-inline {
  padding: 0;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

.ant-menu-sub.ant-menu-inline > .ant-menu-item,
.ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
  list-style-position: inside;
  list-style-type: disc; }

.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
  padding-left: 32px; }

.ant-menu-item-disabled,
.ant-menu-submenu-disabled {
  color: rgba(0, 0, 0, 0.25) !important;
  background: none;
  border-color: transparent !important;
  cursor: not-allowed; }

.ant-menu-item-disabled > a,
.ant-menu-submenu-disabled > a {
  color: rgba(0, 0, 0, 0.25) !important;
  pointer-events: none; }

.ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: rgba(0, 0, 0, 0.25) !important;
  cursor: not-allowed; }

.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: rgba(0, 0, 0, 0.25) !important; }

.ant-menu-dark,
.ant-menu-dark .ant-menu-sub {
  color: rgba(255, 255, 255, 0.65);
  background: #001529; }

.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow {
  opacity: 0.45;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  background: #fff; }

.ant-menu-dark.ant-menu-submenu-popup {
  background: transparent; }

.ant-menu-dark .ant-menu-inline.ant-menu-sub {
  background: #000c17;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) inset;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) inset; }

.ant-menu-dark.ant-menu-horizontal {
  border-bottom: 0; }

.ant-menu-dark.ant-menu-horizontal > .ant-menu-item,
.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu {
  top: 0;
  margin-top: 0;
  border-color: #001529;
  border-bottom: 0; }

.ant-menu-dark.ant-menu-horizontal > .ant-menu-item > a::before {
  bottom: 0; }

.ant-menu-dark .ant-menu-item,
.ant-menu-dark .ant-menu-item-group-title,
.ant-menu-dark .ant-menu-item > a {
  color: rgba(255, 255, 255, 0.65); }

.ant-menu-dark.ant-menu-inline,
.ant-menu-dark.ant-menu-vertical,
.ant-menu-dark.ant-menu-vertical-left,
.ant-menu-dark.ant-menu-vertical-right {
  border-right: 0; }

.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-vertical .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0; }

.ant-menu-dark.ant-menu-inline .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after {
  border-right: 0; }

.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-inline .ant-menu-submenu-title {
  width: 100%; }

.ant-menu-dark .ant-menu-item:hover,
.ant-menu-dark .ant-menu-item-active,
.ant-menu-dark .ant-menu-submenu-active,
.ant-menu-dark .ant-menu-submenu-open,
.ant-menu-dark .ant-menu-submenu-selected,
.ant-menu-dark .ant-menu-submenu-title:hover {
  color: #fff;
  background-color: transparent; }

.ant-menu-dark .ant-menu-item:hover > a,
.ant-menu-dark .ant-menu-item-active > a,
.ant-menu-dark .ant-menu-submenu-active > a,
.ant-menu-dark .ant-menu-submenu-open > a,
.ant-menu-dark .ant-menu-submenu-selected > a,
.ant-menu-dark .ant-menu-submenu-title:hover > a {
  color: #fff; }

.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow {
  opacity: 1; }

.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before {
  background: #fff; }

.ant-menu-dark .ant-menu-item-selected {
  color: #fff;
  border-right: 0; }

.ant-menu-dark .ant-menu-item-selected::after {
  border-right: 0; }

.ant-menu-dark .ant-menu-item-selected > a,
.ant-menu-dark .ant-menu-item-selected > a:hover {
  color: #fff; }

.ant-menu.ant-menu-dark .ant-menu-item-selected,
.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
  background-color: #1890ff; }

.ant-menu-dark .ant-menu-item-disabled,
.ant-menu-dark .ant-menu-submenu-disabled,
.ant-menu-dark .ant-menu-item-disabled > a,
.ant-menu-dark .ant-menu-submenu-disabled > a {
  color: rgba(255, 255, 255, 0.35) !important;
  opacity: 0.8; }

.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: rgba(255, 255, 255, 0.35) !important; }

.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: rgba(255, 255, 255, 0.35) !important; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-tooltip {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1060;
  display: block;
  max-width: 250px;
  visibility: visible; }

.ant-tooltip-hidden {
  display: none; }

.ant-tooltip-placement-top,
.ant-tooltip-placement-topLeft,
.ant-tooltip-placement-topRight {
  padding-bottom: 8px; }

.ant-tooltip-placement-right,
.ant-tooltip-placement-rightTop,
.ant-tooltip-placement-rightBottom {
  padding-left: 8px; }

.ant-tooltip-placement-bottom,
.ant-tooltip-placement-bottomLeft,
.ant-tooltip-placement-bottomRight {
  padding-top: 8px; }

.ant-tooltip-placement-left,
.ant-tooltip-placement-leftTop,
.ant-tooltip-placement-leftBottom {
  padding-right: 8px; }

.ant-tooltip-inner {
  min-width: 30px;
  min-height: 32px;
  padding: 6px 8px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  word-wrap: break-word;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); }

.ant-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.ant-tooltip-placement-top .ant-tooltip-arrow,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  bottom: 3px;
  border-width: 5px 5px 0;
  border-top-color: rgba(0, 0, 0, 0.75); }

.ant-tooltip-placement-top .ant-tooltip-arrow {
  left: 50%;
  margin-left: -5px; }

.ant-tooltip-placement-topLeft .ant-tooltip-arrow {
  left: 16px; }

.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  right: 16px; }

.ant-tooltip-placement-right .ant-tooltip-arrow,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  left: 3px;
  border-width: 5px 5px 5px 0;
  border-right-color: rgba(0, 0, 0, 0.75); }

.ant-tooltip-placement-right .ant-tooltip-arrow {
  top: 50%;
  margin-top: -5px; }

.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
  top: 8px; }

.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  bottom: 8px; }

.ant-tooltip-placement-left .ant-tooltip-arrow,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  right: 3px;
  border-width: 5px 0 5px 5px;
  border-left-color: rgba(0, 0, 0, 0.75); }

.ant-tooltip-placement-left .ant-tooltip-arrow {
  top: 50%;
  margin-top: -5px; }

.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
  top: 8px; }

.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  bottom: 8px; }

.ant-tooltip-placement-bottom .ant-tooltip-arrow,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  top: 3px;
  border-width: 0 5px 5px;
  border-bottom-color: rgba(0, 0, 0, 0.75); }

.ant-tooltip-placement-bottom .ant-tooltip-arrow {
  left: 50%;
  margin-left: -5px; }

.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
  left: 16px; }

.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  right: 16px; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-dropdown {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  display: block; }

.ant-dropdown::before {
  position: absolute;
  top: -7px;
  right: 0;
  bottom: -7px;
  left: -7px;
  z-index: -9999;
  opacity: 0.0001;
  content: ' '; }

.ant-dropdown-wrap {
  position: relative; }

.ant-dropdown-wrap .ant-btn > .anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333) rotate(0deg);
  transform: scale(0.83333) rotate(0deg); }

:root .ant-dropdown-wrap .ant-btn > .anticon-down {
  font-size: 12px; }

.ant-dropdown-wrap .anticon-down::before {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s; }

.ant-dropdown-wrap-open .anticon-down::before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.ant-dropdown-hidden,
.ant-dropdown-menu-hidden {
  display: none; }

.ant-dropdown-menu {
  position: relative;
  margin: 0;
  padding: 4px 0;
  text-align: left;
  list-style-type: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  outline: none;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate3d(0, 0, 0); }

.ant-dropdown-menu-item-group-title {
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.45);
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.ant-dropdown-menu-submenu-popup {
  position: absolute;
  z-index: 1050; }

.ant-dropdown-menu-submenu-popup > .ant-dropdown-menu {
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0; }

.ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title {
  clear: both;
  margin: 0;
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.ant-dropdown-menu-item > .anticon:first-child,
.ant-dropdown-menu-submenu-title > .anticon:first-child {
  min-width: 12px;
  margin-right: 8px; }

.ant-dropdown-menu-item > a,
.ant-dropdown-menu-submenu-title > a {
  display: block;
  margin: -5px -12px;
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.65);
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.ant-dropdown-menu-item-selected,
.ant-dropdown-menu-submenu-title-selected,
.ant-dropdown-menu-item-selected > a,
.ant-dropdown-menu-submenu-title-selected > a {
  color: #1890ff;
  background-color: #e6f7ff; }

.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover {
  background-color: #e6f7ff; }

.ant-dropdown-menu-item-disabled,
.ant-dropdown-menu-submenu-title-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed; }

.ant-dropdown-menu-item-disabled:hover,
.ant-dropdown-menu-submenu-title-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed; }

.ant-dropdown-menu-item-divider,
.ant-dropdown-menu-submenu-title-divider {
  height: 1px;
  margin: 4px 0;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8; }

.ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow {
  position: absolute;
  right: 8px; }

.ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  color: rgba(0, 0, 0, 0.45);
  font-style: normal;
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333) rotate(0deg);
  transform: scale(0.83333) rotate(0deg); }

:root .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,
:root .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  font-size: 12px; }

.ant-dropdown-menu-submenu-title {
  padding-right: 26px; }

.ant-dropdown-menu-submenu-vertical {
  position: relative; }

.ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 100%;
  margin-left: 4px;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0; }

.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed; }

.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomRight,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomRight {
  -webkit-animation-name: antSlideUpIn;
  animation-name: antSlideUpIn; }

.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topRight,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topRight {
  -webkit-animation-name: antSlideDownIn;
  animation-name: antSlideDownIn; }

.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomRight {
  -webkit-animation-name: antSlideUpOut;
  animation-name: antSlideUpOut; }

.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topRight {
  -webkit-animation-name: antSlideDownOut;
  animation-name: antSlideDownOut; }

.ant-dropdown-trigger > .anticon.anticon-down,
.ant-dropdown-link > .anticon.anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333) rotate(0deg);
  transform: scale(0.83333) rotate(0deg); }

:root .ant-dropdown-trigger > .anticon.anticon-down,
:root .ant-dropdown-link > .anticon.anticon-down {
  font-size: 12px; }

.ant-dropdown-button {
  white-space: nowrap; }

.ant-dropdown-button.ant-btn-group > .ant-btn:last-child:not(:first-child) {
  padding-right: 8px;
  padding-left: 8px; }

.ant-dropdown-button .anticon.anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333) rotate(0deg);
  transform: scale(0.83333) rotate(0deg); }

:root .ant-dropdown-button .anticon.anticon-down {
  font-size: 12px; }

.ant-dropdown-menu-dark,
.ant-dropdown-menu-dark .ant-dropdown-menu {
  background: #001529; }

.ant-dropdown-menu-dark .ant-dropdown-menu-item,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a {
  color: rgba(255, 255, 255, 0.65); }

.ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow::after {
  color: rgba(255, 255, 255, 0.65); }

.ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover {
  color: #fff;
  background: transparent; }

.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a {
  color: #fff;
  background: #1890ff; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-fullcalendar {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  border-top: 1px solid #d9d9d9;
  outline: none; }

.ant-select.ant-fullcalendar-year-select {
  min-width: 90px; }

.ant-select.ant-fullcalendar-year-select.ant-select-sm {
  min-width: 70px; }

.ant-select.ant-fullcalendar-month-select {
  min-width: 80px;
  margin-left: 8px; }

.ant-select.ant-fullcalendar-month-select.ant-select-sm {
  min-width: 70px; }

.ant-fullcalendar-header {
  padding: 11px 16px 11px 0;
  text-align: right; }

.ant-fullcalendar-header .ant-select-dropdown {
  text-align: left; }

.ant-fullcalendar-header .ant-radio-group {
  margin-left: 8px;
  text-align: left; }

.ant-fullcalendar-header label.ant-radio-button {
  height: 22px;
  padding: 0 10px;
  line-height: 20px; }

.ant-fullcalendar-date-panel {
  position: relative;
  outline: none; }

.ant-fullcalendar-calendar-body {
  padding: 8px 12px; }

.ant-fullcalendar table {
  width: 100%;
  max-width: 100%;
  height: 256px;
  background-color: transparent;
  border-collapse: collapse; }

.ant-fullcalendar table,
.ant-fullcalendar th,
.ant-fullcalendar td {
  border: 0; }

.ant-fullcalendar td {
  position: relative; }

.ant-fullcalendar-calendar-table {
  margin-bottom: 0;
  border-spacing: 0; }

.ant-fullcalendar-column-header {
  width: 33px;
  padding: 0;
  line-height: 18px;
  text-align: center; }

.ant-fullcalendar-column-header .ant-fullcalendar-column-header-inner {
  display: block;
  font-weight: normal; }

.ant-fullcalendar-week-number-header .ant-fullcalendar-column-header-inner {
  display: none; }

.ant-fullcalendar-month,
.ant-fullcalendar-date {
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.ant-fullcalendar-value {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  background: transparent;
  border-radius: 2px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.ant-fullcalendar-value:hover {
  background: #e6f7ff;
  cursor: pointer; }

.ant-fullcalendar-value:active {
  color: #fff;
  background: #1890ff; }

.ant-fullcalendar-month-panel-cell .ant-fullcalendar-value {
  width: 48px; }

.ant-fullcalendar-today .ant-fullcalendar-value,
.ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-value {
  -webkit-box-shadow: 0 0 0 1px #1890ff inset;
  box-shadow: 0 0 0 1px #1890ff inset; }

.ant-fullcalendar-selected-day .ant-fullcalendar-value,
.ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-value {
  color: #fff;
  background: #1890ff; }

.ant-fullcalendar-disabled-cell-first-of-row .ant-fullcalendar-value {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.ant-fullcalendar-disabled-cell-last-of-row .ant-fullcalendar-value {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.ant-fullcalendar-last-month-cell .ant-fullcalendar-value,
.ant-fullcalendar-next-month-btn-day .ant-fullcalendar-value {
  color: rgba(0, 0, 0, 0.25); }

.ant-fullcalendar-month-panel-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate; }

.ant-fullcalendar-content {
  position: absolute;
  bottom: -9px;
  left: 0;
  width: 100%; }

.ant-fullcalendar-fullscreen {
  border-top: 0; }

.ant-fullcalendar-fullscreen .ant-fullcalendar-table {
  table-layout: fixed; }

.ant-fullcalendar-fullscreen .ant-fullcalendar-header .ant-radio-group {
  margin-left: 16px; }

.ant-fullcalendar-fullscreen .ant-fullcalendar-header label.ant-radio-button {
  height: 32px;
  line-height: 30px; }

.ant-fullcalendar-fullscreen .ant-fullcalendar-month,
.ant-fullcalendar-fullscreen .ant-fullcalendar-date {
  display: block;
  height: 116px;
  margin: 0 4px;
  padding: 4px 8px;
  color: rgba(0, 0, 0, 0.65);
  text-align: left;
  border-top: 2px solid #e8e8e8;
  -webkit-transition: background 0.3s;
  transition: background 0.3s; }

.ant-fullcalendar-fullscreen .ant-fullcalendar-month:hover,
.ant-fullcalendar-fullscreen .ant-fullcalendar-date:hover {
  background: #e6f7ff;
  cursor: pointer; }

.ant-fullcalendar-fullscreen .ant-fullcalendar-month:active,
.ant-fullcalendar-fullscreen .ant-fullcalendar-date:active {
  background: #bae7ff; }

.ant-fullcalendar-fullscreen .ant-fullcalendar-column-header {
  padding-right: 12px;
  padding-bottom: 5px;
  text-align: right; }

.ant-fullcalendar-fullscreen .ant-fullcalendar-value {
  width: auto;
  text-align: right;
  background: transparent; }

.ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-value {
  color: rgba(0, 0, 0, 0.65); }

.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-month,
.ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-date {
  background: transparent;
  border-top-color: #1890ff; }

.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-value,
.ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-value {
  -webkit-box-shadow: none;
  box-shadow: none; }

.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-month,
.ant-fullcalendar-fullscreen .ant-fullcalendar-selected-day .ant-fullcalendar-date {
  background: #e6f7ff; }

.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-value,
.ant-fullcalendar-fullscreen .ant-fullcalendar-selected-day .ant-fullcalendar-value {
  color: #1890ff; }

.ant-fullcalendar-fullscreen .ant-fullcalendar-last-month-cell .ant-fullcalendar-date,
.ant-fullcalendar-fullscreen .ant-fullcalendar-next-month-btn-day .ant-fullcalendar-date {
  color: rgba(0, 0, 0, 0.25); }

.ant-fullcalendar-fullscreen .ant-fullcalendar-content {
  position: static;
  width: auto;
  height: 88px;
  overflow-y: auto; }

.ant-fullcalendar-disabled-cell .ant-fullcalendar-date,
.ant-fullcalendar-disabled-cell .ant-fullcalendar-date:hover {
  cursor: not-allowed; }

.ant-fullcalendar-disabled-cell:not(.ant-fullcalendar-today) .ant-fullcalendar-date,
.ant-fullcalendar-disabled-cell:not(.ant-fullcalendar-today) .ant-fullcalendar-date:hover {
  background: transparent; }

.ant-fullcalendar-disabled-cell .ant-fullcalendar-value {
  width: auto;
  color: rgba(0, 0, 0, 0.25);
  border-radius: 0;
  cursor: not-allowed; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-radio-group {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset; }

.ant-radio-wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  margin-right: 8px;
  white-space: nowrap;
  cursor: pointer; }

.ant-radio {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: sub;
  outline: none;
  cursor: pointer; }

.ant-radio-wrapper:hover .ant-radio,
.ant-radio:hover .ant-radio-inner,
.ant-radio-input:focus + .ant-radio-inner {
  border-color: #1890ff; }

.ant-radio-input:focus + .ant-radio-inner {
  -webkit-box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08);
  box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08); }

.ant-radio-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 50%;
  visibility: hidden;
  -webkit-animation: antRadioEffect 0.36s ease-in-out;
  animation: antRadioEffect 0.36s ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  content: ''; }

.ant-radio:hover::after,
.ant-radio-wrapper:hover .ant-radio::after {
  visibility: visible; }

.ant-radio-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-color: #d9d9d9;
  border-style: solid;
  border-width: 1px;
  border-radius: 100px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.ant-radio-inner::after {
  position: absolute;
  top: 3px;
  left: 3px;
  display: table;
  width: 8px;
  height: 8px;
  background-color: #1890ff;
  border-top: 0;
  border-left: 0;
  border-radius: 8px;
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: ' '; }

.ant-radio-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0; }

.ant-radio-checked .ant-radio-inner {
  border-color: #1890ff; }

.ant-radio-checked .ant-radio-inner::after {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); }

.ant-radio-disabled .ant-radio-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
  cursor: not-allowed; }

.ant-radio-disabled .ant-radio-inner::after {
  background-color: rgba(0, 0, 0, 0.2); }

.ant-radio-disabled .ant-radio-input {
  cursor: not-allowed; }

.ant-radio-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed; }

span.ant-radio + * {
  padding-right: 8px;
  padding-left: 8px; }

.ant-radio-button-wrapper {
  position: relative;
  display: inline-block;
  height: 32px;
  margin: 0;
  padding: 0 15px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 30px;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top-width: 1.02px;
  border-left: 0;
  cursor: pointer;
  -webkit-transition: color 0.3s, background 0.3s, border-color 0.3s;
  transition: color 0.3s, background 0.3s, border-color 0.3s; }

.ant-radio-button-wrapper a {
  color: rgba(0, 0, 0, 0.65); }

.ant-radio-button-wrapper > .ant-radio-button {
  display: block;
  width: 0;
  height: 0;
  margin-left: 0; }

.ant-radio-group-large .ant-radio-button-wrapper {
  height: 40px;
  font-size: 16px;
  line-height: 38px; }

.ant-radio-group-small .ant-radio-button-wrapper {
  height: 24px;
  padding: 0 7px;
  line-height: 22px; }

.ant-radio-button-wrapper:not(:first-child)::before {
  position: absolute;
  top: 0;
  left: -1px;
  display: block;
  width: 1px;
  height: 100%;
  background-color: #d9d9d9;
  content: ''; }

.ant-radio-button-wrapper:first-child {
  border-left: 1px solid #d9d9d9;
  border-radius: 4px 0 0 4px; }

.ant-radio-button-wrapper:last-child {
  border-radius: 0 4px 4px 0; }

.ant-radio-button-wrapper:first-child:last-child {
  border-radius: 4px; }

.ant-radio-button-wrapper:hover {
  position: relative;
  color: #1890ff; }

.ant-radio-button-wrapper:focus-within {
  outline: 3px solid rgba(24, 144, 255, 0.06); }

.ant-radio-button-wrapper .ant-radio-inner,
.ant-radio-button-wrapper input[type='checkbox'],
.ant-radio-button-wrapper input[type='radio'] {
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none; }

.ant-radio-button-wrapper-checked {
  z-index: 1;
  color: #1890ff;
  background: #fff;
  border-color: #1890ff;
  -webkit-box-shadow: -1px 0 0 0 #1890ff;
  box-shadow: -1px 0 0 0 #1890ff; }

.ant-radio-button-wrapper-checked::before {
  background-color: #1890ff !important;
  opacity: 0.1; }

.ant-radio-button-wrapper-checked:first-child {
  border-color: #1890ff;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.ant-radio-button-wrapper-checked:hover {
  color: #40a9ff;
  border-color: #40a9ff;
  -webkit-box-shadow: -1px 0 0 0 #40a9ff;
  box-shadow: -1px 0 0 0 #40a9ff; }

.ant-radio-button-wrapper-checked:active {
  color: #096dd9;
  border-color: #096dd9;
  -webkit-box-shadow: -1px 0 0 0 #096dd9;
  box-shadow: -1px 0 0 0 #096dd9; }

.ant-radio-button-wrapper-checked:focus-within {
  outline: 3px solid rgba(24, 144, 255, 0.06); }

.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  color: #fff;
  background: #1890ff;
  border-color: #1890ff; }

.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #fff;
  background: #40a9ff;
  border-color: #40a9ff; }

.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  color: #fff;
  background: #096dd9;
  border-color: #096dd9; }

.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  outline: 3px solid rgba(24, 144, 255, 0.06); }

.ant-radio-button-wrapper-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed; }

.ant-radio-button-wrapper-disabled:first-child,
.ant-radio-button-wrapper-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9; }

.ant-radio-button-wrapper-disabled:first-child {
  border-left-color: #d9d9d9; }

.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
  color: #fff;
  background-color: #e6e6e6;
  border-color: #d9d9d9;
  -webkit-box-shadow: none;
  box-shadow: none; }

@-webkit-keyframes antRadioEffect {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    opacity: 0; } }

@keyframes antRadioEffect {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    opacity: 0; } }

@supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
  .ant-radio {
    vertical-align: text-bottom; } }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-card {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: relative;
  background: #fff;
  border-radius: 2px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.ant-card-hoverable {
  cursor: pointer; }

.ant-card-hoverable:hover {
  border-color: rgba(0, 0, 0, 0.09);
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09); }

.ant-card-bordered {
  border: 1px solid #e8e8e8; }

.ant-card-head {
  min-height: 48px;
  margin-bottom: -1px;
  padding: 0 24px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  background: transparent;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 2px 2px 0 0;
  zoom: 1; }

.ant-card-head::before,
.ant-card-head::after {
  display: table;
  content: ''; }

.ant-card-head::after {
  clear: both; }

.ant-card-head-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.ant-card-head-title {
  display: inline-block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 16px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.ant-card-head .ant-tabs {
  clear: both;
  margin-bottom: -17px;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 14px; }

.ant-card-head .ant-tabs-bar {
  border-bottom: 1px solid #e8e8e8; }

.ant-card-extra {
  float: right;
  margin-left: auto;
  padding: 16px 0;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  font-size: 14px; }

.ant-card-body {
  padding: 24px;
  zoom: 1; }

.ant-card-body::before,
.ant-card-body::after {
  display: table;
  content: ''; }

.ant-card-body::after {
  clear: both; }

.ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {
  margin: -1px 0 0 -1px;
  padding: 0; }

.ant-card-grid {
  float: left;
  width: 33.33%;
  padding: 24px;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: 1px 0 0 0 #e8e8e8, 0 1px 0 0 #e8e8e8, 1px 1px 0 0 #e8e8e8, 1px 0 0 0 #e8e8e8 inset, 0 1px 0 0 #e8e8e8 inset;
  box-shadow: 1px 0 0 0 #e8e8e8, 0 1px 0 0 #e8e8e8, 1px 1px 0 0 #e8e8e8, 1px 0 0 0 #e8e8e8 inset, 0 1px 0 0 #e8e8e8 inset;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.ant-card-grid:hover {
  position: relative;
  z-index: 1;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); }

.ant-card-contain-tabs > .ant-card-head .ant-card-head-title {
  min-height: 32px;
  padding-bottom: 0; }

.ant-card-contain-tabs .ant-card-extra {
  padding-bottom: 0; }

.ant-card-cover > * {
  display: block;
  width: 100%; }

.ant-card-cover img {
  border-radius: 2px 2px 0 0; }

.ant-card-actions {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fafafa;
  border-top: 1px solid #e8e8e8;
  zoom: 1; }

.ant-card-actions::before,
.ant-card-actions::after {
  display: table;
  content: ''; }

.ant-card-actions::after {
  clear: both; }

.ant-card-actions > li {
  float: left;
  margin: 12px 0;
  color: rgba(0, 0, 0, 0.45);
  text-align: center; }

.ant-card-actions > li > span {
  position: relative;
  display: inline-block;
  min-width: 32px;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer; }

.ant-card-actions > li > span:hover {
  color: #1890ff;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }

.ant-card-actions > li > span > .anticon {
  font-size: 16px;
  line-height: 22px; }

.ant-card-actions > li > span a {
  display: inline-block;
  width: 100%;
  color: rgba(0, 0, 0, 0.45);
  line-height: 22px; }

.ant-card-actions > li > span a:hover {
  color: #1890ff; }

.ant-card-actions > li:not(:last-child) {
  border-right: 1px solid #e8e8e8; }

.ant-card-type-inner .ant-card-head {
  padding: 0 24px;
  background: #fafafa; }

.ant-card-type-inner .ant-card-head-title {
  padding: 12px 0;
  font-size: 14px; }

.ant-card-type-inner .ant-card-body {
  padding: 16px 24px; }

.ant-card-type-inner .ant-card-extra {
  padding: 13.5px 0; }

.ant-card-meta {
  margin: -4px 0;
  zoom: 1; }

.ant-card-meta::before,
.ant-card-meta::after {
  display: table;
  content: ''; }

.ant-card-meta::after {
  clear: both; }

.ant-card-meta-avatar {
  float: left;
  padding-right: 16px; }

.ant-card-meta-detail {
  overflow: hidden; }

.ant-card-meta-detail > div:not(:last-child) {
  margin-bottom: 8px; }

.ant-card-meta-title {
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis; }

.ant-card-meta-description {
  color: rgba(0, 0, 0, 0.45); }

.ant-card-loading {
  overflow: hidden; }

.ant-card-loading .ant-card-body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ant-card-loading-content p {
  margin: 0; }

.ant-card-loading-block {
  height: 14px;
  margin: 4px 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(207, 216, 220, 0.2)), color-stop(rgba(207, 216, 220, 0.4)), to(rgba(207, 216, 220, 0.2)));
  background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
  background-size: 600% 600%;
  border-radius: 2px;
  -webkit-animation: card-loading 1.4s ease infinite;
  animation: card-loading 1.4s ease infinite; }

@-webkit-keyframes card-loading {
  0%,
  100% {
    background-position: 0 50%; }
  50% {
    background-position: 100% 50%; } }

@keyframes card-loading {
  0%,
  100% {
    background-position: 0 50%; }
  50% {
    background-position: 100% 50%; } }

.ant-card-small > .ant-card-head {
  min-height: 36px;
  padding: 0 12px;
  font-size: 14px; }

.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-head-title {
  padding: 8px 0; }

.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra {
  padding: 8px 0;
  font-size: 14px; }

.ant-card-small > .ant-card-body {
  padding: 12px; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-container {
  height: 40px; }

.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-ink-bar {
  visibility: hidden; }

.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
  height: 40px;
  margin: 0;
  margin-right: 2px;
  padding: 0 16px;
  line-height: 38px;
  background: #fafafa;
  border: 1px solid #e8e8e8;
  border-radius: 4px 4px 0 0;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
  height: 40px;
  color: #1890ff;
  background: #fff;
  border-color: #e8e8e8;
  border-bottom: 1px solid #fff; }

.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-inactive {
  padding: 0; }

.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-wrap {
  margin-bottom: 0; }

.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x {
  width: 16px;
  height: 16px;
  height: 14px;
  margin-right: -5px;
  margin-left: 3px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  vertical-align: middle;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x:hover {
  color: rgba(0, 0, 0, 0.85); }

.ant-tabs.ant-tabs-card .ant-tabs-card-content > .ant-tabs-tabpane,
.ant-tabs.ant-tabs-editable-card .ant-tabs-card-content > .ant-tabs-tabpane {
  -webkit-transition: none !important;
  transition: none !important; }

.ant-tabs.ant-tabs-card .ant-tabs-card-content > .ant-tabs-tabpane-inactive,
.ant-tabs.ant-tabs-editable-card .ant-tabs-card-content > .ant-tabs-tabpane-inactive {
  overflow: hidden; }

.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab:hover .anticon-close {
  opacity: 1; }

.ant-tabs-extra-content {
  line-height: 40px; }

.ant-tabs-extra-content .ant-tabs-new-tab {
  position: relative;
  width: 20px;
  height: 20px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.ant-tabs-extra-content .ant-tabs-new-tab:hover {
  color: #1890ff;
  border-color: #1890ff; }

.ant-tabs-extra-content .ant-tabs-new-tab svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-nav-container,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-nav-container {
  height: auto; }

.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab {
  margin-bottom: 8px;
  border-bottom: 1px solid #e8e8e8; }

.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab-active,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab-active {
  padding-bottom: 4px; }

.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab:last-child,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab:last-child {
  margin-bottom: 8px; }

.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-new-tab,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-new-tab {
  width: 90%; }

.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-nav-wrap {
  margin-right: 0; }

.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab {
  margin-right: 1px;
  border-right: 0;
  border-radius: 4px 0 0 4px; }

.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab-active {
  margin-right: -1px;
  padding-right: 18px; }

.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-nav-wrap {
  margin-left: 0; }

.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab {
  margin-left: 1px;
  border-left: 0;
  border-radius: 0 4px 4px 0; }

.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab-active {
  margin-left: -1px;
  padding-left: 18px; }

.ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab {
  height: auto;
  border-top: 0;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px; }

.ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab-active {
  padding-top: 1px;
  padding-bottom: 0;
  color: #1890ff; }

.ant-tabs {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: relative;
  overflow: hidden;
  zoom: 1; }

.ant-tabs::before,
.ant-tabs::after {
  display: table;
  content: ''; }

.ant-tabs::after {
  clear: both; }

.ant-tabs-ink-bar {
  position: absolute;
  bottom: 1px;
  left: 0;
  z-index: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 2px;
  background-color: #1890ff;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0; }

.ant-tabs-bar {
  margin: 0 0 16px 0;
  border-bottom: 1px solid #e8e8e8;
  outline: none;
  -webkit-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.ant-tabs-nav-container {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: -1px;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.5;
  white-space: nowrap;
  -webkit-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  zoom: 1; }

.ant-tabs-nav-container::before,
.ant-tabs-nav-container::after {
  display: table;
  content: ''; }

.ant-tabs-nav-container::after {
  clear: both; }

.ant-tabs-nav-container-scrolling {
  padding-right: 32px;
  padding-left: 32px; }

.ant-tabs-bottom .ant-tabs-bottom-bar {
  margin-top: 16px;
  margin-bottom: 0;
  border-top: 1px solid #e8e8e8;
  border-bottom: none; }

.ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-ink-bar {
  top: 1px;
  bottom: auto; }

.ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-nav-container {
  margin-top: -1px;
  margin-bottom: 0; }

.ant-tabs-tab-prev,
.ant-tabs-tab-next {
  position: absolute;
  z-index: 2;
  width: 0;
  height: 100%;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none; }

.ant-tabs-tab-prev.ant-tabs-tab-arrow-show,
.ant-tabs-tab-next.ant-tabs-tab-arrow-show {
  width: 32px;
  height: 100%;
  opacity: 1;
  pointer-events: auto; }

.ant-tabs-tab-prev:hover,
.ant-tabs-tab-next:hover {
  color: rgba(0, 0, 0, 0.65); }

.ant-tabs-tab-prev-icon,
.ant-tabs-tab-next-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-weight: bold;
  font-style: normal;
  font-variant: normal;
  line-height: inherit;
  text-align: center;
  text-transform: none;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.ant-tabs-tab-prev-icon-target,
.ant-tabs-tab-next-icon-target {
  display: block;
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333) rotate(0deg);
  transform: scale(0.83333) rotate(0deg); }

:root .ant-tabs-tab-prev-icon-target,
:root .ant-tabs-tab-next-icon-target {
  font-size: 12px; }

.ant-tabs-tab-btn-disabled {
  cursor: not-allowed; }

.ant-tabs-tab-btn-disabled,
.ant-tabs-tab-btn-disabled:hover {
  color: rgba(0, 0, 0, 0.25); }

.ant-tabs-tab-next {
  right: 2px; }

.ant-tabs-tab-prev {
  left: 0; }

:root .ant-tabs-tab-prev {
  -webkit-filter: none;
  filter: none; }

.ant-tabs-nav-wrap {
  margin-bottom: -1px;
  overflow: hidden; }

.ant-tabs-nav-scroll {
  overflow: hidden;
  white-space: nowrap; }

.ant-tabs-nav {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding-left: 0;
  list-style: none;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.ant-tabs-nav::before,
.ant-tabs-nav::after {
  display: table;
  content: ' '; }

.ant-tabs-nav::after {
  clear: both; }

.ant-tabs-nav .ant-tabs-tab {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  margin: 0 32px 0 0;
  padding: 12px 16px;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.ant-tabs-nav .ant-tabs-tab:last-child {
  margin-right: 0; }

.ant-tabs-nav .ant-tabs-tab:hover {
  color: #40a9ff; }

.ant-tabs-nav .ant-tabs-tab:active {
  color: #096dd9; }

.ant-tabs-nav .ant-tabs-tab .anticon {
  margin-right: 8px; }

.ant-tabs-nav .ant-tabs-tab-disabled,
.ant-tabs-nav .ant-tabs-tab-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed; }

.ant-tabs-nav .ant-tabs-tab-active {
  color: #1890ff;
  font-weight: 500; }

.ant-tabs .ant-tabs-large-bar .ant-tabs-nav-container {
  font-size: 16px; }

.ant-tabs .ant-tabs-large-bar .ant-tabs-tab {
  padding: 16px; }

.ant-tabs .ant-tabs-small-bar .ant-tabs-nav-container {
  font-size: 14px; }

.ant-tabs .ant-tabs-small-bar .ant-tabs-tab {
  padding: 8px 16px; }

.ant-tabs .ant-tabs-top-content,
.ant-tabs .ant-tabs-bottom-content {
  width: 100%; }

.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane,
.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.45s;
  transition: opacity 0.45s; }

.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane-inactive,
.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane-inactive {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none; }

.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane-inactive input,
.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane-inactive input {
  visibility: hidden; }

.ant-tabs .ant-tabs-top-content.ant-tabs-content-animated,
.ant-tabs .ant-tabs-bottom-content.ant-tabs-content-animated {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  will-change: margin-left; }

.ant-tabs .ant-tabs-left-bar,
.ant-tabs .ant-tabs-right-bar {
  height: 100%;
  border-bottom: 0; }

.ant-tabs .ant-tabs-left-bar-tab-prev,
.ant-tabs .ant-tabs-right-bar-tab-prev,
.ant-tabs .ant-tabs-left-bar-tab-next,
.ant-tabs .ant-tabs-right-bar-tab-next {
  width: 32px;
  height: 0;
  -webkit-transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.ant-tabs .ant-tabs-left-bar-tab-prev.ant-tabs-tab-arrow-show,
.ant-tabs .ant-tabs-right-bar-tab-prev.ant-tabs-tab-arrow-show,
.ant-tabs .ant-tabs-left-bar-tab-next.ant-tabs-tab-arrow-show,
.ant-tabs .ant-tabs-right-bar-tab-next.ant-tabs-tab-arrow-show {
  width: 100%;
  height: 32px; }

.ant-tabs .ant-tabs-left-bar .ant-tabs-tab,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab {
  display: block;
  float: none;
  margin: 0 0 16px 0;
  padding: 8px 24px; }

.ant-tabs .ant-tabs-left-bar .ant-tabs-tab:last-child,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab:last-child {
  margin-bottom: 0; }

.ant-tabs .ant-tabs-left-bar .ant-tabs-extra-content,
.ant-tabs .ant-tabs-right-bar .ant-tabs-extra-content {
  text-align: center; }

.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-scroll,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-scroll {
  width: auto; }

.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
  height: 100%; }

.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container {
  margin-bottom: 0; }

.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling {
  padding: 32px 0; }

.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
  margin-bottom: 0; }

.ant-tabs .ant-tabs-left-bar .ant-tabs-nav,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav {
  width: 100%; }

.ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar,
.ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar {
  top: 0;
  bottom: auto;
  left: auto;
  width: 2px;
  height: auto; }

.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-next,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-next {
  bottom: 0;
  width: 100%;
  height: 32px; }

.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-prev,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-prev {
  top: 0;
  width: 100%;
  height: 32px; }

.ant-tabs .ant-tabs-left-content,
.ant-tabs .ant-tabs-right-content {
  width: auto;
  margin-top: 0 !important;
  overflow: hidden; }

.ant-tabs .ant-tabs-left-bar {
  float: left;
  margin-right: -1px;
  margin-bottom: 0;
  border-right: 1px solid #e8e8e8; }

.ant-tabs .ant-tabs-left-bar .ant-tabs-tab {
  text-align: right; }

.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container {
  margin-right: -1px; }

.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap {
  margin-right: -1px; }

.ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar {
  right: 1px; }

.ant-tabs .ant-tabs-left-content {
  padding-left: 24px;
  border-left: 1px solid #e8e8e8; }

.ant-tabs .ant-tabs-right-bar {
  float: right;
  margin-bottom: 0;
  margin-left: -1px;
  border-left: 1px solid #e8e8e8; }

.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container {
  margin-left: -1px; }

.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
  margin-left: -1px; }

.ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar {
  left: 1px; }

.ant-tabs .ant-tabs-right-content {
  padding-right: 24px;
  border-right: 1px solid #e8e8e8; }

.ant-tabs-top .ant-tabs-ink-bar-animated,
.ant-tabs-bottom .ant-tabs-ink-bar-animated {
  -webkit-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.ant-tabs-left .ant-tabs-ink-bar-animated,
.ant-tabs-right .ant-tabs-ink-bar-animated {
  -webkit-transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }

.no-flex > .ant-tabs-content > .ant-tabs-content-animated,
.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-content-animated {
  margin-left: 0 !important;
  -webkit-transform: none !important;
  transform: none !important; }

.no-flex > .ant-tabs-content > .ant-tabs-tabpane-inactive,
.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-tabpane-inactive {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none; }

.no-flex > .ant-tabs-content > .ant-tabs-tabpane-inactive input,
.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-tabpane-inactive input {
  visibility: hidden; }

.ant-tabs-left-content > .ant-tabs-content-animated,
.ant-tabs-right-content > .ant-tabs-content-animated {
  margin-left: 0 !important;
  -webkit-transform: none !important;
  transform: none !important; }

.ant-tabs-left-content > .ant-tabs-tabpane-inactive,
.ant-tabs-right-content > .ant-tabs-tabpane-inactive {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none; }

.ant-tabs-left-content > .ant-tabs-tabpane-inactive input,
.ant-tabs-right-content > .ant-tabs-tabpane-inactive input {
  visibility: hidden; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-row {
  position: relative;
  height: auto;
  margin-right: 0;
  margin-left: 0;
  zoom: 1;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.ant-row::before,
.ant-row::after {
  display: table;
  content: ''; }

.ant-row::after {
  clear: both; }

.ant-row-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap; }

.ant-row-flex::before,
.ant-row-flex::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.ant-row-flex-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.ant-row-flex-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.ant-row-flex-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.ant-row-flex-space-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.ant-row-flex-space-around {
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.ant-row-flex-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }

.ant-row-flex-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.ant-row-flex-bottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }

.ant-col {
  position: relative; }

.ant-col-1,
.ant-col-xs-1,
.ant-col-sm-1,
.ant-col-md-1,
.ant-col-lg-1,
.ant-col-2,
.ant-col-xs-2,
.ant-col-sm-2,
.ant-col-md-2,
.ant-col-lg-2,
.ant-col-3,
.ant-col-xs-3,
.ant-col-sm-3,
.ant-col-md-3,
.ant-col-lg-3,
.ant-col-4,
.ant-col-xs-4,
.ant-col-sm-4,
.ant-col-md-4,
.ant-col-lg-4,
.ant-col-5,
.ant-col-xs-5,
.ant-col-sm-5,
.ant-col-md-5,
.ant-col-lg-5,
.ant-col-6,
.ant-col-xs-6,
.ant-col-sm-6,
.ant-col-md-6,
.ant-col-lg-6,
.ant-col-7,
.ant-col-xs-7,
.ant-col-sm-7,
.ant-col-md-7,
.ant-col-lg-7,
.ant-col-8,
.ant-col-xs-8,
.ant-col-sm-8,
.ant-col-md-8,
.ant-col-lg-8,
.ant-col-9,
.ant-col-xs-9,
.ant-col-sm-9,
.ant-col-md-9,
.ant-col-lg-9,
.ant-col-10,
.ant-col-xs-10,
.ant-col-sm-10,
.ant-col-md-10,
.ant-col-lg-10,
.ant-col-11,
.ant-col-xs-11,
.ant-col-sm-11,
.ant-col-md-11,
.ant-col-lg-11,
.ant-col-12,
.ant-col-xs-12,
.ant-col-sm-12,
.ant-col-md-12,
.ant-col-lg-12,
.ant-col-13,
.ant-col-xs-13,
.ant-col-sm-13,
.ant-col-md-13,
.ant-col-lg-13,
.ant-col-14,
.ant-col-xs-14,
.ant-col-sm-14,
.ant-col-md-14,
.ant-col-lg-14,
.ant-col-15,
.ant-col-xs-15,
.ant-col-sm-15,
.ant-col-md-15,
.ant-col-lg-15,
.ant-col-16,
.ant-col-xs-16,
.ant-col-sm-16,
.ant-col-md-16,
.ant-col-lg-16,
.ant-col-17,
.ant-col-xs-17,
.ant-col-sm-17,
.ant-col-md-17,
.ant-col-lg-17,
.ant-col-18,
.ant-col-xs-18,
.ant-col-sm-18,
.ant-col-md-18,
.ant-col-lg-18,
.ant-col-19,
.ant-col-xs-19,
.ant-col-sm-19,
.ant-col-md-19,
.ant-col-lg-19,
.ant-col-20,
.ant-col-xs-20,
.ant-col-sm-20,
.ant-col-md-20,
.ant-col-lg-20,
.ant-col-21,
.ant-col-xs-21,
.ant-col-sm-21,
.ant-col-md-21,
.ant-col-lg-21,
.ant-col-22,
.ant-col-xs-22,
.ant-col-sm-22,
.ant-col-md-22,
.ant-col-lg-22,
.ant-col-23,
.ant-col-xs-23,
.ant-col-sm-23,
.ant-col-md-23,
.ant-col-lg-23,
.ant-col-24,
.ant-col-xs-24,
.ant-col-sm-24,
.ant-col-md-24,
.ant-col-lg-24 {
  position: relative;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0; }

.ant-col-1,
.ant-col-2,
.ant-col-3,
.ant-col-4,
.ant-col-5,
.ant-col-6,
.ant-col-7,
.ant-col-8,
.ant-col-9,
.ant-col-10,
.ant-col-11,
.ant-col-12,
.ant-col-13,
.ant-col-14,
.ant-col-15,
.ant-col-16,
.ant-col-17,
.ant-col-18,
.ant-col-19,
.ant-col-20,
.ant-col-21,
.ant-col-22,
.ant-col-23,
.ant-col-24 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  float: left; }

.ant-col-24 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%; }

.ant-col-push-24 {
  left: 100%; }

.ant-col-pull-24 {
  right: 100%; }

.ant-col-offset-24 {
  margin-left: 100%; }

.ant-col-order-24 {
  -webkit-box-ordinal-group: 25;
  -ms-flex-order: 24;
  order: 24; }

.ant-col-23 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 95.83333333%; }

.ant-col-push-23 {
  left: 95.83333333%; }

.ant-col-pull-23 {
  right: 95.83333333%; }

.ant-col-offset-23 {
  margin-left: 95.83333333%; }

.ant-col-order-23 {
  -webkit-box-ordinal-group: 24;
  -ms-flex-order: 23;
  order: 23; }

.ant-col-22 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 91.66666667%; }

.ant-col-push-22 {
  left: 91.66666667%; }

.ant-col-pull-22 {
  right: 91.66666667%; }

.ant-col-offset-22 {
  margin-left: 91.66666667%; }

.ant-col-order-22 {
  -webkit-box-ordinal-group: 23;
  -ms-flex-order: 22;
  order: 22; }

.ant-col-21 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 87.5%; }

.ant-col-push-21 {
  left: 87.5%; }

.ant-col-pull-21 {
  right: 87.5%; }

.ant-col-offset-21 {
  margin-left: 87.5%; }

.ant-col-order-21 {
  -webkit-box-ordinal-group: 22;
  -ms-flex-order: 21;
  order: 21; }

.ant-col-20 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 83.33333333%; }

.ant-col-push-20 {
  left: 83.33333333%; }

.ant-col-pull-20 {
  right: 83.33333333%; }

.ant-col-offset-20 {
  margin-left: 83.33333333%; }

.ant-col-order-20 {
  -webkit-box-ordinal-group: 21;
  -ms-flex-order: 20;
  order: 20; }

.ant-col-19 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 79.16666667%; }

.ant-col-push-19 {
  left: 79.16666667%; }

.ant-col-pull-19 {
  right: 79.16666667%; }

.ant-col-offset-19 {
  margin-left: 79.16666667%; }

.ant-col-order-19 {
  -webkit-box-ordinal-group: 20;
  -ms-flex-order: 19;
  order: 19; }

.ant-col-18 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 75%; }

.ant-col-push-18 {
  left: 75%; }

.ant-col-pull-18 {
  right: 75%; }

.ant-col-offset-18 {
  margin-left: 75%; }

.ant-col-order-18 {
  -webkit-box-ordinal-group: 19;
  -ms-flex-order: 18;
  order: 18; }

.ant-col-17 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 70.83333333%; }

.ant-col-push-17 {
  left: 70.83333333%; }

.ant-col-pull-17 {
  right: 70.83333333%; }

.ant-col-offset-17 {
  margin-left: 70.83333333%; }

.ant-col-order-17 {
  -webkit-box-ordinal-group: 18;
  -ms-flex-order: 17;
  order: 17; }

.ant-col-16 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 66.66666667%; }

.ant-col-push-16 {
  left: 66.66666667%; }

.ant-col-pull-16 {
  right: 66.66666667%; }

.ant-col-offset-16 {
  margin-left: 66.66666667%; }

.ant-col-order-16 {
  -webkit-box-ordinal-group: 17;
  -ms-flex-order: 16;
  order: 16; }

.ant-col-15 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 62.5%; }

.ant-col-push-15 {
  left: 62.5%; }

.ant-col-pull-15 {
  right: 62.5%; }

.ant-col-offset-15 {
  margin-left: 62.5%; }

.ant-col-order-15 {
  -webkit-box-ordinal-group: 16;
  -ms-flex-order: 15;
  order: 15; }

.ant-col-14 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 58.33333333%; }

.ant-col-push-14 {
  left: 58.33333333%; }

.ant-col-pull-14 {
  right: 58.33333333%; }

.ant-col-offset-14 {
  margin-left: 58.33333333%; }

.ant-col-order-14 {
  -webkit-box-ordinal-group: 15;
  -ms-flex-order: 14;
  order: 14; }

.ant-col-13 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 54.16666667%; }

.ant-col-push-13 {
  left: 54.16666667%; }

.ant-col-pull-13 {
  right: 54.16666667%; }

.ant-col-offset-13 {
  margin-left: 54.16666667%; }

.ant-col-order-13 {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13; }

.ant-col-12 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%; }

.ant-col-push-12 {
  left: 50%; }

.ant-col-pull-12 {
  right: 50%; }

.ant-col-offset-12 {
  margin-left: 50%; }

.ant-col-order-12 {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12; }

.ant-col-11 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 45.83333333%; }

.ant-col-push-11 {
  left: 45.83333333%; }

.ant-col-pull-11 {
  right: 45.83333333%; }

.ant-col-offset-11 {
  margin-left: 45.83333333%; }

.ant-col-order-11 {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11; }

.ant-col-10 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 41.66666667%; }

.ant-col-push-10 {
  left: 41.66666667%; }

.ant-col-pull-10 {
  right: 41.66666667%; }

.ant-col-offset-10 {
  margin-left: 41.66666667%; }

.ant-col-order-10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10; }

.ant-col-9 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 37.5%; }

.ant-col-push-9 {
  left: 37.5%; }

.ant-col-pull-9 {
  right: 37.5%; }

.ant-col-offset-9 {
  margin-left: 37.5%; }

.ant-col-order-9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9; }

.ant-col-8 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 33.33333333%; }

.ant-col-push-8 {
  left: 33.33333333%; }

.ant-col-pull-8 {
  right: 33.33333333%; }

.ant-col-offset-8 {
  margin-left: 33.33333333%; }

.ant-col-order-8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8; }

.ant-col-7 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 29.16666667%; }

.ant-col-push-7 {
  left: 29.16666667%; }

.ant-col-pull-7 {
  right: 29.16666667%; }

.ant-col-offset-7 {
  margin-left: 29.16666667%; }

.ant-col-order-7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7; }

.ant-col-6 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 25%; }

.ant-col-push-6 {
  left: 25%; }

.ant-col-pull-6 {
  right: 25%; }

.ant-col-offset-6 {
  margin-left: 25%; }

.ant-col-order-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6; }

.ant-col-5 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 20.83333333%; }

.ant-col-push-5 {
  left: 20.83333333%; }

.ant-col-pull-5 {
  right: 20.83333333%; }

.ant-col-offset-5 {
  margin-left: 20.83333333%; }

.ant-col-order-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5; }

.ant-col-4 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 16.66666667%; }

.ant-col-push-4 {
  left: 16.66666667%; }

.ant-col-pull-4 {
  right: 16.66666667%; }

.ant-col-offset-4 {
  margin-left: 16.66666667%; }

.ant-col-order-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4; }

.ant-col-3 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 12.5%; }

.ant-col-push-3 {
  left: 12.5%; }

.ant-col-pull-3 {
  right: 12.5%; }

.ant-col-offset-3 {
  margin-left: 12.5%; }

.ant-col-order-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3; }

.ant-col-2 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 8.33333333%; }

.ant-col-push-2 {
  left: 8.33333333%; }

.ant-col-pull-2 {
  right: 8.33333333%; }

.ant-col-offset-2 {
  margin-left: 8.33333333%; }

.ant-col-order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2; }

.ant-col-1 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 4.16666667%; }

.ant-col-push-1 {
  left: 4.16666667%; }

.ant-col-pull-1 {
  right: 4.16666667%; }

.ant-col-offset-1 {
  margin-left: 4.16666667%; }

.ant-col-order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1; }

.ant-col-0 {
  display: none; }

.ant-col-push-0 {
  left: auto; }

.ant-col-pull-0 {
  right: auto; }

.ant-col-push-0 {
  left: auto; }

.ant-col-pull-0 {
  right: auto; }

.ant-col-offset-0 {
  margin-left: 0; }

.ant-col-order-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0; }

.ant-col-xs-1,
.ant-col-xs-2,
.ant-col-xs-3,
.ant-col-xs-4,
.ant-col-xs-5,
.ant-col-xs-6,
.ant-col-xs-7,
.ant-col-xs-8,
.ant-col-xs-9,
.ant-col-xs-10,
.ant-col-xs-11,
.ant-col-xs-12,
.ant-col-xs-13,
.ant-col-xs-14,
.ant-col-xs-15,
.ant-col-xs-16,
.ant-col-xs-17,
.ant-col-xs-18,
.ant-col-xs-19,
.ant-col-xs-20,
.ant-col-xs-21,
.ant-col-xs-22,
.ant-col-xs-23,
.ant-col-xs-24 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  float: left; }

.ant-col-xs-24 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%; }

.ant-col-xs-push-24 {
  left: 100%; }

.ant-col-xs-pull-24 {
  right: 100%; }

.ant-col-xs-offset-24 {
  margin-left: 100%; }

.ant-col-xs-order-24 {
  -webkit-box-ordinal-group: 25;
  -ms-flex-order: 24;
  order: 24; }

.ant-col-xs-23 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 95.83333333%; }

.ant-col-xs-push-23 {
  left: 95.83333333%; }

.ant-col-xs-pull-23 {
  right: 95.83333333%; }

.ant-col-xs-offset-23 {
  margin-left: 95.83333333%; }

.ant-col-xs-order-23 {
  -webkit-box-ordinal-group: 24;
  -ms-flex-order: 23;
  order: 23; }

.ant-col-xs-22 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 91.66666667%; }

.ant-col-xs-push-22 {
  left: 91.66666667%; }

.ant-col-xs-pull-22 {
  right: 91.66666667%; }

.ant-col-xs-offset-22 {
  margin-left: 91.66666667%; }

.ant-col-xs-order-22 {
  -webkit-box-ordinal-group: 23;
  -ms-flex-order: 22;
  order: 22; }

.ant-col-xs-21 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 87.5%; }

.ant-col-xs-push-21 {
  left: 87.5%; }

.ant-col-xs-pull-21 {
  right: 87.5%; }

.ant-col-xs-offset-21 {
  margin-left: 87.5%; }

.ant-col-xs-order-21 {
  -webkit-box-ordinal-group: 22;
  -ms-flex-order: 21;
  order: 21; }

.ant-col-xs-20 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 83.33333333%; }

.ant-col-xs-push-20 {
  left: 83.33333333%; }

.ant-col-xs-pull-20 {
  right: 83.33333333%; }

.ant-col-xs-offset-20 {
  margin-left: 83.33333333%; }

.ant-col-xs-order-20 {
  -webkit-box-ordinal-group: 21;
  -ms-flex-order: 20;
  order: 20; }

.ant-col-xs-19 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 79.16666667%; }

.ant-col-xs-push-19 {
  left: 79.16666667%; }

.ant-col-xs-pull-19 {
  right: 79.16666667%; }

.ant-col-xs-offset-19 {
  margin-left: 79.16666667%; }

.ant-col-xs-order-19 {
  -webkit-box-ordinal-group: 20;
  -ms-flex-order: 19;
  order: 19; }

.ant-col-xs-18 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 75%; }

.ant-col-xs-push-18 {
  left: 75%; }

.ant-col-xs-pull-18 {
  right: 75%; }

.ant-col-xs-offset-18 {
  margin-left: 75%; }

.ant-col-xs-order-18 {
  -webkit-box-ordinal-group: 19;
  -ms-flex-order: 18;
  order: 18; }

.ant-col-xs-17 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 70.83333333%; }

.ant-col-xs-push-17 {
  left: 70.83333333%; }

.ant-col-xs-pull-17 {
  right: 70.83333333%; }

.ant-col-xs-offset-17 {
  margin-left: 70.83333333%; }

.ant-col-xs-order-17 {
  -webkit-box-ordinal-group: 18;
  -ms-flex-order: 17;
  order: 17; }

.ant-col-xs-16 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 66.66666667%; }

.ant-col-xs-push-16 {
  left: 66.66666667%; }

.ant-col-xs-pull-16 {
  right: 66.66666667%; }

.ant-col-xs-offset-16 {
  margin-left: 66.66666667%; }

.ant-col-xs-order-16 {
  -webkit-box-ordinal-group: 17;
  -ms-flex-order: 16;
  order: 16; }

.ant-col-xs-15 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 62.5%; }

.ant-col-xs-push-15 {
  left: 62.5%; }

.ant-col-xs-pull-15 {
  right: 62.5%; }

.ant-col-xs-offset-15 {
  margin-left: 62.5%; }

.ant-col-xs-order-15 {
  -webkit-box-ordinal-group: 16;
  -ms-flex-order: 15;
  order: 15; }

.ant-col-xs-14 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 58.33333333%; }

.ant-col-xs-push-14 {
  left: 58.33333333%; }

.ant-col-xs-pull-14 {
  right: 58.33333333%; }

.ant-col-xs-offset-14 {
  margin-left: 58.33333333%; }

.ant-col-xs-order-14 {
  -webkit-box-ordinal-group: 15;
  -ms-flex-order: 14;
  order: 14; }

.ant-col-xs-13 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 54.16666667%; }

.ant-col-xs-push-13 {
  left: 54.16666667%; }

.ant-col-xs-pull-13 {
  right: 54.16666667%; }

.ant-col-xs-offset-13 {
  margin-left: 54.16666667%; }

.ant-col-xs-order-13 {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13; }

.ant-col-xs-12 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%; }

.ant-col-xs-push-12 {
  left: 50%; }

.ant-col-xs-pull-12 {
  right: 50%; }

.ant-col-xs-offset-12 {
  margin-left: 50%; }

.ant-col-xs-order-12 {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12; }

.ant-col-xs-11 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 45.83333333%; }

.ant-col-xs-push-11 {
  left: 45.83333333%; }

.ant-col-xs-pull-11 {
  right: 45.83333333%; }

.ant-col-xs-offset-11 {
  margin-left: 45.83333333%; }

.ant-col-xs-order-11 {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11; }

.ant-col-xs-10 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 41.66666667%; }

.ant-col-xs-push-10 {
  left: 41.66666667%; }

.ant-col-xs-pull-10 {
  right: 41.66666667%; }

.ant-col-xs-offset-10 {
  margin-left: 41.66666667%; }

.ant-col-xs-order-10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10; }

.ant-col-xs-9 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 37.5%; }

.ant-col-xs-push-9 {
  left: 37.5%; }

.ant-col-xs-pull-9 {
  right: 37.5%; }

.ant-col-xs-offset-9 {
  margin-left: 37.5%; }

.ant-col-xs-order-9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9; }

.ant-col-xs-8 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 33.33333333%; }

.ant-col-xs-push-8 {
  left: 33.33333333%; }

.ant-col-xs-pull-8 {
  right: 33.33333333%; }

.ant-col-xs-offset-8 {
  margin-left: 33.33333333%; }

.ant-col-xs-order-8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8; }

.ant-col-xs-7 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 29.16666667%; }

.ant-col-xs-push-7 {
  left: 29.16666667%; }

.ant-col-xs-pull-7 {
  right: 29.16666667%; }

.ant-col-xs-offset-7 {
  margin-left: 29.16666667%; }

.ant-col-xs-order-7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7; }

.ant-col-xs-6 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 25%; }

.ant-col-xs-push-6 {
  left: 25%; }

.ant-col-xs-pull-6 {
  right: 25%; }

.ant-col-xs-offset-6 {
  margin-left: 25%; }

.ant-col-xs-order-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6; }

.ant-col-xs-5 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 20.83333333%; }

.ant-col-xs-push-5 {
  left: 20.83333333%; }

.ant-col-xs-pull-5 {
  right: 20.83333333%; }

.ant-col-xs-offset-5 {
  margin-left: 20.83333333%; }

.ant-col-xs-order-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5; }

.ant-col-xs-4 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 16.66666667%; }

.ant-col-xs-push-4 {
  left: 16.66666667%; }

.ant-col-xs-pull-4 {
  right: 16.66666667%; }

.ant-col-xs-offset-4 {
  margin-left: 16.66666667%; }

.ant-col-xs-order-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4; }

.ant-col-xs-3 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 12.5%; }

.ant-col-xs-push-3 {
  left: 12.5%; }

.ant-col-xs-pull-3 {
  right: 12.5%; }

.ant-col-xs-offset-3 {
  margin-left: 12.5%; }

.ant-col-xs-order-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3; }

.ant-col-xs-2 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 8.33333333%; }

.ant-col-xs-push-2 {
  left: 8.33333333%; }

.ant-col-xs-pull-2 {
  right: 8.33333333%; }

.ant-col-xs-offset-2 {
  margin-left: 8.33333333%; }

.ant-col-xs-order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2; }

.ant-col-xs-1 {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 4.16666667%; }

.ant-col-xs-push-1 {
  left: 4.16666667%; }

.ant-col-xs-pull-1 {
  right: 4.16666667%; }

.ant-col-xs-offset-1 {
  margin-left: 4.16666667%; }

.ant-col-xs-order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1; }

.ant-col-xs-0 {
  display: none; }

.ant-col-push-0 {
  left: auto; }

.ant-col-pull-0 {
  right: auto; }

.ant-col-xs-push-0 {
  left: auto; }

.ant-col-xs-pull-0 {
  right: auto; }

.ant-col-xs-offset-0 {
  margin-left: 0; }

.ant-col-xs-order-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0; }

@media (min-width: 576px) {
  .ant-col-sm-1,
  .ant-col-sm-2,
  .ant-col-sm-3,
  .ant-col-sm-4,
  .ant-col-sm-5,
  .ant-col-sm-6,
  .ant-col-sm-7,
  .ant-col-sm-8,
  .ant-col-sm-9,
  .ant-col-sm-10,
  .ant-col-sm-11,
  .ant-col-sm-12,
  .ant-col-sm-13,
  .ant-col-sm-14,
  .ant-col-sm-15,
  .ant-col-sm-16,
  .ant-col-sm-17,
  .ant-col-sm-18,
  .ant-col-sm-19,
  .ant-col-sm-20,
  .ant-col-sm-21,
  .ant-col-sm-22,
  .ant-col-sm-23,
  .ant-col-sm-24 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    float: left; }
  .ant-col-sm-24 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%; }
  .ant-col-sm-push-24 {
    left: 100%; }
  .ant-col-sm-pull-24 {
    right: 100%; }
  .ant-col-sm-offset-24 {
    margin-left: 100%; }
  .ant-col-sm-order-24 {
    -webkit-box-ordinal-group: 25;
    -ms-flex-order: 24;
    order: 24; }
  .ant-col-sm-23 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 95.83333333%; }
  .ant-col-sm-push-23 {
    left: 95.83333333%; }
  .ant-col-sm-pull-23 {
    right: 95.83333333%; }
  .ant-col-sm-offset-23 {
    margin-left: 95.83333333%; }
  .ant-col-sm-order-23 {
    -webkit-box-ordinal-group: 24;
    -ms-flex-order: 23;
    order: 23; }
  .ant-col-sm-22 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 91.66666667%; }
  .ant-col-sm-push-22 {
    left: 91.66666667%; }
  .ant-col-sm-pull-22 {
    right: 91.66666667%; }
  .ant-col-sm-offset-22 {
    margin-left: 91.66666667%; }
  .ant-col-sm-order-22 {
    -webkit-box-ordinal-group: 23;
    -ms-flex-order: 22;
    order: 22; }
  .ant-col-sm-21 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 87.5%; }
  .ant-col-sm-push-21 {
    left: 87.5%; }
  .ant-col-sm-pull-21 {
    right: 87.5%; }
  .ant-col-sm-offset-21 {
    margin-left: 87.5%; }
  .ant-col-sm-order-21 {
    -webkit-box-ordinal-group: 22;
    -ms-flex-order: 21;
    order: 21; }
  .ant-col-sm-20 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 83.33333333%; }
  .ant-col-sm-push-20 {
    left: 83.33333333%; }
  .ant-col-sm-pull-20 {
    right: 83.33333333%; }
  .ant-col-sm-offset-20 {
    margin-left: 83.33333333%; }
  .ant-col-sm-order-20 {
    -webkit-box-ordinal-group: 21;
    -ms-flex-order: 20;
    order: 20; }
  .ant-col-sm-19 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 79.16666667%; }
  .ant-col-sm-push-19 {
    left: 79.16666667%; }
  .ant-col-sm-pull-19 {
    right: 79.16666667%; }
  .ant-col-sm-offset-19 {
    margin-left: 79.16666667%; }
  .ant-col-sm-order-19 {
    -webkit-box-ordinal-group: 20;
    -ms-flex-order: 19;
    order: 19; }
  .ant-col-sm-18 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 75%; }
  .ant-col-sm-push-18 {
    left: 75%; }
  .ant-col-sm-pull-18 {
    right: 75%; }
  .ant-col-sm-offset-18 {
    margin-left: 75%; }
  .ant-col-sm-order-18 {
    -webkit-box-ordinal-group: 19;
    -ms-flex-order: 18;
    order: 18; }
  .ant-col-sm-17 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 70.83333333%; }
  .ant-col-sm-push-17 {
    left: 70.83333333%; }
  .ant-col-sm-pull-17 {
    right: 70.83333333%; }
  .ant-col-sm-offset-17 {
    margin-left: 70.83333333%; }
  .ant-col-sm-order-17 {
    -webkit-box-ordinal-group: 18;
    -ms-flex-order: 17;
    order: 17; }
  .ant-col-sm-16 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 66.66666667%; }
  .ant-col-sm-push-16 {
    left: 66.66666667%; }
  .ant-col-sm-pull-16 {
    right: 66.66666667%; }
  .ant-col-sm-offset-16 {
    margin-left: 66.66666667%; }
  .ant-col-sm-order-16 {
    -webkit-box-ordinal-group: 17;
    -ms-flex-order: 16;
    order: 16; }
  .ant-col-sm-15 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 62.5%; }
  .ant-col-sm-push-15 {
    left: 62.5%; }
  .ant-col-sm-pull-15 {
    right: 62.5%; }
  .ant-col-sm-offset-15 {
    margin-left: 62.5%; }
  .ant-col-sm-order-15 {
    -webkit-box-ordinal-group: 16;
    -ms-flex-order: 15;
    order: 15; }
  .ant-col-sm-14 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 58.33333333%; }
  .ant-col-sm-push-14 {
    left: 58.33333333%; }
  .ant-col-sm-pull-14 {
    right: 58.33333333%; }
  .ant-col-sm-offset-14 {
    margin-left: 58.33333333%; }
  .ant-col-sm-order-14 {
    -webkit-box-ordinal-group: 15;
    -ms-flex-order: 14;
    order: 14; }
  .ant-col-sm-13 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 54.16666667%; }
  .ant-col-sm-push-13 {
    left: 54.16666667%; }
  .ant-col-sm-pull-13 {
    right: 54.16666667%; }
  .ant-col-sm-offset-13 {
    margin-left: 54.16666667%; }
  .ant-col-sm-order-13 {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13; }
  .ant-col-sm-12 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%; }
  .ant-col-sm-push-12 {
    left: 50%; }
  .ant-col-sm-pull-12 {
    right: 50%; }
  .ant-col-sm-offset-12 {
    margin-left: 50%; }
  .ant-col-sm-order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12; }
  .ant-col-sm-11 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 45.83333333%; }
  .ant-col-sm-push-11 {
    left: 45.83333333%; }
  .ant-col-sm-pull-11 {
    right: 45.83333333%; }
  .ant-col-sm-offset-11 {
    margin-left: 45.83333333%; }
  .ant-col-sm-order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11; }
  .ant-col-sm-10 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 41.66666667%; }
  .ant-col-sm-push-10 {
    left: 41.66666667%; }
  .ant-col-sm-pull-10 {
    right: 41.66666667%; }
  .ant-col-sm-offset-10 {
    margin-left: 41.66666667%; }
  .ant-col-sm-order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10; }
  .ant-col-sm-9 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 37.5%; }
  .ant-col-sm-push-9 {
    left: 37.5%; }
  .ant-col-sm-pull-9 {
    right: 37.5%; }
  .ant-col-sm-offset-9 {
    margin-left: 37.5%; }
  .ant-col-sm-order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9; }
  .ant-col-sm-8 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 33.33333333%; }
  .ant-col-sm-push-8 {
    left: 33.33333333%; }
  .ant-col-sm-pull-8 {
    right: 33.33333333%; }
  .ant-col-sm-offset-8 {
    margin-left: 33.33333333%; }
  .ant-col-sm-order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8; }
  .ant-col-sm-7 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 29.16666667%; }
  .ant-col-sm-push-7 {
    left: 29.16666667%; }
  .ant-col-sm-pull-7 {
    right: 29.16666667%; }
  .ant-col-sm-offset-7 {
    margin-left: 29.16666667%; }
  .ant-col-sm-order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7; }
  .ant-col-sm-6 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%; }
  .ant-col-sm-push-6 {
    left: 25%; }
  .ant-col-sm-pull-6 {
    right: 25%; }
  .ant-col-sm-offset-6 {
    margin-left: 25%; }
  .ant-col-sm-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6; }
  .ant-col-sm-5 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 20.83333333%; }
  .ant-col-sm-push-5 {
    left: 20.83333333%; }
  .ant-col-sm-pull-5 {
    right: 20.83333333%; }
  .ant-col-sm-offset-5 {
    margin-left: 20.83333333%; }
  .ant-col-sm-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5; }
  .ant-col-sm-4 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 16.66666667%; }
  .ant-col-sm-push-4 {
    left: 16.66666667%; }
  .ant-col-sm-pull-4 {
    right: 16.66666667%; }
  .ant-col-sm-offset-4 {
    margin-left: 16.66666667%; }
  .ant-col-sm-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4; }
  .ant-col-sm-3 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 12.5%; }
  .ant-col-sm-push-3 {
    left: 12.5%; }
  .ant-col-sm-pull-3 {
    right: 12.5%; }
  .ant-col-sm-offset-3 {
    margin-left: 12.5%; }
  .ant-col-sm-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }
  .ant-col-sm-2 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 8.33333333%; }
  .ant-col-sm-push-2 {
    left: 8.33333333%; }
  .ant-col-sm-pull-2 {
    right: 8.33333333%; }
  .ant-col-sm-offset-2 {
    margin-left: 8.33333333%; }
  .ant-col-sm-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .ant-col-sm-1 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 4.16666667%; }
  .ant-col-sm-push-1 {
    left: 4.16666667%; }
  .ant-col-sm-pull-1 {
    right: 4.16666667%; }
  .ant-col-sm-offset-1 {
    margin-left: 4.16666667%; }
  .ant-col-sm-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .ant-col-sm-0 {
    display: none; }
  .ant-col-push-0 {
    left: auto; }
  .ant-col-pull-0 {
    right: auto; }
  .ant-col-sm-push-0 {
    left: auto; }
  .ant-col-sm-pull-0 {
    right: auto; }
  .ant-col-sm-offset-0 {
    margin-left: 0; }
  .ant-col-sm-order-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; } }

@media (min-width: 768px) {
  .ant-col-md-1,
  .ant-col-md-2,
  .ant-col-md-3,
  .ant-col-md-4,
  .ant-col-md-5,
  .ant-col-md-6,
  .ant-col-md-7,
  .ant-col-md-8,
  .ant-col-md-9,
  .ant-col-md-10,
  .ant-col-md-11,
  .ant-col-md-12,
  .ant-col-md-13,
  .ant-col-md-14,
  .ant-col-md-15,
  .ant-col-md-16,
  .ant-col-md-17,
  .ant-col-md-18,
  .ant-col-md-19,
  .ant-col-md-20,
  .ant-col-md-21,
  .ant-col-md-22,
  .ant-col-md-23,
  .ant-col-md-24 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    float: left; }
  .ant-col-md-24 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%; }
  .ant-col-md-push-24 {
    left: 100%; }
  .ant-col-md-pull-24 {
    right: 100%; }
  .ant-col-md-offset-24 {
    margin-left: 100%; }
  .ant-col-md-order-24 {
    -webkit-box-ordinal-group: 25;
    -ms-flex-order: 24;
    order: 24; }
  .ant-col-md-23 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 95.83333333%; }
  .ant-col-md-push-23 {
    left: 95.83333333%; }
  .ant-col-md-pull-23 {
    right: 95.83333333%; }
  .ant-col-md-offset-23 {
    margin-left: 95.83333333%; }
  .ant-col-md-order-23 {
    -webkit-box-ordinal-group: 24;
    -ms-flex-order: 23;
    order: 23; }
  .ant-col-md-22 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 91.66666667%; }
  .ant-col-md-push-22 {
    left: 91.66666667%; }
  .ant-col-md-pull-22 {
    right: 91.66666667%; }
  .ant-col-md-offset-22 {
    margin-left: 91.66666667%; }
  .ant-col-md-order-22 {
    -webkit-box-ordinal-group: 23;
    -ms-flex-order: 22;
    order: 22; }
  .ant-col-md-21 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 87.5%; }
  .ant-col-md-push-21 {
    left: 87.5%; }
  .ant-col-md-pull-21 {
    right: 87.5%; }
  .ant-col-md-offset-21 {
    margin-left: 87.5%; }
  .ant-col-md-order-21 {
    -webkit-box-ordinal-group: 22;
    -ms-flex-order: 21;
    order: 21; }
  .ant-col-md-20 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 83.33333333%; }
  .ant-col-md-push-20 {
    left: 83.33333333%; }
  .ant-col-md-pull-20 {
    right: 83.33333333%; }
  .ant-col-md-offset-20 {
    margin-left: 83.33333333%; }
  .ant-col-md-order-20 {
    -webkit-box-ordinal-group: 21;
    -ms-flex-order: 20;
    order: 20; }
  .ant-col-md-19 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 79.16666667%; }
  .ant-col-md-push-19 {
    left: 79.16666667%; }
  .ant-col-md-pull-19 {
    right: 79.16666667%; }
  .ant-col-md-offset-19 {
    margin-left: 79.16666667%; }
  .ant-col-md-order-19 {
    -webkit-box-ordinal-group: 20;
    -ms-flex-order: 19;
    order: 19; }
  .ant-col-md-18 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 75%; }
  .ant-col-md-push-18 {
    left: 75%; }
  .ant-col-md-pull-18 {
    right: 75%; }
  .ant-col-md-offset-18 {
    margin-left: 75%; }
  .ant-col-md-order-18 {
    -webkit-box-ordinal-group: 19;
    -ms-flex-order: 18;
    order: 18; }
  .ant-col-md-17 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 70.83333333%; }
  .ant-col-md-push-17 {
    left: 70.83333333%; }
  .ant-col-md-pull-17 {
    right: 70.83333333%; }
  .ant-col-md-offset-17 {
    margin-left: 70.83333333%; }
  .ant-col-md-order-17 {
    -webkit-box-ordinal-group: 18;
    -ms-flex-order: 17;
    order: 17; }
  .ant-col-md-16 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 66.66666667%; }
  .ant-col-md-push-16 {
    left: 66.66666667%; }
  .ant-col-md-pull-16 {
    right: 66.66666667%; }
  .ant-col-md-offset-16 {
    margin-left: 66.66666667%; }
  .ant-col-md-order-16 {
    -webkit-box-ordinal-group: 17;
    -ms-flex-order: 16;
    order: 16; }
  .ant-col-md-15 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 62.5%; }
  .ant-col-md-push-15 {
    left: 62.5%; }
  .ant-col-md-pull-15 {
    right: 62.5%; }
  .ant-col-md-offset-15 {
    margin-left: 62.5%; }
  .ant-col-md-order-15 {
    -webkit-box-ordinal-group: 16;
    -ms-flex-order: 15;
    order: 15; }
  .ant-col-md-14 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 58.33333333%; }
  .ant-col-md-push-14 {
    left: 58.33333333%; }
  .ant-col-md-pull-14 {
    right: 58.33333333%; }
  .ant-col-md-offset-14 {
    margin-left: 58.33333333%; }
  .ant-col-md-order-14 {
    -webkit-box-ordinal-group: 15;
    -ms-flex-order: 14;
    order: 14; }
  .ant-col-md-13 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 54.16666667%; }
  .ant-col-md-push-13 {
    left: 54.16666667%; }
  .ant-col-md-pull-13 {
    right: 54.16666667%; }
  .ant-col-md-offset-13 {
    margin-left: 54.16666667%; }
  .ant-col-md-order-13 {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13; }
  .ant-col-md-12 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%; }
  .ant-col-md-push-12 {
    left: 50%; }
  .ant-col-md-pull-12 {
    right: 50%; }
  .ant-col-md-offset-12 {
    margin-left: 50%; }
  .ant-col-md-order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12; }
  .ant-col-md-11 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 45.83333333%; }
  .ant-col-md-push-11 {
    left: 45.83333333%; }
  .ant-col-md-pull-11 {
    right: 45.83333333%; }
  .ant-col-md-offset-11 {
    margin-left: 45.83333333%; }
  .ant-col-md-order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11; }
  .ant-col-md-10 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 41.66666667%; }
  .ant-col-md-push-10 {
    left: 41.66666667%; }
  .ant-col-md-pull-10 {
    right: 41.66666667%; }
  .ant-col-md-offset-10 {
    margin-left: 41.66666667%; }
  .ant-col-md-order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10; }
  .ant-col-md-9 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 37.5%; }
  .ant-col-md-push-9 {
    left: 37.5%; }
  .ant-col-md-pull-9 {
    right: 37.5%; }
  .ant-col-md-offset-9 {
    margin-left: 37.5%; }
  .ant-col-md-order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9; }
  .ant-col-md-8 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 33.33333333%; }
  .ant-col-md-push-8 {
    left: 33.33333333%; }
  .ant-col-md-pull-8 {
    right: 33.33333333%; }
  .ant-col-md-offset-8 {
    margin-left: 33.33333333%; }
  .ant-col-md-order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8; }
  .ant-col-md-7 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 29.16666667%; }
  .ant-col-md-push-7 {
    left: 29.16666667%; }
  .ant-col-md-pull-7 {
    right: 29.16666667%; }
  .ant-col-md-offset-7 {
    margin-left: 29.16666667%; }
  .ant-col-md-order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7; }
  .ant-col-md-6 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%; }
  .ant-col-md-push-6 {
    left: 25%; }
  .ant-col-md-pull-6 {
    right: 25%; }
  .ant-col-md-offset-6 {
    margin-left: 25%; }
  .ant-col-md-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6; }
  .ant-col-md-5 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 20.83333333%; }
  .ant-col-md-push-5 {
    left: 20.83333333%; }
  .ant-col-md-pull-5 {
    right: 20.83333333%; }
  .ant-col-md-offset-5 {
    margin-left: 20.83333333%; }
  .ant-col-md-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5; }
  .ant-col-md-4 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 16.66666667%; }
  .ant-col-md-push-4 {
    left: 16.66666667%; }
  .ant-col-md-pull-4 {
    right: 16.66666667%; }
  .ant-col-md-offset-4 {
    margin-left: 16.66666667%; }
  .ant-col-md-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4; }
  .ant-col-md-3 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 12.5%; }
  .ant-col-md-push-3 {
    left: 12.5%; }
  .ant-col-md-pull-3 {
    right: 12.5%; }
  .ant-col-md-offset-3 {
    margin-left: 12.5%; }
  .ant-col-md-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }
  .ant-col-md-2 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 8.33333333%; }
  .ant-col-md-push-2 {
    left: 8.33333333%; }
  .ant-col-md-pull-2 {
    right: 8.33333333%; }
  .ant-col-md-offset-2 {
    margin-left: 8.33333333%; }
  .ant-col-md-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .ant-col-md-1 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 4.16666667%; }
  .ant-col-md-push-1 {
    left: 4.16666667%; }
  .ant-col-md-pull-1 {
    right: 4.16666667%; }
  .ant-col-md-offset-1 {
    margin-left: 4.16666667%; }
  .ant-col-md-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .ant-col-md-0 {
    display: none; }
  .ant-col-push-0 {
    left: auto; }
  .ant-col-pull-0 {
    right: auto; }
  .ant-col-md-push-0 {
    left: auto; }
  .ant-col-md-pull-0 {
    right: auto; }
  .ant-col-md-offset-0 {
    margin-left: 0; }
  .ant-col-md-order-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; } }

@media (min-width: 992px) {
  .ant-col-lg-1,
  .ant-col-lg-2,
  .ant-col-lg-3,
  .ant-col-lg-4,
  .ant-col-lg-5,
  .ant-col-lg-6,
  .ant-col-lg-7,
  .ant-col-lg-8,
  .ant-col-lg-9,
  .ant-col-lg-10,
  .ant-col-lg-11,
  .ant-col-lg-12,
  .ant-col-lg-13,
  .ant-col-lg-14,
  .ant-col-lg-15,
  .ant-col-lg-16,
  .ant-col-lg-17,
  .ant-col-lg-18,
  .ant-col-lg-19,
  .ant-col-lg-20,
  .ant-col-lg-21,
  .ant-col-lg-22,
  .ant-col-lg-23,
  .ant-col-lg-24 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    float: left; }
  .ant-col-lg-24 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%; }
  .ant-col-lg-push-24 {
    left: 100%; }
  .ant-col-lg-pull-24 {
    right: 100%; }
  .ant-col-lg-offset-24 {
    margin-left: 100%; }
  .ant-col-lg-order-24 {
    -webkit-box-ordinal-group: 25;
    -ms-flex-order: 24;
    order: 24; }
  .ant-col-lg-23 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 95.83333333%; }
  .ant-col-lg-push-23 {
    left: 95.83333333%; }
  .ant-col-lg-pull-23 {
    right: 95.83333333%; }
  .ant-col-lg-offset-23 {
    margin-left: 95.83333333%; }
  .ant-col-lg-order-23 {
    -webkit-box-ordinal-group: 24;
    -ms-flex-order: 23;
    order: 23; }
  .ant-col-lg-22 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 91.66666667%; }
  .ant-col-lg-push-22 {
    left: 91.66666667%; }
  .ant-col-lg-pull-22 {
    right: 91.66666667%; }
  .ant-col-lg-offset-22 {
    margin-left: 91.66666667%; }
  .ant-col-lg-order-22 {
    -webkit-box-ordinal-group: 23;
    -ms-flex-order: 22;
    order: 22; }
  .ant-col-lg-21 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 87.5%; }
  .ant-col-lg-push-21 {
    left: 87.5%; }
  .ant-col-lg-pull-21 {
    right: 87.5%; }
  .ant-col-lg-offset-21 {
    margin-left: 87.5%; }
  .ant-col-lg-order-21 {
    -webkit-box-ordinal-group: 22;
    -ms-flex-order: 21;
    order: 21; }
  .ant-col-lg-20 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 83.33333333%; }
  .ant-col-lg-push-20 {
    left: 83.33333333%; }
  .ant-col-lg-pull-20 {
    right: 83.33333333%; }
  .ant-col-lg-offset-20 {
    margin-left: 83.33333333%; }
  .ant-col-lg-order-20 {
    -webkit-box-ordinal-group: 21;
    -ms-flex-order: 20;
    order: 20; }
  .ant-col-lg-19 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 79.16666667%; }
  .ant-col-lg-push-19 {
    left: 79.16666667%; }
  .ant-col-lg-pull-19 {
    right: 79.16666667%; }
  .ant-col-lg-offset-19 {
    margin-left: 79.16666667%; }
  .ant-col-lg-order-19 {
    -webkit-box-ordinal-group: 20;
    -ms-flex-order: 19;
    order: 19; }
  .ant-col-lg-18 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 75%; }
  .ant-col-lg-push-18 {
    left: 75%; }
  .ant-col-lg-pull-18 {
    right: 75%; }
  .ant-col-lg-offset-18 {
    margin-left: 75%; }
  .ant-col-lg-order-18 {
    -webkit-box-ordinal-group: 19;
    -ms-flex-order: 18;
    order: 18; }
  .ant-col-lg-17 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 70.83333333%; }
  .ant-col-lg-push-17 {
    left: 70.83333333%; }
  .ant-col-lg-pull-17 {
    right: 70.83333333%; }
  .ant-col-lg-offset-17 {
    margin-left: 70.83333333%; }
  .ant-col-lg-order-17 {
    -webkit-box-ordinal-group: 18;
    -ms-flex-order: 17;
    order: 17; }
  .ant-col-lg-16 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 66.66666667%; }
  .ant-col-lg-push-16 {
    left: 66.66666667%; }
  .ant-col-lg-pull-16 {
    right: 66.66666667%; }
  .ant-col-lg-offset-16 {
    margin-left: 66.66666667%; }
  .ant-col-lg-order-16 {
    -webkit-box-ordinal-group: 17;
    -ms-flex-order: 16;
    order: 16; }
  .ant-col-lg-15 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 62.5%; }
  .ant-col-lg-push-15 {
    left: 62.5%; }
  .ant-col-lg-pull-15 {
    right: 62.5%; }
  .ant-col-lg-offset-15 {
    margin-left: 62.5%; }
  .ant-col-lg-order-15 {
    -webkit-box-ordinal-group: 16;
    -ms-flex-order: 15;
    order: 15; }
  .ant-col-lg-14 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 58.33333333%; }
  .ant-col-lg-push-14 {
    left: 58.33333333%; }
  .ant-col-lg-pull-14 {
    right: 58.33333333%; }
  .ant-col-lg-offset-14 {
    margin-left: 58.33333333%; }
  .ant-col-lg-order-14 {
    -webkit-box-ordinal-group: 15;
    -ms-flex-order: 14;
    order: 14; }
  .ant-col-lg-13 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 54.16666667%; }
  .ant-col-lg-push-13 {
    left: 54.16666667%; }
  .ant-col-lg-pull-13 {
    right: 54.16666667%; }
  .ant-col-lg-offset-13 {
    margin-left: 54.16666667%; }
  .ant-col-lg-order-13 {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13; }
  .ant-col-lg-12 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%; }
  .ant-col-lg-push-12 {
    left: 50%; }
  .ant-col-lg-pull-12 {
    right: 50%; }
  .ant-col-lg-offset-12 {
    margin-left: 50%; }
  .ant-col-lg-order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12; }
  .ant-col-lg-11 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 45.83333333%; }
  .ant-col-lg-push-11 {
    left: 45.83333333%; }
  .ant-col-lg-pull-11 {
    right: 45.83333333%; }
  .ant-col-lg-offset-11 {
    margin-left: 45.83333333%; }
  .ant-col-lg-order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11; }
  .ant-col-lg-10 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 41.66666667%; }
  .ant-col-lg-push-10 {
    left: 41.66666667%; }
  .ant-col-lg-pull-10 {
    right: 41.66666667%; }
  .ant-col-lg-offset-10 {
    margin-left: 41.66666667%; }
  .ant-col-lg-order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10; }
  .ant-col-lg-9 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 37.5%; }
  .ant-col-lg-push-9 {
    left: 37.5%; }
  .ant-col-lg-pull-9 {
    right: 37.5%; }
  .ant-col-lg-offset-9 {
    margin-left: 37.5%; }
  .ant-col-lg-order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9; }
  .ant-col-lg-8 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 33.33333333%; }
  .ant-col-lg-push-8 {
    left: 33.33333333%; }
  .ant-col-lg-pull-8 {
    right: 33.33333333%; }
  .ant-col-lg-offset-8 {
    margin-left: 33.33333333%; }
  .ant-col-lg-order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8; }
  .ant-col-lg-7 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 29.16666667%; }
  .ant-col-lg-push-7 {
    left: 29.16666667%; }
  .ant-col-lg-pull-7 {
    right: 29.16666667%; }
  .ant-col-lg-offset-7 {
    margin-left: 29.16666667%; }
  .ant-col-lg-order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7; }
  .ant-col-lg-6 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%; }
  .ant-col-lg-push-6 {
    left: 25%; }
  .ant-col-lg-pull-6 {
    right: 25%; }
  .ant-col-lg-offset-6 {
    margin-left: 25%; }
  .ant-col-lg-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6; }
  .ant-col-lg-5 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 20.83333333%; }
  .ant-col-lg-push-5 {
    left: 20.83333333%; }
  .ant-col-lg-pull-5 {
    right: 20.83333333%; }
  .ant-col-lg-offset-5 {
    margin-left: 20.83333333%; }
  .ant-col-lg-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5; }
  .ant-col-lg-4 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 16.66666667%; }
  .ant-col-lg-push-4 {
    left: 16.66666667%; }
  .ant-col-lg-pull-4 {
    right: 16.66666667%; }
  .ant-col-lg-offset-4 {
    margin-left: 16.66666667%; }
  .ant-col-lg-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4; }
  .ant-col-lg-3 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 12.5%; }
  .ant-col-lg-push-3 {
    left: 12.5%; }
  .ant-col-lg-pull-3 {
    right: 12.5%; }
  .ant-col-lg-offset-3 {
    margin-left: 12.5%; }
  .ant-col-lg-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }
  .ant-col-lg-2 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 8.33333333%; }
  .ant-col-lg-push-2 {
    left: 8.33333333%; }
  .ant-col-lg-pull-2 {
    right: 8.33333333%; }
  .ant-col-lg-offset-2 {
    margin-left: 8.33333333%; }
  .ant-col-lg-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .ant-col-lg-1 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 4.16666667%; }
  .ant-col-lg-push-1 {
    left: 4.16666667%; }
  .ant-col-lg-pull-1 {
    right: 4.16666667%; }
  .ant-col-lg-offset-1 {
    margin-left: 4.16666667%; }
  .ant-col-lg-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .ant-col-lg-0 {
    display: none; }
  .ant-col-push-0 {
    left: auto; }
  .ant-col-pull-0 {
    right: auto; }
  .ant-col-lg-push-0 {
    left: auto; }
  .ant-col-lg-pull-0 {
    right: auto; }
  .ant-col-lg-offset-0 {
    margin-left: 0; }
  .ant-col-lg-order-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; } }

@media (min-width: 1200px) {
  .ant-col-xl-1,
  .ant-col-xl-2,
  .ant-col-xl-3,
  .ant-col-xl-4,
  .ant-col-xl-5,
  .ant-col-xl-6,
  .ant-col-xl-7,
  .ant-col-xl-8,
  .ant-col-xl-9,
  .ant-col-xl-10,
  .ant-col-xl-11,
  .ant-col-xl-12,
  .ant-col-xl-13,
  .ant-col-xl-14,
  .ant-col-xl-15,
  .ant-col-xl-16,
  .ant-col-xl-17,
  .ant-col-xl-18,
  .ant-col-xl-19,
  .ant-col-xl-20,
  .ant-col-xl-21,
  .ant-col-xl-22,
  .ant-col-xl-23,
  .ant-col-xl-24 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    float: left; }
  .ant-col-xl-24 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%; }
  .ant-col-xl-push-24 {
    left: 100%; }
  .ant-col-xl-pull-24 {
    right: 100%; }
  .ant-col-xl-offset-24 {
    margin-left: 100%; }
  .ant-col-xl-order-24 {
    -webkit-box-ordinal-group: 25;
    -ms-flex-order: 24;
    order: 24; }
  .ant-col-xl-23 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 95.83333333%; }
  .ant-col-xl-push-23 {
    left: 95.83333333%; }
  .ant-col-xl-pull-23 {
    right: 95.83333333%; }
  .ant-col-xl-offset-23 {
    margin-left: 95.83333333%; }
  .ant-col-xl-order-23 {
    -webkit-box-ordinal-group: 24;
    -ms-flex-order: 23;
    order: 23; }
  .ant-col-xl-22 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 91.66666667%; }
  .ant-col-xl-push-22 {
    left: 91.66666667%; }
  .ant-col-xl-pull-22 {
    right: 91.66666667%; }
  .ant-col-xl-offset-22 {
    margin-left: 91.66666667%; }
  .ant-col-xl-order-22 {
    -webkit-box-ordinal-group: 23;
    -ms-flex-order: 22;
    order: 22; }
  .ant-col-xl-21 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 87.5%; }
  .ant-col-xl-push-21 {
    left: 87.5%; }
  .ant-col-xl-pull-21 {
    right: 87.5%; }
  .ant-col-xl-offset-21 {
    margin-left: 87.5%; }
  .ant-col-xl-order-21 {
    -webkit-box-ordinal-group: 22;
    -ms-flex-order: 21;
    order: 21; }
  .ant-col-xl-20 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 83.33333333%; }
  .ant-col-xl-push-20 {
    left: 83.33333333%; }
  .ant-col-xl-pull-20 {
    right: 83.33333333%; }
  .ant-col-xl-offset-20 {
    margin-left: 83.33333333%; }
  .ant-col-xl-order-20 {
    -webkit-box-ordinal-group: 21;
    -ms-flex-order: 20;
    order: 20; }
  .ant-col-xl-19 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 79.16666667%; }
  .ant-col-xl-push-19 {
    left: 79.16666667%; }
  .ant-col-xl-pull-19 {
    right: 79.16666667%; }
  .ant-col-xl-offset-19 {
    margin-left: 79.16666667%; }
  .ant-col-xl-order-19 {
    -webkit-box-ordinal-group: 20;
    -ms-flex-order: 19;
    order: 19; }
  .ant-col-xl-18 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 75%; }
  .ant-col-xl-push-18 {
    left: 75%; }
  .ant-col-xl-pull-18 {
    right: 75%; }
  .ant-col-xl-offset-18 {
    margin-left: 75%; }
  .ant-col-xl-order-18 {
    -webkit-box-ordinal-group: 19;
    -ms-flex-order: 18;
    order: 18; }
  .ant-col-xl-17 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 70.83333333%; }
  .ant-col-xl-push-17 {
    left: 70.83333333%; }
  .ant-col-xl-pull-17 {
    right: 70.83333333%; }
  .ant-col-xl-offset-17 {
    margin-left: 70.83333333%; }
  .ant-col-xl-order-17 {
    -webkit-box-ordinal-group: 18;
    -ms-flex-order: 17;
    order: 17; }
  .ant-col-xl-16 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 66.66666667%; }
  .ant-col-xl-push-16 {
    left: 66.66666667%; }
  .ant-col-xl-pull-16 {
    right: 66.66666667%; }
  .ant-col-xl-offset-16 {
    margin-left: 66.66666667%; }
  .ant-col-xl-order-16 {
    -webkit-box-ordinal-group: 17;
    -ms-flex-order: 16;
    order: 16; }
  .ant-col-xl-15 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 62.5%; }
  .ant-col-xl-push-15 {
    left: 62.5%; }
  .ant-col-xl-pull-15 {
    right: 62.5%; }
  .ant-col-xl-offset-15 {
    margin-left: 62.5%; }
  .ant-col-xl-order-15 {
    -webkit-box-ordinal-group: 16;
    -ms-flex-order: 15;
    order: 15; }
  .ant-col-xl-14 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 58.33333333%; }
  .ant-col-xl-push-14 {
    left: 58.33333333%; }
  .ant-col-xl-pull-14 {
    right: 58.33333333%; }
  .ant-col-xl-offset-14 {
    margin-left: 58.33333333%; }
  .ant-col-xl-order-14 {
    -webkit-box-ordinal-group: 15;
    -ms-flex-order: 14;
    order: 14; }
  .ant-col-xl-13 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 54.16666667%; }
  .ant-col-xl-push-13 {
    left: 54.16666667%; }
  .ant-col-xl-pull-13 {
    right: 54.16666667%; }
  .ant-col-xl-offset-13 {
    margin-left: 54.16666667%; }
  .ant-col-xl-order-13 {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13; }
  .ant-col-xl-12 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%; }
  .ant-col-xl-push-12 {
    left: 50%; }
  .ant-col-xl-pull-12 {
    right: 50%; }
  .ant-col-xl-offset-12 {
    margin-left: 50%; }
  .ant-col-xl-order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12; }
  .ant-col-xl-11 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 45.83333333%; }
  .ant-col-xl-push-11 {
    left: 45.83333333%; }
  .ant-col-xl-pull-11 {
    right: 45.83333333%; }
  .ant-col-xl-offset-11 {
    margin-left: 45.83333333%; }
  .ant-col-xl-order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11; }
  .ant-col-xl-10 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 41.66666667%; }
  .ant-col-xl-push-10 {
    left: 41.66666667%; }
  .ant-col-xl-pull-10 {
    right: 41.66666667%; }
  .ant-col-xl-offset-10 {
    margin-left: 41.66666667%; }
  .ant-col-xl-order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10; }
  .ant-col-xl-9 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 37.5%; }
  .ant-col-xl-push-9 {
    left: 37.5%; }
  .ant-col-xl-pull-9 {
    right: 37.5%; }
  .ant-col-xl-offset-9 {
    margin-left: 37.5%; }
  .ant-col-xl-order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9; }
  .ant-col-xl-8 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 33.33333333%; }
  .ant-col-xl-push-8 {
    left: 33.33333333%; }
  .ant-col-xl-pull-8 {
    right: 33.33333333%; }
  .ant-col-xl-offset-8 {
    margin-left: 33.33333333%; }
  .ant-col-xl-order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8; }
  .ant-col-xl-7 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 29.16666667%; }
  .ant-col-xl-push-7 {
    left: 29.16666667%; }
  .ant-col-xl-pull-7 {
    right: 29.16666667%; }
  .ant-col-xl-offset-7 {
    margin-left: 29.16666667%; }
  .ant-col-xl-order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7; }
  .ant-col-xl-6 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%; }
  .ant-col-xl-push-6 {
    left: 25%; }
  .ant-col-xl-pull-6 {
    right: 25%; }
  .ant-col-xl-offset-6 {
    margin-left: 25%; }
  .ant-col-xl-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6; }
  .ant-col-xl-5 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 20.83333333%; }
  .ant-col-xl-push-5 {
    left: 20.83333333%; }
  .ant-col-xl-pull-5 {
    right: 20.83333333%; }
  .ant-col-xl-offset-5 {
    margin-left: 20.83333333%; }
  .ant-col-xl-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5; }
  .ant-col-xl-4 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 16.66666667%; }
  .ant-col-xl-push-4 {
    left: 16.66666667%; }
  .ant-col-xl-pull-4 {
    right: 16.66666667%; }
  .ant-col-xl-offset-4 {
    margin-left: 16.66666667%; }
  .ant-col-xl-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4; }
  .ant-col-xl-3 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 12.5%; }
  .ant-col-xl-push-3 {
    left: 12.5%; }
  .ant-col-xl-pull-3 {
    right: 12.5%; }
  .ant-col-xl-offset-3 {
    margin-left: 12.5%; }
  .ant-col-xl-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }
  .ant-col-xl-2 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 8.33333333%; }
  .ant-col-xl-push-2 {
    left: 8.33333333%; }
  .ant-col-xl-pull-2 {
    right: 8.33333333%; }
  .ant-col-xl-offset-2 {
    margin-left: 8.33333333%; }
  .ant-col-xl-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .ant-col-xl-1 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 4.16666667%; }
  .ant-col-xl-push-1 {
    left: 4.16666667%; }
  .ant-col-xl-pull-1 {
    right: 4.16666667%; }
  .ant-col-xl-offset-1 {
    margin-left: 4.16666667%; }
  .ant-col-xl-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .ant-col-xl-0 {
    display: none; }
  .ant-col-push-0 {
    left: auto; }
  .ant-col-pull-0 {
    right: auto; }
  .ant-col-xl-push-0 {
    left: auto; }
  .ant-col-xl-pull-0 {
    right: auto; }
  .ant-col-xl-offset-0 {
    margin-left: 0; }
  .ant-col-xl-order-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; } }

@media (min-width: 1600px) {
  .ant-col-xxl-1,
  .ant-col-xxl-2,
  .ant-col-xxl-3,
  .ant-col-xxl-4,
  .ant-col-xxl-5,
  .ant-col-xxl-6,
  .ant-col-xxl-7,
  .ant-col-xxl-8,
  .ant-col-xxl-9,
  .ant-col-xxl-10,
  .ant-col-xxl-11,
  .ant-col-xxl-12,
  .ant-col-xxl-13,
  .ant-col-xxl-14,
  .ant-col-xxl-15,
  .ant-col-xxl-16,
  .ant-col-xxl-17,
  .ant-col-xxl-18,
  .ant-col-xxl-19,
  .ant-col-xxl-20,
  .ant-col-xxl-21,
  .ant-col-xxl-22,
  .ant-col-xxl-23,
  .ant-col-xxl-24 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    float: left; }
  .ant-col-xxl-24 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%; }
  .ant-col-xxl-push-24 {
    left: 100%; }
  .ant-col-xxl-pull-24 {
    right: 100%; }
  .ant-col-xxl-offset-24 {
    margin-left: 100%; }
  .ant-col-xxl-order-24 {
    -webkit-box-ordinal-group: 25;
    -ms-flex-order: 24;
    order: 24; }
  .ant-col-xxl-23 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 95.83333333%; }
  .ant-col-xxl-push-23 {
    left: 95.83333333%; }
  .ant-col-xxl-pull-23 {
    right: 95.83333333%; }
  .ant-col-xxl-offset-23 {
    margin-left: 95.83333333%; }
  .ant-col-xxl-order-23 {
    -webkit-box-ordinal-group: 24;
    -ms-flex-order: 23;
    order: 23; }
  .ant-col-xxl-22 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 91.66666667%; }
  .ant-col-xxl-push-22 {
    left: 91.66666667%; }
  .ant-col-xxl-pull-22 {
    right: 91.66666667%; }
  .ant-col-xxl-offset-22 {
    margin-left: 91.66666667%; }
  .ant-col-xxl-order-22 {
    -webkit-box-ordinal-group: 23;
    -ms-flex-order: 22;
    order: 22; }
  .ant-col-xxl-21 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 87.5%; }
  .ant-col-xxl-push-21 {
    left: 87.5%; }
  .ant-col-xxl-pull-21 {
    right: 87.5%; }
  .ant-col-xxl-offset-21 {
    margin-left: 87.5%; }
  .ant-col-xxl-order-21 {
    -webkit-box-ordinal-group: 22;
    -ms-flex-order: 21;
    order: 21; }
  .ant-col-xxl-20 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 83.33333333%; }
  .ant-col-xxl-push-20 {
    left: 83.33333333%; }
  .ant-col-xxl-pull-20 {
    right: 83.33333333%; }
  .ant-col-xxl-offset-20 {
    margin-left: 83.33333333%; }
  .ant-col-xxl-order-20 {
    -webkit-box-ordinal-group: 21;
    -ms-flex-order: 20;
    order: 20; }
  .ant-col-xxl-19 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 79.16666667%; }
  .ant-col-xxl-push-19 {
    left: 79.16666667%; }
  .ant-col-xxl-pull-19 {
    right: 79.16666667%; }
  .ant-col-xxl-offset-19 {
    margin-left: 79.16666667%; }
  .ant-col-xxl-order-19 {
    -webkit-box-ordinal-group: 20;
    -ms-flex-order: 19;
    order: 19; }
  .ant-col-xxl-18 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 75%; }
  .ant-col-xxl-push-18 {
    left: 75%; }
  .ant-col-xxl-pull-18 {
    right: 75%; }
  .ant-col-xxl-offset-18 {
    margin-left: 75%; }
  .ant-col-xxl-order-18 {
    -webkit-box-ordinal-group: 19;
    -ms-flex-order: 18;
    order: 18; }
  .ant-col-xxl-17 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 70.83333333%; }
  .ant-col-xxl-push-17 {
    left: 70.83333333%; }
  .ant-col-xxl-pull-17 {
    right: 70.83333333%; }
  .ant-col-xxl-offset-17 {
    margin-left: 70.83333333%; }
  .ant-col-xxl-order-17 {
    -webkit-box-ordinal-group: 18;
    -ms-flex-order: 17;
    order: 17; }
  .ant-col-xxl-16 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 66.66666667%; }
  .ant-col-xxl-push-16 {
    left: 66.66666667%; }
  .ant-col-xxl-pull-16 {
    right: 66.66666667%; }
  .ant-col-xxl-offset-16 {
    margin-left: 66.66666667%; }
  .ant-col-xxl-order-16 {
    -webkit-box-ordinal-group: 17;
    -ms-flex-order: 16;
    order: 16; }
  .ant-col-xxl-15 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 62.5%; }
  .ant-col-xxl-push-15 {
    left: 62.5%; }
  .ant-col-xxl-pull-15 {
    right: 62.5%; }
  .ant-col-xxl-offset-15 {
    margin-left: 62.5%; }
  .ant-col-xxl-order-15 {
    -webkit-box-ordinal-group: 16;
    -ms-flex-order: 15;
    order: 15; }
  .ant-col-xxl-14 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 58.33333333%; }
  .ant-col-xxl-push-14 {
    left: 58.33333333%; }
  .ant-col-xxl-pull-14 {
    right: 58.33333333%; }
  .ant-col-xxl-offset-14 {
    margin-left: 58.33333333%; }
  .ant-col-xxl-order-14 {
    -webkit-box-ordinal-group: 15;
    -ms-flex-order: 14;
    order: 14; }
  .ant-col-xxl-13 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 54.16666667%; }
  .ant-col-xxl-push-13 {
    left: 54.16666667%; }
  .ant-col-xxl-pull-13 {
    right: 54.16666667%; }
  .ant-col-xxl-offset-13 {
    margin-left: 54.16666667%; }
  .ant-col-xxl-order-13 {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13; }
  .ant-col-xxl-12 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%; }
  .ant-col-xxl-push-12 {
    left: 50%; }
  .ant-col-xxl-pull-12 {
    right: 50%; }
  .ant-col-xxl-offset-12 {
    margin-left: 50%; }
  .ant-col-xxl-order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12; }
  .ant-col-xxl-11 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 45.83333333%; }
  .ant-col-xxl-push-11 {
    left: 45.83333333%; }
  .ant-col-xxl-pull-11 {
    right: 45.83333333%; }
  .ant-col-xxl-offset-11 {
    margin-left: 45.83333333%; }
  .ant-col-xxl-order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11; }
  .ant-col-xxl-10 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 41.66666667%; }
  .ant-col-xxl-push-10 {
    left: 41.66666667%; }
  .ant-col-xxl-pull-10 {
    right: 41.66666667%; }
  .ant-col-xxl-offset-10 {
    margin-left: 41.66666667%; }
  .ant-col-xxl-order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10; }
  .ant-col-xxl-9 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 37.5%; }
  .ant-col-xxl-push-9 {
    left: 37.5%; }
  .ant-col-xxl-pull-9 {
    right: 37.5%; }
  .ant-col-xxl-offset-9 {
    margin-left: 37.5%; }
  .ant-col-xxl-order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9; }
  .ant-col-xxl-8 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 33.33333333%; }
  .ant-col-xxl-push-8 {
    left: 33.33333333%; }
  .ant-col-xxl-pull-8 {
    right: 33.33333333%; }
  .ant-col-xxl-offset-8 {
    margin-left: 33.33333333%; }
  .ant-col-xxl-order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8; }
  .ant-col-xxl-7 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 29.16666667%; }
  .ant-col-xxl-push-7 {
    left: 29.16666667%; }
  .ant-col-xxl-pull-7 {
    right: 29.16666667%; }
  .ant-col-xxl-offset-7 {
    margin-left: 29.16666667%; }
  .ant-col-xxl-order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7; }
  .ant-col-xxl-6 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%; }
  .ant-col-xxl-push-6 {
    left: 25%; }
  .ant-col-xxl-pull-6 {
    right: 25%; }
  .ant-col-xxl-offset-6 {
    margin-left: 25%; }
  .ant-col-xxl-order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6; }
  .ant-col-xxl-5 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 20.83333333%; }
  .ant-col-xxl-push-5 {
    left: 20.83333333%; }
  .ant-col-xxl-pull-5 {
    right: 20.83333333%; }
  .ant-col-xxl-offset-5 {
    margin-left: 20.83333333%; }
  .ant-col-xxl-order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5; }
  .ant-col-xxl-4 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 16.66666667%; }
  .ant-col-xxl-push-4 {
    left: 16.66666667%; }
  .ant-col-xxl-pull-4 {
    right: 16.66666667%; }
  .ant-col-xxl-offset-4 {
    margin-left: 16.66666667%; }
  .ant-col-xxl-order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4; }
  .ant-col-xxl-3 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 12.5%; }
  .ant-col-xxl-push-3 {
    left: 12.5%; }
  .ant-col-xxl-pull-3 {
    right: 12.5%; }
  .ant-col-xxl-offset-3 {
    margin-left: 12.5%; }
  .ant-col-xxl-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }
  .ant-col-xxl-2 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 8.33333333%; }
  .ant-col-xxl-push-2 {
    left: 8.33333333%; }
  .ant-col-xxl-pull-2 {
    right: 8.33333333%; }
  .ant-col-xxl-offset-2 {
    margin-left: 8.33333333%; }
  .ant-col-xxl-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .ant-col-xxl-1 {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 4.16666667%; }
  .ant-col-xxl-push-1 {
    left: 4.16666667%; }
  .ant-col-xxl-pull-1 {
    right: 4.16666667%; }
  .ant-col-xxl-offset-1 {
    margin-left: 4.16666667%; }
  .ant-col-xxl-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .ant-col-xxl-0 {
    display: none; }
  .ant-col-push-0 {
    left: auto; }
  .ant-col-pull-0 {
    right: auto; }
  .ant-col-xxl-push-0 {
    left: auto; }
  .ant-col-xxl-pull-0 {
    right: auto; }
  .ant-col-xxl-offset-0 {
    margin-left: 0; }
  .ant-col-xxl-order-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; } }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-carousel {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum'; }

.ant-carousel .slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.ant-carousel .slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden; }

.ant-carousel .slick-list:focus {
  outline: none; }

.ant-carousel .slick-list.dragging {
  cursor: pointer; }

.ant-carousel .slick-list .slick-slide {
  pointer-events: none; }

.ant-carousel .slick-list .slick-slide.slick-active {
  pointer-events: auto; }

.ant-carousel .slick-slider .slick-track,
.ant-carousel .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.ant-carousel .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block; }

.ant-carousel .slick-track::before,
.ant-carousel .slick-track::after {
  display: table;
  content: ''; }

.ant-carousel .slick-track::after {
  clear: both; }

.slick-loading .ant-carousel .slick-track {
  visibility: hidden; }

.ant-carousel .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .ant-carousel .slick-slide {
  float: right; }

.ant-carousel .slick-slide img {
  display: block; }

.ant-carousel .slick-slide.slick-loading img {
  display: none; }

.ant-carousel .slick-slide.dragging img {
  pointer-events: none; }

.ant-carousel .slick-initialized .slick-slide {
  display: block; }

.ant-carousel .slick-loading .slick-slide {
  visibility: hidden; }

.ant-carousel .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.ant-carousel .slick-arrow.slick-hidden {
  display: none; }

.ant-carousel .slick-prev,
.ant-carousel .slick-next {
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  padding: 0;
  color: transparent;
  font-size: 0;
  line-height: 0;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer; }

.ant-carousel .slick-prev:hover,
.ant-carousel .slick-next:hover,
.ant-carousel .slick-prev:focus,
.ant-carousel .slick-next:focus {
  color: transparent;
  background: transparent;
  outline: none; }

.ant-carousel .slick-prev:hover::before,
.ant-carousel .slick-next:hover::before,
.ant-carousel .slick-prev:focus::before,
.ant-carousel .slick-next:focus::before {
  opacity: 1; }

.ant-carousel .slick-prev.slick-disabled::before,
.ant-carousel .slick-next.slick-disabled::before {
  opacity: 0.25; }

.ant-carousel .slick-prev {
  left: -25px; }

.ant-carousel .slick-prev::before {
  content: '←'; }

.ant-carousel .slick-next {
  right: -25px; }

.ant-carousel .slick-next::before {
  content: '→'; }

.ant-carousel .slick-dots {
  position: absolute;
  display: block;
  width: 100%;
  height: 3px;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style: none; }

.ant-carousel .slick-dots-bottom {
  bottom: 12px; }

.ant-carousel .slick-dots-top {
  top: 12px; }

.ant-carousel .slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 2px;
  padding: 0;
  text-align: center;
  vertical-align: top; }

.ant-carousel .slick-dots li button {
  display: block;
  width: 16px;
  height: 3px;
  padding: 0;
  color: transparent;
  font-size: 0;
  background: #fff;
  border: 0;
  border-radius: 1px;
  outline: none;
  cursor: pointer;
  opacity: 0.3;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }

.ant-carousel .slick-dots li button:hover,
.ant-carousel .slick-dots li button:focus {
  opacity: 0.75; }

.ant-carousel .slick-dots li.slick-active button {
  width: 24px;
  background: #fff;
  opacity: 1; }

.ant-carousel .slick-dots li.slick-active button:hover,
.ant-carousel .slick-dots li.slick-active button:focus {
  opacity: 1; }

.ant-carousel-vertical .slick-dots {
  top: 50%;
  bottom: auto;
  width: 3px;
  height: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.ant-carousel-vertical .slick-dots-left {
  left: 12px; }

.ant-carousel-vertical .slick-dots-right {
  right: 12px; }

.ant-carousel-vertical .slick-dots li {
  margin: 0 2px;
  vertical-align: baseline; }

.ant-carousel-vertical .slick-dots li button {
  width: 3px;
  height: 16px; }

.ant-carousel-vertical .slick-dots li.slick-active button {
  width: 3px;
  height: 24px; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-cascader {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum'; }

.ant-cascader-input.ant-input {
  position: relative;
  width: 100%;
  background-color: transparent !important;
  cursor: pointer; }

.ant-cascader-picker-show-search .ant-cascader-input.ant-input {
  position: relative; }

.ant-cascader-picker {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  background-color: #fff;
  border-radius: 4px;
  outline: 0;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }

.ant-cascader-picker-with-value .ant-cascader-picker-label {
  color: transparent; }

.ant-cascader-picker-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  cursor: not-allowed; }

.ant-cascader-picker-disabled .ant-cascader-input {
  cursor: not-allowed; }

.ant-cascader-picker:focus .ant-cascader-input {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); }

.ant-cascader-picker-show-search.ant-cascader-picker-focused {
  color: rgba(0, 0, 0, 0.25); }

.ant-cascader-picker-label {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 20px;
  margin-top: -10px;
  padding: 0 12px;
  overflow: hidden;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis; }

.ant-cascader-picker-clear {
  position: absolute;
  top: 50%;
  right: 12px;
  z-index: 2;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  line-height: 12px;
  background: #fff;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: color 0.3s ease, opacity 0.15s ease;
  transition: color 0.3s ease, opacity 0.15s ease; }

.ant-cascader-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45); }

.ant-cascader-picker:hover .ant-cascader-picker-clear {
  opacity: 1; }

.ant-cascader-picker-arrow {
  position: absolute;
  top: 50%;
  right: 12px;
  z-index: 1;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  line-height: 12px;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s; }

.ant-cascader-picker-arrow.ant-cascader-picker-arrow-expand {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.ant-cascader-picker-small .ant-cascader-picker-clear,
.ant-cascader-picker-small .ant-cascader-picker-arrow {
  right: 8px; }

.ant-cascader-menus {
  position: absolute;
  z-index: 1050;
  font-size: 14px;
  white-space: nowrap;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); }

.ant-cascader-menus ul,
.ant-cascader-menus ol {
  margin: 0;
  padding: 0;
  list-style: none; }

.ant-cascader-menus-empty,
.ant-cascader-menus-hidden {
  display: none; }

.ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-bottomLeft,
.ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-bottomLeft {
  -webkit-animation-name: antSlideUpIn;
  animation-name: antSlideUpIn; }

.ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-topLeft,
.ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-topLeft {
  -webkit-animation-name: antSlideDownIn;
  animation-name: antSlideDownIn; }

.ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-bottomLeft {
  -webkit-animation-name: antSlideUpOut;
  animation-name: antSlideUpOut; }

.ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-topLeft {
  -webkit-animation-name: antSlideDownOut;
  animation-name: antSlideDownOut; }

.ant-cascader-menu {
  display: inline-block;
  min-width: 111px;
  height: 180px;
  margin: 0;
  padding: 0;
  overflow: auto;
  vertical-align: top;
  list-style: none;
  border-right: 1px solid #e8e8e8;
  -ms-overflow-style: -ms-autohiding-scrollbar; }

.ant-cascader-menu:first-child {
  border-radius: 4px 0 0 4px; }

.ant-cascader-menu:last-child {
  margin-right: -1px;
  border-right-color: transparent;
  border-radius: 0 4px 4px 0; }

.ant-cascader-menu:only-child {
  border-radius: 4px; }

.ant-cascader-menu-item {
  padding: 5px 12px;
  line-height: 22px;
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.ant-cascader-menu-item:hover {
  background: #e6f7ff; }

.ant-cascader-menu-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed; }

.ant-cascader-menu-item-disabled:hover {
  background: transparent; }

.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
  font-weight: 600;
  background: #f5f5f5; }

.ant-cascader-menu-item-expand {
  position: relative;
  padding-right: 24px; }

.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
.ant-cascader-menu-item-expand .ant-cascader-menu-item-loading-icon {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333) rotate(0deg);
  transform: scale(0.83333) rotate(0deg);
  position: absolute;
  right: 12px;
  color: rgba(0, 0, 0, 0.45); }

:root .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
:root .ant-cascader-menu-item-expand .ant-cascader-menu-item-loading-icon {
  font-size: 12px; }

.ant-cascader-menu-item .ant-cascader-menu-item-keyword {
  color: #f5222d; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
@-webkit-keyframes antCheckboxEffect {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    opacity: 0; } }

@keyframes antCheckboxEffect {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    opacity: 0; } }

.ant-checkbox {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer; }

.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #1890ff; }

.ant-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 2px;
  visibility: hidden;
  -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
  animation: antCheckboxEffect 0.36s ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  content: ''; }

.ant-checkbox:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox::after {
  visibility: visible; }

.ant-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.ant-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%);
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' '; }

.ant-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0; }

.ant-checkbox-checked .ant-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' '; }

.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #1890ff;
  border-color: #1890ff; }

.ant-checkbox-disabled {
  cursor: not-allowed; }

.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  -webkit-animation-name: none;
  animation-name: none; }

.ant-checkbox-disabled .ant-checkbox-input {
  cursor: not-allowed; }

.ant-checkbox-disabled .ant-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important; }

.ant-checkbox-disabled .ant-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  -webkit-animation-name: none;
  animation-name: none; }

.ant-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed; }

.ant-checkbox-wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer; }

.ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 8px; }

.ant-checkbox-wrapper + span,
.ant-checkbox + span {
  padding-right: 8px;
  padding-left: 8px; }

.ant-checkbox-group {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  display: inline-block; }

.ant-checkbox-group-item {
  display: inline-block;
  margin-right: 8px; }

.ant-checkbox-group-item:last-child {
  margin-right: 0; }

.ant-checkbox-group-item + .ant-checkbox-group-item {
  margin-left: 0; }

.ant-checkbox-indeterminate .ant-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9; }

.ant-checkbox-indeterminate .ant-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #1890ff;
  border: 0;
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' '; }

.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25); }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-collapse {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-bottom: 0;
  border-radius: 4px; }

.ant-collapse > .ant-collapse-item {
  border-bottom: 1px solid #d9d9d9; }

.ant-collapse > .ant-collapse-item:last-child,
.ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
  border-radius: 0 0 4px 4px; }

.ant-collapse > .ant-collapse-item > .ant-collapse-header {
  position: relative;
  padding: 12px 16px;
  padding-left: 40px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 22px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 16px;
  display: inline-block;
  margin-top: 2px;
  font-size: 12px;
  line-height: 46px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow > * {
  line-height: 1; }

.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
  display: inline-block; }

.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow::before {
  display: none; }

.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow-icon {
  display: block; }

.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
  -webkit-transition: -webkit-transform 0.24s;
  transition: -webkit-transform 0.24s;
  transition: transform 0.24s;
  transition: transform 0.24s, -webkit-transform 0.24s; }

.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
  float: right; }

.ant-collapse > .ant-collapse-item > .ant-collapse-header:focus {
  outline: none; }

.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
  padding-left: 12px; }

.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header {
  padding: 12px 16px;
  padding-right: 40px; }

.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  right: 16px;
  left: initial; }

.ant-collapse-anim-active {
  -webkit-transition: height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); }

.ant-collapse-content {
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border-top: 1px solid #d9d9d9; }

.ant-collapse-content > .ant-collapse-content-box {
  padding: 16px; }

.ant-collapse-content-inactive {
  display: none; }

.ant-collapse-item:last-child > .ant-collapse-content {
  border-radius: 0 0 4px 4px; }

.ant-collapse-borderless {
  background-color: #fff;
  border: 0; }

.ant-collapse-borderless > .ant-collapse-item {
  border-bottom: 1px solid #d9d9d9; }

.ant-collapse-borderless > .ant-collapse-item:last-child,
.ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {
  border-radius: 0; }

.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
  background-color: transparent;
  border-top: 0; }

.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
  padding-top: 4px; }

.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-comment {
  position: relative; }

.ant-comment-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 0; }

.ant-comment-avatar {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 12px;
  cursor: pointer; }

.ant-comment-avatar img {
  width: 32px;
  height: 32px;
  border-radius: 50%; }

.ant-comment-content {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 1px;
  font-size: 14px;
  word-wrap: break-word; }

.ant-comment-content-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 4px;
  font-size: 14px; }

.ant-comment-content-author > a,
.ant-comment-content-author > span {
  height: 18px;
  padding-right: 8px;
  font-size: 12px;
  line-height: 18px; }

.ant-comment-content-author-name {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }

.ant-comment-content-author-name > * {
  color: rgba(0, 0, 0, 0.45); }

.ant-comment-content-author-name > *:hover {
  color: rgba(0, 0, 0, 0.45); }

.ant-comment-content-author-time {
  color: #ccc;
  white-space: nowrap;
  cursor: auto; }

.ant-comment-content-detail p {
  white-space: pre-wrap; }

.ant-comment-actions {
  margin-top: 12px;
  padding-left: 0; }

.ant-comment-actions > li {
  display: inline-block;
  color: rgba(0, 0, 0, 0.45); }

.ant-comment-actions > li > span {
  padding-right: 10px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ant-comment-actions > li > span:hover {
  color: #595959; }

.ant-comment-nested {
  margin-left: 44px; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-calendar-picker-container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1050;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; }

.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topRight,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topRight {
  -webkit-animation-name: antSlideDownIn;
  animation-name: antSlideDownIn; }

.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomRight,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomRight {
  -webkit-animation-name: antSlideUpIn;
  animation-name: antSlideUpIn; }

.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topRight {
  -webkit-animation-name: antSlideDownOut;
  animation-name: antSlideDownOut; }

.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomRight {
  -webkit-animation-name: antSlideUpOut;
  animation-name: antSlideUpOut; }

.ant-calendar-picker {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  outline: none;
  cursor: text;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }

.ant-calendar-picker-input {
  outline: none; }

.ant-calendar-picker-input.ant-input-sm {
  padding-top: 0;
  padding-bottom: 0; }

.ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) {
  border-color: #1890ff; }

.ant-calendar-picker:focus .ant-calendar-picker-input:not(.ant-input-disabled) {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); }

.ant-calendar-picker-clear,
.ant-calendar-picker-icon {
  position: absolute;
  top: 50%;
  right: 12px;
  z-index: 1;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  font-size: 12px;
  line-height: 14px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ant-calendar-picker-clear {
  z-index: 2;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  background: #fff;
  cursor: pointer;
  opacity: 0;
  pointer-events: none; }

.ant-calendar-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45); }

.ant-calendar-picker:hover .ant-calendar-picker-clear {
  opacity: 1;
  pointer-events: auto; }

.ant-calendar-picker-icon {
  display: inline-block;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  line-height: 1; }

.ant-calendar-picker-small .ant-calendar-picker-clear,
.ant-calendar-picker-small .ant-calendar-picker-icon {
  right: 8px; }

.ant-calendar {
  position: relative;
  width: 280px;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #fff;
  border-radius: 4px;
  outline: none;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); }

.ant-calendar-input-wrap {
  height: 34px;
  padding: 6px 10px;
  border-bottom: 1px solid #e8e8e8; }

.ant-calendar-input {
  width: 100%;
  height: 22px;
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
  border: 0;
  outline: 0;
  cursor: auto; }

.ant-calendar-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1; }

.ant-calendar-input:-ms-input-placeholder {
  color: #bfbfbf; }

.ant-calendar-input::-webkit-input-placeholder {
  color: #bfbfbf; }

.ant-calendar-week-number {
  width: 286px; }

.ant-calendar-week-number-cell {
  text-align: center; }

.ant-calendar-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ant-calendar-header a:hover {
  color: #40a9ff; }

.ant-calendar-header .ant-calendar-century-select,
.ant-calendar-header .ant-calendar-decade-select,
.ant-calendar-header .ant-calendar-year-select,
.ant-calendar-header .ant-calendar-month-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 40px; }

.ant-calendar-header .ant-calendar-century-select-arrow,
.ant-calendar-header .ant-calendar-decade-select-arrow,
.ant-calendar-header .ant-calendar-year-select-arrow,
.ant-calendar-header .ant-calendar-month-select-arrow {
  display: none; }

.ant-calendar-header .ant-calendar-prev-century-btn,
.ant-calendar-header .ant-calendar-next-century-btn,
.ant-calendar-header .ant-calendar-prev-decade-btn,
.ant-calendar-header .ant-calendar-next-decade-btn,
.ant-calendar-header .ant-calendar-prev-month-btn,
.ant-calendar-header .ant-calendar-next-month-btn,
.ant-calendar-header .ant-calendar-prev-year-btn,
.ant-calendar-header .ant-calendar-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px; }

.ant-calendar-header .ant-calendar-prev-century-btn,
.ant-calendar-header .ant-calendar-prev-decade-btn,
.ant-calendar-header .ant-calendar-prev-year-btn {
  left: 7px; }

.ant-calendar-header .ant-calendar-prev-century-btn::after,
.ant-calendar-header .ant-calendar-prev-decade-btn::after,
.ant-calendar-header .ant-calendar-prev-year-btn::after {
  content: '«'; }

.ant-calendar-header .ant-calendar-next-century-btn,
.ant-calendar-header .ant-calendar-next-decade-btn,
.ant-calendar-header .ant-calendar-next-year-btn {
  right: 7px; }

.ant-calendar-header .ant-calendar-next-century-btn::after,
.ant-calendar-header .ant-calendar-next-decade-btn::after,
.ant-calendar-header .ant-calendar-next-year-btn::after {
  content: '»'; }

.ant-calendar-header .ant-calendar-prev-month-btn {
  left: 29px; }

.ant-calendar-header .ant-calendar-prev-month-btn::after {
  content: '‹'; }

.ant-calendar-header .ant-calendar-next-month-btn {
  right: 29px; }

.ant-calendar-header .ant-calendar-next-month-btn::after {
  content: '›'; }

.ant-calendar-body {
  padding: 8px 12px; }

.ant-calendar table {
  width: 100%;
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse; }

.ant-calendar table,
.ant-calendar th,
.ant-calendar td {
  text-align: center;
  border: 0; }

.ant-calendar-calendar-table {
  margin-bottom: 0;
  border-spacing: 0; }

.ant-calendar-column-header {
  width: 33px;
  padding: 6px 0;
  line-height: 18px;
  text-align: center; }

.ant-calendar-column-header .ant-calendar-column-header-inner {
  display: block;
  font-weight: normal; }

.ant-calendar-week-number-header .ant-calendar-column-header-inner {
  display: none; }

.ant-calendar-cell {
  height: 30px;
  padding: 3px 0; }

.ant-calendar-date {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  line-height: 22px;
  text-align: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 2px;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease; }

.ant-calendar-date-panel {
  position: relative;
  outline: none; }

.ant-calendar-date:hover {
  background: #e6f7ff;
  cursor: pointer; }

.ant-calendar-date:active {
  color: #fff;
  background: #40a9ff; }

.ant-calendar-today .ant-calendar-date {
  color: #1890ff;
  font-weight: bold;
  border-color: #1890ff; }

.ant-calendar-last-month-cell .ant-calendar-date,
.ant-calendar-next-month-btn-day .ant-calendar-date {
  color: rgba(0, 0, 0, 0.25); }

.ant-calendar-selected-day .ant-calendar-date {
  background: #d1e9ff; }

.ant-calendar-selected-date .ant-calendar-date,
.ant-calendar-selected-start-date .ant-calendar-date,
.ant-calendar-selected-end-date .ant-calendar-date {
  color: #fff;
  background: #1890ff;
  border: 1px solid transparent; }

.ant-calendar-selected-date .ant-calendar-date:hover,
.ant-calendar-selected-start-date .ant-calendar-date:hover,
.ant-calendar-selected-end-date .ant-calendar-date:hover {
  background: #1890ff; }

.ant-calendar-disabled-cell .ant-calendar-date {
  position: relative;
  width: auto;
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border: 1px solid transparent;
  border-radius: 0;
  cursor: not-allowed; }

.ant-calendar-disabled-cell .ant-calendar-date:hover {
  background: #f5f5f5; }

.ant-calendar-disabled-cell.ant-calendar-selected-day .ant-calendar-date::before {
  position: absolute;
  top: -1px;
  left: 5px;
  width: 24px;
  height: 24px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  content: ''; }

.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date {
  position: relative;
  padding-right: 5px;
  padding-left: 5px; }

.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date::before {
  position: absolute;
  top: -1px;
  left: 5px;
  width: 24px;
  height: 24px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 2px;
  content: ' '; }

.ant-calendar-disabled-cell-first-of-row .ant-calendar-date {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.ant-calendar-disabled-cell-last-of-row .ant-calendar-date {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.ant-calendar-footer {
  padding: 0 12px;
  line-height: 38px;
  border-top: 1px solid #e8e8e8; }

.ant-calendar-footer:empty {
  border-top: 0; }

.ant-calendar-footer-btn {
  display: block;
  text-align: center; }

.ant-calendar-footer-extra {
  text-align: left; }

.ant-calendar .ant-calendar-today-btn,
.ant-calendar .ant-calendar-clear-btn {
  display: inline-block;
  margin: 0 0 0 8px;
  text-align: center; }

.ant-calendar .ant-calendar-today-btn-disabled,
.ant-calendar .ant-calendar-clear-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed; }

.ant-calendar .ant-calendar-today-btn:only-child,
.ant-calendar .ant-calendar-clear-btn:only-child {
  margin: 0; }

.ant-calendar .ant-calendar-clear-btn {
  position: absolute;
  top: 7px;
  right: 5px;
  display: none;
  width: 20px;
  height: 20px;
  margin: 0;
  overflow: hidden;
  line-height: 20px;
  text-align: center;
  text-indent: -76px; }

.ant-calendar .ant-calendar-clear-btn::after {
  display: inline-block;
  width: 20px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  line-height: 1;
  text-indent: 43px;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease; }

.ant-calendar .ant-calendar-clear-btn:hover::after {
  color: rgba(0, 0, 0, 0.45); }

.ant-calendar .ant-calendar-ok-btn {
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  height: 32px;
  padding: 0 15px;
  color: #fff;
  background-color: #1890ff;
  border-color: #1890ff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
  height: 24px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px;
  line-height: 22px; }

.ant-calendar .ant-calendar-ok-btn > .anticon {
  line-height: 1; }

.ant-calendar .ant-calendar-ok-btn,
.ant-calendar .ant-calendar-ok-btn:active,
.ant-calendar .ant-calendar-ok-btn:focus {
  outline: 0; }

.ant-calendar .ant-calendar-ok-btn:not([disabled]):hover {
  text-decoration: none; }

.ant-calendar .ant-calendar-ok-btn:not([disabled]):active {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled] {
  cursor: not-allowed; }

.ant-calendar .ant-calendar-ok-btn.disabled > *,
.ant-calendar .ant-calendar-ok-btn[disabled] > * {
  pointer-events: none; }

.ant-calendar .ant-calendar-ok-btn-lg {
  height: 40px;
  padding: 0 15px;
  font-size: 16px;
  border-radius: 4px; }

.ant-calendar .ant-calendar-ok-btn-sm {
  height: 24px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px; }

.ant-calendar .ant-calendar-ok-btn > a:only-child {
  color: currentColor; }

.ant-calendar .ant-calendar-ok-btn > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-calendar .ant-calendar-ok-btn:hover,
.ant-calendar .ant-calendar-ok-btn:focus {
  color: #fff;
  background-color: #40a9ff;
  border-color: #40a9ff; }

.ant-calendar .ant-calendar-ok-btn:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn:focus > a:only-child {
  color: currentColor; }

.ant-calendar .ant-calendar-ok-btn:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-calendar .ant-calendar-ok-btn:active,
.ant-calendar .ant-calendar-ok-btn.active {
  color: #fff;
  background-color: #096dd9;
  border-color: #096dd9; }

.ant-calendar .ant-calendar-ok-btn:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.active > a:only-child {
  color: currentColor; }

.ant-calendar .ant-calendar-ok-btn:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-calendar .ant-calendar-ok-btn-disabled,
.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled],
.ant-calendar .ant-calendar-ok-btn-disabled:hover,
.ant-calendar .ant-calendar-ok-btn.disabled:hover,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover,
.ant-calendar .ant-calendar-ok-btn-disabled:focus,
.ant-calendar .ant-calendar-ok-btn.disabled:focus,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus,
.ant-calendar .ant-calendar-ok-btn-disabled:active,
.ant-calendar .ant-calendar-ok-btn.disabled:active,
.ant-calendar .ant-calendar-ok-btn[disabled]:active,
.ant-calendar .ant-calendar-ok-btn-disabled.active,
.ant-calendar .ant-calendar-ok-btn.disabled.active,
.ant-calendar .ant-calendar-ok-btn[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child {
  color: currentColor; }

.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-calendar .ant-calendar-ok-btn-disabled,
.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled],
.ant-calendar .ant-calendar-ok-btn-disabled:hover,
.ant-calendar .ant-calendar-ok-btn.disabled:hover,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover,
.ant-calendar .ant-calendar-ok-btn-disabled:focus,
.ant-calendar .ant-calendar-ok-btn.disabled:focus,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus,
.ant-calendar .ant-calendar-ok-btn-disabled:active,
.ant-calendar .ant-calendar-ok-btn.disabled:active,
.ant-calendar .ant-calendar-ok-btn[disabled]:active,
.ant-calendar .ant-calendar-ok-btn-disabled.active,
.ant-calendar .ant-calendar-ok-btn.disabled.active,
.ant-calendar .ant-calendar-ok-btn[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child {
  color: currentColor; }

.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: ''; }

.ant-calendar-range-picker-input {
  width: 44%;
  height: 99%;
  text-align: center;
  background-color: transparent;
  border: 0;
  outline: 0; }

.ant-calendar-range-picker-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1; }

.ant-calendar-range-picker-input:-ms-input-placeholder {
  color: #bfbfbf; }

.ant-calendar-range-picker-input::-webkit-input-placeholder {
  color: #bfbfbf; }

.ant-calendar-range-picker-input[disabled] {
  cursor: not-allowed; }

.ant-calendar-range-picker-separator {
  display: inline-block;
  min-width: 10px;
  height: 100%;
  color: rgba(0, 0, 0, 0.45);
  white-space: nowrap;
  text-align: center;
  vertical-align: top;
  pointer-events: none; }

.ant-calendar-range {
  width: 552px;
  overflow: hidden; }

.ant-calendar-range .ant-calendar-date-panel::after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: '.'; }

.ant-calendar-range-part {
  position: relative;
  width: 50%; }

.ant-calendar-range-left {
  float: left; }

.ant-calendar-range-left .ant-calendar-time-picker-inner {
  border-right: 1px solid #e8e8e8; }

.ant-calendar-range-right {
  float: right; }

.ant-calendar-range-right .ant-calendar-time-picker-inner {
  border-left: 1px solid #e8e8e8; }

.ant-calendar-range-middle {
  position: absolute;
  left: 50%;
  z-index: 1;
  height: 34px;
  margin: 1px 0 0 0;
  padding: 0 200px 0 0;
  color: rgba(0, 0, 0, 0.45);
  line-height: 34px;
  text-align: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none; }

.ant-calendar-range-right .ant-calendar-date-input-wrap {
  margin-left: -90px; }

.ant-calendar-range.ant-calendar-time .ant-calendar-range-middle {
  padding: 0 10px 0 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.ant-calendar-range.ant-calendar-time .ant-calendar-range-right .ant-calendar-date-input-wrap {
  margin-left: 0; }

.ant-calendar-range .ant-calendar-input-wrap {
  position: relative;
  height: 34px; }

.ant-calendar-range .ant-calendar-input,
.ant-calendar-range .ant-calendar-time-picker-input {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  height: 24px;
  padding-right: 0;
  padding-left: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

.ant-calendar-range .ant-calendar-input::-moz-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1; }

.ant-calendar-range .ant-calendar-input:-ms-input-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input:-ms-input-placeholder {
  color: #bfbfbf; }

.ant-calendar-range .ant-calendar-input::-webkit-input-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input::-webkit-input-placeholder {
  color: #bfbfbf; }

.ant-calendar-range .ant-calendar-input:hover,
.ant-calendar-range .ant-calendar-time-picker-input:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important; }

.ant-calendar-range .ant-calendar-input:focus,
.ant-calendar-range .ant-calendar-time-picker-input:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); }

.ant-calendar-range .ant-calendar-input-disabled,
.ant-calendar-range .ant-calendar-time-picker-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1; }

.ant-calendar-range .ant-calendar-input-disabled:hover,
.ant-calendar-range .ant-calendar-time-picker-input-disabled:hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important; }

.ant-calendar-range .ant-calendar-input[disabled],
.ant-calendar-range .ant-calendar-time-picker-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1; }

.ant-calendar-range .ant-calendar-input[disabled]:hover,
.ant-calendar-range .ant-calendar-time-picker-input[disabled]:hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important; }

textarea.ant-calendar-range .ant-calendar-input,
textarea.ant-calendar-range .ant-calendar-time-picker-input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  vertical-align: bottom;
  -webkit-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s; }

.ant-calendar-range .ant-calendar-input-lg,
.ant-calendar-range .ant-calendar-time-picker-input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px; }

.ant-calendar-range .ant-calendar-input-sm,
.ant-calendar-range .ant-calendar-time-picker-input-sm {
  height: 24px;
  padding: 1px 7px; }

.ant-calendar-range .ant-calendar-input:focus,
.ant-calendar-range .ant-calendar-time-picker-input:focus {
  -webkit-box-shadow: none;
  box-shadow: none; }

.ant-calendar-range .ant-calendar-time-picker-icon {
  display: none; }

.ant-calendar-range.ant-calendar-week-number {
  width: 574px; }

.ant-calendar-range.ant-calendar-week-number .ant-calendar-range-part {
  width: 286px; }

.ant-calendar-range .ant-calendar-year-panel,
.ant-calendar-range .ant-calendar-month-panel,
.ant-calendar-range .ant-calendar-decade-panel {
  top: 34px; }

.ant-calendar-range .ant-calendar-month-panel .ant-calendar-year-panel {
  top: 0; }

.ant-calendar-range .ant-calendar-decade-panel-table,
.ant-calendar-range .ant-calendar-year-panel-table,
.ant-calendar-range .ant-calendar-month-panel-table {
  height: 208px; }

.ant-calendar-range .ant-calendar-in-range-cell {
  position: relative;
  border-radius: 0; }

.ant-calendar-range .ant-calendar-in-range-cell > div {
  position: relative;
  z-index: 1; }

.ant-calendar-range .ant-calendar-in-range-cell::before {
  position: absolute;
  top: 4px;
  right: 0;
  bottom: 4px;
  left: 0;
  display: block;
  background: #e6f7ff;
  border: 0;
  border-radius: 0;
  content: ''; }

.ant-calendar-range .ant-calendar-footer-extra {
  float: left; }

div.ant-calendar-range-quick-selector {
  text-align: left; }

div.ant-calendar-range-quick-selector > a {
  margin-right: 8px; }

.ant-calendar-range .ant-calendar-header,
.ant-calendar-range .ant-calendar-month-panel-header,
.ant-calendar-range .ant-calendar-year-panel-header {
  border-bottom: 0; }

.ant-calendar-range .ant-calendar-body,
.ant-calendar-range .ant-calendar-month-panel-body,
.ant-calendar-range .ant-calendar-year-panel-body {
  border-top: 1px solid #e8e8e8; }

.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker {
  top: 68px;
  z-index: 2;
  width: 100%;
  height: 207px; }

.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-panel {
  height: 267px;
  margin-top: -34px; }

.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-inner {
  height: 100%;
  padding-top: 40px;
  background: none; }

.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-combobox {
  display: inline-block;
  height: 100%;
  background-color: #fff;
  border-top: 1px solid #e8e8e8; }

.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select {
  height: 100%; }

.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select ul {
  max-height: 100%; }

.ant-calendar-range.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn {
  margin-right: 8px; }

.ant-calendar-range.ant-calendar-time .ant-calendar-today-btn {
  height: 22px;
  margin: 8px 12px;
  line-height: 22px; }

.ant-calendar-range-with-ranges.ant-calendar-time .ant-calendar-time-picker {
  height: 233px; }

.ant-calendar-range.ant-calendar-show-time-picker .ant-calendar-body {
  border-top-color: transparent; }

.ant-calendar-time-picker {
  position: absolute;
  top: 40px;
  width: 100%;
  background-color: #fff; }

.ant-calendar-time-picker-panel {
  position: absolute;
  z-index: 1050;
  width: 100%; }

.ant-calendar-time-picker-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  outline: none; }

.ant-calendar-time-picker-combobox {
  width: 100%; }

.ant-calendar-time-picker-column-1,
.ant-calendar-time-picker-column-1 .ant-calendar-time-picker-select {
  width: 100%; }

.ant-calendar-time-picker-column-2 .ant-calendar-time-picker-select {
  width: 50%; }

.ant-calendar-time-picker-column-3 .ant-calendar-time-picker-select {
  width: 33.33%; }

.ant-calendar-time-picker-column-4 .ant-calendar-time-picker-select {
  width: 25%; }

.ant-calendar-time-picker-input-wrap {
  display: none; }

.ant-calendar-time-picker-select {
  position: relative;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 226px;
  overflow: hidden;
  font-size: 14px;
  border-right: 1px solid #e8e8e8; }

.ant-calendar-time-picker-select:hover {
  overflow-y: auto; }

.ant-calendar-time-picker-select:first-child {
  margin-left: 0;
  border-left: 0; }

.ant-calendar-time-picker-select:last-child {
  border-right: 0; }

.ant-calendar-time-picker-select ul {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-height: 206px;
  margin: 0;
  padding: 0;
  list-style: none; }

.ant-calendar-time-picker-select li {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 100%;
  height: 24px;
  margin: 0;
  padding-left: 32px;
  line-height: 24px;
  list-style: none;
  cursor: pointer;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ant-calendar-time-picker-select li:last-child::after {
  display: block;
  height: 202px;
  content: ''; }

.ant-calendar-time-picker-select li:hover {
  background: #e6f7ff; }

li.ant-calendar-time-picker-select-option-selected {
  font-weight: bold;
  background: #f5f5f5; }

li.ant-calendar-time-picker-select-option-disabled {
  color: rgba(0, 0, 0, 0.25); }

li.ant-calendar-time-picker-select-option-disabled:hover {
  background: transparent;
  cursor: not-allowed; }

.ant-calendar-time .ant-calendar-day-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 34px; }

.ant-calendar-time .ant-calendar-footer {
  position: relative;
  height: auto; }

.ant-calendar-time .ant-calendar-footer-btn {
  text-align: right; }

.ant-calendar-time .ant-calendar-footer .ant-calendar-today-btn {
  float: left;
  margin: 0; }

.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn {
  display: inline-block;
  margin-right: 8px; }

.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn-disabled {
  color: rgba(0, 0, 0, 0.25); }

.ant-calendar-month-panel {
  position: absolute;
  top: 1px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: #fff;
  border-radius: 4px;
  outline: none; }

.ant-calendar-month-panel > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%; }

.ant-calendar-month-panel-hidden {
  display: none; }

.ant-calendar-month-panel-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ant-calendar-month-panel-header a:hover {
  color: #40a9ff; }

.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-year-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 40px; }

.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-year-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select-arrow {
  display: none; }

.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px; }

.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn {
  left: 7px; }

.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::after {
  content: '«'; }

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn {
  right: 7px; }

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after {
  content: '»'; }

.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn {
  left: 29px; }

.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn::after {
  content: '‹'; }

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn {
  right: 29px; }

.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::after {
  content: '›'; }

.ant-calendar-month-panel-body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.ant-calendar-month-panel-footer {
  border-top: 1px solid #e8e8e8; }

.ant-calendar-month-panel-footer .ant-calendar-footer-extra {
  padding: 0 12px; }

.ant-calendar-month-panel-table {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: separate; }

.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month {
  color: #fff;
  background: #1890ff; }

.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover {
  color: #fff;
  background: #1890ff; }

.ant-calendar-month-panel-cell {
  text-align: center; }

.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month,
.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month:hover {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  cursor: not-allowed; }

.ant-calendar-month-panel-month {
  display: inline-block;
  height: 24px;
  margin: 0 auto;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  text-align: center;
  background: transparent;
  border-radius: 2px;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease; }

.ant-calendar-month-panel-month:hover {
  background: #e6f7ff;
  cursor: pointer; }

.ant-calendar-year-panel {
  position: absolute;
  top: 1px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: #fff;
  border-radius: 4px;
  outline: none; }

.ant-calendar-year-panel > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%; }

.ant-calendar-year-panel-hidden {
  display: none; }

.ant-calendar-year-panel-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ant-calendar-year-panel-header a:hover {
  color: #40a9ff; }

.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-year-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 40px; }

.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-year-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select-arrow {
  display: none; }

.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px; }

.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn {
  left: 7px; }

.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::after {
  content: '«'; }

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn {
  right: 7px; }

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after {
  content: '»'; }

.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn {
  left: 29px; }

.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn::after {
  content: '‹'; }

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn {
  right: 29px; }

.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::after {
  content: '›'; }

.ant-calendar-year-panel-body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.ant-calendar-year-panel-footer {
  border-top: 1px solid #e8e8e8; }

.ant-calendar-year-panel-footer .ant-calendar-footer-extra {
  padding: 0 12px; }

.ant-calendar-year-panel-table {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: separate; }

.ant-calendar-year-panel-cell {
  text-align: center; }

.ant-calendar-year-panel-year {
  display: inline-block;
  height: 24px;
  margin: 0 auto;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  text-align: center;
  background: transparent;
  border-radius: 2px;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease; }

.ant-calendar-year-panel-year:hover {
  background: #e6f7ff;
  cursor: pointer; }

.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year {
  color: #fff;
  background: #1890ff; }

.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover {
  color: #fff;
  background: #1890ff; }

.ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year,
.ant-calendar-year-panel-next-decade-cell .ant-calendar-year-panel-year {
  color: rgba(0, 0, 0, 0.25);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ant-calendar-decade-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #fff;
  border-radius: 4px;
  outline: none; }

.ant-calendar-decade-panel-hidden {
  display: none; }

.ant-calendar-decade-panel-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ant-calendar-decade-panel-header a:hover {
  color: #40a9ff; }

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 40px; }

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select-arrow {
  display: none; }

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px; }

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn {
  left: 7px; }

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::after {
  content: '«'; }

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn {
  right: 7px; }

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after {
  content: '»'; }

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn {
  left: 29px; }

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn::after {
  content: '‹'; }

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn {
  right: 29px; }

.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::after {
  content: '›'; }

.ant-calendar-decade-panel-body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.ant-calendar-decade-panel-footer {
  border-top: 1px solid #e8e8e8; }

.ant-calendar-decade-panel-footer .ant-calendar-footer-extra {
  padding: 0 12px; }

.ant-calendar-decade-panel-table {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: separate; }

.ant-calendar-decade-panel-cell {
  white-space: nowrap;
  text-align: center; }

.ant-calendar-decade-panel-decade {
  display: inline-block;
  height: 24px;
  margin: 0 auto;
  padding: 0 6px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  text-align: center;
  background: transparent;
  border-radius: 2px;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease; }

.ant-calendar-decade-panel-decade:hover {
  background: #e6f7ff;
  cursor: pointer; }

.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade {
  color: #fff;
  background: #1890ff; }

.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover {
  color: #fff;
  background: #1890ff; }

.ant-calendar-decade-panel-last-century-cell .ant-calendar-decade-panel-decade,
.ant-calendar-decade-panel-next-century-cell .ant-calendar-decade-panel-decade {
  color: rgba(0, 0, 0, 0.25);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ant-calendar-month .ant-calendar-month-header-wrap {
  position: relative;
  height: 288px; }

.ant-calendar-month .ant-calendar-month-panel,
.ant-calendar-month .ant-calendar-year-panel {
  top: 0;
  height: 100%; }

.ant-calendar-week-number-cell {
  opacity: 0.5; }

.ant-calendar-week-number .ant-calendar-body tr {
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.ant-calendar-week-number .ant-calendar-body tr:hover {
  background: #e6f7ff; }

.ant-calendar-week-number .ant-calendar-body tr.ant-calendar-active-week {
  font-weight: bold;
  background: #bae7ff; }

.ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day .ant-calendar-date,
.ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day:hover .ant-calendar-date {
  color: rgba(0, 0, 0, 0.65);
  background: transparent; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-time-picker-panel {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1050;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; }

.ant-time-picker-panel-inner {
  position: relative;
  left: -2px;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  outline: none;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); }

.ant-time-picker-panel-input {
  width: 100%;
  max-width: 154px;
  margin: 0;
  padding: 0;
  line-height: normal;
  border: 0;
  outline: 0;
  cursor: auto; }

.ant-time-picker-panel-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1; }

.ant-time-picker-panel-input:-ms-input-placeholder {
  color: #bfbfbf; }

.ant-time-picker-panel-input::-webkit-input-placeholder {
  color: #bfbfbf; }

.ant-time-picker-panel-input-wrap {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 7px 2px 7px 12px;
  border-bottom: 1px solid #e8e8e8; }

.ant-time-picker-panel-input-invalid {
  border-color: #f5222d; }

.ant-time-picker-panel-narrow .ant-time-picker-panel-input-wrap {
  max-width: 112px; }

.ant-time-picker-panel-select {
  position: relative;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 56px;
  max-height: 192px;
  overflow: hidden;
  font-size: 14px;
  border-left: 1px solid #e8e8e8; }

.ant-time-picker-panel-select:hover {
  overflow-y: auto; }

.ant-time-picker-panel-select:first-child {
  margin-left: 0;
  border-left: 0; }

.ant-time-picker-panel-select:last-child {
  border-right: 0; }

.ant-time-picker-panel-select:only-child {
  width: 100%; }

.ant-time-picker-panel-select ul {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0 0 160px;
  list-style: none; }

.ant-time-picker-panel-select li {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 100%;
  height: 32px;
  margin: 0;
  padding: 0 0 0 12px;
  line-height: 32px;
  text-align: left;
  list-style: none;
  cursor: pointer;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ant-time-picker-panel-select li:hover {
  background: #e6f7ff; }

li.ant-time-picker-panel-select-option-selected {
  font-weight: bold;
  background: #f5f5f5; }

li.ant-time-picker-panel-select-option-selected:hover {
  background: #f5f5f5; }

li.ant-time-picker-panel-select-option-disabled {
  color: rgba(0, 0, 0, 0.25); }

li.ant-time-picker-panel-select-option-disabled:hover {
  background: transparent;
  cursor: not-allowed; }

.ant-time-picker-panel-combobox {
  zoom: 1; }

.ant-time-picker-panel-combobox::before,
.ant-time-picker-panel-combobox::after {
  display: table;
  content: ''; }

.ant-time-picker-panel-combobox::after {
  clear: both; }

.ant-time-picker-panel-addon {
  padding: 8px;
  border-top: 1px solid #e8e8e8; }

.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topRight,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topRight {
  -webkit-animation-name: antSlideDownIn;
  animation-name: antSlideDownIn; }

.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomRight,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomRight {
  -webkit-animation-name: antSlideUpIn;
  animation-name: antSlideUpIn; }

.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topRight {
  -webkit-animation-name: antSlideDownOut;
  animation-name: antSlideDownOut; }

.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomRight {
  -webkit-animation-name: antSlideUpOut;
  animation-name: antSlideUpOut; }

.ant-time-picker {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 128px;
  outline: none;
  cursor: text;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }

.ant-time-picker-input {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.ant-time-picker-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1; }

.ant-time-picker-input:-ms-input-placeholder {
  color: #bfbfbf; }

.ant-time-picker-input::-webkit-input-placeholder {
  color: #bfbfbf; }

.ant-time-picker-input:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important; }

.ant-time-picker-input:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); }

.ant-time-picker-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1; }

.ant-time-picker-input-disabled:hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important; }

.ant-time-picker-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1; }

.ant-time-picker-input[disabled]:hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important; }

textarea.ant-time-picker-input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  vertical-align: bottom;
  -webkit-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s; }

.ant-time-picker-input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px; }

.ant-time-picker-input-sm {
  height: 24px;
  padding: 1px 7px; }

.ant-time-picker-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1; }

.ant-time-picker-input[disabled]:hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important; }

.ant-time-picker-open {
  opacity: 0; }

.ant-time-picker-icon,
.ant-time-picker-clear {
  position: absolute;
  top: 50%;
  right: 11px;
  z-index: 1;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  color: rgba(0, 0, 0, 0.25);
  line-height: 14px;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ant-time-picker-icon .ant-time-picker-clock-icon,
.ant-time-picker-clear .ant-time-picker-clock-icon {
  display: block;
  color: rgba(0, 0, 0, 0.25);
  line-height: 1; }

.ant-time-picker-clear {
  z-index: 2;
  background: #fff;
  opacity: 0;
  pointer-events: none; }

.ant-time-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45); }

.ant-time-picker:hover .ant-time-picker-clear {
  opacity: 1;
  pointer-events: auto; }

.ant-time-picker-large .ant-time-picker-input {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px; }

.ant-time-picker-small .ant-time-picker-input {
  height: 24px;
  padding: 1px 7px; }

.ant-time-picker-small .ant-time-picker-icon,
.ant-time-picker-small .ant-time-picker-clear {
  right: 7px; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-tag {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  display: inline-block;
  height: auto;
  margin-right: 8px;
  padding: 0 7px;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  background: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  cursor: default;
  opacity: 1;
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); }

.ant-tag:hover {
  opacity: 0.85; }

.ant-tag,
.ant-tag a,
.ant-tag a:hover {
  color: rgba(0, 0, 0, 0.65); }

.ant-tag > a:first-child:last-child {
  display: inline-block;
  margin: 0 -8px;
  padding: 0 8px; }

.ant-tag .anticon-close {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333) rotate(0deg);
  transform: scale(0.83333) rotate(0deg);
  margin-left: 3px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  cursor: pointer;
  -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); }

:root .ant-tag .anticon-close {
  font-size: 12px; }

.ant-tag .anticon-close:hover {
  color: rgba(0, 0, 0, 0.85); }

.ant-tag-has-color {
  border-color: transparent; }

.ant-tag-has-color,
.ant-tag-has-color a,
.ant-tag-has-color a:hover,
.ant-tag-has-color .anticon-close,
.ant-tag-has-color .anticon-close:hover {
  color: #fff; }

.ant-tag-checkable {
  background-color: transparent;
  border-color: transparent; }

.ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
  color: #1890ff; }

.ant-tag-checkable:active,
.ant-tag-checkable-checked {
  color: #fff; }

.ant-tag-checkable-checked {
  background-color: #1890ff; }

.ant-tag-checkable:active {
  background-color: #096dd9; }

.ant-tag-hidden {
  display: none; }

.ant-tag-pink {
  color: #eb2f96;
  background: #fff0f6;
  border-color: #ffadd2; }

.ant-tag-pink-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96; }

.ant-tag-magenta {
  color: #eb2f96;
  background: #fff0f6;
  border-color: #ffadd2; }

.ant-tag-magenta-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96; }

.ant-tag-red {
  color: #f5222d;
  background: #fff1f0;
  border-color: #ffa39e; }

.ant-tag-red-inverse {
  color: #fff;
  background: #f5222d;
  border-color: #f5222d; }

.ant-tag-volcano {
  color: #fa541c;
  background: #fff2e8;
  border-color: #ffbb96; }

.ant-tag-volcano-inverse {
  color: #fff;
  background: #fa541c;
  border-color: #fa541c; }

.ant-tag-orange {
  color: #fa8c16;
  background: #fff7e6;
  border-color: #ffd591; }

.ant-tag-orange-inverse {
  color: #fff;
  background: #fa8c16;
  border-color: #fa8c16; }

.ant-tag-yellow {
  color: #fadb14;
  background: #feffe6;
  border-color: #fffb8f; }

.ant-tag-yellow-inverse {
  color: #fff;
  background: #fadb14;
  border-color: #fadb14; }

.ant-tag-gold {
  color: #faad14;
  background: #fffbe6;
  border-color: #ffe58f; }

.ant-tag-gold-inverse {
  color: #fff;
  background: #faad14;
  border-color: #faad14; }

.ant-tag-cyan {
  color: #13c2c2;
  background: #e6fffb;
  border-color: #87e8de; }

.ant-tag-cyan-inverse {
  color: #fff;
  background: #13c2c2;
  border-color: #13c2c2; }

.ant-tag-lime {
  color: #a0d911;
  background: #fcffe6;
  border-color: #eaff8f; }

.ant-tag-lime-inverse {
  color: #fff;
  background: #a0d911;
  border-color: #a0d911; }

.ant-tag-green {
  color: #52c41a;
  background: #f6ffed;
  border-color: #b7eb8f; }

.ant-tag-green-inverse {
  color: #fff;
  background: #52c41a;
  border-color: #52c41a; }

.ant-tag-blue {
  color: #1890ff;
  background: #e6f7ff;
  border-color: #91d5ff; }

.ant-tag-blue-inverse {
  color: #fff;
  background: #1890ff;
  border-color: #1890ff; }

.ant-tag-geekblue {
  color: #2f54eb;
  background: #f0f5ff;
  border-color: #adc6ff; }

.ant-tag-geekblue-inverse {
  color: #fff;
  background: #2f54eb;
  border-color: #2f54eb; }

.ant-tag-purple {
  color: #722ed1;
  background: #f9f0ff;
  border-color: #d3adf7; }

.ant-tag-purple-inverse {
  color: #fff;
  background: #722ed1;
  border-color: #722ed1; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-divider {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  background: #e8e8e8; }

.ant-divider,
.ant-divider-vertical {
  position: relative;
  top: -0.06em;
  display: inline-block;
  width: 1px;
  height: 0.9em;
  margin: 0 8px;
  vertical-align: middle; }

.ant-divider-horizontal {
  display: block;
  clear: both;
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 24px 0; }

.ant-divider-horizontal.ant-divider-with-text,
.ant-divider-horizontal.ant-divider-with-text-left,
.ant-divider-horizontal.ant-divider-with-text-right {
  display: table;
  margin: 16px 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  text-align: center;
  background: transparent; }

.ant-divider-horizontal.ant-divider-with-text::before,
.ant-divider-horizontal.ant-divider-with-text-left::before,
.ant-divider-horizontal.ant-divider-with-text-right::before,
.ant-divider-horizontal.ant-divider-with-text::after,
.ant-divider-horizontal.ant-divider-with-text-left::after,
.ant-divider-horizontal.ant-divider-with-text-right::after {
  position: relative;
  top: 50%;
  display: table-cell;
  width: 50%;
  border-top: 1px solid #e8e8e8;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  content: ''; }

.ant-divider-horizontal.ant-divider-with-text-left .ant-divider-inner-text,
.ant-divider-horizontal.ant-divider-with-text-right .ant-divider-inner-text {
  display: inline-block;
  padding: 0 10px; }

.ant-divider-horizontal.ant-divider-with-text-left::before {
  top: 50%;
  width: 5%; }

.ant-divider-horizontal.ant-divider-with-text-left::after {
  top: 50%;
  width: 95%; }

.ant-divider-horizontal.ant-divider-with-text-right::before {
  top: 50%;
  width: 95%; }

.ant-divider-horizontal.ant-divider-with-text-right::after {
  top: 50%;
  width: 5%; }

.ant-divider-inner-text {
  display: inline-block;
  padding: 0 24px; }

.ant-divider-dashed {
  background: none;
  border-top: 1px dashed #e8e8e8; }

.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed {
  border-top: 0; }

.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed::after,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed::after,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed::after {
  border-style: dashed none none; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-drawer {
  position: fixed;
  z-index: 1000;
  width: 0%;
  height: 100%; }

.ant-drawer > * {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.9, 0, 0.3, 0.7), -webkit-box-shadow 0.3s cubic-bezier(0.9, 0, 0.3, 0.7);
  transition: -webkit-transform 0.3s cubic-bezier(0.9, 0, 0.3, 0.7), -webkit-box-shadow 0.3s cubic-bezier(0.9, 0, 0.3, 0.7);
  transition: transform 0.3s cubic-bezier(0.9, 0, 0.3, 0.7), box-shadow 0.3s cubic-bezier(0.9, 0, 0.3, 0.7);
  transition: transform 0.3s cubic-bezier(0.9, 0, 0.3, 0.7), box-shadow 0.3s cubic-bezier(0.9, 0, 0.3, 0.7), -webkit-transform 0.3s cubic-bezier(0.9, 0, 0.3, 0.7), -webkit-box-shadow 0.3s cubic-bezier(0.9, 0, 0.3, 0.7); }

.ant-drawer-content-wrapper {
  position: fixed; }

.ant-drawer .ant-drawer-content {
  width: 100%;
  height: 100%; }

.ant-drawer-left,
.ant-drawer-right {
  top: 0;
  width: 0%;
  height: 100%; }

.ant-drawer-left .ant-drawer-content-wrapper,
.ant-drawer-right .ant-drawer-content-wrapper {
  height: 100%; }

.ant-drawer-left.ant-drawer-open,
.ant-drawer-right.ant-drawer-open {
  width: 100%; }

.ant-drawer-left.ant-drawer-open.no-mask,
.ant-drawer-right.ant-drawer-open.no-mask {
  width: 0%; }

.ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper {
  -webkit-box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15); }

.ant-drawer-right {
  right: 0; }

.ant-drawer-right .ant-drawer-content-wrapper {
  right: 0; }

.ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper {
  -webkit-box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15); }

.ant-drawer-top,
.ant-drawer-bottom {
  left: 0;
  width: 100%;
  height: 0%; }

.ant-drawer-top .ant-drawer-content-wrapper,
.ant-drawer-bottom .ant-drawer-content-wrapper {
  width: 100%; }

.ant-drawer-top.ant-drawer-open,
.ant-drawer-bottom.ant-drawer-open {
  height: 100%; }

.ant-drawer-top.ant-drawer-open.no-mask,
.ant-drawer-bottom.ant-drawer-open.no-mask {
  height: 0%; }

.ant-drawer-top {
  top: 0; }

.ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); }

.ant-drawer-bottom {
  bottom: 0; }

.ant-drawer-bottom .ant-drawer-content-wrapper {
  bottom: 0; }

.ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper {
  -webkit-box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15); }

.ant-drawer.ant-drawer-open .ant-drawer-mask {
  height: 100%;
  opacity: 0.3;
  -webkit-transition: none;
  transition: none;
  -webkit-animation: antdDrawerFadeIn 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  animation: antdDrawerFadeIn 0.3s cubic-bezier(0.7, 0.3, 0.1, 1); }

.ant-drawer-title {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px; }

.ant-drawer-content {
  position: relative;
  z-index: 1;
  background-color: #fff;
  background-clip: padding-box;
  border: 0; }

.ant-drawer-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  display: block;
  width: 56px;
  height: 56px;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 700;
  font-size: 16px;
  font-style: normal;
  line-height: 56px;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  text-rendering: auto; }

.ant-drawer-close:focus,
.ant-drawer-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none; }

.ant-drawer-header {
  position: relative;
  padding: 16px 24px;
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 4px 4px 0 0; }

.ant-drawer-header-no-title {
  color: rgba(0, 0, 0, 0.65);
  background: #fff; }

.ant-drawer-body {
  padding: 24px;
  font-size: 14px;
  line-height: 1.5;
  word-wrap: break-word; }

.ant-drawer-mask {
  position: fixed;
  width: 100%;
  height: 0;
  background-color: rgba(0, 0, 0, 0.65);
  opacity: 0;
  filter: alpha(opacity=50);
  -webkit-transition: opacity 0.3s linear, height 0s ease 0.3s;
  transition: opacity 0.3s linear, height 0s ease 0.3s; }

.ant-drawer-open {
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), -webkit-transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1); }

.ant-drawer-open-content {
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); }

@-webkit-keyframes antdDrawerFadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 0.3; } }

@keyframes antdDrawerFadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 0.3; } }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-form {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum'; }

.ant-form legend {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  line-height: inherit;
  border: 0;
  border-bottom: 1px solid #d9d9d9; }

.ant-form label {
  font-size: 14px; }

.ant-form input[type='search'] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.ant-form input[type='radio'],
.ant-form input[type='checkbox'] {
  line-height: normal; }

.ant-form input[type='file'] {
  display: block; }

.ant-form input[type='range'] {
  display: block;
  width: 100%; }

.ant-form select[multiple],
.ant-form select[size] {
  height: auto; }

.ant-form input[type='file']:focus,
.ant-form input[type='radio']:focus,
.ant-form input[type='checkbox']:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

.ant-form output {
  display: block;
  padding-top: 15px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5; }

.ant-form-item-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 14px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*'; }

.ant-form-hide-required-mark .ant-form-item-required::before {
  display: none; }

.ant-form-item-label > label {
  color: rgba(0, 0, 0, 0.85); }

.ant-form-item-label > label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px; }

.ant-form-item-label > label.ant-form-item-no-colon::after {
  content: ' '; }

input[type='radio'][disabled],
input[type='checkbox'][disabled],
input[type='radio'].disabled,
input[type='checkbox'].disabled {
  cursor: not-allowed; }

.ant-radio-inline.disabled,
.ant-radio-vertical.disabled,
.ant-checkbox-inline.disabled,
.ant-checkbox-vertical.disabled {
  cursor: not-allowed; }

.ant-radio.disabled label,
.ant-checkbox.disabled label {
  cursor: not-allowed; }

.ant-form-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  margin-bottom: 24px;
  vertical-align: top; }

.ant-form-item label {
  position: relative; }

.ant-form-item label > .anticon {
  font-size: 14px;
  vertical-align: top; }

.ant-form-item-control {
  position: relative;
  line-height: 40px;
  zoom: 1; }

.ant-form-item-control::before,
.ant-form-item-control::after {
  display: table;
  content: ''; }

.ant-form-item-control::after {
  clear: both; }

.ant-form-item-children {
  position: relative; }

.ant-form-item-with-help {
  margin-bottom: 5px; }

.ant-form-item-label {
  display: inline-block;
  overflow: hidden;
  line-height: 39.9999px;
  white-space: nowrap;
  text-align: right;
  vertical-align: middle; }

.ant-form-item-label-left {
  text-align: left; }

.ant-form-item .ant-switch {
  margin: 2px 0 4px; }

.ant-form-explain,
.ant-form-extra {
  clear: both;
  min-height: 22px;
  margin-top: -2px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5;
  -webkit-transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }

.ant-form-explain {
  margin-bottom: -1px; }

.ant-form-extra {
  padding-top: 4px; }

.ant-form-text {
  display: inline-block;
  padding-right: 8px; }

.ant-form-split {
  display: block;
  text-align: center; }

form .has-feedback .ant-input {
  padding-right: 24px; }

form .has-feedback > .ant-select .ant-select-arrow,
form .has-feedback > .ant-select .ant-select-selection__clear,
form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow,
form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection__clear {
  right: 28px; }

form .has-feedback > .ant-select .ant-select-selection-selected-value,
form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value {
  padding-right: 42px; }

form .has-feedback .ant-cascader-picker-arrow {
  margin-right: 17px; }

form .has-feedback .ant-cascader-picker-clear {
  right: 28px; }

form .has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix {
  right: 28px; }

form .has-feedback .ant-calendar-picker-icon,
form .has-feedback .ant-time-picker-icon,
form .has-feedback .ant-calendar-picker-clear,
form .has-feedback .ant-time-picker-clear {
  right: 28px; }

form textarea.ant-input {
  height: auto;
  margin-bottom: 4px; }

form .ant-upload {
  background: transparent; }

form input[type='radio'],
form input[type='checkbox'] {
  width: 14px;
  height: 14px; }

form .ant-radio-inline,
form .ant-checkbox-inline {
  display: inline-block;
  margin-left: 8px;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer; }

form .ant-radio-inline:first-child,
form .ant-checkbox-inline:first-child {
  margin-left: 0; }

form .ant-checkbox-vertical,
form .ant-radio-vertical {
  display: block; }

form .ant-checkbox-vertical + .ant-checkbox-vertical,
form .ant-radio-vertical + .ant-radio-vertical {
  margin-left: 0; }

form .ant-input-number + .ant-form-text {
  margin-left: 8px; }

form .ant-input-number-handler-wrap {
  z-index: 2; }

form .ant-select,
form .ant-cascader-picker {
  width: 100%; }

form .ant-input-group .ant-select,
form .ant-input-group .ant-cascader-picker {
  width: auto; }

form :not(.ant-input-group-wrapper) > .ant-input-group,
form .ant-input-group-wrapper {
  position: relative;
  top: -1px;
  display: inline-block;
  vertical-align: middle; }

.ant-input-group-wrap .ant-select-selection {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.ant-input-group-wrap .ant-select-selection:hover {
  border-color: #d9d9d9; }

.ant-input-group-wrap .ant-select-selection--single {
  height: 40px;
  margin-left: -1px;
  background-color: rgba(0, 0, 0, 0.07); }

.ant-input-group-wrap .ant-select-selection--single .ant-select-selection__rendered {
  padding-right: 25px;
  padding-left: 8px;
  line-height: 30px; }

.ant-input-group-wrap .ant-select-open .ant-select-selection {
  border-color: #d9d9d9;
  -webkit-box-shadow: none;
  box-shadow: none; }

.ant-form-vertical .ant-form-item-label,
.ant-col-24.ant-form-item-label,
.ant-col-xl-24.ant-form-item-label {
  display: block;
  margin: 0;
  padding: 0 0 8px;
  line-height: 1.5;
  white-space: initial;
  text-align: left; }

.ant-form-vertical .ant-form-item-label label::after,
.ant-col-24.ant-form-item-label label::after,
.ant-col-xl-24.ant-form-item-label label::after {
  display: none; }

.ant-form-vertical .ant-form-item {
  padding-bottom: 8px; }

.ant-form-vertical .ant-form-item-control {
  line-height: 1.5; }

.ant-form-vertical .ant-form-explain {
  margin-top: 2px;
  margin-bottom: -5px; }

.ant-form-vertical .ant-form-extra {
  margin-top: 2px;
  margin-bottom: -4px; }

@media (max-width: 575px) {
  .ant-form-item-label,
  .ant-form-item-control-wrapper {
    display: block;
    width: 100%; }
  .ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left; }
  .ant-form-item-label label::after {
    display: none; }
  .ant-col-xs-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left; }
  .ant-col-xs-24.ant-form-item-label label::after {
    display: none; } }

@media (max-width: 767px) {
  .ant-col-sm-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left; }
  .ant-col-sm-24.ant-form-item-label label::after {
    display: none; } }

@media (max-width: 991px) {
  .ant-col-md-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left; }
  .ant-col-md-24.ant-form-item-label label::after {
    display: none; } }

@media (max-width: 1199px) {
  .ant-col-lg-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left; }
  .ant-col-lg-24.ant-form-item-label label::after {
    display: none; } }

@media (max-width: 1599px) {
  .ant-col-xl-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left; }
  .ant-col-xl-24.ant-form-item-label label::after {
    display: none; } }

.ant-form-inline .ant-form-item {
  display: inline-block;
  margin-right: 16px;
  margin-bottom: 0; }

.ant-form-inline .ant-form-item-with-help {
  margin-bottom: 24px; }

.ant-form-inline .ant-form-item > .ant-form-item-control-wrapper,
.ant-form-inline .ant-form-item > .ant-form-item-label {
  display: inline-block;
  vertical-align: top; }

.ant-form-inline .ant-form-text {
  display: inline-block; }

.ant-form-inline .has-feedback {
  display: inline-block; }

.has-success.has-feedback .ant-form-item-children-icon,
.has-warning.has-feedback .ant-form-item-children-icon,
.has-error.has-feedback .ant-form-item-children-icon,
.is-validating.has-feedback .ant-form-item-children-icon {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  width: 32px;
  height: 20px;
  margin-top: -10px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  visibility: visible;
  -webkit-animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  pointer-events: none; }

.has-success.has-feedback .ant-form-item-children-icon svg,
.has-warning.has-feedback .ant-form-item-children-icon svg,
.has-error.has-feedback .ant-form-item-children-icon svg,
.is-validating.has-feedback .ant-form-item-children-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

.has-success.has-feedback .ant-form-item-children-icon {
  color: #52c41a;
  -webkit-animation-name: diffZoomIn1 !important;
  animation-name: diffZoomIn1 !important; }

.has-warning .ant-form-explain,
.has-warning .ant-form-split {
  color: #faad14; }

.has-warning .ant-input,
.has-warning .ant-input:hover {
  border-color: #faad14; }

.has-warning .ant-input:focus {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); }

.has-warning .ant-input:not([disabled]):hover {
  border-color: #faad14; }

.has-warning .ant-calendar-picker-open .ant-calendar-picker-input {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); }

.has-warning .ant-input-affix-wrapper .ant-input,
.has-warning .ant-input-affix-wrapper .ant-input:hover {
  background-color: #fff;
  border-color: #faad14; }

.has-warning .ant-input-affix-wrapper .ant-input:focus {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); }

.has-warning .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #faad14; }

.has-warning .ant-input-prefix {
  color: #faad14; }

.has-warning .ant-input-group-addon {
  color: #faad14;
  background-color: #fff;
  border-color: #faad14; }

.has-warning .has-feedback {
  color: #faad14; }

.has-warning.has-feedback .ant-form-item-children-icon {
  color: #faad14;
  -webkit-animation-name: diffZoomIn3 !important;
  animation-name: diffZoomIn3 !important; }

.has-warning .ant-select-selection {
  border-color: #faad14; }

.has-warning .ant-select-selection:hover {
  border-color: #faad14; }

.has-warning .ant-select-open .ant-select-selection,
.has-warning .ant-select-focused .ant-select-selection {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); }

.has-warning .ant-calendar-picker-icon::after,
.has-warning .ant-time-picker-icon::after,
.has-warning .ant-picker-icon::after,
.has-warning .ant-select-arrow,
.has-warning .ant-cascader-picker-arrow {
  color: #faad14; }

.has-warning .ant-input-number,
.has-warning .ant-time-picker-input {
  border-color: #faad14; }

.has-warning .ant-input-number-focused,
.has-warning .ant-time-picker-input-focused,
.has-warning .ant-input-number:focus,
.has-warning .ant-time-picker-input:focus {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); }

.has-warning .ant-input-number:not([disabled]):hover,
.has-warning .ant-time-picker-input:not([disabled]):hover {
  border-color: #faad14; }

.has-warning .ant-cascader-picker:focus .ant-cascader-input {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2); }

.has-error .ant-form-explain,
.has-error .ant-form-split {
  color: #f5222d; }

.has-error .ant-input,
.has-error .ant-input:hover {
  border-color: #f5222d; }

.has-error .ant-input:focus {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2); }

.has-error .ant-input:not([disabled]):hover {
  border-color: #f5222d; }

.has-error .ant-calendar-picker-open .ant-calendar-picker-input {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2); }

.has-error .ant-input-affix-wrapper .ant-input,
.has-error .ant-input-affix-wrapper .ant-input:hover {
  background-color: #fff;
  border-color: #f5222d; }

.has-error .ant-input-affix-wrapper .ant-input:focus {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2); }

.has-error .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #f5222d; }

.has-error .ant-input-prefix {
  color: #f5222d; }

.has-error .ant-input-group-addon {
  color: #f5222d;
  background-color: #fff;
  border-color: #f5222d; }

.has-error .has-feedback {
  color: #f5222d; }

.has-error.has-feedback .ant-form-item-children-icon {
  color: #f5222d;
  -webkit-animation-name: diffZoomIn2 !important;
  animation-name: diffZoomIn2 !important; }

.has-error .ant-select-selection {
  border-color: #f5222d; }

.has-error .ant-select-selection:hover {
  border-color: #f5222d; }

.has-error .ant-select-open .ant-select-selection,
.has-error .ant-select-focused .ant-select-selection {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2); }

.has-error .ant-select.ant-select-auto-complete .ant-input:focus {
  border-color: #f5222d; }

.has-error .ant-input-group-addon .ant-select-selection {
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none; }

.has-error .ant-calendar-picker-icon::after,
.has-error .ant-time-picker-icon::after,
.has-error .ant-picker-icon::after,
.has-error .ant-select-arrow,
.has-error .ant-cascader-picker-arrow {
  color: #f5222d; }

.has-error .ant-input-number,
.has-error .ant-time-picker-input {
  border-color: #f5222d; }

.has-error .ant-input-number-focused,
.has-error .ant-time-picker-input-focused,
.has-error .ant-input-number:focus,
.has-error .ant-time-picker-input:focus {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2); }

.has-error .ant-input-number:not([disabled]):hover,
.has-error .ant-time-picker-input:not([disabled]):hover {
  border-color: #f5222d; }

.has-error .ant-mention-wrapper .ant-mention-editor,
.has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover {
  border-color: #f5222d; }

.has-error .ant-mention-wrapper.ant-mention-active:not([disabled]) .ant-mention-editor,
.has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2); }

.has-error .ant-cascader-picker:focus .ant-cascader-input {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2); }

.has-error .ant-transfer-list {
  border-color: #f5222d; }

.has-error .ant-transfer-list-search:not([disabled]) {
  border-color: #d9d9d9; }

.has-error .ant-transfer-list-search:not([disabled]):hover {
  border-color: #40a9ff;
  border-right-width: 1px !important; }

.has-error .ant-transfer-list-search:not([disabled]):focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); }

.is-validating.has-feedback .ant-form-item-children-icon {
  display: inline-block;
  color: #1890ff; }

.ant-advanced-search-form .ant-form-item {
  margin-bottom: 24px; }

.ant-advanced-search-form .ant-form-item-with-help {
  margin-bottom: 5px; }

.show-help-enter,
.show-help-appear {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.show-help-leave {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.show-help-enter.show-help-enter-active,
.show-help-appear.show-help-appear-active {
  -webkit-animation-name: antShowHelpIn;
  animation-name: antShowHelpIn;
  -webkit-animation-play-state: running;
  animation-play-state: running; }

.show-help-leave.show-help-leave-active {
  -webkit-animation-name: antShowHelpOut;
  animation-name: antShowHelpOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none; }

.show-help-enter,
.show-help-appear {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

.show-help-leave {
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

@-webkit-keyframes antShowHelpIn {
  0% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@keyframes antShowHelpIn {
  0% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@-webkit-keyframes antShowHelpOut {
  to {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    opacity: 0; } }

@keyframes antShowHelpOut {
  to {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    opacity: 0; } }

@-webkit-keyframes diffZoomIn1 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes diffZoomIn1 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes diffZoomIn2 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes diffZoomIn2 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes diffZoomIn3 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes diffZoomIn3 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-input-number {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: relative;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: inline-block;
  width: 90px;
  margin: 0;
  padding: 0;
  border: 1px solid #d9d9d9;
  border-radius: 4px; }

.ant-input-number::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1; }

.ant-input-number:-ms-input-placeholder {
  color: #bfbfbf; }

.ant-input-number::-webkit-input-placeholder {
  color: #bfbfbf; }

.ant-input-number:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important; }

.ant-input-number:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); }

.ant-input-number-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1; }

.ant-input-number-disabled:hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important; }

.ant-input-number[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1; }

.ant-input-number[disabled]:hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important; }

textarea.ant-input-number {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  vertical-align: bottom;
  -webkit-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s; }

.ant-input-number-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px; }

.ant-input-number-sm {
  height: 24px;
  padding: 1px 7px; }

.ant-input-number-handler {
  position: relative;
  display: block;
  width: 100%;
  height: 50%;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  line-height: 0;
  text-align: center;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear; }

.ant-input-number-handler:active {
  background: #f4f4f4; }

.ant-input-number-handler:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler:hover .ant-input-number-handler-down-inner {
  color: #40a9ff; }

.ant-input-number-handler-up-inner,
.ant-input-number-handler-down-inner {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 4px;
  width: 12px;
  height: 12px;
  color: rgba(0, 0, 0, 0.45);
  line-height: 12px;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ant-input-number-handler-up-inner > *,
.ant-input-number-handler-down-inner > * {
  line-height: 1; }

.ant-input-number-handler-up-inner svg,
.ant-input-number-handler-down-inner svg {
  display: inline-block; }

.ant-input-number-handler-up-inner::before,
.ant-input-number-handler-down-inner::before {
  display: none; }

.ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
  display: block; }

.ant-input-number:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important; }

.ant-input-number-focused {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); }

.ant-input-number-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1; }

.ant-input-number-disabled:hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important; }

.ant-input-number-disabled .ant-input-number-input {
  cursor: not-allowed; }

.ant-input-number-disabled .ant-input-number-handler-wrap {
  display: none; }

.ant-input-number-input {
  width: 100%;
  height: 30px;
  padding: 0 11px;
  text-align: left;
  background-color: transparent;
  border: 0;
  border-radius: 4px;
  outline: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -moz-appearance: textfield; }

.ant-input-number-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1; }

.ant-input-number-input:-ms-input-placeholder {
  color: #bfbfbf; }

.ant-input-number-input::-webkit-input-placeholder {
  color: #bfbfbf; }

.ant-input-number-lg {
  padding: 0;
  font-size: 16px; }

.ant-input-number-lg input {
  height: 38px; }

.ant-input-number-sm {
  padding: 0; }

.ant-input-number-sm input {
  height: 22px;
  padding: 0 7px; }

.ant-input-number-handler-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  height: 100%;
  background: #fff;
  border-left: 1px solid #d9d9d9;
  border-radius: 0 4px 4px 0;
  opacity: 0;
  -webkit-transition: opacity 0.24s linear 0.1s;
  transition: opacity 0.24s linear 0.1s; }

.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
  display: inline-block;
  font-size: 12px;
  font-size: 7px \9;
  -webkit-transform: scale(0.58333) rotate(0deg);
  transform: scale(0.58333) rotate(0deg);
  min-width: auto;
  margin-right: 0; }

:root .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
:root .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
  font-size: 12px; }

.ant-input-number-handler-wrap:hover .ant-input-number-handler {
  height: 40%; }

.ant-input-number:hover .ant-input-number-handler-wrap {
  opacity: 1; }

.ant-input-number-handler-up {
  cursor: pointer; }

.ant-input-number-handler-up-inner {
  top: 50%;
  margin-top: -5px;
  text-align: center; }

.ant-input-number-handler-up:hover {
  height: 60% !important; }

.ant-input-number-handler-down {
  top: 0;
  border-top: 1px solid #d9d9d9;
  cursor: pointer; }

.ant-input-number-handler-down-inner {
  top: 50%;
  margin-top: -6px;
  text-align: center; }

.ant-input-number-handler-down:hover {
  height: 60% !important; }

.ant-input-number-handler-up-disabled,
.ant-input-number-handler-down-disabled {
  cursor: not-allowed; }

.ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
  color: rgba(0, 0, 0, 0.25); }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* fix firefox can't set height smaller than content on flex item */
  min-height: 0;
  background: #f0f2f5; }

.ant-layout,
.ant-layout * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.ant-layout.ant-layout-has-sider {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

.ant-layout.ant-layout-has-sider > .ant-layout,
.ant-layout.ant-layout-has-sider > .ant-layout-content {
  overflow-x: hidden; }

.ant-layout-header,
.ant-layout-footer {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }

.ant-layout-header {
  height: 64px;
  padding: 0 50px;
  line-height: 64px;
  background: #001529; }

.ant-layout-footer {
  padding: 24px 50px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  background: #f0f2f5; }

.ant-layout-content {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  /* fix firefox can't set height smaller than content on flex item */
  min-height: 0; }

.ant-layout-sider {
  position: relative;
  /* fix firefox can't set width smaller than content on flex item */
  min-width: 0;
  background: #001529;
  -webkit-transition: all 0.2s;
  transition: all 0.2s; }

.ant-layout-sider-children {
  height: 100%;
  margin-top: -0.1px;
  padding-top: 0.1px; }

.ant-layout-sider-has-trigger {
  padding-bottom: 48px; }

.ant-layout-sider-right {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1; }

.ant-layout-sider-trigger {
  position: fixed;
  bottom: 0;
  z-index: 1;
  height: 48px;
  color: #fff;
  line-height: 48px;
  text-align: center;
  background: #002140;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s; }

.ant-layout-sider-zero-width > * {
  overflow: hidden; }

.ant-layout-sider-zero-width-trigger {
  position: absolute;
  top: 64px;
  right: -36px;
  width: 36px;
  height: 42px;
  color: #fff;
  font-size: 18px;
  line-height: 42px;
  text-align: center;
  background: #001529;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease; }

.ant-layout-sider-zero-width-trigger:hover {
  background: #192c3e; }

.ant-layout-sider-zero-width-trigger-right {
  left: -36px; }

.ant-layout-sider-light {
  background: #fff; }

.ant-layout-sider-light .ant-layout-sider-trigger {
  color: rgba(0, 0, 0, 0.65);
  background: #fff; }

.ant-layout-sider-light .ant-layout-sider-zero-width-trigger {
  color: rgba(0, 0, 0, 0.65);
  background: #fff; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-list {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: relative; }

.ant-list * {
  outline: none; }

.ant-list-pagination {
  margin-top: 24px;
  text-align: right; }

.ant-list-more {
  margin-top: 12px;
  text-align: center; }

.ant-list-more button {
  padding-right: 32px;
  padding-left: 32px; }

.ant-list-spin {
  min-height: 40px;
  text-align: center; }

.ant-list-empty-text {
  padding: 16px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  text-align: center; }

.ant-list-items {
  margin: 0;
  padding: 0;
  list-style: none; }

.ant-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px 0; }

.ant-list-item-content {
  color: rgba(0, 0, 0, 0.65); }

.ant-list-item-meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 0; }

.ant-list-item-meta-avatar {
  margin-right: 16px; }

.ant-list-item-meta-content {
  -webkit-box-flex: 1;
  -ms-flex: 1 0;
  flex: 1 0; }

.ant-list-item-meta-title {
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 22px; }

.ant-list-item-meta-title > a {
  color: rgba(0, 0, 0, 0.65);
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.ant-list-item-meta-title > a:hover {
  color: #1890ff; }

.ant-list-item-meta-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 22px; }

.ant-list-item-action {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-left: 48px;
  padding: 0;
  font-size: 0;
  list-style: none; }

.ant-list-item-action > li {
  position: relative;
  display: inline-block;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  cursor: pointer; }

.ant-list-item-action > li:first-child {
  padding-left: 0; }

.ant-list-item-action-split {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 14px;
  margin-top: -7px;
  background-color: #e8e8e8; }

.ant-list-header {
  background: transparent; }

.ant-list-footer {
  background: transparent; }

.ant-list-header,
.ant-list-footer {
  padding-top: 12px;
  padding-bottom: 12px; }

.ant-list-empty {
  padding: 16px 0;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  text-align: center; }

.ant-list-split .ant-list-item {
  border-bottom: 1px solid #e8e8e8; }

.ant-list-split .ant-list-item:last-child {
  border-bottom: none; }

.ant-list-split .ant-list-header {
  border-bottom: 1px solid #e8e8e8; }

.ant-list-loading .ant-list-spin-nested-loading {
  min-height: 32px; }

.ant-list-something-after-last-item .ant-spin-container > .ant-list-items > .ant-list-item:last-child {
  border-bottom: 1px solid #e8e8e8; }

.ant-list-lg .ant-list-item {
  padding-top: 16px;
  padding-bottom: 16px; }

.ant-list-sm .ant-list-item {
  padding-top: 8px;
  padding-bottom: 8px; }

.ant-list-vertical .ant-list-item {
  -webkit-box-align: initial;
  -ms-flex-align: initial;
  align-items: initial; }

.ant-list-vertical .ant-list-item-main {
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.ant-list-vertical .ant-list-item-extra {
  margin-left: 40px; }

.ant-list-vertical .ant-list-item-meta {
  margin-bottom: 16px; }

.ant-list-vertical .ant-list-item-meta-title {
  margin-bottom: 12px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 24px; }

.ant-list-vertical .ant-list-item-action {
  margin-top: 16px;
  margin-left: auto; }

.ant-list-vertical .ant-list-item-action > li {
  padding: 0 16px; }

.ant-list-vertical .ant-list-item-action > li:first-child {
  padding-left: 0; }

.ant-list-grid .ant-list-item {
  display: block;
  max-width: 100%;
  margin-bottom: 16px;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: none; }

.ant-list-item-no-flex {
  display: block; }

.ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
  float: right; }

.ant-list-bordered {
  border: 1px solid #d9d9d9;
  border-radius: 4px; }

.ant-list-bordered .ant-list-header {
  padding-right: 24px;
  padding-left: 24px; }

.ant-list-bordered .ant-list-footer {
  padding-right: 24px;
  padding-left: 24px; }

.ant-list-bordered .ant-list-item {
  padding-right: 24px;
  padding-left: 24px;
  border-bottom: 1px solid #e8e8e8; }

.ant-list-bordered .ant-list-pagination {
  margin: 16px 24px; }

.ant-list-bordered.ant-list-sm .ant-list-item {
  padding-right: 16px;
  padding-left: 16px; }

.ant-list-bordered.ant-list-sm .ant-list-header,
.ant-list-bordered.ant-list-sm .ant-list-footer {
  padding: 8px 16px; }

.ant-list-bordered.ant-list-lg .ant-list-header,
.ant-list-bordered.ant-list-lg .ant-list-footer {
  padding: 16px 24px; }

@media screen and (max-width: 768px) {
  .ant-list-item-action {
    margin-left: 24px; }
  .ant-list-vertical .ant-list-item-extra {
    margin-left: 24px; } }

@media screen and (max-width: 576px) {
  .ant-list-item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .ant-list-item-action {
    margin-left: 12px; }
  .ant-list-vertical .ant-list-item {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse; }
  .ant-list-vertical .ant-list-item-main {
    min-width: 220px; }
  .ant-list-vertical .ant-list-item-extra {
    margin: auto auto 16px; } }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-spin {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: absolute;
  display: none;
  color: #1890ff;
  text-align: center;
  vertical-align: middle;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86); }

.ant-spin-spinning {
  position: static;
  display: inline-block;
  opacity: 1; }

.ant-spin-nested-loading {
  position: relative; }

.ant-spin-nested-loading > div > .ant-spin {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  display: block;
  width: 100%;
  height: 100%;
  max-height: 400px; }

.ant-spin-nested-loading > div > .ant-spin .ant-spin-dot {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px; }

.ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
  position: absolute;
  top: 50%;
  width: 100%;
  padding-top: 5px;
  text-shadow: 0 1px 2px #fff; }

.ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot {
  margin-top: -20px; }

.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot {
  margin: -7px; }

.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text {
  padding-top: 2px; }

.ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot {
  margin-top: -17px; }

.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot {
  margin: -16px; }

.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text {
  padding-top: 11px; }

.ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot {
  margin-top: -26px; }

.ant-spin-container {
  position: relative;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }

.ant-spin-container::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: none \9;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: '';
  pointer-events: none; }

.ant-spin-blur {
  clear: both;
  overflow: hidden;
  opacity: 0.5;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none; }

.ant-spin-blur::after {
  opacity: 0.4;
  pointer-events: auto; }

.ant-spin-tip {
  color: rgba(0, 0, 0, 0.45); }

.ant-spin-dot {
  position: relative;
  display: inline-block;
  font-size: 20px;
  width: 20px;
  height: 20px; }

.ant-spin-dot-item {
  position: absolute;
  display: block;
  width: 9px;
  height: 9px;
  background-color: #1890ff;
  border-radius: 100%;
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 0.3;
  -webkit-animation: antSpinMove 1s infinite linear alternate;
  animation: antSpinMove 1s infinite linear alternate; }

.ant-spin-dot-item:nth-child(1) {
  top: 0;
  left: 0; }

.ant-spin-dot-item:nth-child(2) {
  top: 0;
  right: 0;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s; }

.ant-spin-dot-item:nth-child(3) {
  right: 0;
  bottom: 0;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s; }

.ant-spin-dot-item:nth-child(4) {
  bottom: 0;
  left: 0;
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s; }

.ant-spin-dot-spin {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation: antRotate 1.2s infinite linear;
  animation: antRotate 1.2s infinite linear; }

.ant-spin-sm .ant-spin-dot {
  font-size: 14px;
  width: 14px;
  height: 14px; }

.ant-spin-sm .ant-spin-dot i {
  width: 6px;
  height: 6px; }

.ant-spin-lg .ant-spin-dot {
  font-size: 32px;
  width: 32px;
  height: 32px; }

.ant-spin-lg .ant-spin-dot i {
  width: 14px;
  height: 14px; }

.ant-spin.ant-spin-show-text .ant-spin-text {
  display: block; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ */
  .ant-spin-blur {
    background: #fff;
    opacity: 0.5; } }

@-webkit-keyframes antSpinMove {
  to {
    opacity: 1; } }

@keyframes antSpinMove {
  to {
    opacity: 1; } }

@-webkit-keyframes antRotate {
  to {
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg); } }

@keyframes antRotate {
  to {
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg); } }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-pagination {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum'; }

.ant-pagination ul,
.ant-pagination ol {
  margin: 0;
  padding: 0;
  list-style: none; }

.ant-pagination::after {
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  content: ' '; }

.ant-pagination-total-text {
  display: inline-block;
  height: 32px;
  margin-right: 8px;
  line-height: 30px;
  vertical-align: middle; }

.ant-pagination-item {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  margin-right: 8px;
  font-family: Arial;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ant-pagination-item a {
  margin: 0 6px;
  color: rgba(0, 0, 0, 0.65);
  -webkit-transition: none;
  transition: none; }

.ant-pagination-item:focus,
.ant-pagination-item:hover {
  border-color: #1890ff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.ant-pagination-item:focus a,
.ant-pagination-item:hover a {
  color: #1890ff; }

.ant-pagination-item-active {
  font-weight: 500;
  background: #fff;
  border-color: #1890ff; }

.ant-pagination-item-active a {
  color: #1890ff; }

.ant-pagination-item-active:focus,
.ant-pagination-item-active:hover {
  border-color: #40a9ff; }

.ant-pagination-item-active:focus a,
.ant-pagination-item-active:hover a {
  color: #40a9ff; }

.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  outline: 0; }

.ant-pagination-jump-prev .ant-pagination-item-container,
.ant-pagination-jump-next .ant-pagination-item-container {
  position: relative; }

.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  display: inline-block;
  font-size: 12px;
  font-size: 12px \9;
  -webkit-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  color: #1890ff;
  letter-spacing: -1px;
  opacity: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s; }

:root .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
:root .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  font-size: 12px; }

.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  color: rgba(0, 0, 0, 0.25);
  letter-spacing: 2px;
  text-align: center;
  text-indent: 0.13em;
  opacity: 1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s; }

.ant-pagination-jump-prev:focus .ant-pagination-item-link-icon,
.ant-pagination-jump-next:focus .ant-pagination-item-link-icon,
.ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
.ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
  opacity: 1; }

.ant-pagination-jump-prev:focus .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:focus .ant-pagination-item-ellipsis,
.ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
  opacity: 0; }

.ant-pagination-prev,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  margin-right: 8px; }

.ant-pagination-prev,
.ant-pagination-next,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  color: rgba(0, 0, 0, 0.65);
  font-family: Arial;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.ant-pagination-prev,
.ant-pagination-next {
  outline: 0; }

.ant-pagination-prev a,
.ant-pagination-next a {
  color: rgba(0, 0, 0, 0.65);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ant-pagination-prev:hover a,
.ant-pagination-next:hover a {
  border-color: #40a9ff; }

.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  display: block;
  height: 100%;
  font-size: 12px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.ant-pagination-prev:focus .ant-pagination-item-link,
.ant-pagination-next:focus .ant-pagination-item-link,
.ant-pagination-prev:hover .ant-pagination-item-link,
.ant-pagination-next:hover .ant-pagination-item-link {
  color: #1890ff;
  border-color: #1890ff; }

.ant-pagination-disabled,
.ant-pagination-disabled:hover,
.ant-pagination-disabled:focus {
  cursor: not-allowed; }

.ant-pagination-disabled a,
.ant-pagination-disabled:hover a,
.ant-pagination-disabled:focus a,
.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination-disabled:hover .ant-pagination-item-link,
.ant-pagination-disabled:focus .ant-pagination-item-link {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  cursor: not-allowed; }

.ant-pagination-slash {
  margin: 0 10px 0 5px; }

.ant-pagination-options {
  display: inline-block;
  margin-left: 16px;
  vertical-align: middle; }

.ant-pagination-options-size-changer.ant-select {
  display: inline-block;
  width: auto;
  margin-right: 8px; }

.ant-pagination-options-quick-jumper {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  vertical-align: top; }

.ant-pagination-options-quick-jumper input {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 50px;
  margin: 0 8px; }

.ant-pagination-options-quick-jumper input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1; }

.ant-pagination-options-quick-jumper input:-ms-input-placeholder {
  color: #bfbfbf; }

.ant-pagination-options-quick-jumper input::-webkit-input-placeholder {
  color: #bfbfbf; }

.ant-pagination-options-quick-jumper input:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important; }

.ant-pagination-options-quick-jumper input:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); }

.ant-pagination-options-quick-jumper input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1; }

.ant-pagination-options-quick-jumper input-disabled:hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important; }

.ant-pagination-options-quick-jumper input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1; }

.ant-pagination-options-quick-jumper input[disabled]:hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important; }

textarea.ant-pagination-options-quick-jumper input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  vertical-align: bottom;
  -webkit-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s; }

.ant-pagination-options-quick-jumper input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px; }

.ant-pagination-options-quick-jumper input-sm {
  height: 24px;
  padding: 1px 7px; }

.ant-pagination-simple .ant-pagination-prev,
.ant-pagination-simple .ant-pagination-next {
  height: 24px;
  line-height: 24px;
  vertical-align: top; }

.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link {
  height: 24px;
  border: 0; }

.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px; }

.ant-pagination-simple .ant-pagination-simple-pager {
  display: inline-block;
  height: 24px;
  margin-right: 8px; }

.ant-pagination-simple .ant-pagination-simple-pager input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  margin-right: 8px;
  padding: 0 6px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: none;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s; }

.ant-pagination-simple .ant-pagination-simple-pager input:hover {
  border-color: #1890ff; }

.ant-pagination.mini .ant-pagination-total-text,
.ant-pagination.mini .ant-pagination-simple-pager {
  height: 24px;
  line-height: 24px; }

.ant-pagination.mini .ant-pagination-item {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 22px; }

.ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) {
  background: transparent;
  border-color: transparent; }

.ant-pagination.mini .ant-pagination-prev,
.ant-pagination.mini .ant-pagination-next {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 24px; }

.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link {
  background: transparent;
  border-color: transparent; }

.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px; }

.ant-pagination.mini .ant-pagination-jump-prev,
.ant-pagination.mini .ant-pagination-jump-next {
  height: 24px;
  margin-right: 0;
  line-height: 24px; }

.ant-pagination.mini .ant-pagination-options {
  margin-left: 2px; }

.ant-pagination.mini .ant-pagination-options-quick-jumper {
  height: 24px;
  line-height: 24px; }

.ant-pagination.mini .ant-pagination-options-quick-jumper input {
  height: 24px;
  padding: 1px 7px;
  width: 44px; }

@media only screen and (max-width: 992px) {
  .ant-pagination-item-after-jump-prev,
  .ant-pagination-item-before-jump-next {
    display: none; } }

@media only screen and (max-width: 576px) {
  .ant-pagination-options {
    display: none; } }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-mention-wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: middle; }

.ant-mention-wrapper .ant-mention-editor {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: block;
  height: auto;
  min-height: 32px;
  padding: 0;
  line-height: 1.5; }

.ant-mention-wrapper .ant-mention-editor::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1; }

.ant-mention-wrapper .ant-mention-editor:-ms-input-placeholder {
  color: #bfbfbf; }

.ant-mention-wrapper .ant-mention-editor::-webkit-input-placeholder {
  color: #bfbfbf; }

.ant-mention-wrapper .ant-mention-editor:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important; }

.ant-mention-wrapper .ant-mention-editor:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); }

.ant-mention-wrapper .ant-mention-editor-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1; }

.ant-mention-wrapper .ant-mention-editor-disabled:hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important; }

.ant-mention-wrapper .ant-mention-editor[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1; }

.ant-mention-wrapper .ant-mention-editor[disabled]:hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important; }

textarea.ant-mention-wrapper .ant-mention-editor {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  vertical-align: bottom;
  -webkit-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s; }

.ant-mention-wrapper .ant-mention-editor-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px; }

.ant-mention-wrapper .ant-mention-editor-sm {
  height: 24px;
  padding: 1px 7px; }

.ant-mention-wrapper .ant-mention-editor-wrapper {
  height: auto;
  overflow-y: auto; }

.ant-mention-wrapper.ant-mention-active:not(.disabled) .ant-mention-editor {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); }

.ant-mention-wrapper.disabled .ant-mention-editor {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1; }

.ant-mention-wrapper.disabled .ant-mention-editor:hover {
  border-color: #e6d8d8;
  border-right-width: 1px !important; }

.ant-mention-wrapper .public-DraftEditorPlaceholder-root {
  position: absolute;
  pointer-events: none; }

.ant-mention-wrapper .public-DraftEditorPlaceholder-root .public-DraftEditorPlaceholder-inner {
  height: auto;
  padding: 5px 11px;
  color: #bfbfbf;
  white-space: pre-wrap;
  word-wrap: break-word;
  outline: none;
  opacity: 1; }

.ant-mention-wrapper .DraftEditor-editorContainer .public-DraftEditor-content {
  height: auto;
  padding: 5px 11px; }

.ant-mention-dropdown {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  min-width: 120px;
  max-height: 250px;
  margin-top: 1.5em;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff;
  border-radius: 4px;
  outline: none;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); }

.ant-mention-dropdown-placement-top {
  margin-top: -0.1em; }

.ant-mention-dropdown-notfound.ant-mention-dropdown-item {
  color: rgba(0, 0, 0, 0.25); }

.ant-mention-dropdown-notfound.ant-mention-dropdown-item .anticon-loading {
  display: block;
  color: #1890ff;
  text-align: center; }

.ant-mention-dropdown-item {
  position: relative;
  display: block;
  padding: 5px 12px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  font-weight: normal;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  -webkit-transition: background 0.3s;
  transition: background 0.3s; }

.ant-mention-dropdown-item:hover {
  background-color: #e6f7ff; }

.ant-mention-dropdown-item.focus,
.ant-mention-dropdown-item-active {
  background-color: #e6f7ff; }

.ant-mention-dropdown-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed; }

.ant-mention-dropdown-item-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed; }

.ant-mention-dropdown-item-selected,
.ant-mention-dropdown-item-selected:hover {
  color: rgba(0, 0, 0, 0.65);
  font-weight: bold;
  background-color: #f5f5f5; }

.ant-mention-dropdown-item-divider {
  height: 1px;
  margin: 1px 0;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-message {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: fixed;
  top: 16px;
  left: 0;
  z-index: 1010;
  width: 100%;
  pointer-events: none; }

.ant-message-notice {
  padding: 8px;
  text-align: center; }

.ant-message-notice:first-child {
  margin-top: -8px; }

.ant-message-notice-content {
  display: inline-block;
  padding: 10px 16px;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  pointer-events: all; }

.ant-message-success .anticon {
  color: #52c41a; }

.ant-message-error .anticon {
  color: #f5222d; }

.ant-message-warning .anticon {
  color: #faad14; }

.ant-message-info .anticon,
.ant-message-loading .anticon {
  color: #1890ff; }

.ant-message .anticon {
  position: relative;
  top: 1px;
  margin-right: 8px;
  font-size: 16px; }

.ant-message-notice.move-up-leave.move-up-leave-active {
  overflow: hidden;
  -webkit-animation-name: MessageMoveOut;
  animation-name: MessageMoveOut;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s; }

@-webkit-keyframes MessageMoveOut {
  0% {
    max-height: 150px;
    padding: 8px;
    opacity: 1; }
  100% {
    max-height: 0;
    padding: 0;
    opacity: 0; } }

@keyframes MessageMoveOut {
  0% {
    max-height: 150px;
    padding: 8px;
    opacity: 1; }
  100% {
    max-height: 0;
    padding: 0;
    opacity: 0; } }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-modal {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: relative;
  top: 100px;
  width: auto;
  margin: 0 auto;
  padding-bottom: 24px; }

.ant-modal-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  overflow: auto;
  outline: 0;
  -webkit-overflow-scrolling: touch; }

.ant-modal-title {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  word-wrap: break-word; }

.ant-modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); }

.ant-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }

.ant-modal-close-x {
  display: block;
  width: 56px;
  height: 56px;
  font-size: 16px;
  font-style: normal;
  line-height: 56px;
  text-align: center;
  text-transform: none;
  text-rendering: auto; }

.ant-modal-close:focus,
.ant-modal-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none; }

.ant-modal-header {
  padding: 16px 24px;
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 4px 4px 0 0; }

.ant-modal-body {
  padding: 24px;
  font-size: 14px;
  line-height: 1.5;
  word-wrap: break-word; }

.ant-modal-footer {
  padding: 10px 16px;
  text-align: right;
  background: transparent;
  border-top: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px; }

.ant-modal-footer button + button {
  margin-bottom: 0;
  margin-left: 8px; }

.ant-modal.zoom-enter,
.ant-modal.zoom-appear {
  -webkit-transform: none;
  transform: none;
  opacity: 0;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ant-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
  filter: alpha(opacity=50); }

.ant-modal-mask-hidden {
  display: none; }

.ant-modal-open {
  overflow: hidden; }

.ant-modal-centered {
  text-align: center; }

.ant-modal-centered::before {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: ''; }

.ant-modal-centered .ant-modal {
  top: 0;
  display: inline-block;
  text-align: left;
  vertical-align: middle; }

@media (max-width: 767px) {
  .ant-modal {
    max-width: calc(100vw - 16px);
    margin: 8px auto; }
  .ant-modal-centered .ant-modal {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; } }

.ant-modal-confirm .ant-modal-header {
  display: none; }

.ant-modal-confirm .ant-modal-close {
  display: none; }

.ant-modal-confirm .ant-modal-body {
  padding: 32px 32px 24px; }

.ant-modal-confirm-body-wrapper {
  zoom: 1; }

.ant-modal-confirm-body-wrapper::before,
.ant-modal-confirm-body-wrapper::after {
  display: table;
  content: ''; }

.ant-modal-confirm-body-wrapper::after {
  clear: both; }

.ant-modal-confirm-body .ant-modal-confirm-title {
  display: block;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4; }

.ant-modal-confirm-body .ant-modal-confirm-content {
  margin-top: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px; }

.ant-modal-confirm-body > .anticon {
  float: left;
  margin-right: 16px;
  font-size: 22px; }

.ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
  margin-left: 38px; }

.ant-modal-confirm .ant-modal-confirm-btns {
  float: right;
  margin-top: 24px; }

.ant-modal-confirm .ant-modal-confirm-btns button + button {
  margin-bottom: 0;
  margin-left: 8px; }

.ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
  color: #f5222d; }

.ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
.ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
  color: #faad14; }

.ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
  color: #1890ff; }

.ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
  color: #52c41a; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-notification {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: fixed;
  z-index: 1010;
  width: 384px;
  max-width: calc(100vw - 32px);
  margin-right: 24px; }

.ant-notification-topLeft,
.ant-notification-bottomLeft {
  margin-right: 0;
  margin-left: 24px; }

.ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,
.ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active {
  -webkit-animation-name: NotificationLeftFadeIn;
  animation-name: NotificationLeftFadeIn; }

.ant-notification-close-icon {
  font-size: 14px;
  cursor: pointer; }

.ant-notification-notice {
  position: relative;
  margin-bottom: 16px;
  padding: 16px 24px;
  overflow: hidden;
  line-height: 1.5;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); }

.ant-notification-notice-message {
  display: inline-block;
  margin-bottom: 8px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px;
  line-height: 24px; }

.ant-notification-notice-message-single-line-auto-margin {
  display: block;
  width: calc(384px - 24px * 2 - 24px - 48px - 100%);
  max-width: 4px;
  background-color: transparent;
  pointer-events: none; }

.ant-notification-notice-message-single-line-auto-margin::before {
  display: block;
  content: ''; }

.ant-notification-notice-description {
  font-size: 14px; }

.ant-notification-notice-closable .ant-notification-notice-message {
  padding-right: 24px; }

.ant-notification-notice-with-icon .ant-notification-notice-message {
  margin-bottom: 4px;
  margin-left: 48px;
  font-size: 16px; }

.ant-notification-notice-with-icon .ant-notification-notice-description {
  margin-left: 48px;
  font-size: 14px; }

.anticon.ant-notification-notice-icon {
  position: absolute;
  margin-left: 4px;
  font-size: 24px;
  line-height: 24px; }

.anticon.ant-notification-notice-icon-success {
  color: #52c41a; }

.anticon.ant-notification-notice-icon-info {
  color: #1890ff; }

.anticon.ant-notification-notice-icon-warning {
  color: #faad14; }

.anticon.ant-notification-notice-icon-error {
  color: #f5222d; }

.ant-notification-notice-close {
  position: absolute;
  top: 16px;
  right: 22px;
  color: rgba(0, 0, 0, 0.45);
  outline: none; }

.ant-notification-notice-close:hover {
  color: rgba(0, 0, 0, 0.67); }

.ant-notification-notice-btn {
  float: right;
  margin-top: 16px; }

.ant-notification .notification-fade-effect {
  -webkit-animation-duration: 0.24s;
  animation-duration: 0.24s;
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.ant-notification-fade-enter,
.ant-notification-fade-appear {
  opacity: 0;
  -webkit-animation-duration: 0.24s;
  animation-duration: 0.24s;
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.ant-notification-fade-leave {
  -webkit-animation-duration: 0.24s;
  animation-duration: 0.24s;
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-fade-appear.ant-notification-fade-appear-active {
  -webkit-animation-name: NotificationFadeIn;
  animation-name: NotificationFadeIn;
  -webkit-animation-play-state: running;
  animation-play-state: running; }

.ant-notification-fade-leave.ant-notification-fade-leave-active {
  -webkit-animation-name: NotificationFadeOut;
  animation-name: NotificationFadeOut;
  -webkit-animation-play-state: running;
  animation-play-state: running; }

@-webkit-keyframes NotificationFadeIn {
  0% {
    left: 384px;
    opacity: 0; }
  100% {
    left: 0;
    opacity: 1; } }

@keyframes NotificationFadeIn {
  0% {
    left: 384px;
    opacity: 0; }
  100% {
    left: 0;
    opacity: 1; } }

@-webkit-keyframes NotificationLeftFadeIn {
  0% {
    right: 384px;
    opacity: 0; }
  100% {
    right: 0;
    opacity: 1; } }

@keyframes NotificationLeftFadeIn {
  0% {
    right: 384px;
    opacity: 0; }
  100% {
    right: 0;
    opacity: 1; } }

@-webkit-keyframes NotificationFadeOut {
  0% {
    max-height: 150px;
    margin-bottom: 16px;
    padding-top: 16px 24px;
    padding-bottom: 16px 24px;
    opacity: 1; }
  100% {
    max-height: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0; } }

@keyframes NotificationFadeOut {
  0% {
    max-height: 150px;
    margin-bottom: 16px;
    padding-top: 16px 24px;
    padding-bottom: 16px 24px;
    opacity: 1; }
  100% {
    max-height: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0; } }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-page-header {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: relative;
  padding: 16px 24px;
  background: #fff; }

.ant-page-header.ant-page-header-has-footer {
  padding-bottom: 0; }

.ant-page-header-back {
  display: inline-block;
  padding: 4px 0;
  font-size: 16px;
  line-height: 100%;
  cursor: pointer; }

.ant-page-header-back-button {
  color: #1890ff;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: rgba(0, 0, 0, 0.65); }

.ant-page-header-back-button:focus,
.ant-page-header-back-button:hover {
  color: #40a9ff; }

.ant-page-header-back-button:active {
  color: #096dd9; }

.ant-page-header .ant-divider {
  height: 14px;
  margin: 0 12px; }

.ant-page-header .ant-breadcrumb {
  margin-bottom: 12px; }

.ant-page-header-title-view {
  display: inline-block; }

.ant-page-header-title-view-title {
  display: inline-block;
  padding-right: 12px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: bold;
  font-size: 16px;
  line-height: 1.4; }

.ant-page-header-title-view-sub-title {
  display: inline-block;
  padding-right: 12px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.8; }

.ant-page-header-title-view-tags {
  display: inline-block;
  vertical-align: top; }

.ant-page-header-title-view-extra {
  position: absolute;
  top: 16px;
  right: 24px; }

.ant-page-header-title-view-extra > * {
  margin-right: 8px; }

.ant-page-header-title-view-extra > *:last-child {
  margin-right: 0; }

.ant-page-header-content-view {
  padding-top: 12px; }

.ant-page-header-footer {
  margin: 0 -8px;
  padding-top: 24px; }

.ant-page-header-footer .ant-tabs-bar {
  margin-bottom: 1px;
  border-bottom: 0; }

.ant-page-header-footer .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab {
  padding: 12px 8px;
  padding-top: 0; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-popover {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
  font-weight: normal;
  white-space: normal;
  text-align: left;
  cursor: auto;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text; }

.ant-popover::after {
  position: absolute;
  background: rgba(255, 255, 255, 0.01);
  content: ''; }

.ant-popover-hidden {
  display: none; }

.ant-popover-placement-top,
.ant-popover-placement-topLeft,
.ant-popover-placement-topRight {
  padding-bottom: 10px; }

.ant-popover-placement-right,
.ant-popover-placement-rightTop,
.ant-popover-placement-rightBottom {
  padding-left: 10px; }

.ant-popover-placement-bottom,
.ant-popover-placement-bottomLeft,
.ant-popover-placement-bottomRight {
  padding-top: 10px; }

.ant-popover-placement-left,
.ant-popover-placement-leftTop,
.ant-popover-placement-leftBottom {
  padding-right: 10px; }

.ant-popover-inner {
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ant-popover {
    /* IE10+ */ }
  .ant-popover-inner {
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } }

.ant-popover-title {
  min-width: 177px;
  min-height: 32px;
  margin: 0;
  padding: 5px 16px 4px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  border-bottom: 1px solid #e8e8e8; }

.ant-popover-inner-content {
  padding: 12px 16px;
  color: rgba(0, 0, 0, 0.65); }

.ant-popover-message {
  position: relative;
  padding: 4px 0 12px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px; }

.ant-popover-message > .anticon {
  position: absolute;
  top: 8px;
  color: #faad14;
  font-size: 14px; }

.ant-popover-message-title {
  padding-left: 22px; }

.ant-popover-buttons {
  margin-bottom: 4px;
  text-align: right; }

.ant-popover-buttons button {
  margin-left: 8px; }

.ant-popover-arrow {
  position: absolute;
  display: block;
  width: 8.48528137px;
  height: 8.48528137px;
  background: transparent;
  border-style: solid;
  border-width: 4.24264069px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  bottom: 6.2px;
  border-top-color: transparent;
  border-right-color: #fff;
  border-bottom-color: #fff;
  border-left-color: transparent;
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07); }

.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg); }

.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow {
  left: 16px; }

.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  right: 16px; }

.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  left: 6px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #fff;
  border-left-color: #fff;
  -webkit-box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07); }

.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg); }

.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow {
  top: 12px; }

.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  bottom: 12px; }

.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  top: 6px;
  border-top-color: #fff;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #fff;
  -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
  box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06); }

.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg); }

.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow {
  left: 16px; }

.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  right: 16px; }

.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  right: 6px;
  border-top-color: #fff;
  border-right-color: #fff;
  border-bottom-color: transparent;
  border-left-color: transparent;
  -webkit-box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07); }

.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg); }

.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow {
  top: 12px; }

.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  bottom: 12px; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-progress {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  display: inline-block; }

.ant-progress-line {
  position: relative;
  width: 100%;
  font-size: 14px; }

.ant-progress-small.ant-progress-line,
.ant-progress-small.ant-progress-line .ant-progress-text .anticon {
  font-size: 12px; }

.ant-progress-outer {
  display: inline-block;
  width: 100%;
  margin-right: 0;
  padding-right: 0; }

.ant-progress-show-info .ant-progress-outer {
  margin-right: calc(-2em - 8px);
  padding-right: calc(2em + 8px); }

.ant-progress-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  background-color: #f5f5f5;
  border-radius: 100px; }

.ant-progress-circle-trail {
  stroke: #f5f5f5; }

.ant-progress-circle-path {
  -webkit-animation: ant-progress-appear 0.3s;
  animation: ant-progress-appear 0.3s;
  stroke: #1890ff; }

.ant-progress-success-bg,
.ant-progress-bg {
  position: relative;
  background-color: #1890ff;
  -webkit-transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
  transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s; }

.ant-progress-success-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #52c41a; }

.ant-progress-text {
  display: inline-block;
  width: 2em;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 1em;
  line-height: 1;
  white-space: nowrap;
  text-align: left;
  vertical-align: middle;
  word-break: normal; }

.ant-progress-text .anticon {
  font-size: 14px; }

.ant-progress-status-active .ant-progress-bg::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  border-radius: 10px;
  opacity: 0;
  -webkit-animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
  animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
  content: ''; }

.ant-progress-status-exception .ant-progress-bg {
  background-color: #f5222d; }

.ant-progress-status-exception .ant-progress-text {
  color: #f5222d; }

.ant-progress-status-exception .ant-progress-circle-path {
  stroke: #f5222d; }

.ant-progress-status-success .ant-progress-bg {
  background-color: #52c41a; }

.ant-progress-status-success .ant-progress-text {
  color: #52c41a; }

.ant-progress-status-success .ant-progress-circle-path {
  stroke: #52c41a; }

.ant-progress-circle .ant-progress-inner {
  position: relative;
  line-height: 1;
  background-color: transparent; }

.ant-progress-circle .ant-progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  line-height: 1;
  white-space: normal;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.ant-progress-circle .ant-progress-text .anticon {
  font-size: 1.16666667em; }

.ant-progress-circle.ant-progress-status-exception .ant-progress-text {
  color: #f5222d; }

.ant-progress-circle.ant-progress-status-success .ant-progress-text {
  color: #52c41a; }

@-webkit-keyframes ant-progress-active {
  0% {
    width: 0;
    opacity: 0.1; }
  20% {
    width: 0;
    opacity: 0.5; }
  100% {
    width: 100%;
    opacity: 0; } }

@keyframes ant-progress-active {
  0% {
    width: 0;
    opacity: 0.1; }
  20% {
    width: 0;
    opacity: 0.5; }
  100% {
    width: 100%;
    opacity: 0; } }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-rate {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  display: inline-block;
  margin: 0;
  padding: 0;
  color: #fadb14;
  font-size: 20px;
  line-height: unset;
  list-style: none;
  outline: none; }

.ant-rate-disabled .ant-rate-star {
  cursor: default; }

.ant-rate-disabled .ant-rate-star:hover {
  -webkit-transform: scale(1);
  transform: scale(1); }

.ant-rate-star {
  position: relative;
  display: inline-block;
  margin: 0;
  margin-right: 8px;
  padding: 0;
  color: inherit;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.ant-rate-star > div:focus {
  outline: 0; }

.ant-rate-star > div:hover,
.ant-rate-star > div:focus {
  -webkit-transform: scale(1.1);
  transform: scale(1.1); }

.ant-rate-star-first,
.ant-rate-star-second {
  color: #e8e8e8;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ant-rate-star-first .anticon,
.ant-rate-star-second .anticon {
  vertical-align: middle; }

.ant-rate-star-first {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
  opacity: 0; }

.ant-rate-star-half .ant-rate-star-first,
.ant-rate-star-half .ant-rate-star-second {
  opacity: 1; }

.ant-rate-star-half .ant-rate-star-first,
.ant-rate-star-full .ant-rate-star-second {
  color: inherit; }

.ant-rate-text {
  display: inline-block;
  margin-left: 8px;
  font-size: 14px; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-skeleton {
  display: table;
  width: 100%; }

.ant-skeleton-header {
  display: table-cell;
  padding-right: 16px;
  vertical-align: top; }

.ant-skeleton-header .ant-skeleton-avatar {
  display: inline-block;
  vertical-align: top;
  background: #f2f2f2;
  width: 32px;
  height: 32px;
  line-height: 32px; }

.ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle {
  border-radius: 50%; }

.ant-skeleton-header .ant-skeleton-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px; }

.ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
  border-radius: 50%; }

.ant-skeleton-header .ant-skeleton-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px; }

.ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
  border-radius: 50%; }

.ant-skeleton-content {
  display: table-cell;
  width: 100%;
  vertical-align: top; }

.ant-skeleton-content .ant-skeleton-title {
  width: 100%;
  height: 16px;
  margin-top: 16px;
  background: #f2f2f2; }

.ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
  margin-top: 24px; }

.ant-skeleton-content .ant-skeleton-paragraph {
  padding: 0; }

.ant-skeleton-content .ant-skeleton-paragraph > li {
  width: 100%;
  height: 16px;
  list-style: none;
  background: #f2f2f2; }

.ant-skeleton-content .ant-skeleton-paragraph > li:last-child:not(:first-child):not(:nth-child(2)) {
  width: 61%; }

.ant-skeleton-content .ant-skeleton-paragraph > li + li {
  margin-top: 16px; }

.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title {
  margin-top: 12px; }

.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
  margin-top: 28px; }

.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,
.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li {
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f2f2f2), color-stop(37%, #e6e6e6), color-stop(63%, #f2f2f2));
  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  background-size: 400% 100%;
  -webkit-animation: ant-skeleton-loading 1.4s ease infinite;
  animation: ant-skeleton-loading 1.4s ease infinite; }

.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar {
  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f2f2f2), color-stop(37%, #e6e6e6), color-stop(63%, #f2f2f2));
  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  background-size: 400% 100%;
  -webkit-animation: ant-skeleton-loading 1.4s ease infinite;
  animation: ant-skeleton-loading 1.4s ease infinite; }

@-webkit-keyframes ant-skeleton-loading {
  0% {
    background-position: 100% 50%; }
  100% {
    background-position: 0 50%; } }

@keyframes ant-skeleton-loading {
  0% {
    background-position: 100% 50%; }
  100% {
    background-position: 0 50%; } }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-slider {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: relative;
  height: 12px;
  margin: 14px 6px 10px;
  padding: 4px 0;
  cursor: pointer;
  -ms-touch-action: none;
  touch-action: none; }

.ant-slider-vertical {
  width: 12px;
  height: 100%;
  margin: 6px 10px;
  padding: 0 4px; }

.ant-slider-vertical .ant-slider-rail {
  width: 4px;
  height: 100%; }

.ant-slider-vertical .ant-slider-track {
  width: 4px; }

.ant-slider-vertical .ant-slider-handle {
  margin-bottom: -7px;
  margin-left: -5px; }

.ant-slider-vertical .ant-slider-mark {
  top: 0;
  left: 12px;
  width: 18px;
  height: 100%; }

.ant-slider-vertical .ant-slider-mark-text {
  left: 4px;
  white-space: nowrap; }

.ant-slider-vertical .ant-slider-step {
  width: 4px;
  height: 100%; }

.ant-slider-vertical .ant-slider-dot {
  top: auto;
  left: 2px;
  margin-bottom: -4px; }

.ant-slider-with-marks {
  margin-bottom: 28px; }

.ant-slider-rail {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #f5f5f5;
  border-radius: 2px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s; }

.ant-slider-track {
  position: absolute;
  height: 4px;
  background-color: #91d5ff;
  border-radius: 4px;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease; }

.ant-slider-handle {
  position: absolute;
  width: 14px;
  height: 14px;
  margin-top: -5px;
  margin-left: -7px;
  background-color: #fff;
  border: solid 2px #91d5ff;
  border-radius: 50%;
  -webkit-box-shadow: 0;
  box-shadow: 0;
  cursor: pointer;
  -webkit-transition: border-color 0.3s, -webkit-box-shadow 0.6s, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  transition: border-color 0.3s, -webkit-box-shadow 0.6s, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28), -webkit-box-shadow 0.6s, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28); }

.ant-slider-handle:focus {
  border-color: #46a6ff;
  outline: none;
  -webkit-box-shadow: 0 0 0 5px rgba(24, 144, 255, 0.2);
  box-shadow: 0 0 0 5px rgba(24, 144, 255, 0.2); }

.ant-slider-handle.ant-tooltip-open {
  border-color: #1890ff; }

.ant-slider:hover .ant-slider-rail {
  background-color: #e1e1e1; }

.ant-slider:hover .ant-slider-track {
  background-color: #69c0ff; }

.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
  border-color: #69c0ff; }

.ant-slider-mark {
  position: absolute;
  top: 14px;
  left: 0;
  width: 100%;
  font-size: 14px; }

.ant-slider-mark-text {
  position: absolute;
  display: inline-block;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  word-break: keep-all;
  cursor: pointer; }

.ant-slider-mark-text-active {
  color: rgba(0, 0, 0, 0.65); }

.ant-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent; }

.ant-slider-dot {
  position: absolute;
  top: -2px;
  width: 8px;
  height: 8px;
  margin-left: -4px;
  background-color: #fff;
  border: 2px solid #e8e8e8;
  border-radius: 50%;
  cursor: pointer; }

.ant-slider-dot:first-child {
  margin-left: -4px; }

.ant-slider-dot:last-child {
  margin-left: -4px; }

.ant-slider-dot-active {
  border-color: #8cc8ff; }

.ant-slider-disabled {
  cursor: not-allowed; }

.ant-slider-disabled .ant-slider-track {
  background-color: rgba(0, 0, 0, 0.25) !important; }

.ant-slider-disabled .ant-slider-handle,
.ant-slider-disabled .ant-slider-dot {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.25) !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: not-allowed; }

.ant-slider-disabled .ant-slider-mark-text,
.ant-slider-disabled .ant-slider-dot {
  cursor: not-allowed !important; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-statistic {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum'; }

.ant-statistic-title {
  margin-bottom: 4px;
  font-size: 14px; }

.ant-statistic-content {
  font-size: 24px;
  font-family: Tahoma, 'Helvetica Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; }

.ant-statistic-content-value-decimal {
  font-size: 16px; }

.ant-statistic-content-prefix,
.ant-statistic-content-suffix {
  display: inline-block; }

.ant-statistic-content-prefix {
  margin-right: 4px; }

.ant-statistic-content-suffix {
  margin-left: 4px;
  font-size: 16px; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-steps {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  font-size: 0; }

.ant-steps-item {
  position: relative;
  display: inline-block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  vertical-align: top; }

.ant-steps-item:last-child {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none; }

.ant-steps-item:last-child > .ant-steps-item-tail,
.ant-steps-item:last-child > .ant-steps-item-content > .ant-steps-item-title::after {
  display: none; }

.ant-steps-item-icon,
.ant-steps-item-content {
  display: inline-block;
  vertical-align: top; }

.ant-steps-item-icon {
  width: 32px;
  height: 32px;
  margin-right: 8px;
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  line-height: 32px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 32px;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s; }

.ant-steps-item-icon > .ant-steps-icon {
  position: relative;
  top: -1px;
  color: #1890ff;
  line-height: 1; }

.ant-steps-item-tail {
  position: absolute;
  top: 12px;
  left: 0;
  width: 100%;
  padding: 0 10px; }

.ant-steps-item-tail::after {
  display: inline-block;
  width: 100%;
  height: 1px;
  background: #e8e8e8;
  border-radius: 1px;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  content: ''; }

.ant-steps-item-title {
  position: relative;
  display: inline-block;
  padding-right: 16px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 16px;
  line-height: 32px; }

.ant-steps-item-title::after {
  position: absolute;
  top: 16px;
  left: 100%;
  display: block;
  width: 9999px;
  height: 1px;
  background: #e8e8e8;
  content: ''; }

.ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px; }

.ant-steps-item-wait .ant-steps-item-icon {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.25); }

.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
  color: rgba(0, 0, 0, 0.25); }

.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: rgba(0, 0, 0, 0.25); }

.ant-steps-item-wait > .ant-steps-item-content > .ant-steps-item-title {
  color: rgba(0, 0, 0, 0.45); }

.ant-steps-item-wait > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #e8e8e8; }

.ant-steps-item-wait > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45); }

.ant-steps-item-wait > .ant-steps-item-tail::after {
  background-color: #e8e8e8; }

.ant-steps-item-process .ant-steps-item-icon {
  background-color: #fff;
  border-color: #1890ff; }

.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #1890ff; }

.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #1890ff; }

.ant-steps-item-process > .ant-steps-item-content > .ant-steps-item-title {
  color: rgba(0, 0, 0, 0.85); }

.ant-steps-item-process > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #e8e8e8; }

.ant-steps-item-process > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.65); }

.ant-steps-item-process > .ant-steps-item-tail::after {
  background-color: #e8e8e8; }

.ant-steps-item-process .ant-steps-item-icon {
  background: #1890ff; }

.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #fff; }

.ant-steps-item-process .ant-steps-item-title {
  font-weight: 500; }

.ant-steps-item-finish .ant-steps-item-icon {
  background-color: #fff;
  border-color: #1890ff; }

.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
  color: #1890ff; }

.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #1890ff; }

.ant-steps-item-finish > .ant-steps-item-content > .ant-steps-item-title {
  color: rgba(0, 0, 0, 0.65); }

.ant-steps-item-finish > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #1890ff; }

.ant-steps-item-finish > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45); }

.ant-steps-item-finish > .ant-steps-item-tail::after {
  background-color: #1890ff; }

.ant-steps-item-error .ant-steps-item-icon {
  background-color: #fff;
  border-color: #f5222d; }

.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon {
  color: #f5222d; }

.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #f5222d; }

.ant-steps-item-error > .ant-steps-item-content > .ant-steps-item-title {
  color: #f5222d; }

.ant-steps-item-error > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #e8e8e8; }

.ant-steps-item-error > .ant-steps-item-content > .ant-steps-item-description {
  color: #f5222d; }

.ant-steps-item-error > .ant-steps-item-tail::after {
  background-color: #e8e8e8; }

.ant-steps-item.ant-steps-next-error .ant-steps-item-title::after {
  background: #f5222d; }

.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  margin-right: 16px;
  white-space: nowrap; }

.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child {
  margin-right: 0; }

.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
  padding-right: 0; }

.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-tail {
  display: none; }

.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-description {
  max-width: 140px;
  white-space: normal; }

.ant-steps-item-custom .ant-steps-item-icon {
  height: auto;
  background: none;
  border: 0; }

.ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
  top: 0;
  left: 0.5px;
  width: 32px;
  height: 32px;
  font-size: 24px;
  line-height: 32px; }

.ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #1890ff; }

.ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon {
  width: auto; }

.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  margin-right: 12px; }

.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child {
  margin-right: 0; }

.ant-steps-small .ant-steps-item-icon {
  width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  border-radius: 24px; }

.ant-steps-small .ant-steps-item-title {
  padding-right: 12px;
  font-size: 14px;
  line-height: 24px; }

.ant-steps-small .ant-steps-item-title::after {
  top: 12px; }

.ant-steps-small .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px; }

.ant-steps-small .ant-steps-item-tail {
  top: 8px;
  padding: 0 8px; }

.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon {
  width: inherit;
  height: inherit;
  line-height: inherit;
  background: none;
  border: 0;
  border-radius: 0; }

.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
  font-size: 24px;
  line-height: 24px;
  -webkit-transform: none;
  transform: none; }

.ant-steps-vertical {
  display: block; }

.ant-steps-vertical .ant-steps-item {
  display: block;
  overflow: visible; }

.ant-steps-vertical .ant-steps-item-icon {
  float: left;
  margin-right: 16px; }

.ant-steps-vertical .ant-steps-item-content {
  display: block;
  min-height: 48px;
  overflow: hidden; }

.ant-steps-vertical .ant-steps-item-title {
  line-height: 32px; }

.ant-steps-vertical .ant-steps-item-description {
  padding-bottom: 12px; }

.ant-steps-vertical > .ant-steps-item > .ant-steps-item-tail {
  position: absolute;
  top: 0;
  left: 16px;
  width: 1px;
  height: 100%;
  padding: 38px 0 6px; }

.ant-steps-vertical > .ant-steps-item > .ant-steps-item-tail::after {
  width: 1px;
  height: 100%; }

.ant-steps-vertical > .ant-steps-item:not(:last-child) > .ant-steps-item-tail {
  display: block; }

.ant-steps-vertical > .ant-steps-item > .ant-steps-item-content > .ant-steps-item-title::after {
  display: none; }

.ant-steps-vertical.ant-steps-small .ant-steps-item-tail {
  position: absolute;
  top: 0;
  left: 12px;
  padding: 30px 0 6px; }

.ant-steps-vertical.ant-steps-small .ant-steps-item-title {
  line-height: 24px; }

@media (max-width: 480px) {
  .ant-steps-horizontal.ant-steps-label-horizontal {
    display: block; }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item {
    display: block;
    overflow: visible; }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-icon {
    float: left;
    margin-right: 16px; }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-content {
    display: block;
    min-height: 48px;
    overflow: hidden; }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-title {
    line-height: 32px; }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-description {
    padding-bottom: 12px; }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-tail {
    position: absolute;
    top: 0;
    left: 16px;
    width: 1px;
    height: 100%;
    padding: 38px 0 6px; }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-tail::after {
    width: 1px;
    height: 100%; }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item:not(:last-child) > .ant-steps-item-tail {
    display: block; }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-content > .ant-steps-item-title::after {
    display: none; }
  .ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item-tail {
    position: absolute;
    top: 0;
    left: 12px;
    padding: 30px 0 6px; }
  .ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item-title {
    line-height: 24px; } }

.ant-steps-label-vertical .ant-steps-item {
  overflow: visible; }

.ant-steps-label-vertical .ant-steps-item-tail {
  margin-left: 51px;
  padding: 3.5px 24px; }

.ant-steps-label-vertical .ant-steps-item-content {
  display: block;
  width: 104px;
  margin-top: 8px;
  text-align: center; }

.ant-steps-label-vertical .ant-steps-item-icon {
  display: inline-block;
  margin-left: 36px; }

.ant-steps-label-vertical .ant-steps-item-title {
  padding-right: 0; }

.ant-steps-label-vertical .ant-steps-item-title::after {
  display: none; }

.ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot) .ant-steps-item-icon {
  margin-left: 40px; }

.ant-steps-dot .ant-steps-item-title {
  line-height: 1.5; }

.ant-steps-dot .ant-steps-item-tail {
  top: 2px;
  width: 100%;
  margin: 0 0 0 70px;
  padding: 0; }

.ant-steps-dot .ant-steps-item-tail::after {
  width: calc(100% - 20px);
  height: 3px;
  margin-left: 12px; }

.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
  left: 2px; }

.ant-steps-dot .ant-steps-item-icon {
  width: 8px;
  height: 8px;
  margin-left: 67px;
  padding-right: 0;
  line-height: 8px;
  background: transparent;
  border: 0; }

.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  /* expand hover area */ }

.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after {
  position: absolute;
  top: -12px;
  left: -26px;
  width: 60px;
  height: 32px;
  background: rgba(0, 0, 0, 0.001);
  content: ''; }

.ant-steps-dot .ant-steps-item-content {
  width: 140px; }

.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon {
  width: 10px;
  height: 10px;
  line-height: 10px; }

.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon .ant-steps-icon-dot {
  top: -1px; }

.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
  margin-top: 8px;
  margin-left: 0; }

.ant-steps-vertical.ant-steps-dot .ant-steps-item-tail {
  top: 2px;
  left: -9px;
  margin: 0;
  padding: 22px 0 4px; }

.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
  left: 0; }

.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot {
  left: -2px; }

.ant-steps-flex-not-supported.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item {
  margin-left: -16px;
  padding-left: 16px;
  background: #fff; }

.ant-steps-flex-not-supported.ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item {
  margin-left: -12px;
  padding-left: 12px; }

.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item:last-child {
  overflow: hidden; }

.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item:last-child .ant-steps-icon-dot::after {
  right: -200px;
  width: 200px; }

.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::before,
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::after {
  position: absolute;
  top: 0;
  left: -10px;
  width: 10px;
  height: 8px;
  background: #fff;
  content: ''; }

.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::after {
  right: -10px;
  left: auto; }

.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #ccc; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-switch {
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 44px;
  height: 22px;
  line-height: 20px;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.25);
  border: 1px solid transparent;
  border-radius: 100px;
  cursor: pointer;
  -webkit-transition: all 0.36s;
  transition: all 0.36s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ant-switch-inner {
  display: block;
  margin-right: 6px;
  margin-left: 24px;
  color: #fff;
  font-size: 12px; }

.ant-switch-loading-icon,
.ant-switch::after {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 18px;
  cursor: pointer;
  -webkit-transition: all 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  transition: all 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: ' '; }

.ant-switch::after {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
  box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2); }

.ant-switch:not(.ant-switch-disabled):active::before,
.ant-switch:not(.ant-switch-disabled):active::after {
  width: 24px; }

.ant-switch-loading-icon {
  z-index: 1;
  display: none;
  font-size: 12px;
  background: transparent; }

.ant-switch-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

.ant-switch-loading .ant-switch-loading-icon {
  display: inline-block;
  color: rgba(0, 0, 0, 0.65); }

.ant-switch-checked.ant-switch-loading .ant-switch-loading-icon {
  color: #1890ff; }

.ant-switch:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); }

.ant-switch:focus:hover {
  -webkit-box-shadow: none;
  box-shadow: none; }

.ant-switch-small {
  min-width: 28px;
  height: 16px;
  line-height: 14px; }

.ant-switch-small .ant-switch-inner {
  margin-right: 3px;
  margin-left: 18px;
  font-size: 12px; }

.ant-switch-small::after {
  width: 12px;
  height: 12px; }

.ant-switch-small:active::before,
.ant-switch-small:active::after {
  width: 16px; }

.ant-switch-small .ant-switch-loading-icon {
  width: 12px;
  height: 12px; }

.ant-switch-small.ant-switch-checked .ant-switch-inner {
  margin-right: 18px;
  margin-left: 3px; }

.ant-switch-small.ant-switch-checked .ant-switch-loading-icon {
  left: 100%;
  margin-left: -13px; }

.ant-switch-small.ant-switch-loading .ant-switch-loading-icon {
  font-weight: bold;
  -webkit-transform: scale(0.66667);
  transform: scale(0.66667); }

.ant-switch-checked {
  background-color: #1890ff; }

.ant-switch-checked .ant-switch-inner {
  margin-right: 24px;
  margin-left: 6px; }

.ant-switch-checked::after {
  left: 100%;
  margin-left: -1px;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%); }

.ant-switch-checked .ant-switch-loading-icon {
  left: 100%;
  margin-left: -19px; }

.ant-switch-loading,
.ant-switch-disabled {
  cursor: not-allowed;
  opacity: 0.4; }

.ant-switch-loading *,
.ant-switch-disabled * {
  cursor: not-allowed; }

.ant-switch-loading::before,
.ant-switch-disabled::before,
.ant-switch-loading::after,
.ant-switch-disabled::after {
  cursor: not-allowed; }

@-webkit-keyframes AntSwitchSmallLoadingCircle {
  0% {
    -webkit-transform: rotate(0deg) scale(0.66667);
    transform: rotate(0deg) scale(0.66667);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%; }
  100% {
    -webkit-transform: rotate(360deg) scale(0.66667);
    transform: rotate(360deg) scale(0.66667);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%; } }

@keyframes AntSwitchSmallLoadingCircle {
  0% {
    -webkit-transform: rotate(0deg) scale(0.66667);
    transform: rotate(0deg) scale(0.66667);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%; }
  100% {
    -webkit-transform: rotate(360deg) scale(0.66667);
    transform: rotate(360deg) scale(0.66667);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%; } }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-table-wrapper {
  zoom: 1; }

.ant-table-wrapper::before,
.ant-table-wrapper::after {
  display: table;
  content: ''; }

.ant-table-wrapper::after {
  clear: both; }

.ant-table {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: relative;
  clear: both; }

.ant-table-body {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }

.ant-table-empty .ant-table-body {
  overflow: auto !important; }

.ant-table table {
  width: 100%;
  text-align: left;
  border-radius: 4px 4px 0 0;
  border-collapse: collapse; }

.ant-table-thead > tr {
  background: #fafafa; }

.ant-table-thead > tr > th {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  text-align: left;
  background: transparent;
  border-bottom: 1px solid #e8e8e8;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease; }

.ant-table-thead > tr > th[colspan] {
  text-align: center; }

.ant-table-thead > tr > th .anticon-filter,
.ant-table-thead > tr > th .ant-table-filter-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 100%;
  color: #bfbfbf;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.ant-table-thead > tr > th .anticon-filter > svg,
.ant-table-thead > tr > th .ant-table-filter-icon > svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -5px;
  margin-left: -6px; }

.ant-table-thead > tr > th .ant-table-filter-selected.anticon-filter {
  color: #1890ff; }

.ant-table-thead > tr > th .ant-table-column-sorter {
  display: table-cell;
  vertical-align: middle; }

.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner {
  height: 1em;
  margin-top: 0.35em;
  margin-left: 0.57142857em;
  color: #bfbfbf;
  line-height: 1em;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up,
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down {
  display: inline-block;
  font-size: 12px;
  font-size: 11px \9;
  -webkit-transform: scale(0.91667) rotate(0deg);
  transform: scale(0.91667) rotate(0deg);
  display: block;
  height: 1em;
  line-height: 1em;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

:root .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up,
:root .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down {
  font-size: 12px; }

.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up.on,
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down.on {
  color: #1890ff; }

.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full {
  margin-top: -0.15em; }

.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full .ant-table-column-sorter-up,
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full .ant-table-column-sorter-down {
  height: 0.5em;
  line-height: 0.5em; }

.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full .ant-table-column-sorter-down {
  margin-top: 0.125em; }

.ant-table-thead > tr > th.ant-table-column-has-actions {
  position: relative;
  background-clip: padding-box; }

.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters {
  padding-right: 30px !important; }

.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters .anticon-filter.ant-table-filter-open,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters .ant-table-filter-icon.ant-table-filter-open {
  color: rgba(0, 0, 0, 0.45);
  background: #e5e5e5; }

.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:hover,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:hover {
  color: rgba(0, 0, 0, 0.45);
  background: #e5e5e5; }

.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:active,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:active {
  color: rgba(0, 0, 0, 0.65); }

.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters {
  cursor: pointer; }

.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover {
  background: #f2f2f2; }

.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover .anticon-filter,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover .ant-table-filter-icon {
  background: #f2f2f2; }

.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:active .ant-table-column-sorter-up:not(.on),
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:active .ant-table-column-sorter-down:not(.on) {
  color: rgba(0, 0, 0, 0.45); }

.ant-table-thead > tr > th .ant-table-header-column {
  display: inline-block;
  vertical-align: top; }

.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters {
  display: table; }

.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters > .ant-table-column-title {
  display: table-cell;
  vertical-align: middle; }

.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters > *:not(.ant-table-column-sorter) {
  position: relative; }

.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: ''; }

.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters:hover::before {
  background: rgba(0, 0, 0, 0.04); }

.ant-table-thead > tr > th.ant-table-column-has-sorters {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ant-table-thead > tr:first-child > th:first-child {
  border-top-left-radius: 4px; }

.ant-table-thead > tr:first-child > th:last-child {
  border-top-right-radius: 4px; }

.ant-table-thead > tr:not(:last-child) > th[colspan] {
  border-bottom: 0; }

.ant-table-tbody > tr > td {
  border-bottom: 1px solid #e8e8e8;
  -webkit-transition: all 0.3s, border 0s;
  transition: all 0.3s, border 0s; }

.ant-table-thead > tr,
.ant-table-tbody > tr {
  -webkit-transition: all 0.3s, height 0s;
  transition: all 0.3s, height 0s; }

.ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td,
.ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td,
.ant-table-thead > tr:hover:not(.ant-table-expanded-row) > td,
.ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td {
  background: #e6f7ff; }

.ant-table-footer {
  position: relative;
  padding: 16px 16px;
  background: #fafafa;
  border-top: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px; }

.ant-table-footer::before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fafafa;
  content: ''; }

.ant-table.ant-table-bordered .ant-table-footer {
  border: 1px solid #e8e8e8; }

.ant-table-title {
  position: relative;
  top: 1px;
  padding: 16px 0;
  border-radius: 4px 4px 0 0; }

.ant-table.ant-table-bordered .ant-table-title {
  padding-right: 16px;
  padding-left: 16px;
  border: 1px solid #e8e8e8; }

.ant-table-title + .ant-table-content {
  position: relative;
  overflow: hidden;
  border-radius: 4px 4px 0 0; }

.ant-table-bordered .ant-table-title + .ant-table-content,
.ant-table-bordered .ant-table-title + .ant-table-content table,
.ant-table-bordered .ant-table-title + .ant-table-content .ant-table-thead > tr:first-child > th {
  border-radius: 0; }

.ant-table-without-column-header .ant-table-title + .ant-table-content,
.ant-table-without-column-header table {
  border-radius: 0; }

.ant-table-without-column-header.ant-table-bordered.ant-table-empty .ant-table-placeholder {
  border-top: 1px solid #e8e8e8;
  border-radius: 4px; }

.ant-table-tbody > tr.ant-table-row-selected td {
  color: inherit;
  background: #fafafa; }

.ant-table-thead > tr > th.ant-table-column-sort {
  background: #f5f5f5; }

.ant-table-tbody > tr > td.ant-table-column-sort {
  background: rgba(0, 0, 0, 0.01); }

.ant-table-thead > tr > th,
.ant-table-tbody > tr > td {
  padding: 16px 16px; }

.ant-table-expand-icon-th,
.ant-table-row-expand-icon-cell {
  width: 50px;
  min-width: 50px;
  text-align: center; }

.ant-table-header {
  overflow: hidden;
  background: #fafafa; }

.ant-table-header table {
  border-radius: 4px 4px 0 0; }

.ant-table-loading {
  position: relative; }

.ant-table-loading .ant-table-body {
  background: #fff;
  opacity: 0.5; }

.ant-table-loading .ant-table-spin-holder {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 20px;
  margin-left: -30px;
  line-height: 20px; }

.ant-table-loading .ant-table-with-pagination {
  margin-top: -20px; }

.ant-table-loading .ant-table-without-pagination {
  margin-top: 10px; }

.ant-table-bordered .ant-table-header > table,
.ant-table-bordered .ant-table-body > table,
.ant-table-bordered .ant-table-fixed-left table,
.ant-table-bordered .ant-table-fixed-right table {
  border: 1px solid #e8e8e8;
  border-right: 0;
  border-bottom: 0; }

.ant-table-bordered.ant-table-empty .ant-table-placeholder {
  border-right: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8; }

.ant-table-bordered.ant-table-fixed-header .ant-table-header > table {
  border-bottom: 0; }

.ant-table-bordered.ant-table-fixed-header .ant-table-body > table {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.ant-table-bordered.ant-table-fixed-header .ant-table-header + .ant-table-body > table,
.ant-table-bordered.ant-table-fixed-header .ant-table-body-inner > table {
  border-top: 0; }

.ant-table-bordered .ant-table-thead > tr:not(:last-child) > th {
  border-bottom: 1px solid #e8e8e8; }

.ant-table-bordered .ant-table-thead > tr > th,
.ant-table-bordered .ant-table-tbody > tr > td {
  border-right: 1px solid #e8e8e8; }

.ant-table-placeholder {
  position: relative;
  z-index: 1;
  padding: 16px 16px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  text-align: center;
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px; }

.ant-table-placeholder .anticon {
  margin-right: 4px; }

.ant-table-pagination.ant-pagination {
  float: right;
  margin: 16px 0; }

.ant-table-filter-dropdown {
  position: relative;
  min-width: 96px;
  margin-left: -8px;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); }

.ant-table-filter-dropdown .ant-dropdown-menu {
  border: 0;
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

.ant-table-filter-dropdown .ant-dropdown-menu-without-submenu {
  max-height: 400px;
  overflow-x: hidden; }

.ant-table-filter-dropdown .ant-dropdown-menu-item > label + span {
  padding-right: 0; }

.ant-table-filter-dropdown .ant-dropdown-menu-sub {
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); }

.ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-submenu-contain-selected .ant-dropdown-menu-submenu-title::after {
  color: #1890ff;
  font-weight: bold;
  text-shadow: 0 0 2px #bae7ff; }

.ant-table-filter-dropdown .ant-dropdown-menu-item {
  overflow: hidden; }

.ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-item:last-child,
.ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-submenu:last-child .ant-dropdown-menu-submenu-title {
  border-radius: 0; }

.ant-table-filter-dropdown-btns {
  padding: 7px 8px;
  overflow: hidden;
  border-top: 1px solid #e8e8e8; }

.ant-table-filter-dropdown-link {
  color: #1890ff; }

.ant-table-filter-dropdown-link:hover {
  color: #40a9ff; }

.ant-table-filter-dropdown-link:active {
  color: #096dd9; }

.ant-table-filter-dropdown-link.confirm {
  float: left; }

.ant-table-filter-dropdown-link.clear {
  float: right; }

.ant-table-selection {
  white-space: nowrap; }

.ant-table-selection-select-all-custom {
  margin-right: 4px !important; }

.ant-table-selection .anticon-down {
  color: #bfbfbf;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.ant-table-selection-menu {
  min-width: 96px;
  margin-top: 5px;
  margin-left: -30px;
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); }

.ant-table-selection-menu .ant-action-down {
  color: #bfbfbf; }

.ant-table-selection-down {
  display: inline-block;
  padding: 0;
  line-height: 1;
  cursor: pointer; }

.ant-table-selection-down:hover .anticon-down {
  color: rgba(0, 0, 0, 0.6); }

.ant-table-row-expand-icon {
  display: inline-block;
  width: 17px;
  height: 17px;
  line-height: 14px;
  text-align: center;
  background: #fff;
  border: 1px solid #e8e8e8;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ant-table-row-expanded::after {
  content: '-'; }

.ant-table-row-collapsed::after {
  content: '+'; }

.ant-table-row-spaced {
  visibility: hidden; }

.ant-table-row-spaced::after {
  content: '.'; }

tr.ant-table-expanded-row,
tr.ant-table-expanded-row:hover {
  background: #fbfbfb; }

tr.ant-table-expanded-row td > .ant-table-wrapper {
  margin: -16px -16px -17px; }

.ant-table .ant-table-row-indent + .ant-table-row-expand-icon {
  margin-right: 8px; }

.ant-table-scroll {
  overflow: auto;
  overflow-x: hidden; }

.ant-table-scroll table {
  width: auto;
  min-width: 100%; }

.ant-table-scroll table .ant-table-fixed-columns-in-body {
  visibility: hidden; }

.ant-table-body-inner {
  height: 100%; }

.ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body {
  position: relative;
  background: #fff; }

.ant-table-fixed-header .ant-table-body-inner {
  overflow: scroll; }

.ant-table-fixed-header .ant-table-scroll .ant-table-header {
  margin-bottom: -20px;
  padding-bottom: 20px;
  overflow: scroll;
  opacity: 0.9999; }

.ant-table-fixed-left,
.ant-table-fixed-right {
  position: absolute;
  top: 0;
  z-index: auto;
  overflow: hidden;
  border-radius: 0;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease; }

.ant-table-fixed-left table,
.ant-table-fixed-right table {
  width: auto;
  background: #fff; }

.ant-table-fixed-header .ant-table-fixed-left .ant-table-body-outer .ant-table-fixed,
.ant-table-fixed-header .ant-table-fixed-right .ant-table-body-outer .ant-table-fixed {
  border-radius: 0; }

.ant-table-fixed-left {
  left: 0;
  -webkit-box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15);
  box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15); }

.ant-table-fixed-left .ant-table-header {
  overflow-y: hidden; }

.ant-table-fixed-left .ant-table-body-inner {
  margin-right: -20px;
  padding-right: 20px; }

.ant-table-fixed-header .ant-table-fixed-left .ant-table-body-inner {
  padding-right: 0; }

.ant-table-fixed-left,
.ant-table-fixed-left table {
  border-radius: 4px 0 0 0; }

.ant-table-fixed-left .ant-table-thead > tr > th:last-child {
  border-top-right-radius: 0; }

.ant-table-fixed-right {
  right: 0;
  -webkit-box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15);
  box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15); }

.ant-table-fixed-right,
.ant-table-fixed-right table {
  border-radius: 0 4px 0 0; }

.ant-table-fixed-right .ant-table-expanded-row {
  color: transparent;
  pointer-events: none; }

.ant-table-fixed-right .ant-table-thead > tr > th:first-child {
  border-top-left-radius: 0; }

.ant-table.ant-table-scroll-position-left .ant-table-fixed-left {
  -webkit-box-shadow: none;
  box-shadow: none; }

.ant-table.ant-table-scroll-position-right .ant-table-fixed-right {
  -webkit-box-shadow: none;
  box-shadow: none; }

.ant-table colgroup > col.ant-table-selection-col {
  width: 60px; }

.ant-table-thead > tr > th.ant-table-selection-column-custom .ant-table-selection {
  margin-right: -15px; }

.ant-table-thead > tr > th.ant-table-selection-column,
.ant-table-tbody > tr > td.ant-table-selection-column {
  text-align: center; }

.ant-table-thead > tr > th.ant-table-selection-column .ant-radio-wrapper,
.ant-table-tbody > tr > td.ant-table-selection-column .ant-radio-wrapper {
  margin-right: 0; }

.ant-table-row[class*='ant-table-row-level-0'] .ant-table-selection-column > span {
  display: inline-block; }

.ant-table-middle > .ant-table-title,
.ant-table-middle > .ant-table-footer {
  padding: 12px 8px; }

.ant-table-middle > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td {
  padding: 12px 8px; }

.ant-table-middle tr.ant-table-expanded-row td > .ant-table-wrapper {
  margin: -12px -8px -13px; }

.ant-table-small {
  border: 1px solid #e8e8e8;
  border-radius: 4px; }

.ant-table-small > .ant-table-title,
.ant-table-small > .ant-table-footer {
  padding: 8px 8px; }

.ant-table-small > .ant-table-title {
  top: 0;
  border-bottom: 1px solid #e8e8e8; }

.ant-table-small > .ant-table-content > .ant-table-body {
  margin: 0 8px; }

.ant-table-small > .ant-table-content > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-body > table,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table {
  border: 0; }

.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td {
  padding: 8px 8px; }

.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr {
  background-color: transparent;
  border-bottom: 1px solid #e8e8e8; }

.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th.ant-table-column-sort {
  background-color: rgba(0, 0, 0, 0.01); }

.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table {
  padding: 0; }

.ant-table-small > .ant-table-content .ant-table-header {
  background-color: #fff; }

.ant-table-small > .ant-table-content .ant-table-placeholder,
.ant-table-small > .ant-table-content .ant-table-row:last-child td {
  border-bottom: 0; }

.ant-table-small.ant-table-bordered {
  border-right: 0; }

.ant-table-small.ant-table-bordered .ant-table-title {
  border: 0;
  border-right: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8; }

.ant-table-small.ant-table-bordered .ant-table-content {
  border-right: 1px solid #e8e8e8; }

.ant-table-small.ant-table-bordered .ant-table-footer {
  border: 0;
  border-top: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8; }

.ant-table-small.ant-table-bordered .ant-table-footer::before {
  display: none; }

.ant-table-small.ant-table-bordered .ant-table-placeholder {
  border-right: 0;
  border-bottom: 0;
  border-left: 0; }

.ant-table-small.ant-table-bordered .ant-table-thead > tr > th:last-child,
.ant-table-small.ant-table-bordered .ant-table-tbody > tr > td:last-child {
  border-right: none; }

.ant-table-small.ant-table-bordered .ant-table-fixed-left .ant-table-thead > tr > th:last-child,
.ant-table-small.ant-table-bordered .ant-table-fixed-left .ant-table-tbody > tr > td:last-child {
  border-right: 1px solid #e8e8e8; }

.ant-table-small.ant-table-bordered .ant-table-fixed-right {
  border-right: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8; }

.ant-table-small tr.ant-table-expanded-row td > .ant-table-wrapper {
  margin: -8px -8px -9px; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-timeline {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  margin: 0;
  padding: 0;
  list-style: none; }

.ant-timeline-item {
  position: relative;
  margin: 0;
  padding: 0 0 20px;
  font-size: 14px;
  list-style: none; }

.ant-timeline-item-tail {
  position: absolute;
  top: 0.75em;
  left: 4px;
  height: 100%;
  border-left: 2px solid #e8e8e8; }

.ant-timeline-item-pending .ant-timeline-item-head {
  font-size: 12px; }

.ant-timeline-item-pending .ant-timeline-item-tail {
  display: none; }

.ant-timeline-item-head {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border: 2px solid transparent;
  border-radius: 100px; }

.ant-timeline-item-head-blue {
  color: #1890ff;
  border-color: #1890ff; }

.ant-timeline-item-head-red {
  color: #f5222d;
  border-color: #f5222d; }

.ant-timeline-item-head-green {
  color: #52c41a;
  border-color: #52c41a; }

.ant-timeline-item-head-custom {
  position: absolute;
  top: 5.5px;
  left: 5px;
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 3px 1px;
  line-height: 1;
  text-align: center;
  border: 0;
  border-radius: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.ant-timeline-item-content {
  position: relative;
  top: -6px;
  margin: 0 0 0 18px; }

.ant-timeline-item-last > .ant-timeline-item-tail {
  display: none; }

.ant-timeline-item-last > .ant-timeline-item-content {
  min-height: 48px; }

.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
.ant-timeline.ant-timeline-right .ant-timeline-item-tail,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom {
  left: 50%; }

.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head {
  margin-left: -4px; }

.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom {
  margin-left: 1px; }

.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content {
  left: 50%;
  width: 50%;
  text-align: left; }

.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
  right: 50%;
  left: -30px;
  width: 50%;
  margin-right: 18px;
  text-align: right; }

.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom {
  left: 100%; }

.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
  right: 0;
  left: -30px;
  width: 100%; }

.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
  display: block;
  border-left: 2px dotted #e8e8e8; }

.ant-timeline.ant-timeline-reverse .ant-timeline-item-last .ant-timeline-item-tail {
  display: none; }

.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail {
  display: block;
  border-left: 2px dotted #e8e8e8; }

.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-content {
  min-height: 48px; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
@-webkit-keyframes antCheckboxEffect {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    opacity: 0; } }

@keyframes antCheckboxEffect {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    opacity: 0; } }

.ant-transfer {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: relative; }

.ant-transfer-disabled .ant-transfer-list {
  background: #f5f5f5; }

.ant-transfer-list {
  position: relative;
  display: inline-block;
  width: 180px;
  height: 200px;
  padding-top: 34px;
  vertical-align: middle;
  border: 1px solid #d9d9d9;
  border-radius: 4px; }

.ant-transfer-list-with-footer {
  padding-bottom: 34px; }

.ant-transfer-list-search {
  padding: 0 8px; }

.ant-transfer-list-search-action {
  position: absolute;
  top: 4px;
  right: 4px;
  bottom: 4px;
  width: 28px;
  color: rgba(0, 0, 0, 0.25);
  line-height: 32px;
  text-align: center; }

.ant-transfer-list-search-action .anticon {
  color: rgba(0, 0, 0, 0.25);
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.ant-transfer-list-search-action .anticon:hover {
  color: rgba(0, 0, 0, 0.45); }

span.ant-transfer-list-search-action {
  pointer-events: none; }

.ant-transfer-list-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 6px 12px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 4px 4px 0 0; }

.ant-transfer-list-header-title {
  position: absolute;
  right: 12px; }

.ant-transfer-list-body {
  position: relative;
  height: 100%;
  font-size: 14px; }

.ant-transfer-list-body-search-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 4px; }

.ant-transfer-list-body-with-search {
  padding-top: 40px; }

.ant-transfer-list-content {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
  list-style: none; }

.ant-transfer-list-content > .LazyLoad {
  -webkit-animation: transferHighlightIn 1s;
  animation: transferHighlightIn 1s; }

.ant-transfer-list-content-item {
  min-height: 32px;
  padding: 6px 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.ant-transfer-list-content-item > span {
  padding-right: 0; }

.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
  background-color: #e6f7ff;
  cursor: pointer; }

.ant-transfer-list-content-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed; }

.ant-transfer-list-body-not-found {
  position: absolute;
  top: 50%;
  width: 100%;
  padding-top: 0;
  color: rgba(0, 0, 0, 0.25);
  text-align: center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.ant-transfer-list-body-with-search .ant-transfer-list-body-not-found {
  margin-top: 16px; }

.ant-transfer-list-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px; }

.ant-transfer-operation {
  display: inline-block;
  margin: 0 8px;
  overflow: hidden;
  vertical-align: middle; }

.ant-transfer-operation .ant-btn {
  display: block; }

.ant-transfer-operation .ant-btn:first-child {
  margin-bottom: 4px; }

.ant-transfer-operation .ant-btn .anticon {
  font-size: 12px; }

@-webkit-keyframes transferHighlightIn {
  0% {
    background: #bae7ff; }
  100% {
    background: transparent; } }

@keyframes transferHighlightIn {
  0% {
    background: #bae7ff; }
  100% {
    background: transparent; } }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
@-webkit-keyframes antCheckboxEffect {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    opacity: 0; } }

@keyframes antCheckboxEffect {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    opacity: 0; } }

.ant-select-tree-checkbox {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer; }

.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner {
  border-color: #1890ff; }

.ant-select-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 2px;
  visibility: hidden;
  -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
  animation: antCheckboxEffect 0.36s ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  content: ''; }

.ant-select-tree-checkbox:hover::after,
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox::after {
  visibility: visible; }

.ant-select-tree-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.ant-select-tree-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%);
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' '; }

.ant-select-tree-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0; }

.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' '; }

.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {
  background-color: #1890ff;
  border-color: #1890ff; }

.ant-select-tree-checkbox-disabled {
  cursor: not-allowed; }

.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  -webkit-animation-name: none;
  animation-name: none; }

.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input {
  cursor: not-allowed; }

.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important; }

.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  -webkit-animation-name: none;
  animation-name: none; }

.ant-select-tree-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed; }

.ant-select-tree-checkbox-wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer; }

.ant-select-tree-checkbox-wrapper + .ant-select-tree-checkbox-wrapper {
  margin-left: 8px; }

.ant-select-tree-checkbox-wrapper + span,
.ant-select-tree-checkbox + span {
  padding-right: 8px;
  padding-left: 8px; }

.ant-select-tree-checkbox-group {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  display: inline-block; }

.ant-select-tree-checkbox-group-item {
  display: inline-block;
  margin-right: 8px; }

.ant-select-tree-checkbox-group-item:last-child {
  margin-right: 0; }

.ant-select-tree-checkbox-group-item + .ant-select-tree-checkbox-group-item {
  margin-left: 0; }

.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9; }

.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #1890ff;
  border: 0;
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' '; }

.ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25); }

.ant-select-tree {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  margin: 0;
  margin-top: -4px;
  padding: 0 4px; }

.ant-select-tree li {
  margin: 8px 0;
  padding: 0;
  white-space: nowrap;
  list-style: none;
  outline: 0; }

.ant-select-tree li.filter-node > span {
  font-weight: 500; }

.ant-select-tree li ul {
  margin: 0;
  padding: 0 0 0 18px; }

.ant-select-tree li .ant-select-tree-node-content-wrapper {
  display: inline-block;
  width: calc(100% - 24px);
  margin: 0;
  padding: 3px 5px;
  color: rgba(0, 0, 0, 0.65);
  text-decoration: none;
  border-radius: 2px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.ant-select-tree li .ant-select-tree-node-content-wrapper:hover {
  background-color: #e6f7ff; }

.ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
  background-color: #bae7ff; }

.ant-select-tree li span.ant-select-tree-checkbox {
  margin: 0 4px 0 0; }

.ant-select-tree li span.ant-select-tree-checkbox + .ant-select-tree-node-content-wrapper {
  width: calc(100% - 46px); }

.ant-select-tree li span.ant-select-tree-switcher,
.ant-select-tree li span.ant-select-tree-iconEle {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0;
  line-height: 22px;
  text-align: center;
  vertical-align: middle;
  border: 0 none;
  outline: none;
  cursor: pointer; }

.ant-select-tree li span.ant-select-icon_loading .ant-select-switcher-loading-icon {
  position: absolute;
  left: 0;
  display: inline-block;
  color: #1890ff;
  font-size: 14px;
  -webkit-transform: none;
  transform: none; }

.ant-select-tree li span.ant-select-icon_loading .ant-select-switcher-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

.ant-select-tree li span.ant-select-tree-switcher {
  position: relative; }

.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher-noop {
  cursor: auto; }

.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-tree-switcher-icon,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-icon {
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333) rotate(0deg);
  transform: scale(0.83333) rotate(0deg);
  display: inline-block;
  font-weight: bold; }

:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-tree-switcher-icon,
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-icon {
  font-size: 12px; }

.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-tree-switcher-icon svg,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-icon svg {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }

.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-tree-switcher-icon,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon {
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333) rotate(0deg);
  transform: scale(0.83333) rotate(0deg);
  display: inline-block;
  font-weight: bold; }

:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-tree-switcher-icon,
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon {
  font-size: 12px; }

.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-tree-switcher-icon svg,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon svg {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }

.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon svg {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-loading-icon,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-loading-icon {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  color: #1890ff;
  font-size: 14px;
  -webkit-transform: none;
  transform: none; }

.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-loading-icon svg,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

.ant-select-tree .ant-select-tree-treenode-loading .ant-select-tree-iconEle {
  display: none; }

.ant-select-tree-child-tree {
  display: none; }

.ant-select-tree-child-tree-open {
  display: block; }

li.ant-select-tree-treenode-disabled > span:not(.ant-select-tree-switcher),
li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper,
li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed; }

li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper:hover {
  background: transparent; }

.ant-select-tree-icon__open {
  margin-right: 2px;
  vertical-align: top; }

.ant-select-tree-icon__close {
  margin-right: 2px;
  vertical-align: top; }

.ant-select-tree-dropdown {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum'; }

.ant-select-tree-dropdown .ant-select-dropdown-search {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
  display: block;
  padding: 4px;
  background: #fff; }

.ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field__wrap {
  width: 100%; }

.ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 4px 7px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: none; }

.ant-select-tree-dropdown .ant-select-dropdown-search.ant-select-search--hide {
  display: none; }

.ant-select-tree-dropdown .ant-select-not-found {
  display: block;
  padding: 7px 16px;
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
@-webkit-keyframes antCheckboxEffect {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    opacity: 0; } }

@keyframes antCheckboxEffect {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0.5; }
  100% {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    opacity: 0; } }

.ant-tree.ant-tree-directory {
  position: relative; }

.ant-tree.ant-tree-directory > li span.ant-tree-switcher,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-switcher {
  position: relative;
  z-index: 1; }

.ant-tree.ant-tree-directory > li span.ant-tree-switcher.ant-tree-switcher-noop,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-switcher.ant-tree-switcher-noop {
  pointer-events: none; }

.ant-tree.ant-tree-directory > li span.ant-tree-checkbox,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-checkbox {
  position: relative;
  z-index: 1; }

.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper {
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover {
  background: transparent; }

.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover::before {
  background: #e6f7ff; }

.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper.ant-tree-node-selected,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper.ant-tree-node-selected {
  color: #fff;
  background: transparent; }

.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper::before {
  position: absolute;
  right: 0;
  left: 0;
  height: 24px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: ''; }

.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper > span,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper > span {
  position: relative;
  z-index: 1; }

.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-switcher,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-switcher {
  color: #fff; }

.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox .ant-tree-checkbox-inner,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox .ant-tree-checkbox-inner {
  border-color: #1890ff; }

.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked::after,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked::after {
  border-color: #fff; }

.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background: #fff; }

.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  border-color: #1890ff; }

.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before {
  background: #1890ff; }

.ant-tree-checkbox {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer; }

.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner {
  border-color: #1890ff; }

.ant-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 2px;
  visibility: hidden;
  -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
  animation: antCheckboxEffect 0.36s ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  content: ''; }

.ant-tree-checkbox:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox::after {
  visibility: visible; }

.ant-tree-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.ant-tree-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 21%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%);
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' '; }

.ant-tree-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0; }

.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' '; }

.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background-color: #1890ff;
  border-color: #1890ff; }

.ant-tree-checkbox-disabled {
  cursor: not-allowed; }

.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  -webkit-animation-name: none;
  animation-name: none; }

.ant-tree-checkbox-disabled .ant-tree-checkbox-input {
  cursor: not-allowed; }

.ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important; }

.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  -webkit-animation-name: none;
  animation-name: none; }

.ant-tree-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed; }

.ant-tree-checkbox-wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer; }

.ant-tree-checkbox-wrapper + .ant-tree-checkbox-wrapper {
  margin-left: 8px; }

.ant-tree-checkbox-wrapper + span,
.ant-tree-checkbox + span {
  padding-right: 8px;
  padding-left: 8px; }

.ant-tree-checkbox-group {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  display: inline-block; }

.ant-tree-checkbox-group-item {
  display: inline-block;
  margin-right: 8px; }

.ant-tree-checkbox-group-item:last-child {
  margin-right: 0; }

.ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item {
  margin-left: 0; }

.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9; }

.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #1890ff;
  border: 0;
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' '; }

.ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25); }

.ant-tree {
  /* see https://github.com/ant-design/ant-design/issues/16259 */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  margin: 0;
  padding: 0; }

.ant-tree-checkbox-checked::after {
  position: absolute;
  top: 16.67%;
  left: 0;
  width: 100%;
  height: 66.67%; }

.ant-tree ol,
.ant-tree ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.ant-tree li {
  margin: 0;
  padding: 4px 0;
  white-space: nowrap;
  list-style: none;
  outline: 0; }

.ant-tree li span[draggable],
.ant-tree li span[draggable='true'] {
  line-height: 20px;
  border-top: 2px transparent solid;
  border-bottom: 2px transparent solid;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element; }

.ant-tree li.drag-over > span[draggable] {
  color: white;
  background-color: #1890ff;
  opacity: 0.8; }

.ant-tree li.drag-over-gap-top > span[draggable] {
  border-top-color: #1890ff; }

.ant-tree li.drag-over-gap-bottom > span[draggable] {
  border-bottom-color: #1890ff; }

.ant-tree li.filter-node > span {
  color: #f5222d !important;
  font-weight: 500 !important; }

.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-loading-icon,
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-loading-icon {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  color: #1890ff;
  font-size: 14px;
  -webkit-transform: none;
  transform: none; }

.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-loading-icon svg,
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

:root .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open::after,
:root .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close::after {
  opacity: 0; }

.ant-tree li ul {
  margin: 0;
  padding: 0 0 0 18px; }

.ant-tree li .ant-tree-node-content-wrapper {
  display: inline-block;
  height: 24px;
  margin: 0;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 24px;
  text-decoration: none;
  vertical-align: top;
  border-radius: 2px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.ant-tree li .ant-tree-node-content-wrapper:hover {
  background-color: #e6f7ff; }

.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
  background-color: #bae7ff; }

.ant-tree li span.ant-tree-checkbox {
  top: initial;
  height: 24px;
  margin: 0 4px 0 2px;
  padding: 4px 0; }

.ant-tree li span.ant-tree-switcher,
.ant-tree li span.ant-tree-iconEle {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0;
  line-height: 24px;
  text-align: center;
  vertical-align: top;
  border: 0 none;
  outline: none;
  cursor: pointer; }

.ant-tree li span.ant-tree-switcher {
  position: relative; }

.ant-tree li span.ant-tree-switcher.ant-tree-switcher-noop {
  cursor: default; }

.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon {
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333) rotate(0deg);
  transform: scale(0.83333) rotate(0deg);
  display: inline-block;
  font-weight: bold; }

:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon,
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon {
  font-size: 12px; }

.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon svg {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }

.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon {
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333) rotate(0deg);
  transform: scale(0.83333) rotate(0deg);
  display: inline-block;
  font-weight: bold; }

:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon,
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon {
  font-size: 12px; }

.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon svg {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }

.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.ant-tree li:last-child > span.ant-tree-switcher::before,
.ant-tree li:last-child > span.ant-tree-iconEle::before {
  display: none; }

.ant-tree > li:first-child {
  padding-top: 7px; }

.ant-tree > li:last-child {
  padding-bottom: 7px; }

.ant-tree-child-tree > li:first-child {
  padding-top: 8px; }

.ant-tree-child-tree > li:last-child {
  padding-bottom: 0; }

li.ant-tree-treenode-disabled > span:not(.ant-tree-switcher),
li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper,
li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed; }

li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper:hover {
  background: transparent; }

.ant-tree-icon__open {
  margin-right: 2px;
  vertical-align: top; }

.ant-tree-icon__close {
  margin-right: 2px;
  vertical-align: top; }

.ant-tree.ant-tree-show-line li {
  position: relative; }

.ant-tree.ant-tree-show-line li span.ant-tree-switcher {
  color: rgba(0, 0, 0, 0.45);
  background: #fff; }

.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-tree-switcher-icon,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-select-switcher-icon {
  display: inline-block;
  font-weight: normal;
  font-size: 12px; }

.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-tree-switcher-icon svg,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-select-switcher-icon svg {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }

.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon {
  display: inline-block;
  font-weight: normal;
  font-size: 12px; }

.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon svg {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }

.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon {
  display: inline-block;
  font-weight: normal;
  font-size: 12px; }

.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon svg {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }

.ant-tree.ant-tree-show-line li:not(:last-child)::before {
  position: absolute;
  left: 12px;
  width: 1px;
  height: 100%;
  margin: 22px 0;
  border-left: 1px solid #d9d9d9;
  content: ' '; }

.ant-tree.ant-tree-icon-hide .ant-tree-treenode-loading .ant-tree-iconEle {
  display: none; }

.ant-tree.ant-tree-block-node li .ant-tree-node-content-wrapper {
  width: calc(100% - 24px); }

.ant-tree.ant-tree-block-node li span.ant-tree-checkbox + .ant-tree-node-content-wrapper {
  width: calc(100% - 46px); }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-typography {
  color: rgba(0, 0, 0, 0.65); }

.ant-typography.ant-typography-secondary {
  color: rgba(0, 0, 0, 0.45); }

.ant-typography.ant-typography-warning {
  color: #d48806; }

.ant-typography.ant-typography-danger {
  color: #cf1322; }

.ant-typography.ant-typography-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

div.ant-typography,
.ant-typography p {
  margin-bottom: 1em; }

h1.ant-typography,
.ant-typography h1 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 38px;
  line-height: 1.23; }

h2.ant-typography,
.ant-typography h2 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 30px;
  line-height: 1.35; }

h3.ant-typography,
.ant-typography h3 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 24px;
  line-height: 1.35; }

h4.ant-typography,
.ant-typography h4 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4; }

.ant-typography + h1.ant-typography,
.ant-typography + h2.ant-typography,
.ant-typography + h3.ant-typography,
.ant-typography + h4.ant-typography {
  margin-top: 1.2em; }

.ant-typography div + h1,
.ant-typography ul + h1,
.ant-typography li + h1,
.ant-typography p + h1,
.ant-typography h1 + h1,
.ant-typography h2 + h1,
.ant-typography h3 + h1,
.ant-typography h4 + h1,
.ant-typography div + h2,
.ant-typography ul + h2,
.ant-typography li + h2,
.ant-typography p + h2,
.ant-typography h1 + h2,
.ant-typography h2 + h2,
.ant-typography h3 + h2,
.ant-typography h4 + h2,
.ant-typography div + h3,
.ant-typography ul + h3,
.ant-typography li + h3,
.ant-typography p + h3,
.ant-typography h1 + h3,
.ant-typography h2 + h3,
.ant-typography h3 + h3,
.ant-typography h4 + h3,
.ant-typography div + h4,
.ant-typography ul + h4,
.ant-typography li + h4,
.ant-typography p + h4,
.ant-typography h1 + h4,
.ant-typography h2 + h4,
.ant-typography h3 + h4,
.ant-typography h4 + h4 {
  margin-top: 1.2em; }

span.ant-typography-ellipsis {
  display: inline-block; }

.ant-typography a {
  color: #1890ff;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s; }

.ant-typography a:focus,
.ant-typography a:hover {
  color: #40a9ff; }

.ant-typography a:active {
  color: #096dd9; }

.ant-typography a:active,
.ant-typography a:hover {
  text-decoration: none; }

.ant-typography a[disabled] {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  pointer-events: none; }

.ant-typography code {
  margin: 0 0.2em;
  padding: 0.2em 0.4em 0.1em;
  font-size: 85%;
  background: rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 3px; }

.ant-typography mark {
  padding: 0;
  background-color: #ffe58f; }

.ant-typography u,
.ant-typography ins {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto; }

.ant-typography s,
.ant-typography del {
  text-decoration: line-through; }

.ant-typography strong {
  font-weight: 600; }

.ant-typography-expand,
.ant-typography-edit,
.ant-typography-copy {
  color: #1890ff;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  margin-left: 8px; }

.ant-typography-expand:focus,
.ant-typography-edit:focus,
.ant-typography-copy:focus,
.ant-typography-expand:hover,
.ant-typography-edit:hover,
.ant-typography-copy:hover {
  color: #40a9ff; }

.ant-typography-expand:active,
.ant-typography-edit:active,
.ant-typography-copy:active {
  color: #096dd9; }

.ant-typography-copy-success,
.ant-typography-copy-success:hover,
.ant-typography-copy-success:focus {
  color: #52c41a; }

.ant-typography-edit-content {
  position: relative; }

div.ant-typography-edit-content {
  left: -12px;
  margin-top: -5px;
  margin-bottom: calc(1em - 4px - 2px); }

.ant-typography-edit-content-confirm {
  position: absolute;
  right: 10px;
  bottom: 8px;
  color: rgba(0, 0, 0, 0.45);
  pointer-events: none; }

.ant-typography ul,
.ant-typography ol {
  margin: 0 0 1em 0;
  padding: 0; }

.ant-typography ul li,
.ant-typography ol li {
  margin: 0 0 0 20px;
  padding: 0 0 0 4px; }

.ant-typography ul li {
  list-style-type: circle; }

.ant-typography ul li li {
  list-style-type: disc; }

.ant-typography ol li {
  list-style-type: decimal; }

.ant-typography-ellipsis-single-line {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.ant-typography-ellipsis-multiple-line {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-upload {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  outline: 0; }

.ant-upload p {
  margin: 0; }

.ant-upload-btn {
  display: block;
  width: 100%;
  outline: none; }

.ant-upload input[type='file'] {
  cursor: pointer; }

.ant-upload.ant-upload-select {
  display: inline-block; }

.ant-upload.ant-upload-select-picture-card {
  display: table;
  width: 104px;
  height: 104px;
  margin-right: 8px;
  margin-bottom: 8px;
  text-align: center;
  vertical-align: top;
  background-color: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease; }

.ant-upload.ant-upload-select-picture-card > .ant-upload {
  display: table-cell;
  width: 100%;
  height: 100%;
  padding: 8px;
  text-align: center;
  vertical-align: middle; }

.ant-upload.ant-upload-select-picture-card:hover {
  border-color: #1890ff; }

.ant-upload.ant-upload-drag {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s; }

.ant-upload.ant-upload-drag .ant-upload {
  padding: 16px 0; }

.ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
  border-color: #096dd9; }

.ant-upload.ant-upload-drag.ant-upload-disabled {
  cursor: not-allowed; }

.ant-upload.ant-upload-drag .ant-upload-btn {
  display: table;
  height: 100%; }

.ant-upload.ant-upload-drag .ant-upload-drag-container {
  display: table-cell;
  vertical-align: middle; }

.ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
  border-color: #40a9ff; }

.ant-upload.ant-upload-drag p.ant-upload-drag-icon {
  margin-bottom: 20px; }

.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
  color: #40a9ff;
  font-size: 48px; }

.ant-upload.ant-upload-drag p.ant-upload-text {
  margin: 0 0 4px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 16px; }

.ant-upload.ant-upload-drag p.ant-upload-hint {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px; }

.ant-upload.ant-upload-drag .anticon-plus {
  color: rgba(0, 0, 0, 0.25);
  font-size: 30px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.ant-upload.ant-upload-drag .anticon-plus:hover {
  color: rgba(0, 0, 0, 0.45); }

.ant-upload.ant-upload-drag:hover .anticon-plus {
  color: rgba(0, 0, 0, 0.45); }

.ant-upload-list {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  zoom: 1; }

.ant-upload-list::before,
.ant-upload-list::after {
  display: table;
  content: ''; }

.ant-upload-list::after {
  clear: both; }

.ant-upload-list-item {
  position: relative;
  height: 22px;
  margin-top: 8px;
  font-size: 14px; }

.ant-upload-list-item-name {
  display: inline-block;
  width: 100%;
  padding-left: 22px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.ant-upload-list-item-info {
  height: 100%;
  padding: 0 12px 0 4px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s; }

.ant-upload-list-item-info > span {
  display: block; }

.ant-upload-list-item-info .anticon-loading,
.ant-upload-list-item-info .anticon-paper-clip {
  position: absolute;
  top: 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px; }

.ant-upload-list-item .anticon-close {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  -webkit-transform: scale(0.83333) rotate(0deg);
  transform: scale(0.83333) rotate(0deg);
  position: absolute;
  top: 6px;
  right: 4px;
  color: rgba(0, 0, 0, 0.45);
  line-height: 0;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

:root .ant-upload-list-item .anticon-close {
  font-size: 12px; }

.ant-upload-list-item .anticon-close:hover {
  color: rgba(0, 0, 0, 0.65); }

.ant-upload-list-item:hover .ant-upload-list-item-info {
  background-color: #e6f7ff; }

.ant-upload-list-item:hover .anticon-close {
  opacity: 1; }

.ant-upload-list-item-error,
.ant-upload-list-item-error .anticon-paper-clip,
.ant-upload-list-item-error .ant-upload-list-item-name {
  color: #f5222d; }

.ant-upload-list-item-error .anticon-close {
  color: #f5222d !important;
  opacity: 1; }

.ant-upload-list-item-progress {
  position: absolute;
  bottom: -12px;
  width: 100%;
  padding-left: 26px;
  font-size: 14px;
  line-height: 0; }

.ant-upload-list-picture .ant-upload-list-item,
.ant-upload-list-picture-card .ant-upload-list-item {
  position: relative;
  height: 66px;
  padding: 8px;
  border: 1px solid #d9d9d9;
  border-radius: 4px; }

.ant-upload-list-picture .ant-upload-list-item:hover,
.ant-upload-list-picture-card .ant-upload-list-item:hover {
  background: transparent; }

.ant-upload-list-picture .ant-upload-list-item-error,
.ant-upload-list-picture-card .ant-upload-list-item-error {
  border-color: #f5222d; }

.ant-upload-list-picture .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item-info {
  padding: 0; }

.ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info {
  background: transparent; }

.ant-upload-list-picture .ant-upload-list-item-uploading,
.ant-upload-list-picture-card .ant-upload-list-item-uploading {
  border-style: dashed; }

.ant-upload-list-picture .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 48px;
  height: 48px;
  font-size: 26px;
  line-height: 54px;
  text-align: center;
  opacity: 0.8; }

.ant-upload-list-picture .ant-upload-list-item-icon,
.ant-upload-list-picture-card .ant-upload-list-item-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 26px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.ant-upload-list-picture .ant-upload-list-item-thumbnail img,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  display: block;
  width: 48px;
  height: 48px;
  overflow: hidden; }

.ant-upload-list-picture .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-name {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  margin: 0 0 0 8px;
  padding-right: 8px;
  padding-left: 48px;
  overflow: hidden;
  line-height: 44px;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name {
  line-height: 28px; }

.ant-upload-list-picture .ant-upload-list-item-progress,
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 14px;
  width: calc(100% - 24px);
  margin-top: 0;
  padding-left: 56px; }

.ant-upload-list-picture .anticon-close,
.ant-upload-list-picture-card .anticon-close {
  position: absolute;
  top: 8px;
  right: 8px;
  line-height: 1;
  opacity: 1; }

.ant-upload-list-picture-card {
  float: left; }

.ant-upload-list-picture-card.ant-upload-list::after {
  display: none; }

.ant-upload-list-picture-card .ant-upload-list-item {
  float: left;
  width: 104px;
  height: 104px;
  margin: 0 8px 8px 0; }

.ant-upload-list-picture-card .ant-upload-list-item-info {
  position: relative;
  height: 100%;
  overflow: hidden; }

.ant-upload-list-picture-card .ant-upload-list-item-info::before {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  content: ' '; }

.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before {
  opacity: 1; }

.ant-upload-list-picture-card .ant-upload-list-item-actions {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  white-space: nowrap;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {
  z-index: 10;
  width: 16px;
  margin: 0 4px;
  color: rgba(255, 255, 255, 0.85);
  font-size: 16px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover {
  color: #fff; }

.ant-upload-list-picture-card .ant-upload-list-item-info:hover + .ant-upload-list-item-actions,
.ant-upload-list-picture-card .ant-upload-list-item-actions:hover {
  opacity: 1; }

.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  position: static;
  display: block;
  width: 100%;
  height: 100%; }

.ant-upload-list-picture-card .ant-upload-list-item-name {
  display: none;
  margin: 8px 0 0;
  padding: 0;
  line-height: 1.5;
  text-align: center; }

.ant-upload-list-picture-card .anticon-picture + .ant-upload-list-item-name {
  display: block; }

.ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {
  background-color: #fafafa; }

.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info {
  height: auto; }

.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye-o,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete {
  display: none; }

.ant-upload-list-picture-card .ant-upload-list-item-uploading-text {
  margin-top: 18px;
  color: rgba(0, 0, 0, 0.45); }

.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 32px;
  padding-left: 0; }

.ant-upload-list .ant-upload-success-icon {
  color: #52c41a;
  font-weight: bold; }

.ant-upload-list .ant-upload-animate-enter,
.ant-upload-list .ant-upload-animate-leave,
.ant-upload-list .ant-upload-animate-inline-enter,
.ant-upload-list .ant-upload-animate-inline-leave {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86); }

.ant-upload-list .ant-upload-animate-enter {
  -webkit-animation-name: uploadAnimateIn;
  animation-name: uploadAnimateIn; }

.ant-upload-list .ant-upload-animate-leave {
  -webkit-animation-name: uploadAnimateOut;
  animation-name: uploadAnimateOut; }

.ant-upload-list .ant-upload-animate-inline-enter {
  -webkit-animation-name: uploadAnimateInlineIn;
  animation-name: uploadAnimateInlineIn; }

.ant-upload-list .ant-upload-animate-inline-leave {
  -webkit-animation-name: uploadAnimateInlineOut;
  animation-name: uploadAnimateInlineOut; }

@-webkit-keyframes uploadAnimateIn {
  from {
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0; } }

@keyframes uploadAnimateIn {
  from {
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0; } }

@-webkit-keyframes uploadAnimateOut {
  to {
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0; } }

@keyframes uploadAnimateOut {
  to {
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0; } }

@-webkit-keyframes uploadAnimateInlineIn {
  from {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0; } }

@keyframes uploadAnimateInlineIn {
  from {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0; } }

@-webkit-keyframes uploadAnimateInlineOut {
  to {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0; } }

@keyframes uploadAnimateInlineOut {
  to {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0; } }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

@charset "UTF-8";
/* Slider */
.slick-loading .slick-list {
  background: #fff url(_/node_modules/slick-carousel/slick/ajax-loader.gif) center center no-repeat; }

/* Icons */
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url(_/node_modules/slick-carousel/slick/fonts/slick.eot);
  src: url(_/node_modules/slick-carousel/slick/fonts/slick.eot?#iefix) format("embedded-opentype"), url(_/node_modules/slick-carousel/slick/fonts/slick.woff) format("woff"), url(_/node_modules/slick-carousel/slick/fonts/slick.ttf) format("truetype"), url(_/node_modules/slick-carousel/slick/fonts/slick.svg#slick) format("svg"); }

/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent; }

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent; }

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1; }

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25; }

.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }

[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto; }

.slick-prev:before {
  content: '←'; }

[dir='rtl'] .slick-prev:before {
  content: '→'; }

.slick-next {
  right: -25px; }

[dir='rtl'] .slick-next {
  right: auto;
  left: -25px; }

.slick-next:before {
  content: '→'; }

[dir='rtl'] .slick-next:before {
  content: '←'; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center; }

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent; }

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none; }

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1; }

.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black; }

/* Collection default theme */
/* Grid default theme */
/* Table default theme */
.ReactVirtualized__Table__headerRow {
  font-weight: 700;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.ReactVirtualized__Table__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.ReactVirtualized__Table__headerTruncatedText {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.ReactVirtualized__Table__headerColumn,
.ReactVirtualized__Table__rowColumn {
  margin-right: 10px;
  min-width: 0px; }

.ReactVirtualized__Table__rowColumn {
  text-overflow: ellipsis;
  white-space: nowrap; }

.ReactVirtualized__Table__headerColumn:first-of-type,
.ReactVirtualized__Table__rowColumn:first-of-type {
  margin-left: 10px; }

.ReactVirtualized__Table__sortableHeaderColumn {
  cursor: pointer; }

.ReactVirtualized__Table__sortableHeaderIconContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.ReactVirtualized__Table__sortableHeaderIcon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 24px;
  flex: 0 0 24px;
  height: 1em;
  width: 1em;
  fill: currentColor; }

/* List default theme */
.rst__rowWrapper {
  padding: 10px 10px 10px 0;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.rst__rtl.rst__rowWrapper {
  padding: 10px 0 10px 10px; }

.rst__row {
  height: 100%;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.rst__row > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

/**
 * The outline of where the element will go if dropped, displayed while dragging
 */
.rst__rowLandingPad,
.rst__rowCancelPad {
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  outline: none !important; }

.rst__rowLandingPad > *,
.rst__rowCancelPad > * {
  opacity: 0 !important; }

.rst__rowLandingPad::before,
.rst__rowCancelPad::before {
  background-color: lightblue;
  border: 3px dashed white;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1; }

/**
 * Alternate appearance of the landing pad when the dragged location is invalid
 */
.rst__rowCancelPad::before {
  background-color: #e6a8ad; }

/**
 * Nodes matching the search conditions are highlighted
 */
.rst__rowSearchMatch {
  outline: solid 3px #0080ff; }

/**
 * The node that matches the search conditions and is currently focused
 */
.rst__rowSearchFocus {
  outline: solid 3px #fc6421; }

.rst__rowContents,
.rst__rowLabel,
.rst__rowToolbar,
.rst__moveHandle,
.rst__toolbarButton {
  display: inline-block;
  vertical-align: middle; }

.rst__rowContents {
  position: relative;
  height: 100%;
  border: solid #bbb 1px;
  border-left: none;
  -webkit-box-shadow: 0 2px 2px -2px;
          box-shadow: 0 2px 2px -2px;
  padding: 0 5px 0 10px;
  border-radius: 2px;
  min-width: 230px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: white; }

.rst__rtl.rst__rowContents {
  border-right: none;
  border-left: solid #bbb 1px;
  padding: 0 10px 0 5px; }

.rst__rowContentsDragDisabled {
  border-left: solid #bbb 1px; }

.rst__rtl.rst__rowContentsDragDisabled {
  border-right: solid #bbb 1px;
  border-left: solid #bbb 1px; }

.rst__rowLabel {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  padding-right: 20px; }

.rst__rtl.rst__rowLabel {
  padding-left: 20px;
  padding-right: inherit; }

.rst__rowToolbar {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.rst__moveHandle,
.rst__loadingHandle {
  height: 100%;
  width: 44px;
  background: #d9d9d9 url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MiIgaGVpZ2h0PSI0MiI+PGcgc3Ryb2tlPSIjRkZGIiBzdHJva2Utd2lkdGg9IjIuOSIgPjxwYXRoIGQ9Ik0xNCAxNS43aDE0LjQiLz48cGF0aCBkPSJNMTQgMjEuNGgxNC40Ii8+PHBhdGggZD0iTTE0IDI3LjFoMTQuNCIvPjwvZz4KPC9zdmc+") no-repeat center;
  border: solid #aaa 1px;
  -webkit-box-shadow: 0 2px 2px -2px;
          box-shadow: 0 2px 2px -2px;
  cursor: move;
  border-radius: 1px;
  z-index: 1; }

.rst__loadingHandle {
  cursor: default;
  background: #d9d9d9; }

@-webkit-keyframes pointFade {
  0%,
  19.999%,
  100% {
    opacity: 0; }
  20% {
    opacity: 1; } }

@keyframes pointFade {
  0%,
  19.999%,
  100% {
    opacity: 0; }
  20% {
    opacity: 1; } }

.rst__loadingCircle {
  width: 80%;
  height: 80%;
  margin: 10%;
  position: relative; }

.rst__loadingCirclePoint {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.rst__rtl.rst__loadingCirclePoint {
  right: 0;
  left: initial; }

.rst__loadingCirclePoint::before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 11%;
  height: 30%;
  background-color: #fff;
  border-radius: 30%;
  -webkit-animation: pointFade 800ms infinite ease-in-out both;
          animation: pointFade 800ms infinite ease-in-out both; }

.rst__loadingCirclePoint:nth-of-type(1) {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg); }

.rst__loadingCirclePoint:nth-of-type(7) {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.rst__loadingCirclePoint:nth-of-type(1)::before,
.rst__loadingCirclePoint:nth-of-type(7)::before {
  -webkit-animation-delay: -800ms;
          animation-delay: -800ms; }

.rst__loadingCirclePoint:nth-of-type(2) {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg); }

.rst__loadingCirclePoint:nth-of-type(8) {
  -webkit-transform: rotate(210deg);
          transform: rotate(210deg); }

.rst__loadingCirclePoint:nth-of-type(2)::before,
.rst__loadingCirclePoint:nth-of-type(8)::before {
  -webkit-animation-delay: -666ms;
          animation-delay: -666ms; }

.rst__loadingCirclePoint:nth-of-type(3) {
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg); }

.rst__loadingCirclePoint:nth-of-type(9) {
  -webkit-transform: rotate(240deg);
          transform: rotate(240deg); }

.rst__loadingCirclePoint:nth-of-type(3)::before,
.rst__loadingCirclePoint:nth-of-type(9)::before {
  -webkit-animation-delay: -533ms;
          animation-delay: -533ms; }

.rst__loadingCirclePoint:nth-of-type(4) {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

.rst__loadingCirclePoint:nth-of-type(10) {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg); }

.rst__loadingCirclePoint:nth-of-type(4)::before,
.rst__loadingCirclePoint:nth-of-type(10)::before {
  -webkit-animation-delay: -400ms;
          animation-delay: -400ms; }

.rst__loadingCirclePoint:nth-of-type(5) {
  -webkit-transform: rotate(120deg);
          transform: rotate(120deg); }

.rst__loadingCirclePoint:nth-of-type(11) {
  -webkit-transform: rotate(300deg);
          transform: rotate(300deg); }

.rst__loadingCirclePoint:nth-of-type(5)::before,
.rst__loadingCirclePoint:nth-of-type(11)::before {
  -webkit-animation-delay: -266ms;
          animation-delay: -266ms; }

.rst__loadingCirclePoint:nth-of-type(6) {
  -webkit-transform: rotate(150deg);
          transform: rotate(150deg); }

.rst__loadingCirclePoint:nth-of-type(12) {
  -webkit-transform: rotate(330deg);
          transform: rotate(330deg); }

.rst__loadingCirclePoint:nth-of-type(6)::before,
.rst__loadingCirclePoint:nth-of-type(12)::before {
  -webkit-animation-delay: -133ms;
          animation-delay: -133ms; }

.rst__loadingCirclePoint:nth-of-type(7) {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.rst__loadingCirclePoint:nth-of-type(13) {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg); }

.rst__loadingCirclePoint:nth-of-type(7)::before,
.rst__loadingCirclePoint:nth-of-type(13)::before {
  -webkit-animation-delay: 0ms;
          animation-delay: 0ms; }

.rst__rowTitle {
  font-weight: bold; }

.rst__rowTitleWithSubtitle {
  font-size: 85%;
  display: block;
  height: 0.8rem; }

.rst__rowSubtitle {
  font-size: 70%;
  line-height: 1; }

.rst__collapseButton,
.rst__expandButton {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  position: absolute;
  border-radius: 100%;
  -webkit-box-shadow: 0 0 0 1px #000;
          box-shadow: 0 0 0 1px #000;
  width: 16px;
  height: 16px;
  padding: 0;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  cursor: pointer; }

.rst__rtl.rst__collapseButton,
.rst__rtl.rst__expandButton {
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%); }

.rst__collapseButton:focus,
.rst__expandButton:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 1px #000, 0 0 1px 3px #83bef9;
          box-shadow: 0 0 0 1px #000, 0 0 1px 3px #83bef9; }

.rst__collapseButton:hover:not(:active),
.rst__expandButton:hover:not(:active) {
  background-size: 24px;
  height: 20px;
  width: 20px; }

.rst__collapseButton {
  background: #fff url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjgiIGZpbGw9IiNGRkYiLz48ZyBzdHJva2U9IiM5ODk4OTgiIHN0cm9rZS13aWR0aD0iMS45IiA+PHBhdGggZD0iTTQuNSA5aDkiLz48L2c+Cjwvc3ZnPg==") no-repeat center; }

.rst__expandButton {
  background: #fff url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PGNpcmNsZSBjeD0iOSIgY3k9IjkiIHI9IjgiIGZpbGw9IiNGRkYiLz48ZyBzdHJva2U9IiM5ODk4OTgiIHN0cm9rZS13aWR0aD0iMS45IiA+PHBhdGggZD0iTTQuNSA5aDkiLz48cGF0aCBkPSJNOSA0LjV2OSIvPjwvZz4KPC9zdmc+") no-repeat center; }

/**
 * Line for under a node with children
 */
.rst__lineChildren {
  height: 100%;
  display: inline-block;
  position: absolute; }

.rst__lineChildren::after {
  content: '';
  position: absolute;
  background-color: black;
  width: 1px;
  left: 50%;
  bottom: 0;
  height: 10px; }

.rst__rtl.rst__lineChildren::after {
  right: 50%;
  left: initial; }

.rst__placeholder {
  position: relative;
  height: 68px;
  max-width: 300px;
  padding: 10px; }

.rst__placeholder,
.rst__placeholder > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.rst__placeholder::before {
  border: 3px dashed #d9d9d9;
  content: '';
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
  z-index: -1; }

/**
 * The outline of where the element will go if dropped, displayed while dragging
 */
.rst__placeholderLandingPad,
.rst__placeholderCancelPad {
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  outline: none !important; }

.rst__placeholderLandingPad *,
.rst__placeholderCancelPad * {
  opacity: 0 !important; }

.rst__placeholderLandingPad::before,
.rst__placeholderCancelPad::before {
  background-color: lightblue;
  border-color: white; }

/**
 * Alternate appearance of the landing pad when the dragged location is invalid
 */
.rst__placeholderCancelPad::before {
  background-color: #e6a8ad; }

/**
 * Extra class applied to VirtualScroll through className prop
 */
.rst__virtualScrollOverride {
  overflow: auto !important; }

.rst__virtualScrollOverride * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.ReactVirtualized__Grid__innerScrollContainer {
  overflow: visible !important; }

.rst__rtl .ReactVirtualized__Grid__innerScrollContainer {
  direction: rtl; }

.ReactVirtualized__Grid {
  outline: none; }

.rst__node {
  min-width: 100%;
  white-space: nowrap;
  position: relative;
  text-align: left; }

.rst__node.rst__rtl {
  text-align: right; }

.rst__nodeContent {
  position: absolute;
  top: 0;
  bottom: 0; }

/* ==========================================================================
   Scaffold

    Line-overlaid blocks used for showing the tree structure
   ========================================================================== */
.rst__lineBlock,
.rst__absoluteLineBlock {
  height: 100%;
  position: relative;
  display: inline-block; }

.rst__absoluteLineBlock {
  position: absolute;
  top: 0; }

.rst__lineHalfHorizontalRight::before,
.rst__lineFullVertical::after,
.rst__lineHalfVerticalTop::after,
.rst__lineHalfVerticalBottom::after {
  position: absolute;
  content: '';
  background-color: black; }

/**
 * +-----+
 * |     |
 * |  +--+
 * |     |
 * +-----+
 */
.rst__lineHalfHorizontalRight::before {
  height: 1px;
  top: 50%;
  right: 0;
  width: 50%; }

.rst__rtl.rst__lineHalfHorizontalRight::before {
  left: 0;
  right: initial; }

/**
 * +--+--+
 * |  |  |
 * |  |  |
 * |  |  |
 * +--+--+
 */
.rst__lineFullVertical::after,
.rst__lineHalfVerticalTop::after,
.rst__lineHalfVerticalBottom::after {
  width: 1px;
  left: 50%;
  top: 0;
  height: 100%; }

/**
 * +--+--+
 * |  |  |
 * |  |  |
 * |  |  |
 * +--+--+
 */
.rst__rtl.rst__lineFullVertical::after,
.rst__rtl.rst__lineHalfVerticalTop::after,
.rst__rtl.rst__lineHalfVerticalBottom::after {
  right: 50%;
  left: initial; }

/**
 * +-----+
 * |  |  |
 * |  +  |
 * |     |
 * +-----+
 */
.rst__lineHalfVerticalTop::after {
  height: 50%; }

/**
 * +-----+
 * |     |
 * |  +  |
 * |  |  |
 * +-----+
 */
.rst__lineHalfVerticalBottom::after {
  top: auto;
  bottom: 0;
  height: 50%; }

/* Highlight line for pointing to dragged row destination
   ========================================================================== */
/**
 * +--+--+
 * |  |  |
 * |  |  |
 * |  |  |
 * +--+--+
 */
.rst__highlightLineVertical {
  z-index: 3; }

.rst__highlightLineVertical::before {
  position: absolute;
  content: '';
  background-color: #36c2f6;
  width: 8px;
  margin-left: -4px;
  left: 50%;
  top: 0;
  height: 100%; }

.rst__rtl.rst__highlightLineVertical::before {
  margin-left: initial;
  margin-right: -4px;
  left: initial;
  right: 50%; }

@-webkit-keyframes arrow-pulse {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0; }
  30% {
    -webkit-transform: translate(0, 300%);
            transform: translate(0, 300%);
    opacity: 1; }
  70% {
    -webkit-transform: translate(0, 700%);
            transform: translate(0, 700%);
    opacity: 1; }
  100% {
    -webkit-transform: translate(0, 1000%);
            transform: translate(0, 1000%);
    opacity: 0; } }

@keyframes arrow-pulse {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0; }
  30% {
    -webkit-transform: translate(0, 300%);
            transform: translate(0, 300%);
    opacity: 1; }
  70% {
    -webkit-transform: translate(0, 700%);
            transform: translate(0, 700%);
    opacity: 1; }
  100% {
    -webkit-transform: translate(0, 1000%);
            transform: translate(0, 1000%);
    opacity: 0; } }

.rst__highlightLineVertical::after {
  content: '';
  position: absolute;
  height: 0;
  margin-left: -4px;
  left: 50%;
  top: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid white;
  -webkit-animation: arrow-pulse 1s infinite linear both;
          animation: arrow-pulse 1s infinite linear both; }

.rst__rtl.rst__highlightLineVertical::after {
  margin-left: initial;
  margin-right: -4px;
  right: 50%;
  left: initial; }

/**
 * +-----+
 * |     |
 * |  +--+
 * |  |  |
 * +--+--+
 */
.rst__highlightTopLeftCorner::before {
  z-index: 3;
  content: '';
  position: absolute;
  border-top: solid 8px #36c2f6;
  border-left: solid 8px #36c2f6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: calc(50% + 4px);
  top: 50%;
  margin-top: -4px;
  right: 0;
  width: calc(50% + 4px); }

.rst__rtl.rst__highlightTopLeftCorner::before {
  border-right: solid 8px #36c2f6;
  border-left: none;
  left: 0;
  right: initial; }

/**
 * +--+--+
 * |  |  |
 * |  |  |
 * |  +->|
 * +-----+
 */
.rst__highlightBottomLeftCorner {
  z-index: 3; }

.rst__highlightBottomLeftCorner::before {
  content: '';
  position: absolute;
  border-bottom: solid 8px #36c2f6;
  border-left: solid 8px #36c2f6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: calc(100% + 4px);
  top: 0;
  right: 12px;
  width: calc(50% - 8px); }

.rst__rtl.rst__highlightBottomLeftCorner::before {
  border-right: solid 8px #36c2f6;
  border-left: none;
  left: 12px;
  right: initial; }

.rst__highlightBottomLeftCorner::after {
  content: '';
  position: absolute;
  height: 0;
  right: 0;
  top: 100%;
  margin-top: -12px;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 12px solid #36c2f6; }

.rst__rtl.rst__highlightBottomLeftCorner::after {
  left: 0;
  right: initial;
  border-right: 12px solid #36c2f6;
  border-left: none; }

.lazy-load-image-background.blur {
  -webkit-filter: blur(15px);
          filter: blur(15px); }

.lazy-load-image-background.blur.lazy-load-image-loaded {
  -webkit-filter: blur(0);
          filter: blur(0);
  -webkit-transition: -webkit-filter .3s;
  transition: -webkit-filter .3s;
  transition: filter .3s;
  transition: filter .3s, -webkit-filter .3s; }

.lazy-load-image-background.blur > img {
  opacity: 0; }

.lazy-load-image-background.blur.lazy-load-image-loaded > img {
  opacity: 1;
  -webkit-transition: opacity .3s;
  transition: opacity .3s; }


/*# sourceMappingURL=styles.css.map*/