body, html{
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
  font-size: '12px' !important;
  overflow:hidden;
  background-color: black;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}

#loading-panel{
  background-color: black;
  height: 100%;
  width: 100%;
  font-size: 32px;
  text-align: center;
}

#error-panel{
  height: 100%;
  background-color: black;
  display: flex;  
  justify-content: center;  
  align-items: center;
}

#error-panel .ant-result-title{
  color: white !important;
}

#error-panel .ant-result-subtitle{
  color: #bfbfbf !important;
}

#dicom-spin-wrapper{
  position: relative;
  top:50%;
  transform:translateY(-50%);
  color: white;
}

#dicom-content {
  background-color: black;
  flex-flow: column;
  display:flex;
}

#danying-dicom, #root {
  height: 100%;
  width: 100%;
}

.ant-layout-sider-trigger {
  position: relative !important;
}

#dicom-side-bar {
  overflow-y: auto;
}

#dicom-side-bar::-webkit-scrollbar-track
{
	box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: transparent;
	border-radius: 10px;
}

#dicom-side-bar::-webkit-scrollbar
{
	width: 10px;
	background-color: transparent;
}

#dicom-side-bar::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-image: -webkit-gradient(linear,
									   40% 0%,
									   75% 84%,
									   from(#096dd9),
									   to(#1890ff),
									   color-stop(.6,#69c0ff))
}

#dicom-side-bar-m {
  overflow-y: hidden;
}

#dicom-side-bar-m::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: transparent;
  border-radius: 10px;
}

#dicom-side-bar-m::-webkit-scrollbar {
  width: 10px;
  height: 5px;
  background-color: transparent;
}

#dicom-side-bar-m::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-image: -webkit-gradient(linear,
      40% 0%,
      75% 84%,
      from(#096dd9),
      to(#1890ff),
      color-stop(.6, #69c0ff))
}

#dicom-toolbar {
  padding: 0px !important;
  height: 46px;
  background: rgb(36, 36, 36);
}

#dicom-toolbar-m {
  padding: 0px !important;
  height: 80px;
  background: rgb(36, 36, 36);
}

.dicom-sider{
  background-color: rgb(16, 16, 16) !important;
  border-bottom: 1px solid #1890ff;
}

.dicom-sider-m {
  background-color: rgb(16, 16, 16) !important;
  border-bottom: 1px solid #1890ff;
  height: 135px;
  padding-left: 0px !important;
  display: inline;
  float: left;
  white-space: nowrap;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  /*解决在ios滑动不顺畅问题*/
  overflow-y: hidden;
}


.dicom-sider .tab-icon{
    margin-right: 0px !important;
}

.dicom-sider .ant-collapse-item{
    background-color: #0050b3 !important;  
}

.dicom-sider .ant-collapse-header{
    color: white !important;
}

.dicom-sider .ant-collapse-content-box{
    background-color: #171717 !important;
}

.dicom-sider .ant-list-item-meta-title{
    color: white !important;
}

.dicom-sider .ant-list-item-meta-description{
    color: white !important;
}

.dicom-sider .ant-list-item{
    color: white !important;
    display: block;
}

.dicom-sider .ant-list{
    font-size: 12px !important;
    line-height: 1.2rem !important;
}

.dicom-sider .ant-collapse-content-box{
    padding: 0px !important;
}

.dicom-sider .ant-collapse-header{
    padding-right: 0px !important;
}

.dicom-sider .ant-empty-description{
    color:#d9d9d9;
}

#side-bar-button-group{
    flex-flow: row;
    display:flex;
    margin-top: 5px;
    margin-bottom: 5px;
}

.side-bar-button{
    flex:1;
}

.side-bar-button-content{
    margin-left: 15%;
}

.index-item-focus{
    background-color: #1890ff;
    padding: 8px;
}

.index-item{
    padding: 8px;
}

.dicom-list-m{
    display: inline;
    float: left;
    white-space: nowrap;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
}

.thumb-div{
    height: 100px;
    width: 100px;
    margin: auto;
}

.thumb-div-m {
    height: 100px;
    width: 100px;
    margin: auto;
}

.thumb-canvas{
    height: 100px;
    width: 100px;
    position:absolute;
}

.thumb-canvas-m {
    height: 100px;
    width: 100px;
    position: absolute;
}

.thumb-mask-complete{
    height: 100px;
    width: 100px;
    position:absolute;
}

.thumb-mask-complete-m {
    height: 100px;
    width: 100px;
    position: absolute;
}

.thumb-mask{
    text-align:center;
    line-height:100px;
    background-color: rgba(6, 190, 247, 0.3);
    color: #fadb14;
    font-size: 16px;
    height: 100px;
    width: 100px;
    position:absolute;
}

.thumb-mask-m {
    text-align: center;
    line-height: 100px;
    background-color: rgba(6, 190, 247, 0.3);
    color: #fadb14;
    font-size: 16px;
    height: 100px;
    width: 100px;
    position: absolute;
}

.measure-mask{
    font-size: 16px;
    color: #fadb14;
    height: 100px;
    width: 100px;
    position:absolute;
}

.measure-mask-m {
    font-size: 16px;
    color: #fadb14;
    height: 100px;
    width: 100px;
    position: absolute;
}

.measure-detail{
    color:white
}

.measure-detail-icon{
    margin-left: 0px !important
}

.thumb-text{
    color: white;
}
.setting-divider{
    font-size: 14px !important;
    color: #979797 !important;
}

.setting-input{
    width: 100%;
}
.toolbar-button{
    height: 40px !important;
    width: 40px !important;
    margin-right: 9px;
    margin-top: 5px;
    border-color: transparent !important;
}

.toolbar-button-m{
    margin-top: 5px;
    background-color: transparent !important;
    border-color: transparent !important;
    color: white;
}

.toolbar-image{
    font-size: 40px !important;
}

.tool-bar-row{
    max-width: 300px !important;
}

#tool-bar-layout{
    width: 160px;
    height: 160px;
    border: 1px solid #1890ff;
}

.tool-layout-row{
    flex-flow: row;
    display:flex;
}

.tool-layout-col{
    flex:1;
    width:40px;
    height:40px;
    background-color: white;
    border: 1px solid #1890ff;
}

.tool-layout-col-sel{
    flex:1;
    width:40px;
    height:40px;
    background-color: #bae7ff;
    border: 1px solid #1890ff;
}

a{
    color:black;
}

#dicom-info-panel .ant-list-item{
    padding: 4px 4px !important;
}

.toolbar-button-text-m {
    text-align: center;
}

.measure-bar-button {
    height: 46px !important;
    width: 46px !important;
    border-color: transparent !important;
}

.measure-bar-button-focus {
    height: 46px !important;
    width: 46px !important;
    border-color: transparent !important;
    background-color: #0050b3 !important;
}

.measure-bar-button-disable {
    height: 46px !important;
    width: 46px !important;
    background-color: #777777 !important;
    border-color: transparent !important;
}

.measure-icon svg{
    height: 36px !important;
    width: 36px !important;
}

.measure-top-bar {
    height: 32px;
}
.view-col {
    border-top: 1px dashed #91d5ff !important;
    border-right: 1px dashed #91d5ff !important;
}

.view-col-left {
    border-top: 1px dashed #91d5ff !important;
    border-left: 1px dashed #91d5ff !important;
    border-right: 1px dashed #91d5ff !important;
}

.view-no-focus {
    border: 1px dashed #bae7ff !important;
}

.view-focus {
    border: 1px solid #fff566 !important;
}

.view-row {
    flex: 1 !important
}

#view-frame {
    width: 100%;
    flex: 1;
    flex-flow: column;
    display:flex;
}

.view-mpr{
    height: 100%;
    flex: 1;
    flex-flow: column;
    display:flex;
}

#dicom-block {
    width: 100%;
    height: 100%;
}

.dicom-slider .ant-slider-vertical{
    margin: 4px 4px !important;
}

.dicom-slider .ant-slider-handle{
    background-color: #373737 !important;
}

.dicom-slider .ant-slider-rail{
    background-color: #373737 !important;
}

.dicom-canvas{
    position:absolute;
    width: 100%;
    height: 100%;
    cursor:crosshair;
}

.cursor-move{
    cursor:all-scroll;
}

.cursor-pointer{
    cursor:pointer;
}

.cursor-default{
    cursor:default;
}

#dicom-canvas-mask{
    position:absolute;
    width: 100%;
    height: 100%;
}

#dicom-canvas-measure{
    position:absolute;
    width: 100%;
    height: 100%;
}

#dicom-info{
    position:absolute;
    color: #cccccc;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

#info-top-left{
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 3px;
    padding-left: 3px;
}

#info-top-right{
    position: absolute;
    top: 0;
    right: 0;
    text-align:right;
    padding-top: 3px;
    padding-right: 3px;
}

#info-bottom-left{
    position: absolute;
    bottom: 0;
    left: 0;
    padding-bottom: 3px;
    padding-left: 3px;
}

#info-bottom-right{
    position: absolute;
    bottom: 0;
    right: 0;
    text-align:right;
    padding-bottom: 3px;
    padding-right: 3px;
}

#info-center{
    position: absolute;
    top: 10%;
    left: 30%;
    text-align:left;
    padding-top: 3px;
    padding-left: 3px;
}

#info-loading{
    height: 100%;
    width: 100%;
    display: flex;  
    justify-content: center;  
    align-items: center;
    text-align: center;
    color: #fff566;
    font-size: 20px;
}

.dicom-slider{
  display: inline-block;
  height: 40%;
  position: absolute;
  right: 0;
  top: 0;
  bottom:0;
  margin:auto;
}

.fusion-slider{
  display: inline-block;
  height: 20%;
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.mip-slider{
  display: inline-block;
  height: 20%;
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.fusion-slider .ant-slider-vertical{
    margin: 4px 4px !important;
}

.fusion-slider .ant-slider-handle{
    background-color: #ff4d4f !important;
    border-color: #ffccc7 !important;
}

.fusion-slider .ant-slider-rail{
    background: linear-gradient(#fff1f0, #ff4d4f) !important;
}

.fusion-slider .ant-slider-track{
    background-color: transparent !important;
}

.mip-slider .ant-slider-vertical{
    margin: 4px 4px !important;
}

.mip-slider .ant-slider-handle{
    background-color: #434343 !important;
    border-color: #8c8c8c !important;
}

.mip-slider .ant-slider-rail{
    background: linear-gradient(#434343, #d9d9d9) !important;
}

.mip-slider .ant-slider-track{
    background-color: transparent !important;
}


.primary-text {
    color: #096dd9;
}

.about-logo {
    width: 100%;
    text-align: center;
}
:root {
  --adm-radius-s: 4px;
  --adm-radius-m: 8px;
  --adm-radius-l: 12px;
  --adm-font-size-1: 9px;
  --adm-font-size-2: 10px;
  --adm-font-size-3: 11px;
  --adm-font-size-4: 12px;
  --adm-font-size-5: 13px;
  --adm-font-size-6: 14px;
  --adm-font-size-7: 15px;
  --adm-font-size-8: 16px;
  --adm-font-size-9: 17px;
  --adm-font-size-10: 18px;
  --adm-color-primary: #1677ff;
  --adm-color-success: #00b578;
  --adm-color-warning: #ff8f1f;
  --adm-color-danger: #ff3141;
  --adm-color-yellow: #ff9f18;
  --adm-color-orange: #ff6430;
  --adm-color-wathet: #e7f1ff;
  --adm-color-text: #333333;
  --adm-color-text-secondary: #666666;
  --adm-color-weak: #999999;
  --adm-color-light: #cccccc;
  --adm-color-border: #eeeeee;
  --adm-color-background: #ffffff;
  --adm-color-highlight: var(--adm-color-danger);
  --adm-color-white: #ffffff;
  --adm-color-box: #f5f5f5;
  --adm-color-text-light-solid: var(--adm-color-white);
  --adm-color-text-dark-solid: #000000;
  --adm-color-fill-content: var(--adm-color-box);
  --adm-font-size-main: var(--adm-font-size-5);
  --adm-font-family: -apple-system, blinkmacsystemfont, 'Helvetica Neue',
    helvetica, segoe ui, arial, roboto, 'PingFang SC', 'miui',
    'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
  --adm-border-color: var(--adm-color-border);
}
html[data-prefers-color-scheme='dark'] {
  --adm-color-primary: #3086ff;
  --adm-color-success: #34b368;
  --adm-color-warning: #ffa930;
  --adm-color-danger: #ff4a58;
  --adm-color-yellow: #ffa930;
  --adm-color-orange: #e65a2b;
  --adm-color-wathet: #0d2543;
  --adm-color-text: #e6e6e6;
  --adm-color-text-secondary: #b3b3b3;
  --adm-color-weak: #808080;
  --adm-color-light: #4d4d4d;
  --adm-color-border: #2b2b2b;
  --adm-color-box: #0a0a0a;
  --adm-color-background: #1a1a1a;
  --adm-color-background-body: var(--adm-color-background);
  --adm-border-color: var(--adm-color-border);
}
:root {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html {
  background-color: var(--adm-color-background-body);
}
body {
  color: var(--adm-color-text);
  font-size: var(--adm-font-size-main);
  font-family: var(--adm-font-family);
}
a,
button {
  cursor: pointer;
}
a {
  color: var(--adm-color-primary);
  transition: opacity ease-in-out 0.2s;
}
a:active {
  opacity: 0.8;
}
.adm-plain-anchor {
  color: unset;
  transition: none;
}
.adm-plain-anchor:active {
  opacity: unset;
}
body.adm-overflow-hidden {
  overflow: hidden !important;
}
div.adm-px-tester {
  --size: 1;
  height: calc(var(--size) / 2 * 2px);
  width: 0;
  position: fixed;
  left: -100vw;
  top: -100vh;
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
}

.adm-grid {
  --gap: 0;
  --gap-horizontal: var(--gap);
  --gap-vertical: var(--gap);
  display: grid;
  grid-gap: 10px;
  -webkit-column-gap: var(--gap-horizontal);
          column-gap: var(--gap-horizontal);
  row-gap: var(--gap-vertical);
  grid-template-columns: repeat(var(--columns), minmax(0, 1fr));
  align-items: stretch;
}
.adm-grid-item {
  grid-column-end: span var(--item-span);
}