:root, [data-theme=light] {
	--color-schema: "light";
  --SignalCol:#FF0000;
  --IconInvert:75%;
  --DragIconBrightness:90%;
  --CmpCol3d:rgba(0,0,255,77);
  --MainBgCol:rgb(255,255,255);
  --Invisible:#FF000000;
  --MenuBarBgCol:#F5F5F5;
  --DlgFgCol:#000000;
  --DlgFgColA03:#00000011;
  --MenuBarHlCol:#E8E8E8;
  --DlgBarFgCol:#FFFFFF;
  --MenuBarMnuFgCol:#000000;
  --MenuBarMnuBrdCol:#CCCCCC;
  --BrwsContentBgCol:#F5F5F599;
  --CtxMenuBgCol:#F5F5F5DD;
  --BrwsBarBgCol:#E5E5E5;
  --BrwsBarHlCol:#0A87C1;
  --BrwsDragBarBgCol:#E5E5E5BB;
  --IconHlCol:#0CA9F2;
  --BtnBgCol:#0A87C1;
  --BtnHlCol:#0CA9F2;
  --DlgBarBgCol:#0A87C1;
  --DlgBgCol:#E5E5E5E0;
  --DlgBgColA03:#3F414355;
  --DlgBgColA07:#3F4143AA;
  --DlgBgColNoAlpha:#E5E5E5FF;
  --DlgContentBgCol:#E5E5E5E0;
  --DlgBorderCol:#E5E5E5E0;
  --StatTxtFgCol:#FFFFFF;
  --LoginBgCol:#00FF0077;
  --TableHdBgCol1:#0CA9F2;
  --TableHdBgCol2:#0A87C1;
  --TransparentArea:#F5F5F5CC;
}

:root {
--LargeRadius: 8px;
--MiddleRadius:5px;
--SmallRadius: 5px;
}

@font-face {
  font-family: "icons";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../Css/icons.woff") format("woff");
}

html,
body {
  position: relative;
  height: 100%;
}

body {
  background: #fff;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #000;
  margin: 0;
  padding: 0;
}

textarea {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
}

.cmiToolbar td {
  justify-content:center;
  background-color:var(--Invisible);
  padding:1px;
}

.cmiToolbar img {
    height:20px;
    margin-right:3px;
    filter: invert(1);
}

.cmiToolbar input[type=radio]{display: none;}
.cmiToolbar input[type=radio]:checked + label{height:20px; background-color:var(--IconHlCol)}
.cmiToolbar label  {height:20px; padding-top: 9px; padding-right:5px; padding-left:5px; border:0px;}
.cmiToolbar span{background-color:var(--MenuBarBgCol);}

.ctlgSel {
  background-color:#fff;
  height: 150px;
  width: 100%;
  padding: 10px;
}
.ctlgSel th{
  border-bottom: 2px solid #000;
  background-color:#eee;
}

.ctlgSel select{
  margin-bottom: 5px;
}

.ctlgSel span{
  width: 100%;
  background: #eee;
  display: block;
  margin-bottom: 5px;
  margin-top: 5px;
}

.ctlgSel button{
  display:inline-block;
  background-color:var(--BtnBgCol);
  color:var(--DlgBarFgCol);
  border:0px;
  padding:5px;
  cursor: pointer;
  border-radius: var(--SmallRadius);
}
.ctlgSel button button:hover,
.ctlgSel button button.focus
{
  background:var(--BtnHlCol);
}

.tabArea {
  width:100%;
  margin-top:2px;
  padding-top:10px;
  overflow: hidden;
  border-bottom: 1px solid var(--DlgBarBgCol);
  background-color: var(--DlgBgCol);
}
.tabArea input[type=radio]{display: none;}
.tabArea input[type=radio]:checked + label{
  display: inline-block;
  padding:5px;
  margin-right:-2px;
  margin-left:-2px;
  background-color:var(--BtnBgCol);
  color: var(--DlgBarFgCol);
  border-top-left-radius: var(--SmallRadius);
  border-top-right-radius: var(--SmallRadius);
  }
  
.tabArea input[type=radio] + label{
  cursor: pointer;
  display: inline-block;
  padding:5px;
  margin-right:-2px;
  margin-left:-2px;
  border-top: 1px solid var(--DlgBarBgCol);
  border-right: 1px solid var(--DlgBarBgCol);
  border-top-left-radius: var(--SmallRadius);
  border-top-right-radius: var(--SmallRadius);
  }
.tabArea input[type=radio]:hover + label{
  background-color: var(--BtnHlCol);
}
.tabArea button{
  display:inline-block;
  margin-bottom:5px;
  background-color:var(--BtnBgCol);
  color:var(--DlgBarFgCol);
  border:0px;
  padding:5px;
  cursor: pointer;
  border-radius: var(--SmallRadius);
}
.tabArea button button:hover,
.tabArea button button.focus
{
  background:var(--BtnHlCol);
}

.swiper {
  background:var(--DlgBgCol);
  width: 100%;
  padding-top: 20px;
  padding-bottom: 30px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 20%;
}

.swiper-slide {
  background-position: center;
  background-size: cover;
  width: 20vh;
  height: 100%;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
}

.docInfo {
  background-color:#fff;
  width:100%;
  padding-top:10px;
  height:250px;
}
.docInfo th{
  border-bottom: 2px solid #000;
  background-color:#eee;
}

.fl-table {
  border-radius: var(--SmallRadius);
  font-size: 12px;
  font-weight: normal;
  border: none;
  border-collapse: collapse;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  background-color: var(--MainBgCol);
}

.fl-table th {
  text-align: left;
  padding: 8px;
}

.fl-table td {
  text-align: left;
  padding: 5px;
  border-right: 2px solid var(--MenuBarBgCol);
  font-size: 12px;
}

.fl-table thead th {
  color: var(--DlgBarFgCol);
  background: var(--TableHdBgCol2);
}

.fl-table thead th:nth-child(odd) {
  color: var(--DlgBarFgCol);
  background: var(--TableHdBgCol1);
}

.fl-table tr:nth-child(even) {
  background: var(--MenuBarBgCol);
}
