:root {
   --cd-color-red: #C00205;
   --cd-color-blue: #214D77;
   --cd-color-grey: #B1B1B1;
   --cd_color-lightgrey: #F4F6F7;
   --rz-primary: #214D77;
   --rz-dialog-title-color: white;
   --rz-dialog-title-background-color: var(--cd-color-blue);
   --rz-menu-item-top-icon-color: white !important;
   --rz-menu-item-icon-color: white !important;
   --rz-menu-item-selected-color: white;
   --rz-tabs-padding: 0.9em;
   --rz-grid-cell-font-size: 0.75rem; /* --rz-grid-cell-font-size: var(--rz-body-font-size);*/
   --rz-form-field-label-floating-top: -1.1rem;
   /* --rz-body-font-size: 1.0em;*/
}

@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 {
   --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-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;
      position: relative !important;
      overflow: hidden !important;
   }

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

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

   .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-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
}

.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: 0 !important;
      vertical-align: middle;
   }

   .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-button-text {
   vertical-align: middle !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: 50px;
   width: 96%;
   padding: 10px 0;
   background: white;
   color: black;
}

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

.rz-fieldset-legend {
   margin: -15px 0 0 1rem !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 */
}

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

.cd-cell-whitespace {
   white-space: normal;
}

.cd-upload-area .rz-fileupload-buttonbar {
   padding: 0 !important;
   background: none !important;
   height: 100px !important;
   width: 100px !important;
}

.cd-upload-area .rz-button-text {
   display: none !important;
}

.cd-upload-area .rz-fileupload-choose {
   background: none !important;
   padding: 0 !important;
   border: 0 !important;
}

   .cd-upload-area .rz-fileupload-choose:active {
      background: none !important;
      box-shadow: none !important;
   }

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

   .cd-upload-area .rz-button-icon-left::before {
      content: 'file_upload';
   }

.cd-upload-area .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;
}

.cd-upload-button .rz-fileupload-choose rz-button {
   width: 300px;
   text-align: center;
}

.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.5rem !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;
}

.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-column-drag:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-datatable-loading-content .rzi-circle-o-notch:not(.rz-navigation-item-icon-children), .rz-datatable-loading-content .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi-circle-o-notch:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-datatable-header .rzi-plus:not(.rz-navigation-item-icon-children), .rz-datatable-header .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi-plus:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-sortable-column .rzi-grid-sort:not(.rz-navigation-item-icon-children), .rz-sortable-column .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi-grid-sort:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-datatable .rzi-chevron-circle-down:not(.rz-navigation-item-icon-children), .rz-datatable .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi-chevron-circle-down:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-datatable .rzi-chevron-circle-right:not(.rz-navigation-item-icon-children), .rz-datatable .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi-chevron-circle-right:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-fileupload-row .rz-button .rzi-close:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-fileupload-row .rz-paginator-element .rzi-close:not(.rz-navigation-item-icon-children), .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi-close:not(.rz-navigation-item-icon-children), .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi-close:not(.rz-navigation-item-icon-children),
.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-fileupload-row .rz-button .rzi-times:not(.rz-navigation-item-icon-children),
.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-fileupload-row .rz-paginator-element .rzi-times:not(.rz-navigation-item-icon-children),
.rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi-times:not(.rz-navigation-item-icon-children),
.rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rzi-times:not(.rz-navigation-item-icon-children),
.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-fileupload-row .rz-button .rz-icon-trash:not(.rz-navigation-item-icon-children),
.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-fileupload-row .rz-paginator-element .rz-icon-trash:not(.rz-navigation-item-icon-children),
.rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-icon-trash:not(.rz-navigation-item-icon-children),
.rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-icon-trash:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-menuitem .rz-menuitem-icon:not(.rz-navigation-item-icon-children), .rz-menuitem .rz-menu:not(.rz-profile-menu) .rz-navigation-item-link .rz-menuitem-icon:not(.rz-navigation-item-icon-children) {
   color: white;
}

.custom-upload-content rz-fileupload-content rz-fileupload-files .rz-fileupload-row {
   display: flex;
   align-items: center;
   justify-content: space-between;
   font-size: 0.8em;
}

.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link {
   color: white !important;
   white-space: nowrap;
}

.rz-menu:not(.rz-profile-menu) .rz-navigation-menu {
   list-style: none;
   overflow: hidden;
   position: absolute;
   padding: 0;
   margin: 0;
   min-width: 100%;
   -webkit-box-shadow: 0 10px 8px 0 rgb(58 71 77 / 6%);
   box-shadow: 0 10px 8px 0 rgb(58 71 77 / 6%);
   border-radius: 2px;
   background-color: lightslategrey !important;
   z-index: 1000;
}

div.rz-tabs-vertical {
   display: flex;
   flex-direction: row;
}

.rz-tabs-vertical .rz-tabview-nav {
   flex-direction: column;
}

div.rz-tabs-vertical li {
   border-top-width: 1px;
   border-left-width: 2px;
   margin-right: -1px;
   margin-bottom: 0;
}

   div.rz-tabs-vertical .rz-tabview-selected,
   div.rz-tabs-vertical li:hover:not(.rz-tabview-selected):not(.rz-state-disabled) {
      border: 1px solid #e9eaed;
      border-left: 2px solid #1151F3;
   }

.rz-tabview-nav li a {
   display: flex;
   align-items: center;
   color: var(--rz-tabs-tab-color);
   padding: var(--rz-tabs-tab-padding);
   font-size: var(--rz-tabs-tab-font-size);
   line-height: var(--rz-tabs-tab-line-height);
   font-weight: var(--rz-tabs-tab-font-weight);
   text-transform: var(--rz-tabs-tab-text-transform);
   letter-spacing: var(--rz-tabs-tab-letter-spacing);
   text-decoration: none;
}


.cd-tabview-nav {
   --rz-tabs-border: none;
   --rz-tabs-background-color: transparent;
   --rz-tabs-shadow: none;
   --rz-tabs-border-radius: 0;
   --rz-tabs-tab-font-size: 1.1rem;
   --rz-tabs-tab-line-height: 1.2rem;
   --rz-tabs-tab-font-weight: 300;
   --rz-tabs-tab-text-transform: uppercase;
   --rz-tabs-tab-padding: 0.75rem 1rem;
   --rz-tabs-tab-background-color: transparent;
   --rz-tabs-tab-selected-color: var(--cd-color-blue);
   --rz-tabs-tab-selected-top-border-color: black;
   --rz-tabs-tab-hover-background-color: var(--rz-base-200);
   --rz-tabs-tab-hover-color: var(--rz-secondary);
   --rz-tabs-transition: var(--rz-transition-all);
}

   .cd-tabview-nav .rz-tabview-selected a {
      color: var(--cd-color-blue);
      border-top-width: 0;
      border-bottom: 2px solid var(--cd-color-blue);
   }

.rz-tabview-panel {
   padding: var(--rz-tabs-padding);
}

/* .cd-tabview-selected {
        color: var(--rz-tabs-tab-selected-color);
        border-top-width: 0;
        border-bottom: 2px solid var(--rz-primary);
    }*/

.cd-rounded-border {
   border: 2px solid steelblue;
   border-radius: 12px;
   padding: 5px;
   font-size: 0.9em
}

.rz-dialog-titlebar {
   background-color: var(--cd-color-blue) !important;
   font-size: 1.1rem !important;
   line-height: 1.0rem !important;
   color: white !important;
}

.rz-dialog-title {
   color: white !important;
}

.rz-dropdown-item {
   font-size: 0.9em !important;
}

/*.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textarea, .rz-textbox {
    height: 2rem !important;
    font-size: 0.9rem !important;
}*/
.rz-colorpicker, .rz-lookup-search input, .rz-spinner, .rz-calendar .rz-inputtext, .rz-multiselect, .rz-dropdown, .mask, .rz-textbox {
   height: 2.1rem !important;
   font-size: 0.8em !important;
}



.rz-datatable-data td .rz-cell-data, .rz-grid-table td .rz-cell-data {
   /*color: var(--rz-grid-cell-color);*/
   font-size: var(--rz-grid-cell-font-size);
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

div.rz-fieldset-content {
   padding: 1.0rem;
   padding-top: 5px;
   padding-bottom: 5px;
}

div.rz-accordion-content {
   font-size: inherit;
   background-color: #ffffff;
   padding: 0.5rem 0.5rem 0.5rem 0.1rem;
}

.rz-accordion {
   border-radius: var(--rz-accordion-border-radius);
   box-shadow: var(--rz-accordion-shadow);
}

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

.cd-button-hyperlink {
   background: none !important;
   border: none !important;
   color: var(--cd-color-blue) !important;
   font-size: 0.9em !important;
   text-align: left !important;
   display: inline-block;
}

   .cd-button-hyperlink:hover {
      text-decoration-line: underline !important;
   }

   .cd-button-hyperlink:focus-visible {
      text-decoration-line: underline !important;
      border: none !important;
   }

   .cd-button-hyperlink:focus {
      text-decoration-line: underline !important;
      border: none !important;
   }

.cd-label {
   background-color: #F0F0F0 !important;
   color: var(--cd-color-blue) !important;
   font-size: 0.9em !important;
   padding-left: 12px !important;
   padding-right: 12px !important;
   padding-top: 6px !important;
   padding-bottom: 6px !important;
   border-radius: 6px !important;
}

.cd-label-title-sub {
   font-weight: 300 !important;
   font-size: 1.4em !important;
   color: #214D77 !important;
}

.cd-label-title {
   background-color: #F0F0F0 !important;
   color: var(--cd-color-blue) !important;
   padding-left: 12px !important;
   padding-right: 12px !important;
   padding-top: 6px !important;
   padding-bottom: 6px !important;
   border-radius: 6px !important;
}

.cd-label-top-header-title-default {
   font-weight: 300;
   font-size: 1.6em;
   color: #214D77;
   transform: translateY(10%);
}

.cd-label-menu-title-default {
   vertical-align: middle;
   margin-bottom: 0;
   font-weight: 400;
   font-size: 1.1em;
   color: #214D77;
   transform: translateY(0%);
   text-transform: uppercase;
}

.cd-label-menu-title-default-no-transform {
   vertical-align: middle;
   margin-bottom: 0;
   font-weight: 400;
   font-size: 1.1em;
   color: #214D77;
   /* transform: translateY(-20%); */
   text-transform: uppercase;
}

.cd-label-submenu-title-default {
   vertical-align: middle;
   margin-bottom: 0;
   font-weight: 400;
   font-size: 0.9em;
   color: #214D77;
   transform: translateY(0%);
   text-transform: uppercase;
}

.cd-side-bar-notification {
   width: 250px;
   height: auto;
   box-shadow: 0 0px 16px 0 rgb(0 0 0 / 25%);
   overflow: auto;
   right: 0px;
   display: block;
   transition: 0.3s;
   position: fixed;
   background-color: whitesmoke;
   z-index: 1000;
}

.cd-left-menu-button-blue {
   background-color: #214D77;
   border: none;
   color: #fff;
   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-blue:hover {
      background-color: var(--cd-color-grey);
      color: #e6ecef;
   }

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

.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:disabled {
      background-color: var(--cd-color-grey);
      color: #e6ecef;
   }

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



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

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

.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;
   font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.cd-sub-header {
   position: relative;
   position: -webkit-sticky;
   position: sticky;
   width: 100%
}

.cd-content-sub-title {
   /*position: fixed;*/
   margin-bottom: 5px;
   border-bottom-style: ridge;
   border-bottom-color: #e6ecef;
   background-color: #e6ecef;
   height: 45px;
   /*   padding-left: 0px;*/
   /*   float: left;*/
   /* width: 100%;*/
   /* z-index: 100;*/
}

.cd-left-menu-div-blue {
   position: relative;
   position: -webkit-sticky;
   position: sticky;
   top: 93px;
   left: 0px;
   width: 90px;
   align-self: flex-start;
   text-align: center;
   display: block;
   background: #214D77;
   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-div {
   position: relative;
   position: -webkit-sticky;
   position: sticky;
   top: 93px;
   left: 0px;
   width: 90px;
   align-self: flex-start;
   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);
   float: left;
}

.cd-content {
   padding-left: 1px;
   float: left;
   width: 100%;
}

.rz-selectbutton .rz-button.rz-state-active, .rz-selectbutton .rz-state-active.rz-paginator-element {
   background-color: #214D77 !important;
   color: #ffffff !important;
   border: solid 1px #214D77 !important;
}

.filled-icon {
   font-variation-settings: 'FILL' 1;
}

.cd-slideinbox-right {
   height: 100%;
   width: 0;
   position: fixed;
   z-index: 200;
   top: 0;
   right: 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: 800px
}

   .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-flex-container {
   display: flex !important;
   padding: inherit !important;
   border: none !important;
   float: left !important;
}

.rz-switch modified valid {
   background: #dc3545;
   transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

   .rz-switch modified valid rz-switch-checked {
      background: #5dbf74;
   }
/*.cd-container {
    display: flex !important;
}

.cd-container-fixed {
    width: 100px !important;
}

.cd-container-flex-item {
    flex-grow: 1 !important;
}*/

.cd-switch .rz-switch .rz-switch-checked .rz-switch-circle {
   background: var(--rz-switch-background-color);
   transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
   border-radius: calc(5 * var(--rz-border-radius));
   height: 1.0em;
   width: 2.2rem;
}

.cd-left-column-10 {
   float: left;
   width: 10%;
}

.cd-left-column-20 {
   float: left;
   width: 20%;
}

.cd-left-column-30 {
   float: left;
   width: 30%;
}

.cd-left-column-40 {
   float: left;
   width: 40%;
}

.cd-left-column-50 {
   float: left;
   width: 50%;
}

.cd-left-column-60 {
   float: left;
   width: 60%;
}

.cd-left-column-70 {
   float: left;
   width: 70%;
}

.cd-left-column-75 {
   float: left;
   width: 75%;
}

.cd-left-column-80 {
   float: left;
   width: 80%;
}

.cd-right-column-15 {
   float: left;
   width: 15%;
   padding-left: 30px;
}

.cd-right-column-25 {
   float: left;
   width: 25%;
   padding-left: 30px;
}

.cd-right-column-30 {
   float: left;
   width: 30%;
   padding-left: 10px;
}

.cd-right-column-35 {
   float: left;
   width: 35%;
   padding-left: 30px;
}

.cd-right-column-40 {
   float: left;
   width: 40%;
   padding-left: 10px;
}

.cd-right-column-50 {
   float: left;
   width: 50%;
   padding-left: 30px;
}

.cd-right-column-60 {
   float: left;
   width: 60%;
   padding-left: 10px;
}

.cd-right-column-70 {
   float: left;
   width: 70%;
   padding-left: 30px;
}

.cd-right-column-80 {
   float: left;
   width: 80%;
   padding-left: 30px;
}

.cd-right-column-90 {
   float: left;
   width: 90%;
   padding-left: 30px;
}

.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-form-field-label:last-child {
   right: 1.5rem;
   font-size: 0.9rem;
   font-style: italic;
}

.word-break--break-all {
   word-break: break-all;
}

#frame {
   position: absolute;
   top: 10px;
   left: 10px;
   width: 700px;
   height: 700px;
}

#overlay {
   position: fixed;
   top: 10px;
   left: 10px;
   width: 600px;
   height: 600px;
   background-color: red;
   z-index: 1000;
}