body {
  background-color: #225283 !important;
  height: 100% !important;
}

.oBox {
  height: 90vh;
  transform: translateY(calc(90vh * 0.05));
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  justify-items: center;
  width: 100%;
}
.bBox {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='306px' height='269px' version='1.1' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd'  viewBox='0 0 306 269'   xmlns:xlink='http://www.w3.org/1999/xlink'>   <defs>    <style type='text/css'>     <![CDATA[      .str0 {stroke:%2344A;stroke-width:1;stroke-linejoin:bevel;stroke-miterlimit:2.61313}      .fil0 {fill: white}     ]]>    </style>   </defs>   <g id='Layer_x0020_1'>    <metadata id='CorelCorpID_0Corel-Layer'/>    <polygon class='fil0 str0' points='289,122 268,107 148,193 88,150 70,163 152,221 '/>   </g>  </svg>");
  background-position: center;
  background-size: 20vh 20vh;
  background-repeat: no-repeat;
  margin: auto;
  height: 20vh;
  width: 20vh;

  animation: moving-leftest-cb 2s linear 0s infinite;
}

.aBox {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='884px' height='584px' version='1.1' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd'  viewBox='0 0 238.71 157.74'   xmlns:xlink='http://www.w3.org/1999/xlink'>   <defs>    <style type='text/css'>     <![CDATA[      .fil0 {fill:white}     ]]>    </style>   </defs>      <path class='fil0' d='M163.64 2.53l-32.05 -2.53 -131.59 152.68 35.43 5.06 24.46 -32.06 102.06 -50.61 12.66 38.8 35.42 4.22 -21.93 -55.67 50.61 -43.02 -59.89 16.87 -15.18 -33.74 0 0zm-20.24 14.34l10.96 34.58 -70.01 42.18 59.05 -76.76z'/>   </svg>");
  background-position: center;
  background-size: 20vh 20vh;

  background-repeat: no-repeat;
  margin: auto;
  height: 20vh;
  width: 20vh;

  animation: rot-logo 2s linear 0s infinite;
}

@keyframes per-logo {
  0% {
    perspective: 200vh;
  }
  25% {
    perspective: 100vh;
  }
  50% {
    perspective: 200vh;
  }
  75% {
    perspective: 100vh;
  }
  100% {
    perspective: 200vh;
  }
}

@keyframes rot-logo {
  0% {
    transform: rotateY(360deg);
  }
  25% {
    transform: rotateY(270deg);
  }
  50% {
    transform: rotateY(180deg);
  }
  75% {
    transform: rotateY(90deg);
  }
  100% {
    transform: rotateY(0deg);
  }
}

.pBox {
  perspective: 120vh;
  /*animation: per-logo 1s linear 0s infinite;*/
}

.bBox {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='306px' height='269px' version='1.1' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd'  viewBox='0 0 306 269'   xmlns:xlink='http://www.w3.org/1999/xlink'>   <defs>    <style type='text/css'>     <![CDATA[      .str0 {stroke:%2344A;stroke-width:1;stroke-linejoin:bevel;stroke-miterlimit:2.61313}      .fil0 {fill: white}     ]]>    </style>   </defs>   <g id='Layer_x0020_1'>    <metadata id='CorelCorpID_0Corel-Layer'/>    <polygon class='fil0 str0' points='289,122 268,107 148,193 88,150 70,163 152,221 '/>   </g>  </svg>");
  background-position: center;
  background-size: 20vh 20vh;
  background-repeat: no-repeat;
  position: fixed;
  left: 0px;
  height: 100%;
  width: 100vw;

  animation: moving-leftest-cb 2s linear 0s infinite;
}

.lBox {
  position: fixed;
  left: 0px;
  top: calc(50vh + 100px);
  text-align: center;
  width: 100vw;
  /*animation: name duration timing-function delay iteration-count direction fill-mode;*/
  animation: lb-sam 2s linear 0s infinite;
  color: #fff;

  font-weight: 650;
  font-size: calc(4vh + 10px);
}

.bCheck1 {
  background-image: url("data:image/svg+xml;utf8,  <svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='3300px' height='3300px' version='1.0' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd'  viewBox='0 0 3300 3300'   xmlns:xlink='http://www.w3.org/1999/xlink'>   <defs>    <style type='text/css'>     <![CDATA[      .fil0 {fill:%23FFFFFF}     ]]>    </style>   </defs>   <g id='Layer_x0020_1'>    <metadata id='CorelCorpID_0Corel-Layer'/>    <path class='fil0' d='M1622.68 268.73l-1558.18 1112.54 0 1590.87 1547.88 -1107.16 10.3 -1596.25zm0.45 -69.87l64.49 0 1612.38 1150.16 0 1741.37 -1643.3 -1172.29 -1656.7 1183.04 0 -1741.37 1623.13 -1160.91zm64.49 75.24l1547.88 1107.17 0 1590.88 -1547.88 -1107.17 0 -1590.88z'/>   </g>  </svg>  ");
  background-position: center;
  background-size: 20vh 20vh;
  background-repeat: no-repeat;
  position: fixed;
  left: 0px;
  height: 100%;
  width: 100vw;
  animation: moving-rightest 2s linear 0s infinite;
}

.bCheck2 {
  background-image: url("data:image/svg+xml;utf8,  <svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='3300px' height='3300px' version='1.0' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd'  viewBox='0 0 3300 3300'   xmlns:xlink='http://www.w3.org/1999/xlink'>   <defs>    <style type='text/css'>     <![CDATA[      .fil0 {fill:%23FFFFFF}     ]]>    </style>   </defs>   <g id='Layer_x0020_1'>    <metadata id='CorelCorpID_0Corel-Layer'/>    <path class='fil0' d='M1622.68 268.73l-1558.18 1112.54 0 1590.87 1547.88 -1107.16 10.3 -1596.25zm0.45 -69.87l64.49 0 1612.38 1150.16 0 1741.37 -1643.3 -1172.29 -1656.7 1183.04 0 -1741.37 1623.13 -1160.91zm64.49 75.24l1547.88 1107.17 0 1590.88 -1547.88 -1107.17 0 -1590.88z'/>   </g>  </svg>  ");
  background-position: center;
  background-size: 20vh 20vh;
  background-repeat: no-repeat;
  position: fixed;
  left: 0px;
  height: 100%;
  width: 100vw;
  animation: moving-leftest 2s linear 0s infinite;
}

@keyframes moving-leftest {
  /* 0%, 40% {transform: translate(100px); opacity: 1;}

  60%, 100% {transform: translate(0px); opacity: 0; }*/

  0%,
  40% {
    transform: translateX(0px);
    opacity: 1;
  }

  60%,
  100% {
    transform: translateX(-200px) scale(0.5, 0.5);
    opacity: 0;
  }
}

@keyframes lb-sam {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0.5;
  }

  40% {
    opacity: 1;
  }
  80% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

@keyframes moving-leftest-cb {
  /*0% {transform: translate(100px); opacity: 0;}
  20%, 40% {transform: translate(100px); opacity: 1;}
  60%, 100% {transform: translateX(0px); opacity: 0; }*/

  0% {
    transform: translateX(0px);
    opacity: 0;
  }
  20%,
  40% {
    transform: translateX(0px);
    opacity: 1;
  }

  60%,
  100% {
    transform: translateX(-200px) scale(0.5, 0.5);
    opacity: 0;
  }
}

@keyframes moving-rightest {
  0%,
  40% {
    transform: translateX(200px) scale(0.5, 0.5);
    opacity: 0;
  }

  60%,
  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}

.sc-b-c .wj-cell.wj-state-selected.wj-state-active {
  background-image: url('../resources/c_bg.png') !important;
}

.sc-b-c .wj-cell.wj-state-multi-selected {
  background-image: url('../resources/c_bg.png') !important;
}

.map-center-div {
  background-image: url('../resources/map_icons/map-center.svg') !important;
}

.c-folder {
  background-image: url('../resources/tree-icons5/user-folder.svg') !important;
}

.c-group {
  background-image: url('../resources/tree-icons5/global.svg') !important;
}

.c-root {
  background-image: url('../resources/tree-icons5/subete.svg') !important;
}

.c-tatemono {
  background-image: url('../resources/tree-icons5/building.svg') !important;
}

.c-shisetsu {
  background-image: url('../resources/tree-icons5/facility.svg') !important;
}

.c-folder {
  background-image: url('../resources/tree-icons5/user-folder.svg') !important;
}

.c-system-folder {
  background-image: url('../resources/tree-icons5/system-folder.svg') !important;
}

.c-unknown {
  background-image: url('../resources/file_icons/fpms-unk.svg') !important;
}

.c-doc {
  background-image: url('../resources/file_icons/fmps-doc.svg') !important;
}

.c-acc {
  background-image: url('../resources/file_icons/fpms-acc.svg') !important;
}

.c-avi {
  background-image: url('../resources/file_icons/fpms-avi.svg') !important;
}

.c-csv {
  background-image: url('../resources/file_icons/fpms-csv.svg') !important;
}

.c-dwg {
  background-image: url('../resources/file_icons/fpms-dwg.svg') !important;
}

.c-img {
  background-image: url('../resources/file_icons/fpms-img.svg') !important;
}

.c-img-ng {
  background-image: url('../resources/file_icons/fpms-img-ng.svg') !important;
}

.c-pdf {
  background-image: url('../resources/file_icons/fpms-pdf.svg') !important;
}

.c-ppt {
  background-image: url('../resources/file_icons/fpms-ppt.svg') !important;
}

.c-txt {
  background-image: url('../resources/file_icons/fpms-txt.svg') !important;
}

.c-wav {
  background-image: url('../resources/file_icons/fpms-wav.svg') !important;
}

.c-xls {
  background-image: url('../resources/file_icons/fpms-xls.svg') !important;
}

.c-xml {
  background-image: url('../resources/file_icons/fpms-xml.svg') !important;
}

.c-zip {
  background-image: url('../resources/file_icons/fpms-zip.svg') !important;
}
/*cb-styles*/

/*
.wj-flexgrid */
input[type='checkbox']:not(.cdk-visually-hidden) {
  -webkit-appearance: none;
  background-color: var(--background-custom);
  /*border: 1px solid var(--accent-custom);
  border-radius: 3px;*/
  height: 15px;
  width: 15px;

  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='0.25in' height='0.25in' version='1.0' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd'  viewBox='0 0 25000 25000'   xmlns:xlink='http://www.w3.org/1999/xlink'>   <defs>    <style type='text/css'>     <![CDATA[      .fil0 {fill: %233F3F4A}     ]]>    </style>   </defs>   <g id='Layer_x0020_1'>    <metadata id='CorelCorpID_0Corel-Layer'/>    <g>     <path class='fil0' d='M22222 2778l0 19444 -19444 0 0 -19444 19444 0 0 0zm0 -2778l-19444 0c-1528,0 -2778,1250 -2778,2778l0 19444c0,1528 1250,2778 2778,2778l19444 0c1528,0 2778,-1250 2778,-2778l0 -19444c0,-1528 -1250,-2778 -2778,-2778z'/>    </g>   </g>  </svg>  ");
  background-size: contain;
  background-position: center;
  display: inline-block;
  position: relative;
}
input[type='checkbox']:active:not(.cdk-visually-hidden),
input[type='checkbox']:checked:active:not(.cdk-visually-hidden) {
  color: var(--accent-custom);

  height: 15px;
  width: 15px;
  display: inline-block;
  position: relative;
  /*background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='1in' height='1in' version='1.0' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd'  viewBox='0 0 100000 100000'   xmlns:xlink='http://www.w3.org/1999/xlink'>   <defs>    <style type='text/css'>     <![CDATA[      .str0 {stroke:#332C2B;stroke-width:5899;stroke-miterlimit:2.61313}      .fil0 {fill:%23DCDDDD}      .fil1 {fill: %233F3F4A}     ]]>    </style>   </defs>   <g id='Layer_x0020_1'>    <metadata id='CorelCorpID_0Corel-Layer'/>    <path class='fil0 str0' d='M29119 5713l41763 0c12330,0 22418,10088 22418,22418l0 43739c0,12330 -10088,22418 -22418,22418l-41763 0c-12330,0 -22418,-10088 -22418,-22418l0 -43739c0,-12330 10088,-22418 22418,-22418z'/>    <g id='_1608695953056'>     <path class='fil1' d='M19201 52759l0 0c2002,-2044 7567,157 12428,4917l9100 8912c4861,4759 7180,10276 5178,12320l0 1c-2001,2044 -7566,-158 -12427,-4918l-9101 -8911c-4861,-4760 -7179,-10277 -5178,-12322z'/>     <path class='fil1' d='M80831 20510l0 0c2300,1462 -1361,11342 -8176,22063l-12759 20072c-6815,10720 -14206,18229 -16506,16767l-1 0c-2299,-1462 1363,-11342 8177,-22062l12759 -20073c6815,-10720 14206,-18229 16506,-16767z'/>    </g>  </g>  </svg>");*/
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='0.25in' height='0.25in' version='1.0' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd'  viewBox='0 0 25000 25000'   xmlns:xlink='http://www.w3.org/1999/xlink'>   <defs>    <style type='text/css'>     <![CDATA[      .fil0 {fill: %233F3F4A}     ]]>    </style>   </defs>   <g id='Layer_x0020_1'>    <metadata id='CorelCorpID_0Corel-Layer'/>    <g>     <path class='fil0' d='M22222 0l-19444 0c-1542,0 -2778,1250 -2778,2778l0 19444c0,1528 1236,2778 2778,2778l19444 0c1542,0 2778,-1250 2778,-2778l0 -19444c0,-1528 -1236,-2778 -2778,-2778zm-12500 20444l-6944 -6944 1958 -2959 4986 4972 10542 -10542 1958 2973 -12500 12499z'/>     </g>   </g>  </svg>  ");
  position: relative;
  background-size: contain;
  background-position: center;
}
input[type='checkbox']:checked:not(.cdk-visually-hidden) {
  color: var(--accent-custom);

  height: 15px;
  width: 15px;
  display: inline-block;
  position: relative;
  /* beauty
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='1in' height='1in' version='1.0' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd'  viewBox='0 0 100000 100000'   xmlns:xlink='http://www.w3.org/1999/xlink'>   <defs>    <style type='text/css'>     <![CDATA[      .str0 {stroke:#332C2B;stroke-width:5899;stroke-miterlimit:2.61313}      .fil0 {fill:%23DCDDDD}      .fil1 {fill: %233F3F4A}     ]]>    </style>   </defs>   <g id='Layer_x0020_1'>    <metadata id='CorelCorpID_0Corel-Layer'/>    <polygon class='fil0 str0' points='89184,2515 99211,1994 39705,96005 2465,44963 36320,71917 '/>    </g>  </g>  </svg>");
*/
  /*background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='1in' height='1in' version='1.0' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd'  viewBox='0 0 100000 100000'   xmlns:xlink='http://www.w3.org/1999/xlink'>   <defs>    <style type='text/css'>     <![CDATA[      .str0 {stroke:#332C2B;stroke-width:5899;stroke-miterlimit:2.61313}      .fil0 {fill:%23DCDDDD}      .fil1 {fill: %233F3F4A}     ]]>    </style>   </defs>   <g id='Layer_x0020_1'>    <metadata id='CorelCorpID_0Corel-Layer'/>    <path class='fil0 str0' d='M29119 5713l41763 0c12330,0 22418,10088 22418,22418l0 43739c0,12330 -10088,22418 -22418,22418l-41763 0c-12330,0 -22418,-10088 -22418,-22418l0 -43739c0,-12330 10088,-22418 22418,-22418z'/>    <g id='_1608695953056'>     <path class='fil1' d='M19201 52759l0 0c2002,-2044 7567,157 12428,4917l9100 8912c4861,4759 7180,10276 5178,12320l0 1c-2001,2044 -7566,-158 -12427,-4918l-9101 -8911c-4861,-4760 -7179,-10277 -5178,-12322z'/>     <path class='fil1' d='M80831 20510l0 0c2300,1462 -1361,11342 -8176,22063l-12759 20072c-6815,10720 -14206,18229 -16506,16767l-1 0c-2299,-1462 1363,-11342 8177,-22062l12759 -20073c6815,-10720 14206,-18229 16506,-16767z'/>    </g>  </g>  </svg>");*/
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='0.25in' height='0.25in' version='1.0' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd'  viewBox='0 0 25000 25000'   xmlns:xlink='http://www.w3.org/1999/xlink'>   <defs>    <style type='text/css'>     <![CDATA[      .fil0 {fill: %233F3F4A}     ]]>    </style>   </defs>   <g id='Layer_x0020_1'>    <metadata id='CorelCorpID_0Corel-Layer'/>    <g>     <path class='fil0' d='M22222 0l-19444 0c-1542,0 -2778,1250 -2778,2778l0 19444c0,1528 1236,2778 2778,2778l19444 0c1542,0 2778,-1250 2778,-2778l0 -19444c0,-1528 -1236,-2778 -2778,-2778zm-12500 20444l-6944 -6944 1958 -2959 4986 4972 10542 -10542 1958 2973 -12500 12499z'/>     </g>   </g>  </svg>  ");
  position: relative;
  background-size: contain;
  background-position: center;
}

input[type='checkbox']:checked:after:not(.cdk-visually-hidden) {
  color: var(--accent-custom);
  content: '';
  height: 15px;
  width: 15px;
  display: inline-block;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='0.25in' height='0.25in' version='1.0' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd'  viewBox='0 0 25000 25000'   xmlns:xlink='http://www.w3.org/1999/xlink'>   <defs>    <style type='text/css'>     <![CDATA[      .fil0 {fill: %233F3F4A}     ]]>    </style>   </defs>   <g id='Layer_x0020_1'>    <metadata id='CorelCorpID_0Corel-Layer'/>    <g>     <path class='fil0' d='M22222 0l-19444 0c-1542,0 -2778,1250 -2778,2778l0 19444c0,1528 1236,2778 2778,2778l19444 0c1542,0 2778,-1250 2778,-2778l0 -19444c0,-1528 -1236,-2778 -2778,-2778zm-12500 20444l-6944 -6944 1958 -2959 4986 4972 10542 -10542 1958 2973 -12500 12499z'/>     </g>   </g>  </svg>  ");
  /*background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='1in' height='1in' version='1.0' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd'  viewBox='0 0 100000 100000'   xmlns:xlink='http://www.w3.org/1999/xlink'>   <defs>    <style type='text/css'>     <![CDATA[      .str0 {stroke:black;stroke-width:694;stroke-miterlimit:2.61313}      .fil0 {fill: %233F3F4A}     ]]>    </style>   </defs>   <g id='Layer_x0020_1'>    <metadata id='CorelCorpID_0Corel-Layer'/>    <polygon class='fil0 str0' points='89184,2515 99211,1994 39705,96005 2465,44963 36320,71917 '/>   </g>  </svg>  ");*/
  position: fixed;
  top: 0px;
  left: 0px;
  background-size: contain;
  background-position: center;
}

input[type='checkbox']:checked:after::-ms-check:not(.cdk-visually-hidden) {
  color: var(--background-custom);
  content: 'V';
  height: 15px;
  width: 15px;
  display: inline-block;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='0.25in' height='0.25in' version='1.0' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd'  viewBox='0 0 25000 25000'   xmlns:xlink='http://www.w3.org/1999/xlink'>   <defs>    <style type='text/css'>     <![CDATA[      .fil0 {fill: %233F3F4A}     ]]>    </style>   </defs>   <g id='Layer_x0020_1'>    <metadata id='CorelCorpID_0Corel-Layer'/>    <g>     <path class='fil0' d='M22222 0l-19444 0c-1542,0 -2778,1250 -2778,2778l0 19444c0,1528 1236,2778 2778,2778l19444 0c1542,0 2778,-1250 2778,-2778l0 -19444c0,-1528 -1236,-2778 -2778,-2778zm-12500 20444l-6944 -6944 1958 -2959 4986 4972 10542 -10542 1958 2973 -12500 12499z'/>     </g>   </g>  </svg>  ");
  /*background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='1in' height='1in' version='1.0' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd'  viewBox='0 0 100000 100000'   xmlns:xlink='http://www.w3.org/1999/xlink'>   <defs>    <style type='text/css'>     <![CDATA[      .str0 {stroke:black;stroke-width:694;stroke-miterlimit:2.61313}      .fil0 {fill: %233F3F4A}     ]]>    </style>   </defs>   <g id='Layer_x0020_1'>    <metadata id='CorelCorpID_0Corel-Layer'/>    <polygon class='fil0 str0' points='89184,2515 99211,1994 39705,96005 2465,44963 36320,71917 '/>   </g>  </svg>  ");*/
  position: fixed;
  top: 0px;
  left: 0px;
  background-size: contain;
  background-position: center;
  font-weight: 900px;
  background-color: black;
}

input[type='checkbox']:indeterminate {
  content: '-';
  height: 15px;
  width: 15px;
  display: inline-block;

  /*background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='75px' height='75px' version='1.0' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd' viewBox='0 0 75 75'  xmlns:xlink='http://www.w3.org/1999/xlink'>  <defs>  <style type='text/css'>   <![CDATA[    .fil0 {fill: %233F3F4A}   ]]>  </style> </defs> <g id='Layer_x0020_1'>  <metadata id='CorelCorpID_0Corel-Layer'/>  <path class='fil0' d='M56.39 30.5l-37.78 0c-4.46,0 -8.11,3.6 -8.11,8 0,4.4 3.65,8 8.11,8l37.78 0c4.46,0 8.11,-3.6 8.11,-8 0,-4.4 -3.65,-8 -8.11,-8z'/> </g> <g id='Layer_x0020_1_0'>  <metadata id='CorelCorpID_1Corel-Layer'/>  <g id='_2795032827952'>   <path class='fil0' d='M66.67 8.33l0 58.34 -58.34 0 0 -58.34 58.34 0 0 0zm0 -8.33l-58.34 0c-4.58,0 -8.33,3.75 -8.33,8.33l0 58.34c0,4.58 3.75,8.33 8.33,8.33l58.34 0c4.58,0 8.33,-3.75 8.33,-8.33l0 -58.34c0,-4.58 -3.75,-8.33 -8.33,-8.33z'/>  </g> </g></svg>");*/

  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='75px' height='75px' version='1.0' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd' viewBox='0 0 75 75'  xmlns:xlink='http://www.w3.org/1999/xlink'> <defs>  <style type='text/css'>   <![CDATA[    .fil1 {fill:%23FEFEFE}    .fil0 {fill:%233F3F4A}   ]]>  </style> </defs> <g id='Layer_x0020_1'>  <metadata id='CorelCorpID_0Corel-Layer'/>  <path class='fil0' d='M66.67 0l-58.34 0c-4.58,0 -8.33,3.75 -8.33,8.33l0 58.34c0,4.58 3.75,8.33 8.33,8.33l58.34 0c4.58,0 8.33,-3.75 8.33,-8.33l0 -58.34c0,-4.58 -3.75,-8.33 -8.33,-8.33z'/>  <path class='fil1' d='M56.39 30.5l-37.78 0c-4.46,0 -8.11,3.38 -8.11,7.5 0,4.13 3.65,7.5 8.11,7.5l37.78 0c4.46,0 8.11,-3.37 8.11,-7.5 0,-4.12 -3.65,-7.5 -8.11,-7.5z'/> </g></svg>");

  background-size: contain;
  background-position: center;
  background-color: #fff !important;
}

/*
input[type=checkbox]:indeterminate:after {
  color: var(--primary-custom);
  background-color: red !important;
content: '!';
  height: 15px;
  width: 15px;
  display: inline-block;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='0.25in' height='0.25in' version='1.0' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd'  viewBox='0 0 25000 25000'   xmlns:xlink='http://www.w3.org/1999/xlink'>   <defs>    <style type='text/css'>     <![CDATA[      .fil0 {fill: %233F3F4A}     ]]>    </style>   </defs>   <g id='Layer_x0020_1'>    <metadata id='CorelCorpID_0Corel-Layer'/>    <g>     <path class='fil0' d='M22222 0l-19444 0c-1542,0 -2778,1250 -2778,2778l0 19444c0,1528 1236,2778 2778,2778l19444 0c1542,0 2778,-1250 2778,-2778l0 -19444c0,-1528 -1236,-2778 -2778,-2778zm-12500 20444l-6944 -6944 1958 -2959 4986 4972 10542 -10542 1958 2973 -12500 12499z'/>     </g>   </g>  </svg>  ");

  position: fixed;
  top: 0px;
  left: 0px;
background-size: contain;
background-position: center;
}
*/

input[type='checkbox']:active::-ms-check:not(.cdk-visually-hidden),
input[type='checkbox']:checked:active::-ms-check:not(.cdk-visually-hidden) {
  color: var(--background-custom);

  height: 15px;
  width: 15px;
  display: inline-block;
  position: relative;

  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='0.25in' height='0.25in' version='1.0' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd'  viewBox='0 0 25000 25000'   xmlns:xlink='http://www.w3.org/1999/xlink'>   <defs>    <style type='text/css'>     <![CDATA[      .fil0 {fill: %233F3F4A}     ]]>    </style>   </defs>   <g id='Layer_x0020_1'>    <metadata id='CorelCorpID_0Corel-Layer'/>    <g>     <path class='fil0' d='M22222 0l-19444 0c-1542,0 -2778,1250 -2778,2778l0 19444c0,1528 1236,2778 2778,2778l19444 0c1542,0 2778,-1250 2778,-2778l0 -19444c0,-1528 -1236,-2778 -2778,-2778zm-12500 20444l-6944 -6944 1958 -2959 4986 4972 10542 -10542 1958 2973 -12500 12499z'/>     </g>   </g>  </svg>  ");
  position: relative;
  background-size: contain;
  background-position: center;
}
input[type='checkbox']:checked::-ms-check:not(.cdk-visually-hidden) {
  color: var(--background-custom);

  height: 15px;
  width: 15px;
  display: inline-block;
  position: relative;

  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='0.25in' height='0.25in' version='1.0' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd'  viewBox='0 0 25000 25000'   xmlns:xlink='http://www.w3.org/1999/xlink'>   <defs>    <style type='text/css'>     <![CDATA[      .fil0 {fill: %233F3F4A}     ]]>    </style>   </defs>   <g id='Layer_x0020_1'>    <metadata id='CorelCorpID_0Corel-Layer'/>    <g>     <path class='fil0' d='M22222 0l-19444 0c-1542,0 -2778,1250 -2778,2778l0 19444c0,1528 1236,2778 2778,2778l19444 0c1542,0 2778,-1250 2778,-2778l0 -19444c0,-1528 -1236,-2778 -2778,-2778zm-12500 20444l-6944 -6944 1958 -2959 4986 4972 10542 -10542 1958 2973 -12500 12499z'/>     </g>   </g>  </svg>  ");
  position: relative;
  background-size: contain;
  background-position: center;
}

input[type='checkbox']::-ms-check:not(.cdk-visually-hidden) {
  color: var(--accent-custom);
  font-weight: 900px;
  height: 15px;
  width: 15px;
  display: inline-block;
  position: relative;
  background-size: contain;
  background-position: center;
  background-color: var(--forms-background-custom);

  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='0.25in' height='0.25in' version='1.0' style='shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd'  viewBox='0 0 25000 25000'   xmlns:xlink='http://www.w3.org/1999/xlink'>   <defs>    <style type='text/css'>     <![CDATA[      .fil0 {fill: %233F3F4A}     ]]>    </style>   </defs>   <g id='Layer_x0020_1'>    <metadata id='CorelCorpID_0Corel-Layer'/>    <g>     <path class='fil0' d='M22222 2778l0 19444 -19444 0 0 -19444 19444 0 0 0zm0 -2778l-19444 0c-1528,0 -2778,1250 -2778,2778l0 19444c0,1528 1250,2778 2778,2778l19444 0c1528,0 2778,-1250 2778,-2778l0 -19444c0,-1528 -1250,-2778 -2778,-2778z'/>    </g>   </g>  </svg>  ");
}
/*
.creator-undeletable .wj-token:nth-child(2) {
  pointer-events: none;
  user-select: none;
}

.creator-undeletable .wj-token:nth-child(2) a {
  display: none;
}
*/