.vtx-business-modal-wrap {
  --modal-content-bg: #f7f9fb;
  --modal-border-color: #fff;
  --head-bg: #fff;
  --bg-color2: #fff;
  --label-color: rgba(0, 0, 0, 0.65);
  --table-head-bg: rgba(24, 144, 255, 0.1);
  --title-color: #222;
  --title-color2: #1677ff;
  --block-bg-color: rgba(0, 0, 0, 0.1);
  --block-bg-color2: #1890ff;
  --calendar-border: #ececec;
  --calendar-thead-bg: #fff;
  --calendar-bg: #fff;
  --info-danger: #fd3a15;
  --info-warnning: #f7d93d;
  --info-active: #222;
  --info-active2: #52c41a;
  --info-active3: #fff;
  --bg-color: white;
  --sub-bg-color: #f3f3f380;
  --title-bg-color: white;
  --title-border: 1px solid #dbdbdbff;
  --title-border-color: rgba(187, 187, 187, 0.2);
  --sub-title-color: #222;
  --info-color: #222;
  --border-color: '#DADADAFF';
  --scroll-bar-bg: #c0c0c0;
  --scroll-bar-hover-bg: #adadad;
  --scroll-bar-track-bg: #fafafa;
  --button-checked-color: #1890ff;
  --button-color: #222;
  --list-cell-active1: #222;
  --list-cell-active2: #222;
  --list-cell-active3: #222;
  --calendar-date-today-bg-color: #73ffbf;
  --calendar-date-today-hover-bg-color: linear-gradient(0deg, rgba(77, 255, 186, 0.3), transparent);
}
*::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
*::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 5px;
}
*::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 5px;
}
*::-webkit-scrollbar-corner {
  background-color: transparent;
}
.vtx-business-modal-wrap.dark {
  --modal-content-bg: #0b1315;
  --modal-border-color: #69958a;
  --head-bg: #122a2c;
  --bg-color: linear-gradient(0deg, #081e21cc, #000c);
  --bg-color2: #162123;
  --sub-bg-color: #ffffff0d;
  --title-bg-color: #1a292bff;
  --title-border: 1px solid transparent;
  --title-border-color: transparent;
  --title-color: white;
  --title-color2: #a9d5d3;
  --sub-title-color: #00f0ff;
  --label-color: #cafdffff;
  --info-color: #ffffffff;
  --border-color: '#3C7073FF';
  --scroll-bar-bg: #39cbc3aa;
  --scroll-bar-hover-bg: #219fff3d;
  --scroll-bar-track-bg: transparent;
  --button-text-color--defalut: #c9e6e8;
  --button-text-color--active: #ffffff;
  --button-background-color--default: #1a5561;
  --button-background-color--active: linear-gradient(0deg, #3195aa, #0f5160);
  --button-checked-color: #1890ff;
  --arrow-icon-color: #355e5f;
  --block-bg-color: rgba(255, 255, 255, 0.1);
  --block-bg-color2: rgba(48, 118, 114, 0.2);
  --info-active: #40ffd3;
  --info-active2: #52c41a;
  --info-active3: #40ffd3;
  --info-danger: #fd3a15;
  --info-warnning: #f7d93d;
  --table-head-bg: rgba(0, 173, 177, 0.1);
  --timeline-active: #24f2ff;
  --calendar-border: #35444c;
  --calendar-thead-bg: #29373e;
  --calendar-bg: rgba(255, 255, 255, 0.1);
  --list-cell-active1: #fff845;
  --list-cell-active2: #45d1ff;
  --list-cell-active3: #20feff;
  --calendar-date-today-bg-color: #73ffbf;
  --calendar-date-today-hover-bg-color: linear-gradient(0deg, rgba(77, 255, 186, 0.3), transparent);
}
.vtx-business-modal-wrap.blue {
  --modal-content-bg: linear-gradient(0deg, rgba(28, 94, 149, 0.8), rgba(20, 37, 57, 0.8));
  --modal-border-color: #7295bc;
  --head-bg: linear-gradient(90deg, #124067, #051a29);
  --head-bg-border-color2: #3a87cb;
  --bg-color2: rgba(0, 103, 156, 0.1);
  --bg-border-color2: rgba(32, 102, 167, 0.5);
  --sub-bg-color: #ffffff0d;
  --title-border: 1px solid transparent;
  --title-border-color: transparent;
  --title-color: white;
  --title-color2: #fff;
  --sub-title-color: #64bcff;
  --label-color: #fff;
  --info-color: #74bbf4;
  --border-color: #1464a6;
  --scroll-bar-bg: #39cbc3aa;
  --scroll-bar-hover-bg: #219fff3d;
  --scroll-bar-track-bg: transparent;
  --button-text-color--defalut: #c9e6e8;
  --button-text-color--active: #ffffff;
  --button-background-color--default: #1a5561;
  --button-background-color--active: linear-gradient(0deg, #3195aa, #0f5160);
  --button-checked-color: #1890ff;
  --arrow-icon-color: #355e5f;
  --block-bg-color: rgba(255, 255, 255, 0.1);
  --block-bg-color2: #74bbf4;
  --info-active: #40ffd3;
  --info-active2: #52c41a;
  --info-active3: #75ffc2;
  --info-danger: #fd3a15;
  --info-warnning: #f7d93d;
  --table-head-bg: rgba(0, 173, 177, 0.1);
  --timeline-active: #24f2ff;
  --calendar-border: #35444c;
  --calendar-thead-bg: rgba(255, 255, 255, 0.1);
  --calendar-content-bg: linear-gradient(0deg, #2a55e9, #0dbafe);
  --calendar-bg: rgba(255, 255, 255, 0.1);
  --image-value-color: #07d4ff;
  --image-text-color: #ffffff;
  --list-cell-active1: #fff845;
  --list-cell-active2: #45d1ff;
  --list-cell-active3: #20feff;
  --calendar-date-today-bg-color: #0090ff;
  --calendar-date-today-hover-bg-color: linear-gradient(0deg, rgba(0, 144, 255, 0.8) 0%, rgba(0, 144, 255, 0) 100%);
}
.vtx-business-modal-wrap.light {
  --title-color2: #1677ff;
}
.vm-video {
  height: 640px;
  padding: 0 20px;
  background: var(--modal-content-bg);
}
.vm-video .ant-tabs-tabpane {
  height: 100%;
}
.vm-video.blue .ant-tabs-tab {
  color: #fff;
}
.vm-video.blue .control-container,
.vm-video.blue .ant-form-item-no-colon,
.vm-video.blue .ant-radio-wrapper {
  color: #fff;
}
.vm-video.blue .vtx-live-control .player-grid-container .grid-item-container.active {
  -webkit-box-shadow: 0 0 0 1px #1464a6;
          box-shadow: 0 0 0 1px #1464a6;
}
.vm-video.blue .vtx-bill-player .player-panel .control-container {
  border: 1px solid var(--border-color);
}
.vm-video.blue .vtx-bill-player .player-panel .control-container .header {
  border-bottom: 1px solid var(--border-color);
}
.vm-video.blue .ant-tabs-top > .ant-tabs-nav::before,
.vm-video.blue .ant-tabs-bottom > .ant-tabs-nav::before,
.vm-video.blue .ant-tabs-top > div > .ant-tabs-nav::before,
.vm-video.blue .ant-tabs-bottom > div > .ant-tabs-nav::before {
  border-bottom: 1px solid #219fff5d;
}
