:root {
   --cd-color-red: #C00205;
   --cd-color-blue: #214D77;
   --cd-color-grey: #B1B1B1;
   --cd-color-lightblue: #84ADD5;
   --cd-color-white: white;
   --cd-color-whitesmoke: whitesmoke;
   --cd-icon-size: 1.5rem;
   --rz-primary: #214D77;
   --rz-dialog-title-color: white;
   --rz-accordion-item-line-height: 1.25rem;
   --rz-accordion-item-font-size: 1.4rem;
   --rz-accordion-item-color: var(--cd-color-blue);
   --rz-accordion-item-background-color: transparent;
   --rz-accordion-content-padding: 0;
   --rz-datalist-shadow: none;
   --rz-datalist-item-shadow: none;
   --rz-dropdown-item-disabled-opacity: 0.4;
   --cd-col-icon-align: center;
   --cd-display-chevron-circle: inline-block;
   --cd-display-chevron-padding-top: 0;
   --cd-process-bg-color: var(--cd-color-blue);
   --cd-process-color: white;
   --cd-risk-box-color: white;
   --rz-dropdown-panel-border: 1px solid var(--cd-color-blue);
   --rz-dropdown-open-background-color: whitesmoke;
   --rz-lookup-panel-background-color: transparent;
   --rz-rating-color: lightgrey;
   --rz-dialog-mask-zindex: 980;
   --cd-line-height: 0;
   --cd-dialog-zindex-default: 981;
   --cd-dialog-zindex-high: 1001;
   --cd-dialog-zindex: var(--cd-dialog-zindex-default);
}

@font-face {
   font-family: 'Material Symbols Outlined';
   font-style: normal;
   font-weight: 100 700;
   src: url('../fonts/material-symbols-outlined.woff2') format('woff2');
}

.material-symbols-outlined {
   font-family: 'Material Symbols Outlined';
   font-weight: normal;
   font-style: normal;
   font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48;
}

.material-symbols {
   --rz-icon-font-family: 'Material Symbols Outlined';
}

h1 {
   color: var(--cd-color-blue) !important;
   font-size: 1.75rem !important;
   font-weight: normal !important
}

#blazor-error-ui {
   background: lightyellow;
   bottom: 0;
   box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
   display: none;
   left: 0;
   padding: 0.6rem 1.25rem 0.7rem 1.25rem;
   position: fixed;
   width: 100%;
   z-index: 1000;
}

   #blazor-error-ui .dismiss {
      cursor: pointer;
      position: absolute;
      right: 0.75rem;
      top: 0.5rem;
   }

#progressbar-inner {
   width: 50%;
   top: 30vh;
   text-align: center;
}

#progressbar-outer {
   position: absolute;
   top: 40vh;
   width: 100%;
   display: flex;
   justify-content: center;
}

#table-inner {
   width: 80%;
}

#table-outer {
   position: absolute;
   width: 100%;
   display: flex;
   justify-content: left;
}

.cd-bg-blue {
   background-color: var(--cd-color-blue) !important;
   color: white !important;
}

.cd-bg-red {
   background-color: var(--cd-color-red) !important;
   color: white !important;
}

.cd-bg-grey {
   background-color: var(--cd-color-grey) !important;
   color: white !important;
}

.cd-button-green {
   background-color: white !important;
   color: green !important;
   border-color: green !important;
   border: 3px solid green !important;
   border-radius: 0 !important;
   height: 2.5rem !important;
}

   .cd-button-green:hover {
      background-color: green !important;
      color: white !important;
      background-image: none !important;
      box-shadow: none !important;
   }

   .cd-button-green:focus {
      box-shadow: none !important;
   }

.cd-button-blue {
   background-color: white !important;
   color: var(--cd-color-blue) !important;
   border-color: var(--cd-color-blue) !important;
   border: 3px solid var(--cd-color-blue) !important;
   border-radius: 0 !important;
   height: 2.5rem !important;
}

   .cd-button-blue:hover {
      background-color: var(--cd-color-blue) !important;
      color: white !important;
      background-image: none !important;
      box-shadow: none !important;
   }

   .cd-button-blue:focus {
      box-shadow: none !important;
   }

.cd-button-grey {
   background-color: white !important;
   color: var(--cd-color-grey) !important;
   border-color: var(--cd-color-grey) !important;
   border: 3px solid var(--cd-color-grey) !important;
   border-radius: 0 !important;
   height: 2.5rem !important;
}

   .cd-button-grey:hover {
      background-color: var(--cd-color-grey) !important;
      color: white !important;
      background-image: none !important;
      box-shadow: none !important;
   }

   .cd-button-grey:focus {
      box-shadow: none !important;
   }

.cd-button-red {
   background-color: white !important;
   color: var(--cd-color-red) !important;
   border-color: var(--cd-color-red) !important;
   border: 3px solid var(--cd-color-red) !important;
   border-radius: 0 !important;
   height: 2.5rem !important;
}

   .cd-button-red:hover {
      background-color: var(--cd-color-red) !important;
      color: white !important;
      background-image: none !important;
      box-shadow: none !important;
   }

   .cd-button-red:focus {
      box-shadow: none !important;
   }

.cd-button-blue-noborder {
   background-color: white !important;
   color: var(--cd-color-blue) !important;
   border: 0 !important;
   border-radius: 0 !important;
   height: 2.5rem !important;
   cursor: pointer
}

   .cd-button-blue-noborder:hover {
      background-color: white !important;
      color: var(--cd-color-blue) !important;
      background-image: none !important;
      box-shadow: none !important;
   }

   .cd-button-blue-noborder:focus {
      background-color: white !important;
      color: var(--cd-color-blue) !important;
      box-shadow: none !important;
   }

.cd-button-green-noborder {
   background-color: white !important;
   color: green !important;
   border: 0 !important;
   border-radius: 0 !important;
   height: 2.5rem !important;
   cursor: pointer
}

   .cd-button-green-noborder:hover {
      background-color: white !important;
      color: green !important;
      background-image: none !important;
      box-shadow: none !important;
   }

   .cd-button-green-noborder:focus {
      background-color: white !important;
      color: green !important;
      box-shadow: none !important;
   }

.cd-button-red-noborder {
   background-color: white !important;
   color: var(--cd-color-red) !important;
   border: 0 !important;
   border-radius: 0 !important;
   height: 2.5rem !important;
   cursor: pointer
}

   .cd-button-red-noborder:hover {
      background-color: white !important;
      color: var(--cd-color-red) !important;
      background-image: none !important;
      box-shadow: none !important;
   }

   .cd-button-red-noborder:focus {
      background-color: white !important;
      color: var(--cd-color-red) !important;
      box-shadow: none !important;
   }

.cd-button-grey-noborder {
   background-color: white !important;
   color: lightgrey !important;
   border: 0 !important;
   border-radius: 0 !important;
   height: 2.5rem !important;
   cursor: default
}

   .cd-button-grey-noborder:hover {
      background-color: white !important;
      color: lightgrey !important;
      background-image: none !important;
      box-shadow: none !important;
   }

   .cd-button-grey-noborder:focus {
      background-color: white !important;
      color: lightgrey !important;
      box-shadow: none !important;
   }

.cd-button-white-noborder {
   background-color: var(--cd-color-blue) !important;
   color: white !important;
   border: 0 !important;
   border-radius: 0 !important;
   height: 2.5rem !important;
   cursor: pointer
}

   .cd-button-white-noborder:hover {
      background-color: var(--cd-color-blue) !important;
      color: white !important;
      background-image: none !important;
      box-shadow: none !important;
   }

   .cd-button-white-noborder:focus {
      background-color: var(--cd-color-blue) !important;
      color: white !important;
      box-shadow: none !important;
   }

.cd-menu {
   background-color: white !important;
   color: var(--cd-color-blue) !important;
}

   .cd-menu:hover {
      background-color: var(--cd-color-grey) !important;
      color: white !important;
   }

   .cd-menu:active {
      background-color: var(--cd-color-blue) !important;
      color: white !important;
   }

.cd-row-top {
   margin-top: 10px
}

.cd-row-bottom {
   margin-bottom: 10px
}

.rz-fileupload-choose {
   background-color: var(--cd-color-blue) !important;
   color: white !important;
}

.rz-fileupload-choose {
   background-color: white !important;
   color: var(--cd-color-blue) !important;
   border-color: var(--cd-color-blue) !important;
   border: 3px solid var(--cd-color-blue) !important;
   border-radius: 0 !important;
   height: 2.5rem !important;
   padding: 3px
}

   .rz-fileupload-choose .rz-button-text {
      font-size: 1.0625rem;
      padding-right: 20px;
      padding-left: 20px;
      line-height: var(--cd-line-height) !important;
   }

   .rz-fileupload-choose:hover {
      background-color: var(--cd-color-blue) !important;
      color: white !important;
      background-image: none !important;
      box-shadow: none !important;
   }

   .rz-fileupload-choose:focus {
      box-shadow: none !important;
   }


.rz-fileupload-buttonbar {
   background-color: transparent !important
}

rz-button-icon-only {
   background-color: var(--cd-color-red) !important;
   color: white !important;
}

.rz-button-sm.rz-button-text-icon-left, .rz-button-text-icon-left.rz-paginator-element, .rz-fileupload .rz-button-text-icon-left.rz-button {
   padding: 3px 1.375rem !important;
}

.wizard-sticky {
   z-index: 1000;
   position: absolute;
   top: 52px;
   width: 96%;
   padding: 10px 0;
   background: white;
   color: black;
}

.wizard-content {
   padding: 10px 10px 0 10px
}

.rz-fieldset-content {
   padding-top: 5px !important
}

.rz-fieldset-legend {
   margin: 0 !important;
   padding: 0 !important;
   color: var(--cd-color-blue) !important;
   background-color: white !important
}

input::-webkit-input-placeholder {
   color: lightgrey !important;
}

input::-moz-placeholder {
   color: lightgrey !important;
}

input::placeholder {
   color: lightgrey !important;
   opacity: 1; /* Firefox */
}

textarea::placeholder {
   color: lightgrey !important;
   opacity: 1; /* Firefox */
}

.rz-placeholder {
   color: lightgrey !important;
}

.custom-upload-as-icon .rz-fileupload-buttonbar {
   padding: 0 !important;
   background: none !important;
}

.custom-upload-as-icon .rz-button-text {
   display: none !important;
}

.custom-upload-as-icon .rz-fileupload-choose {
   background: none !important;
   padding: 0 !important;
   border: 0 !important;
}

   .custom-upload-as-icon .rz-fileupload-choose:active {
      background: none !important;
      box-shadow: none !important;
   }

.custom-upload-as-icon .rz-button-icon-left {
   display: inline-block !important;
   color: #214D77 !important;
   font-size: 1.4rem !important;
   width: 20px !important;
}

   .custom-upload-as-icon .rz-button-icon-left::before {
      content: 'file_upload';
   }

.custom-upload-as-icon .rz-button-sm.rz-button-text-icon-left, .rz-button-text-icon-left.rz-paginator-element, .rz-fileupload .rz-button-text-icon-left.rz-button {
   padding: 6px 0 !important;
}

.custom-upload-as-icon-red .rz-fileupload-choose {
   background: none !important;
   padding: 8px 0 0 0 !important;
   border: 0 !important;
   display: inline-block !important;
   color: var(--cd-color-red) !important;
   font-size: 1.4rem !important;
   width: 20px !important;
}

   .custom-upload-as-icon-red .rz-fileupload-choose:active {
      background: none !important;
      box-shadow: none !important;
      color: var(--cd-color-red) !important;
   }

   .custom-upload-as-icon-red .rz-fileupload-choose:hover {
      background: none !important;
      box-shadow: none !important;
      color: var(--cd-color-red) !important;
   }

.custom-upload-as-icon-blue .rz-fileupload-choose {
   background: none !important;
   padding: 8px 0 0 0 !important;
   border: 0 !important;
   display: inline-block !important;
   color: var(--cd-color-blue) !important;
   font-size: 1.5rem !important;
   width: 20px !important;
}

   .custom-upload-as-icon-blue .rz-fileupload-choose:active {
      background: none !important;
      box-shadow: none !important;
      color: var(--cd-color-blue) !important;
   }

   .custom-upload-as-icon-blue .rz-fileupload-choose:hover {
      background: none !important;
      box-shadow: none !important;
      color: var(--cd-color-blue) !important;
   }

.rz-treenode {
   margin-left: 20px !important;
}

.rz-treenode-children {
   margin-left: 20px !important;
}

.rz-progressbar-determinate-primary .rz-progressbar-value {
   background-color: var(--cd-color-blue) !important;
}

.rz-progressbar-indeterminate .rz-progressbar-value:before {
   background-color: var(--cd-color-blue) !important;
}

.rz-progressbar-indeterminate .rz-progressbar-value:after {
   background-color: var(--cd-color-blue) !important;
}

.rz-dialog-titlebar {
   background-color: var(--cd-color-blue) !important;
   color: white;
}

.rz-chkbox-box .rzi {
   width: 1rem !important;
   height: 1rem !important;
}

.cd-header {
   position: relative;
   position: -webkit-sticky;
   position: sticky;
   background-color: white;
   z-index: 100;
   width: 100%;
   top: 0;
}

.cd-main-body {
   display: flex;
   overflow: visible;
}

.cd-body {
   width: 100%;
   padding: 15px;
   height: auto;
}

.cd-left-menu {
   position: relative;
   position: -webkit-sticky;
   position: sticky;
   top: 93px;
   left: 0px;
   width: 90px;
   text-align: center;
   display: block;
   background: #e6ecef;
   color: white;
   box-shadow: 0 0px 16px 0 rgb(0 0 0 / 25%);
   transition: 0.3s;
   z-index: 1;
   align-self: flex-start;
   min-height: calc(100vh - 95px);
}

.cd-left-menu-material-icons {
   font-family: 'Material Symbols Outlined';
   font-weight: normal;
   font-style: normal;
   font-size: 1.2rem;
   line-height: 1;
   letter-spacing: normal;
   text-transform: none;
   display: inline-block;
   white-space: nowrap;
   word-wrap: normal;
   direction: ltr;
   -webkit-font-smoothing: antialiased;
}

.cd-left-menu-button {
   background-color: #e6ecef;
   border: none;
   color: var(--cd-color-blue);
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 0.8rem;
   transition-duration: 0.4s;
   cursor: pointer;
   width: 100%;
}

   .cd-left-menu-button:hover {
      background-color: var(--cd-color-blue);
      color: #e6ecef;
   }

.cd-left-menu-button-active {
   background-color: var(--cd-color-blue);
   color: #e6ecef;
}

.cd-left-savemenu-button {
   background-color: #e6ecef;
   border: none;
   color: green;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 0.8rem;
   transition-duration: 0.4s;
   cursor: pointer;
   width: 100%;
}

   .cd-left-savemenu-button:hover {
      background-color: green;
      color: #e6ecef;
   }

.cd-left-savemenu-button-active {
   background-color: green;
   color: #e6ecef;
}

.cd-body-menu-button {
   background-color: white;
   border: 1px solid var(--cd-color-blue);
   color: var(--cd-color-blue);
   border-radius: 10px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 0.8rem;
   transition-duration: 0.4s;
   cursor: pointer;
   width: 100px;
   height: 100px;
   box-shadow: 5px 5px 5px lightgrey;
}

   .cd-body-menu-button:hover {
      background-color: var(--cd-color-blue);
      color: white;
   }

.cd-body-menu-button-active {
   background-color: var(--cd-color-blue);
   color: white;
}

.cd-menu-row-top {
   margin-top: 15px
}

.cd-menu-row-bottom {
   margin-bottom: 15px
}

.rz-button-md .rzi {
   font-size: 1.25rem;
}

.cd-cut-text {
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
}

.cd-cut-multitext {
   width: 100%;
   overflow: hidden;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 5;
   display: -webkit-box;
}

.cd-slideinbox-right {
   height: 100%;
   width: 0;
   position: fixed;
   z-index: 200;
   top: 0;
   right: 0;
   background-color: white;
   overflow-x: hidden;
   transition: 1s;
   padding-top: 10px;
   box-shadow: 0 0px 16px 0 rgb(0 0 0 / 25%);
   max-width: 550px
}

   .cd-slideinbox-right a {
      padding: 8px 8px 8px 32px;
      text-decoration: none;
      font-size: 25px;
      color: #818181;
      display: block;
      transition: 0.3s;
   }

      .cd-slideinbox-right a:hover {
         color: #f1f1f1;
      }

   .cd-slideinbox-right .closebtn {
      position: absolute;
      top: 0;
      right: 25px;
      font-size: 36px;
      margin-left: 50px;
   }

.cd-slideinbox-left {
   height: 100%;
   width: 0;
   position: fixed;
   z-index: 200;
   top: 0;
   left: 0;
   background-color: white;
   overflow-x: hidden;
   transition: 0.5s;
   padding-top: 10px;
   box-shadow: 0 0px 16px 0 rgb(0 0 0 / 25%);
   max-width: 90px
}

   .cd-slideinbox-left a {
      padding: 8px 8px 8px 32px;
      text-decoration: none;
      font-size: 25px;
      color: #818181;
      display: block;
      transition: 0.3s;
   }

      .cd-slideinbox-left a:hover {
         color: #f1f1f1;
      }

   .cd-slideinbox-left .closebtn {
      position: absolute;
      top: 0;
      left: 25px;
      font-size: 36px;
      margin-left: 50px;
   }

.rz-switch {
   height: 1.04rem;
   width: 2.5rem;
   min-width: 2.5rem;
}

   .rz-switch .rz-switch-circle {
      background: var(--cd-color-blue) !important;
   }

   .rz-switch.rz-switch-checked .rz-switch-circle {
      background: green !important;
   }

   .rz-switch .rz-switch-circle:before {
      width: 1rem;
      height: 1rem;
      left: 0.12rem;
      margin-top: -0.51rem;
      border-radius: 50%;
      transition-duration: 0.2s;
      box-shadow: none;
   }

.txtSlideshow-container {
   position: relative;
   background: white;
   height: 75px;
}

.txtSlides {
   display: none;
   padding: 5px;
   text-align: center;
}

.cd-burger-btn {
   border: 0;
   margin-right: 45px;
}

.cd-treenode-btn-div {
   display: none;
}

.rz-treenode-content-selected .cd-treenode-btn-div {
   display: block;
   color: red;
}

.cd-treenode-btn {
   color: var(--cd-color-grey);
}

   .cd-treenode-btn:hover {
      color: var(--cd-color-blue);
   }

div.cd-textbox {
   word-wrap: break-word;
}

.cd-help-icon {
   background-color: transparent !important;
   color: #84add5 !important;
   border: 0 !important;
   border-radius: 0 !important;
   cursor: help !important;
   position: relative;
   top: 0;
   margin-left: 0;
   padding: 0 !important;
   min-width: 0 !important;
   min-height: 0 !important;
   font-size: 1.2rem;
}

   .cd-help-icon:active {
      background-color: transparent !important;
      color: #84add5 !important;
      background-image: none !important;
      background-size: 0 !important;
      box-shadow: none !important;
   }

.rz-tree-toggler.rzi-caret-down {
   font-size: 1.75rem !important;
   width: 20px !important;
}

.rz-tree-toggler.rzi-caret-right {
   font-size: 1.75rem !important;
   width: 20px !important;
}

@media screen {
   .cd-report-section-headline {
      padding: 0 0 10px 0;
      margin: 40px 0 0 10px;
      border: 1px solid lightgray;
      border-radius: 10px;
      box-shadow: var(--rz-shadow-4) !important;
   }
}

@media print {
   .cd-report-section-headline {
      padding: 0 0 10px 0;
      margin: 40px 0 0 10px;
      border: 0;
      border-radius: 0;
      box-shadow: 0 !important;
      --rz-accordion-icon-font-size: 0
   }

   .cd-statistic-newpage {
      page-break-before: always;
   }
}

.page-header, .page-header-space {
   height: 40px;
}

.page-footer, .page-footer-space {
   height: 30px;
}

.page-footer {
   position: fixed;
   bottom: 0;
   width: 100%;
   font-size: 9px;
   color: grey;
   text-align: center;
   border-top: 1px solid lightgrey;
   background: white;
}

.page-header {
   position: fixed;
   top: 0mm;
   width: 100%;
   background: white;
}

.page:not(:first-of-type) {
   page-break-inside: avoid;
   page-break-before: always;
}

.printHeadline {
   display: none;
}

@page {
   margin: 10mm;
}

@media print {
   thead {
      display: table-header-group;
   }

   tfoot {
      display: table-footer-group;
   }

   tbody {
      font-size: 11px !important;
   }

   html, body {
      height: 99%;
   }

   body {
      margin: 0;
      -webkit-print-color-adjust: exact !important; /* Chrome, Safari 6 – 15.3, Edge */
      color-adjust: exact !important; /* Firefox 48 – 96 */
      print-color-adjust: exact !important; /* Firefox 97+, Safari 15.4+ */
   }

   .cd-button-green, .cd-button-blue, .cd-button-grey, .cd-button-red, .cd-button-blue-noborder, .cd-button-green-noborder, .cd-button-red-noborder, .cd-button-grey-noborder, .cd-button-white-noborder, .cd-help-icon {
      display: none !important;
   }

   .printHeadline {
      display: block !important;
      width: 100%;
   }
}

.cd-report-builder-outbound {
   width: 100%;
   padding: 5px;
   overflow: hidden;
}

.cd-report-builder-inbound {
   width: 100%;
   height: 100%;
   padding: 5px;
   border: solid 1px var(--cd-color-blue);
   border-radius: 5px;
   background-color: white
}

.cd-button-builder {
   padding: 0 !important;
   vertical-align: top;
   min-width: 0 !important;
   border-width: 0px !important;
   min-height: 25px !important;
   height: 25px !important;
   border-radius: 3px !important;
}

.cd-grid-align {
   vertical-align: top;
}

@media screen and (max-width: 1000px) {
   div .tntpricelist-full {
      display: none;
   }
}

@media screen and (min-width: 1000px) {
   div.tntpricelist-single {
      display: none;
   }
}

@media print {
   .col-print-1 {
      flex: 0 0 auto;
      width: 8.33333%;
   }

   .col-print-2 {
      flex: 0 0 auto;
      width: 16.66667%;
   }

   .col-print-3 {
      flex: 0 0 auto;
      width: 25%;
   }

   .col-print-4 {
      flex: 0 0 auto;
      width: 33.33333%;
   }

   .col-print-5 {
      flex: 0 0 auto;
      width: 41.66667%;
   }

   .col-print-6 {
      flex: 0 0 auto;
      width: 50%;
   }

   .col-print-7 {
      flex: 0 0 auto;
      width: 58.33333%;
   }

   .col-print-8 {
      flex: 0 0 auto;
      width: 66.66667%;
   }

   .col-print-9 {
      flex: 0 0 auto;
      width: 75%;
   }

   .col-print-10 {
      flex: 0 0 auto;
      width: 83.33333%;
   }

   .col-print-11 {
      flex: 0 0 auto;
      width: 91.66667%;
   }

   .col-print-12 {
      flex: 0 0 auto;
      width: 100%;
   }
}

.rz-group-row td {
   background-color: var(--cd-color-lightblue) !important;
}

.rz-datatable .rz-col-icon {
   vertical-align: var(--cd-col-icon-align);
}

.rz-datatable .rzi-chevron-circle-right {
   display: var(--cd-display-chevron-circle);
   padding-top: var(--cd-display-chevron-padding-top);
}

.rz-datatable .rzi-chevron-circle-down {
   display: var(--cd-display-chevron-circle);
   padding-top: var(--cd-display-chevron-padding-top);
}

.cd-process-triangle-right {
   width: 0;
   height: 0;
   border-top: 30px solid transparent;
   border-left: 30px solid var(--cd-process-bg-color);
   border-bottom: 30px solid transparent;
}

.cd-process-parallelogram {
   margin-left: 30px;
   width: 150px;
   height: 60px;
   transform: skew(-30deg);
   background: white;
   border: 1px solid var(--cd-color-blue)
}

.cd-process-parallelogram-text {
   transform: skew(30deg);
   display: flex;
   align-items: center;
}

.cd-process-oval {
   height: 60px;
   width: 150px;
   background-color: white;
   border: 1px solid var(--cd-color-blue);
   border-radius: 50%;
}

.cd-risk-box {
   padding: 4px 25px;
   background-clip: content-box;
   box-shadow: inset 0 0 0 15px var(--cd-risk-box-color);
   width: 66px;
   margin: 0 -2px;
   --rz-checkbox-width: 1rem;
   --rz-checkbox-height: 1rem;
}

.cd-circle {
   border: 8px dashed lightgrey;
   border-radius: 50%;
   width: 80px;
   height: 80px;
   color: black;
   position: absolute;
}

.cd-line45 {
   border-bottom: 3px solid lightgrey;
   width: 45px;
   transform: rotate(45deg);
   transform-origin: top left;
   position: absolute;
}

.cd-line315 {
   border-bottom: 3px solid lightgrey;
   width: 45px;
   transform: rotate(-45deg);
   transform-origin: top left;
   position: absolute;
}

.cd-line180 {
   border-bottom: 3px solid lightgrey;
   width: 42px;
   transform: rotate(90deg);
   transform-origin: top left;
   position: absolute;
}

.cd-treeview {
   cursor: pointer;
   border-left: solid;
   border-left-style: ridge;
   border-bottom: solid;
   border-bottom-style: ridge;
   margin-left: 15px;
   margin-top: 5px;
   width: 325px
}

   .cd-treeview:hover {
      border-color: var(--cd-color-blue);
   }

   .cd-treeview:focus {
      background-color: lightcyan;
      border-color: var(--cd-color-blue);
   }

   .cd-treeview:active {
      background-color: lightcyan;
      border-color: var(--cd-color-blue);
   }

.cd-video {
   margin: 0;
   width: 100%;
}

.cd-video-box {
   height: 287px;
   width: 510px;
   position: relative;
}

.cd-video-frame {
   z-index: 100;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
}

.cd-avatar {
   display: inline-block;
   font-size: 12px;
   width: 26px;
   height: 26px;
   border-radius: 50%;
   text-align: center;
   line-height: 27px;
   background: green;
   font-family: Arial;
   font-weight: 500;
   color: #fff;
   margin-right: 5px;
}

.cd-fullsize {
   width: 100%;
   height: 100%;
}

.rz-legend-bottom {
   bottom: -75px;
}

.rz-dialog-wrapper {
   z-index: var(--cd-dialog-zindex);
}

.cd-menu-item-right > .rz-navigation-menu {
   right: 0 !important;
   left: auto !important;
}

.cd-text-border {
   border-bottom
}

.cd-hidden-render {
   width: 765px;
   visibility: hidden;
   position: absolute;
   left: -9999px;
}

#GridWithLineBreak .rz-grid-table thead th {
   vertical-align: top;
}
#GridWithLineBreak .rz-grid-table thead th .rz-column-title-content {
   white-space: normal !important;
   word-wrap: break-word;
   text-overflow: unset !important;
   overflow: visible !important;
}