/* webApp/Controls/AosFieldEditorControl.razor.rz.scp.css */
.full-tab[b-acb50yywqc] {
   height: 50rem;
   width: 54.9rem;
   border: 1px solid var(--bg-light-2);
   border-top: none;
   background-color: var(--bg-light-0);
}

.tab-form[b-acb50yywqc] {
   background-color: var(--bg-light-2);
}

.layout-sample[b-acb50yywqc] {
   --sample-width: 16.45rem;
   width: var(--sample-width);
   height: 2rem;
   background-color: var(--bg-light-0);
   display: flex;
   flex-direction: row;
   padding: .25rem;
   border-radius: var(--corner-radius);
}

.layout-col[b-acb50yywqc] {
   border: 1px solid var(--accent-2-highlight);
   margin: 0 .125rem;
   height: calc(2rem - 2px);
   border-radius: var(--corner-radius);
   background-color: var(--accent-5);
}

.col-size-1-1[b-acb50yywqc] {
   width: calc(var(--sample-width) - .25rem);
}

.col-size-1-2[b-acb50yywqc] {
   width: calc(calc(var(--sample-width) / 2) - .25rem);
}

.col-size-1-3[b-acb50yywqc] {
   width: calc(calc(var(--sample-width) / 3) - .25rem);
}

.col-size-1-4[b-acb50yywqc] {
   width: calc(calc(var(--sample-width) / 4) - .25rem);
}

.col-size-1-5[b-acb50yywqc] {
   width: calc(calc(var(--sample-width) / 5) - .25rem);
}

.col-size-2-5[b-acb50yywqc] {
   width: calc(calc(var(--sample-width) / 2.5) - .25rem);
}

.col-size-3-5[b-acb50yywqc] {
   width: calc(calc(var(--sample-width) / 1.67) - .25rem);
}

.col-size-4-5[b-acb50yywqc] {
   width: calc(calc(var(--sample-width) / 1.25) - .25rem);
}

.code-toolbar[b-acb50yywqc] {
   width: 54.9rem;
   border-bottom: 1px solid var(--accent-2-highlight);
   background-color: var(--bg-dark-2);
}
/* webApp/Controls/AppointmentControl.razor.rz.scp.css */

.dialog-header[b-dzcdx4p2gn] {
   padding: .5rem;
   height: 1.8rem;
   margin: 0;
}

.dialog-inner[b-dzcdx4p2gn] {
   height: 34.1rem;
   overflow-y: scroll;
   padding-left: .5rem;
   background-color: var(--bg-light-0-5);
   border-top: 1px solid var(--bg-light-3);
   border-bottom: 1px solid var(--bg-light-3);
}

.action-buttons[b-dzcdx4p2gn] {
   display: flex;
   flex-direction: row;
   justify-content: center;
}
/* webApp/Controls/FormRadio.razor.rz.scp.css */
input[type="radio"][b-gpaua84t2k] {
   height: 1rem;
   width: 1rem;
}
/* webApp/Controls/FormSize.razor.rz.scp.css */

.size-grid[b-u5z6kmfgvl] {
   display: grid;
   grid-template-columns: [left-col] auto [center-col] auto [right-col] auto;
   grid-template-rows: [top-row] auto [center-row] auto [bottom-row] auto;
}

.left-size-option[b-u5z6kmfgvl], .top-size-option[b-u5z6kmfgvl], .right-size-option[b-u5z6kmfgvl], .bottom-size-option[b-u5z6kmfgvl] {
   grid-column-start: left-col;
   grid-row-start: center-row;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}

.top-size-option[b-u5z6kmfgvl], .bottom-size-option[b-u5z6kmfgvl] {
   flex-direction: row;
}

.top-size-option[b-u5z6kmfgvl] {
   grid-column-start: center-col;
   grid-row-start: top-row;
}

.right-size-option[b-u5z6kmfgvl] {
   grid-column-start: right-col;
   grid-row-start: center-row;
}

.bottom-size-option[b-u5z6kmfgvl] {
   grid-column-start: center-col;
   grid-row-start: bottom-row;
}

.size-center-box[b-u5z6kmfgvl] {
   grid-column-start: center-col;
   grid-row-start: center-row;
   border: 2px solid var(--bg-disabled);
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-items: center;
   margin: .5rem;
   padding: 1rem 3rem;
}

.size-top-enabled[b-u5z6kmfgvl] {
   border-top: 2px solid var(--accent-1);
}

.size-left-enabled[b-u5z6kmfgvl] {
   border-left: 2px solid var(--accent-1);
}

.size-right-enabled[b-u5z6kmfgvl] {
   border-right: 2px solid var(--accent-1);
}

.size-bottom-enabled[b-u5z6kmfgvl] {
   border-bottom: 2px solid var(--accent-1);
}
/* webApp/Controls/InstantMessageControl.razor.rz.scp.css */
.contact-tooltip span[b-tkrgds52gz] {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   min-height: 1rem;
}

   .contact-tooltip span i[b-tkrgds52gz] {
      min-width: 1.25rem;
      margin-right: .25rem;
      text-align: center;
      color: var(--text-light-color-3);
   }

.contact-tooltip[b-tkrgds52gz] {
   display: flex;
   flex-direction: column;
   padding: .5rem;
}

   .contact-tooltip span[b-tkrgds52gz] {
      margin: .1rem 0;
   }
/* webApp/Controls/MjmlEditorControl.razor.rz.scp.css */
.editor-content-laptop[b-2zrxl3tzfl] {
   background-color: var(--text-disabled-color);
   padding: 1rem;
   display: flex;
   justify-content: center;
   width: calc(100vw - 25rem);
   height: 50rem;
}

   .editor-content-smartphone[b-2zrxl3tzfl] {

   }

   .editor-iframe-laptop[b-2zrxl3tzfl] {
      background-color: var(--bg-light-0);
      box-shadow: 3px 3px 5px var(--add-50-black);
   }

.editor-iframe-smartphone[b-2zrxl3tzfl] {
   width: 100%;
   border: none;
   height: 640px;
}

   .smartphone[b-2zrxl3tzfl] {
      position: relative;
      width: 360px;
      height: 640px;
      margin: auto;
      border: 16px black solid;
      border-top-width: 60px;
      border-bottom-width: 60px;
      border-radius: 36px;
   }

   /* The horizontal line on the top of the device */
   .smartphone[b-2zrxl3tzfl]:before {
      content: '';
      display: block;
      width: 60px;
      height: 5px;
      position: absolute;
      top: -30px;
      left: 50%;
      transform: translate(-50%, -50%);
      background: #333;
      border-radius: 10px;
   }

   /* The circle on the bottom of the device */
   .smartphone[b-2zrxl3tzfl]:after {
      content: '';
      display: block;
      width: 35px;
      height: 35px;
      position: absolute;
      left: 50%;
      bottom: -65px;
      transform: translate(-50%, -50%);
      background: #333;
      border-radius: 50%;
   }

   /* The screen (or content) of the device */
   .smartphone .content[b-2zrxl3tzfl] {
      width: 360px;
      height: 640px;
      background: white;
      overflow: hidden;
   }
/* webApp/Controls/MjmlImageControl.razor.rz.scp.css */

.section-editor[b-bztvfscs7c] {
   display: grid;
   grid-template-columns: [tools-col] 10rem [editor-col] 1fr;
   grid-template-rows: [toolbar-row] auto [content-row] 1fr;
   min-height: 50rem;
   min-width: 50rem;
   background-color: var(--bg-light-0);
   width: calc(100vw - 23rem);
}


.editor-tool-bar[b-bztvfscs7c] {
   grid-row-start: toolbar-row;
   grid-column: tools-col / span 2;
}

.mail-tools[b-bztvfscs7c] {
   grid-row-start: content-row;
   grid-column-start: tools-col;
   background-color: var(--accent-1);
   color: var(--text-light-color-1);
}

   .mail-tools ul[b-bztvfscs7c] {
      display: flex;
      flex-direction: column;
      list-style: none;
      margin: 0;
      padding: .75rem 0;
   }

      .mail-tools ul li[b-bztvfscs7c] {
         margin: .35rem;
         padding: 0;
         cursor: pointer;
         display: flex;
         flex-direction: row;
         align-items: center;
      }

         .mail-tools ul li i[b-bztvfscs7c] {
            text-align: center;
            width: 1.85rem;
            font-size: 1.15rem;
         }

         .mail-tools ul li span[b-bztvfscs7c] {
            flex-grow: 1;
            margin: auto .15rem;
         }


.mail-designer[b-bztvfscs7c] {
   display: flex;
   flex-direction: column;
   padding: .35rem;
   align-items: center;
   height: 50rem;
   overflow-y: scroll;
   grid-row-start: content-row;
   grid-column-start: editor-col;
}

.mail-item[b-bztvfscs7c] {
   width: 30rem;
   border: 1px solid var(--main-dark-color);
   margin: .35rem;
}

.mail-header[b-bztvfscs7c] {
   background-color: var(--main-dark-color);
   color: var(--text-light-color-1);
   padding: .35rem;
   font-weight: bold;
   font-size: .8rem;
   display: flex;
   flex-direction: row;
}

.mail-header-title[b-bztvfscs7c] {
   flex-grow: 1;
   align-self: center;
}

.mail-item-actions[b-bztvfscs7c] {
   display: flex;
   flex-direction: row;
}

.mail-item-body[b-bztvfscs7c] {
   margin: .75rem;
}

.section-options[b-bztvfscs7c] {
   display: flex;
   flex-direction: row;
   padding: .15rem .35rem;
   margin: .35rem auto;
   background-color: var(--bg-dark-3);
   color: var(--text-light-color-1);
   align-items: center;
   width: 27.8rem;
   border-radius: var(--corner-radius);
}

   .section-options h5[b-bztvfscs7c] {
      flex-grow: 1;
      margin: .1rem 0 0 .35rem;
      font-size: .9rem;
   }

.mail-image[b-bztvfscs7c] {
   display: flex;
   margin: .5rem auto;
   border: 1px solid transparent;
   box-shadow: 3px 3px 5px var(--add-50-black);
   cursor: pointer;
   max-width: 22rem;
}

   .mail-image:hover[b-bztvfscs7c] {
      border-color: var(--accent-2) !important;
   }

   .mail-image:active[b-bztvfscs7c] {
      box-shadow: 3px 3px 5px transparent;
   }
/* webApp/Controls/MjmlPropsEditor.razor.rz.scp.css */

.section-editor[b-089e5zbq8b] {
   display: grid;
   grid-template-columns: [tools-col] 10rem [editor-col] 1fr;
   grid-template-rows: [toolbar-row] auto [content-row] 1fr;
   min-height: 50rem;
   min-width: 50rem;
   background-color: var(--bg-light-0);
   width: calc(100vw - 23rem);
}


.editor-tool-bar[b-089e5zbq8b] {
   grid-row-start: toolbar-row;
   grid-column: tools-col / span 2;
}

.mail-tools[b-089e5zbq8b] {
   grid-row-start: content-row;
   grid-column-start: tools-col;
   background-color: var(--accent-1);
   color: var(--text-light-color-1);
}

   .mail-tools ul[b-089e5zbq8b] {
      display: flex;
      flex-direction: column;
      list-style: none;
      margin: 0;
      padding: .75rem 0;
   }

      .mail-tools ul li[b-089e5zbq8b] {
         margin: .35rem;
         padding: 0;
         cursor: pointer;
         display: flex;
         flex-direction: row;
         align-items: center;
      }

         .mail-tools ul li i[b-089e5zbq8b] {
            text-align: center;
            width: 1.85rem;
            font-size: 1.15rem;
         }

         .mail-tools ul li span[b-089e5zbq8b] {
            flex-grow: 1;
            margin: auto .15rem;
         }


.mail-designer[b-089e5zbq8b] {
   display: flex;
   flex-direction: column;
   padding: .35rem;
   align-items: center;
   height: 50rem;
   overflow-y: scroll;
   grid-row-start: content-row;
   grid-column-start: editor-col;
}

.mail-item[b-089e5zbq8b] {
   width: 30rem;
   border: 1px solid var(--main-dark-color);
   margin: .35rem;
}

.mail-header[b-089e5zbq8b] {
   background-color: var(--main-dark-color);
   color: var(--text-light-color-1);
   padding: .35rem;
   font-weight: bold;
   font-size: .8rem;
   display: flex;
   flex-direction: row;
}

.mail-header-title[b-089e5zbq8b] {
   flex-grow: 1;
   align-self: center;
}

.mail-item-actions[b-089e5zbq8b] {
   display: flex;
   flex-direction: row;
}

.mail-item-body[b-089e5zbq8b] {
   margin: .75rem;
}

.section-options[b-089e5zbq8b] {
   display: flex;
   flex-direction: row;
   padding: .15rem .35rem;
   margin: .35rem auto;
   background-color: var(--bg-dark-3);
   color: var(--text-light-color-1);
   align-items: center;
   width: 27.8rem;
   border-radius: var(--corner-radius);
}

   .section-options h5[b-089e5zbq8b] {
      flex-grow: 1;
      margin: .1rem 0 0 .35rem;
      font-size: .9rem;
   }

.mail-image[b-089e5zbq8b] {
   display: flex;
   margin: .5rem auto;
   border: 1px solid transparent;
   box-shadow: 3px 3px 5px var(--add-50-black);
   cursor: pointer;
   max-width: 22rem;
}

   .mail-image:hover[b-089e5zbq8b] {
      border-color: var(--accent-2) !important;
   }

   .mail-image:active[b-089e5zbq8b] {
      box-shadow: 3px 3px 5px transparent;
   }
/* webApp/Controls/MjmlSectionControl.razor.rz.scp.css */

.email-col-editor[b-nkd4yy45j9] {
   display: grid;
   grid-template-columns: [tools-col] 10rem [editor-col] 1fr;
   grid-template-rows: [toolbar-row] auto [content-row] 1fr;
   min-height: 50rem;
   min-width: 50rem;
   background-color: var(--bg-light-0);
   width: calc(100vw - 23rem);
}

.email-section-editor[b-nkd4yy45j9] {
   height: 50rem;
   min-width: 50rem;
   background-color: var(--bg-light-0);
   width: calc(100vw - 25rem);
   display: flex;
   flex-direction: column;
   padding: 1rem;
   overflow-y: scroll;
}

.editor-tool-bar[b-nkd4yy45j9] {
   grid-row-start: toolbar-row;
   grid-column: tools-col / span 2;
}

.mail-tools[b-nkd4yy45j9] {
   grid-row-start: content-row;
   grid-column-start: tools-col;
   background-color: var(--accent-1);
   color: var(--text-light-color-1);
}

   .mail-tools ul[b-nkd4yy45j9] {
      display: flex;
      flex-direction: column;
      list-style: none;
      margin: 0;
      padding: .75rem 0;
   }

      .mail-tools ul li[b-nkd4yy45j9] {
         margin: .35rem;
         padding: 0;
         cursor: pointer;
         display: flex;
         flex-direction: row;
         align-items: center;
      }

         .mail-tools ul li i[b-nkd4yy45j9] {
            text-align: center;
            width: 1.85rem;
            font-size: 1.15rem;
         }

         .mail-tools ul li span[b-nkd4yy45j9] {
            flex-grow: 1;
            margin: auto .15rem;
         }


.mail-designer[b-nkd4yy45j9] {
   display: flex;
   flex-direction: column;
   padding: .35rem;
   align-items: center;
   height: 50rem;
   overflow-y: scroll;
   grid-row-start: content-row;
   grid-column-start: editor-col;
}

.mail-item[b-nkd4yy45j9] {
   width: 30rem;
   border: 1px solid var(--main-dark-color);
   margin: .35rem;
}

.mail-header[b-nkd4yy45j9] {
   background-color: var(--main-dark-color);
   color: var(--text-light-color-1);
   padding: .35rem;
   font-weight: bold;
   font-size: .8rem;
   display: flex;
   flex-direction: row;
}

.mail-header-title[b-nkd4yy45j9] {
   flex-grow: 1;
   align-self: center;
}

.mail-item-actions[b-nkd4yy45j9] {
   display: flex;
   flex-direction: row;
}

.mail-item-body[b-nkd4yy45j9] {
   margin: .75rem;
}

.section-options[b-nkd4yy45j9] {
   display: flex;
   flex-direction: row;
   padding: .15rem .35rem;
   margin: .35rem auto;
   background-color: var(--bg-dark-3);
   color: var(--text-light-color-1);
   align-items: center;
   width: 27.8rem;
   border-radius: var(--corner-radius);
}

   .section-options h5[b-nkd4yy45j9] {
      flex-grow: 1;
      margin: .1rem 0 0 .35rem;
      font-size: .9rem;
   }

.section-background-image[b-nkd4yy45j9], .mail-image[b-nkd4yy45j9] {
   display: flex;
   margin: .5rem auto;
   border: 1px solid transparent;
   box-shadow: 3px 3px 5px var(--add-50-black);
   cursor: pointer;
   max-width: 22rem;
}

   .section-background-image:hover[b-nkd4yy45j9], .mail-image:hover[b-nkd4yy45j9] {
      border-color: var(--accent-2) !important;
   }

   .section-background-image:active[b-nkd4yy45j9], .mail-image:active[b-nkd4yy45j9] {
      box-shadow: 3px 3px 5px transparent;
   }

   .section-background-image[b-nkd4yy45j9] {
      min-height: 50px;
      height: auto;
      width: 100px;
   }
/* webApp/Controls/PageSectionControl.razor.rz.scp.css */
.full-tab[b-jyat4d6ly9] {
   height: calc(100vh - 20rem);
   width: calc(100vw - 22rem);
   border: 1px solid var(--bg-light-2);
   border-top: none;
   background-color: var(--bg-light-0);
}

.tab-form[b-jyat4d6ly9] {
   background-color: var(--bg-light-2);
}

.layout-sample[b-jyat4d6ly9] {
   --sample-width: 16.45rem;
   width: var(--sample-width);
   height: 2rem;
   background-color: var(--bg-light-0);
   display: flex;
   flex-direction: row;
   padding: .25rem;
   border-radius: var(--corner-radius);
}

.layout-col[b-jyat4d6ly9] {
   border: 1px solid var(--accent-2-highlight);
   margin: 0 .125rem;
   height: calc(2rem - 2px);
   border-radius: var(--corner-radius);
   background-color: var(--accent-5);
}

.col-size-1-1[b-jyat4d6ly9] {
   width: calc(var(--sample-width) - .25rem);
}

.col-size-1-2[b-jyat4d6ly9] {
   width: calc(calc(var(--sample-width) / 2) - .25rem);
}

.col-size-1-3[b-jyat4d6ly9] {
   width: calc(calc(var(--sample-width) / 3) - .25rem);
}

.col-size-1-4[b-jyat4d6ly9] {
   width: calc(calc(var(--sample-width) / 4) - .25rem);
}

.col-size-1-5[b-jyat4d6ly9] {
   width: calc(calc(var(--sample-width) / 5) - .25rem);
}

.col-size-2-5[b-jyat4d6ly9] {
   width: calc(calc(var(--sample-width) / 2.5) - .25rem);
}

.col-size-3-5[b-jyat4d6ly9] {
   width: calc(calc(var(--sample-width) / 1.67) - .25rem);
}

.col-size-4-5[b-jyat4d6ly9] {
   width: calc(calc(var(--sample-width) / 1.25) - .25rem);
}

.code-toolbar[b-jyat4d6ly9] {
   width: calc(100vw - 22rem);
   border-bottom: 1px solid var(--accent-2-highlight);
   background-color: var(--bg-dark-2);
}

.editor-tile[b-jyat4d6ly9] {
   height: 7rem;
   width: 7rem;
   border: 1px solid var(--accent-2-highlight);
   border-radius: var(--corner-radius);
   margin: .35rem;
   padding: .35rem;
   display: flex;
   justify-content: center;
   align-items: center;
   box-shadow: 3px 3px 5px var(--add-50-black);
}

   .layout-col:hover[b-jyat4d6ly9], .editor-tile:hover[b-jyat4d6ly9] {
      background-color: var(--accent-4);
      cursor: pointer;
      border-color: var(--accent-1-highlight);
   }

   .editor-tile:active[b-jyat4d6ly9] {
      box-shadow: 3px 3px 5px transparent;
   }

.editor-content[b-jyat4d6ly9] {
   font-size: .9rem;
}
/* webApp/Controls/ScheduleFilter.razor.rz.scp.css */
.checkbox-label-color[b-iqzpjdhwk2] {
   display: grid;
   grid-template-columns: [input-col] auto [label-col] 10rem [color-col] auto;
   margin: .25rem;
}

   .checkbox-label-color label[b-iqzpjdhwk2] {
      margin: .4rem 0 0 .25rem;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
   }

.schedule-color[b-iqzpjdhwk2] {
   height: 1rem;
   width: 1rem;
   border: 1px solid var(--add-10-white);
   border-radius: var(--corner-radius);
   margin: .25rem .5rem 0 .25rem;
   cursor: pointer;
}
/* webApp/Controls/SecureMailControl.razor.rz.scp.css */
.sm-toolbar[b-6nmmr68tn0] {
   background-color: var(--bg-dark-3);
   border-radius: var(--corner-radius);
   padding: .35rem 0 0 0;
   width: var(--sm-width);
   margin: 0;
}

.sm-message-wrap[b-6nmmr68tn0] {
   background-color: var(--bg-light-2);
   border-radius: var(--corner-radius);
   padding: .5rem;
   margin: .5rem 0;
}

.sm-message-view[b-6nmmr68tn0] {
   display: flex;
   flex-direction: column;
   width: var(--sm-width);
   margin: .35rem 0;
}

.sm-message-view-item[b-6nmmr68tn0] {
   margin: .15rem 0;
}

.sm-message-header[b-6nmmr68tn0] {
   display: flex;
   flex-direction: row;
   background-color: var(--bg-dark-3);
   color: var(--text-light-color-1);
   font-size: .9rem;
   border-radius: var(--corner-radius) var(--corner-radius) 0 0;
   padding: .25rem .5rem;
}

.sm-message-header i[b-6nmmr68tn0] {
   font-size: 1.25rem;
   margin: .25rem;
   align-self: center;
   justify-self: center;
}

   .sm-message-header .sm-header-user[b-6nmmr68tn0],
   .sm-message-header .sm-header-date[b-6nmmr68tn0] {
      width: 100%;
      align-self: center;
      justify-self: center;
      margin: .25rem .5rem;
   }

   .sm-message-header .sm-header-date[b-6nmmr68tn0] {
      text-align: end;
   }

.sm-message-view-body[b-6nmmr68tn0] {
   border: 1px solid var(--bg-dark-3);
   background-color: white;
   padding: .75rem;
   border-radius: 0 0 var(--corner-radius) var(--corner-radius);
}

.sm-message-attachments[b-6nmmr68tn0] {
   display: flex;
   flex-direction: column;
   background-color: white;
   border-radius: var(--corner-radius);
}

.sm-message-attachment[b-6nmmr68tn0] {
   display: flex;
   flex-direction: row;
}

.sm-attachment-icon[b-6nmmr68tn0] {
   align-self: center;
   font-size: 1.2rem;
   margin: .35rem;
}

.sm-attachment-name[b-6nmmr68tn0] {
   align-self: center;
   flex-grow: 1;
   margin: .35rem;
}

.sm-attachment-options[b-6nmmr68tn0] {
   align-self: center;
   margin: .35rem;
}

.sm-attachment-size[b-6nmmr68tn0] {
   align-self: center;
   margin: .35rem;
   min-width: 10rem;
}
/* webApp/Controls/TextActionEditorControl.razor.rz.scp.css */
.text-actions[b-h4i01kky8u] {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   margin-bottom: .5rem;
}

   .text-actions .action[b-h4i01kky8u] {
      margin: .5rem;
      padding: .5rem .75rem;
      background-color: var(--bg-light-1);
      color: var(--text-dark-color-1);
      border-radius: .35rem;
      cursor: pointer;
      box-shadow: 3px 3px 5px var(--add-50-black);
      border: 1px solid var(--accent-2);
      display: flex;
      flex-direction: row;
   }

      .text-actions .action .display[b-h4i01kky8u] {
         font-weight: bold;
         text-align: center;
         margin-bottom: .25rem;
         min-width: 7rem;
      }

      .text-actions .action .value[b-h4i01kky8u] {
         text-align: center;
         font-style: italic;
         min-width: 7rem;
      }

      .text-actions .action i[b-h4i01kky8u] {
         margin: 0 0 0 1.25rem;
         font-size: 1.1rem;
      }

      .text-actions .action i:hover[b-h4i01kky8u] {
         color: var(--add-75-black);
      }
/* webApp/Controls/TextEditor.razor.rz.scp.css */
hr[b-57cwn2yjhn] {
   margin: 0 0 .25rem 0;
}

.background[b-57cwn2yjhn] {
   background-color: var(--bg-dark-3);
   padding: .25rem;
   border-radius: var(--corner-radius);
}
/* webApp/Dialogs/AdvancedSearchDialog.razor.rz.scp.css */
.search-options[b-0ny6qnnl4v] {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   height: calc(90vh - 10rem);
   overflow: auto;
   margin-bottom: 1rem;
}

.search-options div[b-0ny6qnnl4v] {
   margin: 1rem;
}
/* webApp/Dialogs/AosSnippetDialog.razor.rz.scp.css */
.snippet-wrapper[b-msa3qbtzxx] {
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-gap: .5rem;
}

.snippet-list-wrapper[b-msa3qbtzxx] {
   background-color: var(--bg-dark-1);
   color: var(--text-light-color-2);
   height: calc(90vh - 8rem);
   overflow: auto;
}

.snippet-list[b-msa3qbtzxx] {
   list-style: none;
   margin: 0;
   padding: 0;
}

.snippet-item[b-msa3qbtzxx] {
   cursor: pointer;
   white-space: nowrap;
   padding: .35rem .5rem;
}

   .snippet-item:hover[b-msa3qbtzxx] {
      background-color: var(--bg-dark-2);
      width: 100%;
   }

.snippet-item-selected[b-msa3qbtzxx] {
   font-weight: bold;
   color: var(--accent-3);
   background-color: var(--bg-dark-3);
}

.snippet-params[b-msa3qbtzxx] {
   display: flex;
   flex-direction: column;
   padding: .35rem;
}

.snippet-item-decl[b-msa3qbtzxx] {
   font-family: 'Cascadia Code', Consolas, 'Courier New', Courier, monospace;
}

.snippet-item-desc[b-msa3qbtzxx] {
   margin-left: .35rem;
   font-style: italic;
   color: var(--chart-color-4);
}

.snippet-item-method[b-msa3qbtzxx] {
   color: var(--chart-color-2);
}

.snippet-item-prop[b-msa3qbtzxx] {
   color: var(--chart-color-1);
}
/* webApp/Dialogs/ContactSearchDialog.razor.rz.scp.css */
.contact-search-fields[b-g286wqo0a2] {
   display: flex;
   flex-direction: column;
}

   .contact-search-fields h4[b-g286wqo0a2] {
      font-size: 1rem;
   }

.contact-search-button[b-g286wqo0a2] {
   width: auto;
   align-self: end;
}

.search-results[b-g286wqo0a2] {
   display: flex;
   flex-direction: column;
   background-color: white;
   border-radius: var(--corner-radius);
   height: 13rem;
   width: 23.75rem;
   margin: .35rem;
   padding: .35rem;
   border-radius: var(--corner-radius);
   overflow-y: scroll;
}

.search-result-item[b-g286wqo0a2] {
   display: flex;
   flex-direction: row;
   padding: .35rem;
   cursor: pointer;
   border-radius: var(--corner-radius);
}

   .search-result-item:hover[b-g286wqo0a2] {
      background-color: var(--bg-light-1);
   }

   .search-result-item-selected[b-g286wqo0a2] {
      background-color: var(--bg-dark-3);
      color: var(--text-light-color-1);
   }

.search-result-item-selected:hover[b-g286wqo0a2] {
   background-color: var(--bg-dark-2);
}

.search-result-name[b-g286wqo0a2] {
   width: 10rem;
   font-weight: bold;
   align-self: center;
}

.search-result-details[b-g286wqo0a2] {
   display: flex;
   flex-direction: column;
   width: 13rem;
}

.search-result-phone[b-g286wqo0a2], .search-result-email[b-g286wqo0a2]{
   margin: .1rem 0;
}
/* webApp/Dialogs/ContentCreatorDialog.razor.rz.scp.css */

.link-options[b-uv741ixj30] {
   height: 30.25rem;
}

.options-panel[b-uv741ixj30] {
   margin-left: 1.5rem;
   border-left: 1px solid var(--accent-2-highlight);
   padding-left: 1.5rem;
}
/* webApp/Dialogs/EditAppointmentDialog.razor.rz.scp.css */
.create-edit[b-5xm98fhyuj] {
   height: 33.85rem;
   background-color: var(--bg-light-0-5);
   padding: .35rem;
   border-bottom: 1px solid var(--bg-light-3);
   margin-bottom: .2rem;
}


.search-results[b-5xm98fhyuj] {

}

.search-results h5[b-5xm98fhyuj] {
   margin: .5rem 0 0 .35rem;
}

   .search-results ul[b-5xm98fhyuj] {
      list-style-type: none;
      display: flex;
      flex-direction: column;
      margin: 0;
      padding: 0;
      height: 19.75rem;
      overflow-y: auto;
      overflow-x: hidden;
      background-color: var(--bg-light-0);
   }

      .search-results ul li[b-5xm98fhyuj] {
         padding: .5rem;
         cursor: pointer;
         background-color: var(--bg-light-2);
         line-height: 1rem;
         display: grid;
         grid-template-columns: 9rem 7rem 7rem 1fr;
      }

         .search-results ul li:nth-child(even)[b-5xm98fhyuj] {
            background-color: var(--bg-light-1);
         }

         .search-results ul li span[b-5xm98fhyuj] {
            align-self: center;
         }

         .search-results ul li .first[b-5xm98fhyuj] {
            font-weight: bold;
         }

         .search-results ul li .last[b-5xm98fhyuj] {
            visibility: collapse;
            display: flex;
            justify-content: end;
            align-self: center;
            font-size: 1.25rem;
            font-weight: bold;
            color: var(--green-color);
         }

         .search-results ul li:hover[b-5xm98fhyuj] {
            background-color: var(--add-10-black);
         }

            .search-results ul li:hover .last[b-5xm98fhyuj] {
               visibility: visible;
            }
/* webApp/Dialogs/GiftOfferDialog.razor.rz.scp.css */
ul[b-37pdwr210b] {
   list-style: none;
   margin: .5rem 0;
   padding: 0;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   overflow-y: auto;
   flex-grow: 1;
   background-color: var(--add-25-white);
   align-items: center;
   justify-content: center;
}

   ul li[b-37pdwr210b] {
      margin: .5rem;
      box-shadow: 3px 3px 5px var(--add-50-black);
      display: flex;
      flex-direction: column;
      border: 2px solid var(--add-75-black);
   }

      ul li img[b-37pdwr210b] {
         height: 120px;
         width: 120px;
      }

      ul li div[b-37pdwr210b] {
         font-size: .7rem;
         text-align: center;
         background-color: var(--bg-dark-1);
         color: var(--text-light-color-1);
         padding: .1rem .25rem;
         text-overflow: ellipsis;
         overflow: hidden;
         white-space: nowrap;
         max-width: calc(120px - .5rem);
      }

      ul li:hover[b-37pdwr210b] {
         box-shadow: 3px 3px 5px var(--add-25-black);
         border: 2px solid var(--accent-alt-light);
         cursor: pointer;
      }

      ul li.selected[b-37pdwr210b] {
         border: 2px solid var(--accent-alt-dark);
      }

      .fill[b-37pdwr210b] {
         flex-grow: 1;
         width: 0px;
         height: 0px;
         overflow: hidden;
         display: inline-block;
      }

label[b-37pdwr210b] {
   margin-left: .35rem;
   font-weight: bold;
   font-size: 1rem;
   font-style: italic;
}

.front[b-37pdwr210b] {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 2;
   margin: 1rem;
   padding: 1rem;
   width: calc(100% - 4rem);
   height: calc(100% - 4rem);
   background-color: var(--add-75-black);
   color: var(--text-light-color-1);
   border-radius: .75rem;
}


a[b-37pdwr210b] {
   color: var(--accent-alt-light);
}

   a:hover[b-37pdwr210b] {
      color: var(--accent-alt-dark);
   }
   
/* webApp/Dialogs/HappyCustomerDialog.razor.rz.scp.css */

h5[b-t3b8hj9496] {
   font-size: 1.1rem;
   font-weight: 300;
}

.dialog-form[b-t3b8hj9496] {
   color: black;
   width: 29.5rem;
   height: 16.5rem;
}

.question[b-t3b8hj9496] {
   background-color: var(--accent-5);
   border-radius: var(--corner-radius);
   font-size: 1rem;
   width: 28.75rem;
   padding: .35rem;
}

.question ul[b-t3b8hj9496] {
   list-style: none;
   margin: .35rem .5rem .5rem .75rem;
   padding: 0;
}

   .question ul li strong[b-t3b8hj9496] {
      width: 1.25rem;
      display: inline-block;
      text-align: center;
   }

   .ranking[b-t3b8hj9496] {
      display: flex;
      flex-direction: row;
      margin: 0 0 1rem 1.25rem;
   }

   .ranking .rank[b-t3b8hj9496] {
      border: 1px solid var(--accent-1);
      border-radius: 100%;
      cursor: pointer;
      box-shadow: 3px 3px 5px var(--add-50-black);
      width: 2rem;
      height: 2rem;
      margin: 0 .25rem;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: .9rem;
      font-weight: bold;
      background-color: white;
      color: var(--text-dark-color-1);
   }

      .ranking .rank:hover[b-t3b8hj9496] {
         background-color: var(--text-light-color-1);
      }

      .ranking .rank:active[b-t3b8hj9496] {
         box-shadow: none;
      }

.select-prompt[b-t3b8hj9496] {
   font-weight: bold;
   font-size: .80rem;
   margin: 1rem 0 .15rem .35rem;
   text-transform: uppercase;
   color: var(--text-dark-color-2);
}

.dialog-wrap[b-t3b8hj9496] {
   height: 11rem;
   margin-bottom: .25rem;
   padding: .5rem;
}

.finished-container .label[b-t3b8hj9496] {
   margin: .25rem 0 .75rem 0;
   font-size: .85rem;
}

   .finished-container ul[b-t3b8hj9496] {
      font-size: .9rem;
      margin: 0 0 1rem 0;
   }
/* webApp/Dialogs/InsertSiteFormDialog.razor.rz.scp.css */

.link-options[b-59ihwb0yio] {
   height: 30.25rem;
}

.options-panel[b-59ihwb0yio] {
   margin-left: 1.5rem;
   border-left: 1px solid var(--accent-2-highlight);
   padding-left: 1.5rem;
}
/* webApp/Dialogs/InsertSiteImageDialog.razor.rz.scp.css */
.images-container[b-cjxezomj87] {
   height: calc(90vh - 16.825rem);
   width: 100%;
   overflow: hidden;
   overflow-y: auto;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   align-content: start;
   background-color: var(--bg-light-0);
}

.image-item[b-cjxezomj87] {
   margin: .5rem;
   height: 12rem;
   width: 10rem;
   background-color: var(--bg-light-0);
   border: 2px solid var(--accent-2);
   border-radius: var(--corner-radius);
   box-shadow: 3px 3px 5px var(--add-50-black);
   cursor: pointer;
   display: grid;
   grid-template-rows: [header] auto [image] 1fr [menu] 2rem;
}

   .image-item:hover[b-cjxezomj87] {
      border-color: var(--accent-2-highlight);
      --grid-color-1: var(--bg-light-3);
      --grid-color-2: var(--bg-light-2);
   }

   .image-item:active[b-cjxezomj87] {
      box-shadow: none;
   }

.image-menu[b-cjxezomj87] {
   visibility: hidden;
   display: none;
}

.image-item:hover .image-menu[b-cjxezomj87] {
   visibility: visible;
   display: grid;
   grid-template-columns: 1rem [edit] auto 1fr [copy] auto 1fr [delete] auto 1rem;
   height: 2rem;
   background-color: var(--add-50-black);
   border-radius: 0 0 .25rem .25rem;
}

.image-selected[b-cjxezomj87] {
   border-color: var(--accent-alt-dark);
   --grid-color-1: var(--text-disabled-color);
   --grid-color-2: var(--bg-light-3);
   box-shadow: none;
}

   .image-selected:hover[b-cjxezomj87] {
      border-color: var(--accent-alt-light);
      --grid-color-1: var(--text-disabled-color);
      --grid-color-2: #8b8b8b;
   }

.image-title[b-cjxezomj87] {
   background-color: var(--bg-dark-2);
   color: var(--text-light-color-1);
   padding: .25rem;
   text-align: center;
   font-weight: bold;
   border-radius: .25rem .25rem 0 0;
   text-overflow: ellipsis;
   width: 9.5rem;
   height: 1rem;
   white-space: nowrap;
   overflow: hidden;
   justify-items: center;
   grid-row-start: header;
}

.image-item:hover .image-title[b-cjxezomj87] {
   background-color: var(--bg-dark-1);
}

.image-thumb[b-cjxezomj87] {
   max-width: 9rem;
   max-height: 8rem;
   margin: auto;
   grid-row-start: image;
}

.scale-options[b-cjxezomj87] {
   height: 10rem;
   padding: .5rem 1rem 0 1rem;
   border-top: 1px solid var(--accent-2-highlight);
   background-color: var(--bg-light-0);
}

.scale-options-panel[b-cjxezomj87] {
   margin-left: 1.5rem;
   border-left: 1px solid var(--accent-2-highlight);
   padding-left: 1.5rem;
   margin-right: 1.5rem;
   border-right: 1px solid var(--accent-2-highlight);
   padding-right: 1.5rem;
}

.scale-options h4[b-cjxezomj87] {
   font-size: 1.2rem;
}
/* webApp/Dialogs/InsertSiteLinkDialog.razor.rz.scp.css */

.link-options[b-yg2d6usoqx] {
   height: 30.25rem;
}

.options-panel[b-yg2d6usoqx] {
   margin-left: 1.5rem;
   border-left: 1px solid var(--accent-2-highlight);
   padding-left: 1.5rem;
}
/* webApp/Dialogs/ManageAosCategoriesDialog.razor.rz.scp.css */
.cat-list[b-xar6r3upbk] {

}

.cat-item[b-xar6r3upbk] {

}
/* webApp/Dialogs/QuickMessageDialog.razor.rz.scp.css */
.messages-list[b-fig3al9zvb] {
   overflow-y: auto;
   overflow-x: hidden;
}

ul[b-fig3al9zvb] {
   list-style: none;
   margin: 0;
   padding: 0;
   display: flex;
   flex-direction: column;
   background-color: var(--bg-dark-2);
   width: 100%;
   height: 100%;
   overflow-x: hidden;
   color: var(--text-light-color-1);
}

   ul li[b-fig3al9zvb] {
      padding: .5rem;
      margin: .5rem 0;
      width: 100%;
      display: flex;
      flex-direction: row;
      cursor: pointer;
      justify-content: center;
   }

   ul li i[b-fig3al9zvb] {
      width: 2rem;
      font-size: 1.25rem;
      margin: .25rem;
   }

   ul li .message[b-fig3al9zvb] {
      width: 100%;
      margin-left: .35rem;
      align-self: center;
   }

      ul li.selected[b-fig3al9zvb] {
         background-color: var(--bg-dark-3);
      }

      ul li:hover[b-fig3al9zvb] {
         background-color: var(--add-25-white);
      }

.messages-grid[b-fig3al9zvb] {
   display: grid;
   grid-template-columns: 20rem 1fr;
   width: calc(90vw - 2rem);
   height: calc(90vh - 7.25rem);
}

.message-editor[b-fig3al9zvb] {
   background-color: var(--bg-light-0-5);
   border: 1px solid var(--bg-dark-2);
   border-radius: 0 .35rem .35rem 0;
   padding: 1rem;
   overflow: auto;
}

h4[b-fig3al9zvb] {
   min-height: 2rem;
}

.quick-message-image[b-fig3al9zvb] {
   width: 180px;
   height: 180px;
   background-color: white;
   border: 4px solid #333333;
   border-radius: 5px;
   box-shadow: .35rem .35rem .35rem 0 #888888;
   margin: 1rem;
   cursor: pointer;
   display: flex; 
}

   .quick-message-image:hover[b-fig3al9zvb] {
      border: 4px solid #666666;
   }

   .quick-message-image:active[b-fig3al9zvb] {
      box-shadow: .35rem .35rem .35rem 0 transparent;
   }

   .quick-message-image img[b-fig3al9zvb] {
      max-width: 170px;
      max-height: 170px;
      margin: auto;
   }

.clear-button[b-fig3al9zvb] {
   margin: 0 0 .35rem 12.9rem;
}
/* webApp/Dialogs/RuleForecastDialog.razor.rz.scp.css */
.forecast-dialog[b-89n7o949f1] {
   display: grid;
   grid-template-rows: auto 1fr;
   height: 100%;
}

.forecast-titlebar[b-89n7o949f1] {
   display: flex;
   align-items: center;
   gap: 0.75rem;
   width: 100%;
   min-width: 0;
}

/* WindowActions only renders registered WindowAction components, not arbitrary markup, so the
   status badge has to live here instead -- re-assert flex on the real Kendo element so the
   push-right spacer reliably lands the badge at the boundary with the actions strip. */
.forecast-window[b-89n7o949f1]  .k-window-title {
   display: flex;
   align-items: center;
   width: 100%;
}

.forecast-status-badge[b-89n7o949f1] {
   font-size: 0.65rem;
   font-weight: bold;
   text-transform: uppercase;
   letter-spacing: 0.03em;
   padding: 0.2rem 0.65rem;
   border-radius: 1rem;
   white-space: nowrap;
   margin-right: 0.5rem;
}

.forecast-status-active[b-89n7o949f1] {
   background: var(--success-color, #2e7d32);
   color: white;
}

.forecast-status-inactive[b-89n7o949f1] {
   background: rgba(255, 255, 255, 0.18);
   color: var(--text-light-color-1);
}

.forecast-header[b-89n7o949f1] {
   /* no background-color override here: --bg-light-0-5 has no dark-mode counterpart in this app,
      so text/icons (themed for the window's real background) turned unreadable in dark mode.
      A border alone separates this section without fighting the active theme. */
   padding: 1rem;
   border-bottom: 1px solid rgba(128, 128, 128, 0.3);
}

.forecast-header-grid[b-89n7o949f1] {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: 1.5rem;
}

.forecast-summary[b-89n7o949f1] {
   flex: 1;
   min-width: 0;
}

.forecast-summary-eyebrow[b-89n7o949f1] {
   font-size: 0.75rem;
   text-transform: uppercase;
   letter-spacing: 0.04em;
   opacity: 0.65;
   font-weight: 600;
}

.forecast-summary-text[b-89n7o949f1] {
   font-size: 0.9rem;
   margin-top: 0.15rem;
   max-width: 42rem;
}

.forecast-date-picker[b-89n7o949f1] {
   flex-shrink: 0;
   text-align: right;
}

.forecast-date-field[b-89n7o949f1] {
   display: inline-flex;
   flex-direction: column;
   gap: 0.15rem;
   background: rgba(128, 128, 128, 0.08);
   border-radius: 0.5rem;
   padding: 0.4rem 0.6rem;
}

.forecast-date-field label[b-89n7o949f1] {
   font-size: 0.68rem;
   text-transform: uppercase;
   letter-spacing: 0.03em;
   opacity: 0.6;
   margin: 0;
   font-weight: 600;
}

.forecast-date-field[b-89n7o949f1]  .k-input-inner {
   font-weight: bold;
}

.forecast-hint[b-89n7o949f1] {
   font-size: 13px;
   opacity: 0.8;
   margin: 0.4rem 0 0;
}

.forecast-filters-label[b-89n7o949f1] {
   font-size: 0.7rem;
   text-transform: uppercase;
   letter-spacing: 0.03em;
   opacity: 0.6;
   font-weight: 600;
   margin-top: 0.75rem;
}

.forecast-filters[b-89n7o949f1] {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 0.4rem;
   margin-top: 0.3rem;
}

.forecast-filter-chip[b-89n7o949f1] {
   font-size: 13px;
   padding: 0.2rem 0.6rem;
   border-radius: 1rem;
   border: 1px solid rgba(128, 128, 128, 0.4);
}

.forecast-filter-and[b-89n7o949f1] {
   font-size: 12px;
   opacity: 0.7;
   font-style: italic;
}

.forecast-message[b-89n7o949f1] {
   font-size: 1rem;
   padding: 1rem;
}

.forecast-body[b-89n7o949f1] {
   overflow-y: auto;
   padding: 1rem;
   display: flex;
   flex-direction: column;
   gap: 1rem;
   min-height: 0;
}

.forecast-breakdowns[b-89n7o949f1] {
   align-items: stretch;
   gap: 1rem;
}

.forecast-breakdown-card[b-89n7o949f1] {
   flex: 1;
   min-width: 0;
   border-color: rgba(128, 128, 128, 0.3);
   border-top-width: 3px;
   background: rgba(128, 128, 128, 0.08);
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.forecast-breakdown-card-location[b-89n7o949f1] {
   border-top-color: var(--accent-1);
}

.forecast-breakdown-card-type[b-89n7o949f1] {
   border-top-color: var(--accent-2-highlight);
}

.forecast-breakdown-card-provider[b-89n7o949f1] {
   border-top-color: var(--accent-alt-dark);
}

.forecast-breakdown-card-extra[b-89n7o949f1] {
   border-top-color: rgba(128, 128, 128, 0.6);
}

.forecast-breakdown-header[b-89n7o949f1] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 0.5rem;
}

.forecast-breakdown-header-count[b-89n7o949f1] {
   font-size: 0.75rem;
   font-weight: normal;
   opacity: 0.65;
   background: rgba(128, 128, 128, 0.15);
   border-radius: 1rem;
   padding: 0.05rem 0.55rem;
}

.forecast-donut-row[b-89n7o949f1] {
   display: flex;
   align-items: center;
   gap: 1rem;
   margin-top: 0.5rem;
}

.forecast-donut[b-89n7o949f1] {
   width: 5.5rem;
   height: 5.5rem;
   border-radius: 50%;
   flex-shrink: 0;
   position: relative;
}

.forecast-donut-hole[b-89n7o949f1] {
   position: absolute;
   inset: 0.85rem;
   border-radius: 50%;
   /* matches the card's own tinted background (rgba over --bg-light-1) rather than a flat
      --bg-light-1, so the punch-out doesn't look like a mismatched patch against the card. */
   background: var(--bg-light-1);
   box-shadow: inset 0 0 0 999px rgba(128, 128, 128, 0.08);
   display: flex;
   align-items: center;
   justify-content: center;
}

.forecast-donut-total[b-89n7o949f1] {
   font-size: 1.1rem;
   font-weight: bold;
}

.forecast-donut-legend[b-89n7o949f1] {
   flex: 1;
   min-width: 0;
   display: flex;
   flex-direction: column;
   gap: 0.35rem;
}

.forecast-legend-row[b-89n7o949f1] {
   display: flex;
   align-items: center;
   gap: 0.4rem;
   font-size: 0.8rem;
   padding: 0.1rem 0.25rem;
   border-radius: 0.25rem;
}

.forecast-legend-row-clickable[b-89n7o949f1] {
   cursor: pointer;
}

.forecast-legend-row-clickable:hover[b-89n7o949f1] {
   background: rgba(128, 128, 128, 0.15);
}

.forecast-legend-row-active[b-89n7o949f1] {
   background: rgba(128, 128, 128, 0.2);
   font-weight: 600;
}

.forecast-legend-swatch[b-89n7o949f1] {
   width: 0.6rem;
   height: 0.6rem;
   border-radius: 50%;
   flex-shrink: 0;
}

.forecast-legend-key[b-89n7o949f1] {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   flex: 1;
}

.forecast-legend-value[b-89n7o949f1] {
   font-weight: 600;
   flex-shrink: 0;
}

.forecast-legend-percent[b-89n7o949f1] {
   font-weight: normal;
   opacity: 0.65;
   font-size: 0.7rem;
}

.forecast-scope-note[b-89n7o949f1] {
   font-size: 13px;
   padding: 0.6rem 0.85rem;
   border-radius: 0.4rem;
   background: rgba(128, 128, 128, 0.1);
   border-left: 3px solid var(--accent-2-highlight);
}

.forecast-sample-header-row[b-89n7o949f1] {
   display: flex;
   align-items: center;
   gap: 0.6rem;
}

.forecast-sample-header[b-89n7o949f1] {
   margin: 0;
   line-height: 1;
}

/* ToolButton's own root carries a small negative top margin meant for toolbar rows; it reads as
   slightly out of line next to a plain heading here, so neutralize it in this one spot. */
.forecast-sample-header-row[b-89n7o949f1]  .tb-button {
   margin: 0;
}

.forecast-drilldown-chip[b-89n7o949f1] {
   display: inline-flex;
   align-items: center;
   gap: 0.4rem;
   font-size: 13px;
   padding: 0.2rem 0.3rem 0.2rem 0.6rem;
   border-radius: 1rem;
   background: rgba(128, 128, 128, 0.15);
   border: 1px solid rgba(128, 128, 128, 0.4);
}

.forecast-drilldown-clear[b-89n7o949f1] {
   border: none;
   background: transparent;
   cursor: pointer;
   font-size: 0.7rem;
   line-height: 1;
   padding: 0.2rem 0.35rem;
   border-radius: 50%;
   color: inherit;
}

.forecast-drilldown-clear:hover[b-89n7o949f1] {
   background: rgba(128, 128, 128, 0.25);
}

.forecast-column-picker-anchor[b-89n7o949f1] {
   position: relative;
}

.forecast-column-picker[b-89n7o949f1] {
   position: absolute;
   top: calc(100% + 0.4rem);
   right: 0;
   z-index: 10;
   width: 20rem;
   max-height: 24rem;
   overflow-y: auto;
   padding: 0.75rem;
   border-radius: 0.5rem;
   background: var(--bg-light-1);
   border: 1px solid rgba(128, 128, 128, 0.4);
   box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
}

.forecast-column-picker-group + .forecast-column-picker-group[b-89n7o949f1] {
   margin-top: 0.6rem;
}

.forecast-column-picker-group-title[b-89n7o949f1] {
   font-size: 0.7rem;
   text-transform: uppercase;
   letter-spacing: 0.03em;
   opacity: 0.6;
   font-weight: 600;
   margin-bottom: 0.25rem;
}

.forecast-column-picker-item[b-89n7o949f1] {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   padding: 0.15rem 0;
   font-size: 0.85rem;
   cursor: pointer;
}

.forecast-grid[b-89n7o949f1] {
   flex: 1;
   min-height: 20rem;
}

/* Keep every row a single line -- long values (e.g. "Secondary Phone Number (TextCard)",
   "On Do Not Contact list") would otherwise wrap and make rows inconsistent heights. */
.forecast-grid[b-89n7o949f1]  .k-grid td {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}
/* webApp/Dialogs/SelectSiteImageDialog.razor.rz.scp.css */
.images-container[b-q4zowxyvmc] {
   height: calc(90vh - 6.125rem);
   width: 100%;
   overflow: hidden;
   overflow-y: auto;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   align-content: start;
   background-color: var(--bg-light-0);
}

.image-item[b-q4zowxyvmc] {
   margin: .5rem;
   height: 12rem;
   width: 10rem;
   background-color: var(--bg-light-0);
   border: 2px solid var(--accent-2);
   border-radius: var(--corner-radius);
   box-shadow: 3px 3px 5px var(--add-50-black);
   cursor: pointer;
   display: flex;
   flex-direction: column;
}

   .image-item:hover[b-q4zowxyvmc] {
      border-color: var(--accent-2-highlight);
      --grid-color-1: var(--bg-light-3);
      --grid-color-2: var(--bg-light-2);
   }

   .image-item:active[b-q4zowxyvmc] {
      box-shadow: none;
   }


.images-toolbar[b-q4zowxyvmc] {
   height: 3.125rem;
}

.image-title[b-q4zowxyvmc] {
   background-color: var(--bg-dark-2);
   color: var(--text-light-color-1);
   padding: .25rem;
   text-align: center;
   font-weight: bold;
   border-radius: .25rem .25rem 0 0;
   text-overflow: ellipsis;
   width: 9.5rem;
   height: 1rem;
   white-space: nowrap;
   overflow: hidden;
   justify-items: center;
}

.image-item:hover .image-title[b-q4zowxyvmc] {
   background-color: var(--bg-dark-1);
}

.image-thumb[b-q4zowxyvmc] {
   align-self: center;
   max-width: 9rem;
   max-height: 9rem;
   margin: auto;
}
/* webApp/Dialogs/SiteImageDialog.razor.rz.scp.css */

.image-container[b-olwq60olmg] {
   height: 200px;
   width: 200px;
   padding: .25rem;
   margin: .25rem;
   display: flex;
   border: 2px solid var(--accent-2);
   border-radius: var(--corner-radius);
   cursor: pointer;
}

.image-preview[b-olwq60olmg] {
   max-width: 200px;
   max-height: 200px;
   margin: auto;
}

.file-upload-pane[b-olwq60olmg] {
   width: calc(40rem - 268px);
}
/* webApp/Dialogs/SiteResourceDialog.razor.rz.scp.css */

.image-container[b-iplehalsgo] {
   height: 200px;
   width: 200px;
   padding: .25rem;
   margin: .25rem;
   display: flex;
   border: 2px solid var(--accent-2);
   border-radius: var(--corner-radius);
   cursor: pointer;
}

.image-preview[b-iplehalsgo] {
   max-width: 200px;
   max-height: 200px;
   margin: auto;
}

.file-upload-pane[b-iplehalsgo] {
   width: calc(40rem - 268px);
}
/* webApp/Dialogs/SurveyResultsDialog.razor.rz.scp.css */
.survey-results-dialog[b-25ju6rrjdn] {
   display: flex;
   flex-direction: column;
   gap: 1rem;
   padding: 0.5rem 0.25rem;
   height: 100%;
}

/* ── Timeframe bar ── */
.results-timeframe[b-25ju6rrjdn] {
   display: flex;
   flex-direction: row;
   gap: 0.4rem;
   flex-wrap: wrap;
}

.tf-btn[b-25ju6rrjdn] {
   padding: 0.3rem 0.85rem;
   border: 1px solid #ccc;
   border-radius: 4px;
   background: #f5f5f5;
   cursor: pointer;
   font-size: 0.85rem;
   color: #333;
   transition: background 0.15s, border-color 0.15s;
}

.tf-btn:hover[b-25ju6rrjdn] {
   background: #e0ecf8;
   border-color: #204288;
}

.tf-btn-active[b-25ju6rrjdn] {
   background: #204288;
   border-color: #204288;
   color: #fff;
}

/* ── Custom date range ── */
.results-custom-range[b-25ju6rrjdn] {
   display: flex;
   flex-direction: row;
   align-items: flex-end;
   gap: 0.75rem;
   flex-wrap: wrap;
}

.apply-btn[b-25ju6rrjdn] {
   padding: 0.35rem 1rem;
   background: #204288;
   color: #fff;
   border: none;
   border-radius: 4px;
   cursor: pointer;
   font-size: 0.85rem;
   margin-bottom: 0.1rem;
}

.apply-btn:hover[b-25ju6rrjdn] {
   opacity: 0.85;
}

/* ── Scrollable body ── */
.results-body[b-25ju6rrjdn] {
   flex: 1;
   overflow-y: auto;
   display: flex;
   flex-direction: column;
   gap: 1rem;
}

/* ── Empty state ── */
.results-empty[b-25ju6rrjdn] {
   text-align: center;
   color: #888;
   margin-top: 2rem;
   font-size: 0.95rem;
}

.results-empty-inline[b-25ju6rrjdn] {
   color: #999;
   font-size: 0.85rem;
   font-style: italic;
}

/* ── Question result card ── */
.result-card[b-25ju6rrjdn] {
   border: 1px solid #dde3ec;
   border-radius: 6px;
   overflow: hidden;
   flex-shrink: 0;
}

.result-card-header[b-25ju6rrjdn] {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
   background: #204288;
   color: #fff;
   padding: 0.5rem 0.85rem;
   gap: 1rem;
}

.result-question-text[b-25ju6rrjdn] {
   font-weight: 600;
   font-size: 0.95rem;
   flex: 1;
}

.result-total-badge[b-25ju6rrjdn] {
   font-size: 0.8rem;
   background: rgba(255,255,255,0.18);
   border-radius: 12px;
   padding: 0.15rem 0.6rem;
   white-space: nowrap;
}

.result-card-body[b-25ju6rrjdn] {
   padding: 0.75rem 0.85rem;
   display: flex;
   flex-direction: column;
   gap: 0.45rem;
}

/* ── Option bar chart ── */
.result-option-row[b-25ju6rrjdn] {
   display: grid;
   grid-template-columns: 11rem 1fr 6rem;
   align-items: center;
   gap: 0.6rem;
}

.result-option-label[b-25ju6rrjdn] {
   font-size: 0.875rem;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.result-bar-track[b-25ju6rrjdn] {
   background: #e8ecf3;
   border-radius: 4px;
   height: 1.2rem;
   overflow: hidden;
}

.result-bar-fill[b-25ju6rrjdn] {
   background: #204288;
   height: 100%;
   border-radius: 4px;
   transition: width 0.3s ease;
   min-width: 2px;
}

.result-option-count[b-25ju6rrjdn] {
   font-size: 0.8rem;
   color: #555;
   text-align: right;
   white-space: nowrap;
}

/* ── Slider average ── */
.result-average[b-25ju6rrjdn] {
   font-size: 0.9rem;
   margin-bottom: 0.4rem;
   color: #333;
}

/* ── Rank-order response groups ── */
.rank-response-group[b-25ju6rrjdn] {
   display: flex;
   flex-direction: column;
   gap: 0.3rem;
}

.rank-response-label[b-25ju6rrjdn] {
   font-size: 0.78rem;
   font-weight: 600;
   color: #204288;
   text-transform: uppercase;
   letter-spacing: 0.04em;
}

.rank-position[b-25ju6rrjdn] {
   font-size: 0.8rem;
   color: #888;
   min-width: 1.4rem;
   display: inline-block;
}

/* ── Other responses separator ── */
.result-other-section[b-25ju6rrjdn] {
   display: flex;
   flex-direction: column;
   gap: 0.45rem;
   border-top: 1px dashed #dde3ec;
   padding-top: 0.45rem;
   margin-top: 0.1rem;
}

/* ── Text response list ── */
.result-text-list[b-25ju6rrjdn] {
   display: flex;
   flex-direction: column;
   gap: 0.3rem;
   max-height: 14rem;
   overflow-y: auto;
}

.result-text-item[b-25ju6rrjdn] {
   font-size: 0.875rem;
   padding: 0.3rem 0.6rem;
   background: #f5f7fb;
   border-left: 3px solid #204288;
   border-radius: 0 4px 4px 0;
   color: #222;
}
/* webApp/Dialogs/SurveyVariableLinkDialog.razor.rz.scp.css */
.vl-dialog[b-j0ij2wuzn5] {
   display: flex;
   flex-direction: column;
   gap: 1rem;
   padding: 0.25rem 0;
}

/* Info banner */
.vl-info[b-j0ij2wuzn5] {
   font-size: 0.875rem;
   color: #555;
   background: #f0f4fa;
   border-left: 3px solid #204288;
   border-radius: 0 4px 4px 0;
   padding: 0.6rem 0.85rem;
   margin: 0;
}

.vl-error[b-j0ij2wuzn5] {
   color: #a00;
   font-size: 0.875rem;
}

/* Base URL display */
.vl-base-url[b-j0ij2wuzn5] {
   display: flex;
   flex-direction: column;
   gap: 0.2rem;
}

.vl-label[b-j0ij2wuzn5] {
   font-size: 0.75rem;
   font-weight: 600;
   color: #888;
   text-transform: uppercase;
   letter-spacing: 0.04em;
}

.vl-url-text[b-j0ij2wuzn5] {
   font-size: 0.8rem;
   color: #444;
   font-family: monospace;
   word-break: break-all;
}

/* Row table */
.vl-rows[b-j0ij2wuzn5] {
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
}

.vl-row-header[b-j0ij2wuzn5] {
   display: grid;
   grid-template-columns: 12rem 1fr 7rem;
   gap: 0.75rem;
   font-size: 0.75rem;
   font-weight: 600;
   color: #888;
   text-transform: uppercase;
   letter-spacing: 0.04em;
   padding: 0 0.25rem;
}

.vl-row[b-j0ij2wuzn5] {
   display: grid;
   grid-template-columns: 12rem 1fr 7rem;
   gap: 0.75rem;
   align-items: center;
}

.vl-ref-input[b-j0ij2wuzn5] {
   padding: 0.35rem 0.6rem;
   border: 1px solid #ccc;
   border-radius: 4px;
   font-size: 0.875rem;
   width: 100%;
   box-sizing: border-box;
}

.vl-ref-input:focus[b-j0ij2wuzn5] {
   outline: none;
   border-color: #204288;
}

.vl-url-preview[b-j0ij2wuzn5] {
   font-size: 0.78rem;
   font-family: monospace;
   color: #204288;
   word-break: break-all;
}

.vl-url-dim[b-j0ij2wuzn5] {
   color: #aaa;
   font-family: inherit;
   font-style: italic;
}

.vl-row-actions[b-j0ij2wuzn5] {
   display: flex;
   flex-direction: row;
   gap: 0.4rem;
   align-items: center;
}

/* Copy button */
.vl-copy-btn[b-j0ij2wuzn5] {
   padding: 0.3rem 0.7rem;
   background: #204288;
   color: #fff;
   border: none;
   border-radius: 4px;
   font-size: 0.78rem;
   cursor: pointer;
   white-space: nowrap;
   transition: background 0.15s;
}

.vl-copy-btn:hover[b-j0ij2wuzn5] {
   opacity: 0.85;
}

.vl-copy-btn.vl-copied[b-j0ij2wuzn5] {
   background: #017201;
}

/* Remove button */
.vl-remove-btn[b-j0ij2wuzn5] {
   background: none;
   border: none;
   color: #999;
   cursor: pointer;
   font-size: 0.85rem;
   padding: 0.2rem 0.3rem;
   line-height: 1;
}

.vl-remove-btn:hover[b-j0ij2wuzn5] {
   color: #a00;
}

/* Add another button */
.vl-add-btn[b-j0ij2wuzn5] {
   align-self: flex-start;
   background: none;
   border: 1px dashed #204288;
   color: #204288;
   border-radius: 4px;
   padding: 0.3rem 0.85rem;
   font-size: 0.85rem;
   cursor: pointer;
}

.vl-add-btn:hover[b-j0ij2wuzn5] {
   background: #f0f4fa;
}
/* webApp/Dialogs/ViewFormResponseDialog.razor.rz.scp.css */
.response-wrapper[b-ir9iul0ikx] {
   height: 32.4rem;
   overflow: auto;
   border: 1px solid var(--bg-light-3);
}

.response-table[b-ir9iul0ikx] {
   width: 38rem;
   font-size: .85rem;
   height: min-content;
}

   .response-table th[b-ir9iul0ikx] {
      background-color: var(--bg-dark-1);
      color: var(--text-light-color-1);
      padding: .35rem .25rem;
      font-size: .95rem;
   }

   .response-table th:first-child[b-ir9iul0ikx] {
      width: 35%;
   }

   .response-table tr:nth-child(odd)[b-ir9iul0ikx] {
      background-color: var(--bg-light-2);
   }

      .response-table tr td[b-ir9iul0ikx] {
         padding: .35rem .25rem;
      }
/* webApp/Pages/Queue.razor.rz.scp.css */
.queue-stats[b-ecjip6j6qe] {
   list-style: none;
   margin: 0;
   padding: 0;
   display: flex;
   flex-direction: row;
   flex-grow: 1;
   background-color: var(--bg-dark-3);
   justify-content: space-between;
   color: var(--text-light-color-1);
}

.queue-stat[b-ecjip6j6qe] {
   display: flex;
   flex-direction: row;
   cursor: pointer;
}

.queue-stat-title[b-ecjip6j6qe] {
   font-weight: bold;
   background-color: var(--bg-dark-1);
   padding: .5rem 1rem;
}

.queue-stat span[b-ecjip6j6qe] {
   padding: .5rem;
}
/* webApp/Pages/ScheduleView.razor.rz.scp.css */
.two-cols-view[b-cu4avs4q7w] {
   display: grid;
   grid-template-columns: [left-col] auto [right-col] minmax(27.5rem, 1fr);
}

.left-col[b-cu4avs4q7w] {
   background-color: var(--bg-dark-1);
   height: calc(100vh - 3rem);
   overflow-y: auto;
   overflow-x: hidden;
   margin: 0;
   display: flex;
   flex-direction: column;
}

.calender-pane[b-cu4avs4q7w] {
   height: 18.6rem;
   display: flex;
   flex-direction: column;
}

.options-pane[b-cu4avs4q7w] {
   margin: .35rem;
   color: var(--text-light-color-1);
   display: flex;
   flex-direction: column;
}

   .options-pane h5[b-cu4avs4q7w] {
      border-bottom: 1px solid var(--accent-alt-light-50);
      margin: 1rem 0 .5rem 0;
      font-size: 1rem;
      padding-bottom: .1rem;
   }

   .options-pane hr[b-cu4avs4q7w] {
      border-color: var(--accent-alt-light-50);
   }

.appointment-count[b-cu4avs4q7w] {
   color: var(--text-light-color-3);
   align-self: center;
}

.schedule-actions[b-cu4avs4q7w] {
   display: flex;
   flex-direction: column;
}

.schedule-filter[b-cu4avs4q7w] {
   margin: .5rem;
   max-height: 20rem;
   overflow-y: auto;
   background-color: var(--bg-dark-3);
   border-radius: var(--corner-radius);
}

.select-actions[b-cu4avs4q7w] {
   display: grid;
   grid-template-columns: auto 1fr auto;
   margin: .1rem 1rem;
}

   .select-actions span[b-cu4avs4q7w] {
      color: var(--text-light-color-3);
      text-align: center;
   }

.right-col[b-cu4avs4q7w] {
   display: flex;
   flex-direction: column;
   height: calc(100vh - 3rem);
}

.appt-status-legend[b-cu4avs4q7w] {
   display: flex;
   gap: 1.5rem;
   align-items: center;
   padding: .5rem 1rem;
   background-color: #3e3e3e;
   border-top: 1px solid var(--border-color);
   font-size: .8rem;
   color: var(--text-light-color-1);
   flex-shrink: 0;
   height: 2.25rem;
}

   .appt-status-legend span[b-cu4avs4q7w] {
      display: flex;
      align-items: center;
      gap: .4rem;
   }

   .appt-status-legend span[data-state][b-cu4avs4q7w]::before {
      content: '';
      display: inline-block;
      width: .65rem;
      height: .65rem;
      border-radius: 2px;
      flex-shrink: 0;
   }

   .appt-status-legend span[data-state="1"][b-cu4avs4q7w]::before { background-color: #0a7a04; }
   .appt-status-legend span[data-state="2"][b-cu4avs4q7w]::before { background-color: #a30200; }
   .appt-status-legend span[data-state="3"][b-cu4avs4q7w]::before { background-color: #0d4f7a; }
   .appt-status-legend span[data-state="4"][b-cu4avs4q7w]::before { background-color: #c8a800; }
   .appt-status-legend span[data-state="5"][b-cu4avs4q7w]::before { background-color: var(--add-75-gray); }

.appointment-item[b-cu4avs4q7w] {
   display: flex;
   flex-direction: column;
   background-color: transparent;
   color: white;
   text-shadow:
      -1px -1px 0 rgba(0,0,0,0.7),
       1px -1px 0 rgba(0,0,0,0.7),
      -1px  1px 0 rgba(0,0,0,0.7),
       1px  1px 0 rgba(0,0,0,0.7),
       0 0 6px rgba(0,0,0,0.5);
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   padding: .65rem 2rem .4rem .65rem;
   font-size: .82rem;
   border-radius: 0 12px 12px 0;
}

   .appointment-item span[b-cu4avs4q7w], .appointment-tooltip span[b-cu4avs4q7w] {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      min-height: 1rem;
   }

   .appointment-item span strong[b-cu4avs4q7w] {
      font-size: .95rem;
   }

      .appointment-item span i[b-cu4avs4q7w], .appointment-tooltip span i[b-cu4avs4q7w] {
         min-width: 1.25rem;
         margin-right: .25rem;
         text-align: center;
         color: var(--text-light-color-3);
      }

.appointment-item.light-card[b-cu4avs4q7w] {
   color: rgba(0,0,0,0.85);
   text-shadow: none;
   box-shadow: inset 0 0 0 1px rgba(0,0,0,0.5);
}

   .appointment-item.light-card .appt-time[b-cu4avs4q7w],
   .appointment-item.light-card .location-line[b-cu4avs4q7w] {
      color: rgba(0,0,0,0.75);
   }

.appt-time[b-cu4avs4q7w] {
   font-size: .75rem;
   color: white;
   margin-bottom: .2rem;
   min-height: unset !important;
}

.appointment-item.short-appt[b-cu4avs4q7w] {
   padding: .25rem 2rem .25rem .65rem;
}

   .appointment-item.short-appt .provider-line[b-cu4avs4q7w] {
      display: none;
   }

   .appointment-item.short-appt .location-line[b-cu4avs4q7w] {
      padding-left: 0;
   }

   .appointment-item.short-appt .location-line[b-cu4avs4q7w]::before {
      content: '●';
      font-size: 1rem;
      margin-right: .35rem;
      vertical-align: middle;
   }

   .appointment-item.short-appt[data-apptstate="1"] .location-line[b-cu4avs4q7w]::before { color: #0a7a04; }
   .appointment-item.short-appt[data-apptstate="2"] .location-line[b-cu4avs4q7w]::before { color: #a30200; }
   .appointment-item.short-appt[data-apptstate="3"] .location-line[b-cu4avs4q7w]::before { color: #0d4f7a; }
   .appointment-item.short-appt[data-apptstate="4"] .location-line[b-cu4avs4q7w]::before { color: #c8a800; }
   .appointment-item.short-appt[data-apptstate="5"] .location-line[b-cu4avs4q7w]::before { color: var(--add-75-gray); }

   .appointment-item.short-appt span:has(> i.fa-abacus)[b-cu4avs4q7w] {
      display: none;
   }

.appointment-item.very-short-appt[b-cu4avs4q7w] {
   padding: .2rem 2rem .2rem .65rem;
}

   .appointment-item.very-short-appt .appt-time[b-cu4avs4q7w] {
      display: none;
   }

   .appointment-item.very-short-appt .provider-line[b-cu4avs4q7w] {
      font-size: 0;
   }

   .appointment-item.very-short-appt .location-line[b-cu4avs4q7w] {
      display: none;
   }

.provider-line[b-cu4avs4q7w]::before {
   content: '●';
   font-size: 1rem;
   margin-right: .35rem;
   vertical-align: middle;
}

.appointment-item[data-apptstate="1"] .provider-line[b-cu4avs4q7w]::before { color: #0a7a04; }
.appointment-item[data-apptstate="2"] .provider-line[b-cu4avs4q7w]::before { color: #a30200; }
.appointment-item[data-apptstate="3"] .provider-line[b-cu4avs4q7w]::before { color: #0d4f7a; }
.appointment-item[data-apptstate="4"] .provider-line[b-cu4avs4q7w]::before { color: #c8a800; }
.appointment-item[data-apptstate="5"] .provider-line[b-cu4avs4q7w]::before { color: var(--add-75-gray); }

.location-line[b-cu4avs4q7w] {
   padding-left: .9rem;
   color: white;
}

.appointment-tooltip[b-cu4avs4q7w] {
   display: flex;
   flex-direction: column;
   padding: .5rem;
}

   .appointment-tooltip span[b-cu4avs4q7w] {
      margin: .1rem 0;
   }

.appointment-item[data-apptstate="1"][b-cu4avs4q7w] {
   border-left: 5px solid #0a7a04;
}

.appointment-item[data-apptstate="2"][b-cu4avs4q7w] {
   border-left: 5px solid #a30200;
}

.appointment-item[data-apptstate="3"][b-cu4avs4q7w] {
   border-left: 5px solid #0d4f7a;
}

.appointment-item[data-apptstate="4"][b-cu4avs4q7w] {
   border-left: 5px solid #c8a800;
}

.appointment-item[data-apptstate="5"][b-cu4avs4q7w] {
   border-left: 5px solid var(--add-75-gray);
}

/* webApp/Settings/SettingsProviders.razor.rz.scp.css */
.locations-list[b-e9q1viwfbb] {
   height: 20rem;
   overflow-y: scroll;
   background-color: var(--bg-light-1);
   border-radius: var(--corner-radius);
   border: 1px solid var(--add-25-black);
}

   .locations-list ul[b-e9q1viwfbb] {
      margin: 0;
      padding: 0;
      list-style: none;
   }

   .locations-list ul li[b-e9q1viwfbb] {
      margin: .25rem .5rem;
      display: flex;
      flex-direction: row;
      align-items: center;
   }

   .locations-list .location-name[b-e9q1viwfbb] {
      margin: 2px .35rem -2px .35rem;
      width: 12rem;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
   }
/* webApp/Site/SiteAnalytics.razor.rz.scp.css */
.chart-tile-buttons[b-wbdlakdhw0] {
   list-style: none;
   margin: 0;
   padding: 0;
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr;
}

.chart-tile[b-wbdlakdhw0] {
   display: flex;
   flex-direction: column;
   align-items: center;
   background-color: var(--bg-light-0);
   cursor: pointer;
   padding: .5rem 0;
   border-top: 6px solid transparent;
   border-bottom: 6px solid transparent;
}

   .chart-tile span[b-wbdlakdhw0] {
      margin: .1rem 0;
   }

   .chart-tile:hover[b-wbdlakdhw0] {
      background-color: var(--bg-light-2);
      border-top-color: var(--accent-2-highlight);
   }

.chart-tile-title[b-wbdlakdhw0] {
   font-size: .85rem;
}

.chart-tile-value[b-wbdlakdhw0] {
   font-size: 1.5rem;
}

.chart-tile-change[b-wbdlakdhw0] {
   font-size: .75rem;
   font-weight: bold;
}

.chart-tile-selected[b-wbdlakdhw0] {
   font-weight: bold;
   background-color: var(--bg-light-3);
   border-top-color: var(--accent-2);
}
   .chart-tile-selected:hover[b-wbdlakdhw0] {
      border-top-color: var(--accent-2-highlight);
   }

.chart-tile-positive[b-wbdlakdhw0] {
   color: var(--green-color);
}

.chart-tile-negative[b-wbdlakdhw0] {
   color: var(--error-color);
}

.chart-drop-down[b-wbdlakdhw0] {
   display: flex; 
   flex-direction: row;
   min-height: 1rem;
}
/* webApp/Site/SiteArticleDesigner.razor.rz.scp.css */
.smartphone[b-l4k107ljqn] {
   position: relative;
   width: 360px;
   height: 640px;
   margin: auto;
   border: 16px black solid;
   border-top-width: 60px;
   border-bottom-width: 60px;
   border-radius: 36px;
}

   /* The horizontal line on the top of the device */
   .smartphone[b-l4k107ljqn]:before {
      content: '';
      display: block;
      width: 60px;
      height: 5px;
      position: absolute;
      top: -30px;
      left: 50%;
      transform: translate(-50%, -50%);
      background: #333;
      border-radius: 10px;
   }

   /* The circle on the bottom of the device */
   .smartphone[b-l4k107ljqn]:after {
      content: '';
      display: block;
      width: 35px;
      height: 35px;
      position: absolute;
      left: 50%;
      bottom: -65px;
      transform: translate(-50%, -50%);
      background: #333;
      border-radius: 50%;
   }

   /* The screen (or content) of the device */
   .smartphone .content[b-l4k107ljqn] {
      width: 360px;
      height: 640px;
      background: white;
      overflow: hidden;
   }


/* The device with borders */
.tablet[b-l4k107ljqn] {
   position: relative;
   width: 800px;
   height: 1024px;
   margin: auto;
   border: 16px black solid;
   border-top-width: 60px;
   border-bottom-width: 60px;
   border-radius: 36px;
}

   /* The horizontal line on the top of the device */
   .tablet[b-l4k107ljqn]:before {
      content: '';
      display: block;
      width: 60px;
      height: 5px;
      position: absolute;
      top: -30px;
      left: 50%;
      transform: translate(-50%, -50%);
      background: #333;
      border-radius: 10px;
   }

   /* The circle on the bottom of the device */
   .tablet[b-l4k107ljqn]:after {
      content: '';
      display: block;
      width: 35px;
      height: 35px;
      position: absolute;
      left: 50%;
      bottom: -65px;
      transform: translate(-50%, -50%);
      background: #333;
      border-radius: 50%;
   }

   /* The screen (or content) of the device */
   .tablet .content[b-l4k107ljqn] {
      width: 800px;
      height: 1024px;
      background: white;
      margin: -1px;
      overflow: hidden;
   }

.laptop .content[b-l4k107ljqn] {
   width: 1000px;
   height: 800px;
   overflow: hidden;
   border: .5rem solid black;
   border-radius: .5rem;
}

.version-info[b-l4k107ljqn] {
   width: 7.5rem;
   font-weight: bold;
   border-left: 1px solid var(--accent-1);
   border-right: 1px solid var(--accent-1);
   padding: .45rem .35rem;
   text-align: center;
   margin-right: 1rem;
}

.code-toolbar[b-l4k107ljqn] {
   width: 54.9rem;
   border-bottom: 1px solid var(--accent-2-highlight);
   background-color: var(--bg-dark-2);
}


.key-image-wrapper[b-l4k107ljqn] {
   height: 216px;
   width: 216px;
   background-color: var(--add-10-black);
   cursor: pointer;
   display: flex;
   border-radius: var(--corner-radius);
}

   .key-image-wrapper img[b-l4k107ljqn] {
      height: auto;
      width: 200px;
      cursor: pointer;
      margin: auto;
      border-radius: var(--corner-radius);
   }
/* webApp/Site/SiteCss.razor.rz.scp.css */
.images-container[b-vtee08th1t] {
   height: calc(100vh - 6.125rem);
   width: 100%;
   overflow: hidden;
   overflow-y: auto;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   align-content: start;
}

.image-item[b-vtee08th1t] {
   margin: .5rem;
   height: 12rem;
   width: 10rem;
   background-color: var(--bg-light-0);
   border: 2px solid var(--accent-2);
   border-radius: var(--corner-radius);
   box-shadow: 3px 3px 5px var(--add-50-black);
   cursor: pointer;
   display: flex;
   flex-direction: column;
}

   .image-item:hover[b-vtee08th1t] {
      border-color: var(--accent-2-highlight);
      --grid-color-1: var(--bg-light-3);
      --grid-color-2: var(--bg-light-2);
   }

      .image-item:active[b-vtee08th1t] {
         box-shadow: none;
      }

.image-menu[b-vtee08th1t] {
   visibility: hidden;
   display: none;
}

.image-item:hover .image-menu[b-vtee08th1t] {
   visibility: visible;
   display: grid;
   grid-template-columns: 1rem [edit] auto 1fr [copy] auto 1fr [delete] auto 1rem;
   position: absolute;
   width: 10rem;
   margin-top: 9rem;
   padding: .5rem 0;
   height: 2rem;
   z-index: 10;
   background-color: var(--add-50-black);
   border-radius: 0 0 .25rem .25rem;
}

.images-toolbar[b-vtee08th1t] {
   height: 3.125rem;
}

.image-title[b-vtee08th1t] {
   background-color: var(--bg-dark-2);
   color: var(--text-light-color-1);
   padding: .25rem;
   text-align: center;
   font-weight: bold;
   border-radius: .25rem .25rem 0 0;
   text-overflow: ellipsis;
   width: 9.5rem;
   height: 1rem;
   white-space: nowrap;
   overflow: hidden;
   justify-items: center;
}

.image-item:hover .image-title[b-vtee08th1t] {
   background-color: var(--bg-dark-1);
}

   .image-thumb[b-vtee08th1t] {
      align-self: center;
      max-width: 9rem;
      max-height: 9rem;
      margin: auto;
   }
/* webApp/Site/SiteFormDesigner.razor.rz.scp.css */
.smartphone[b-nmueonejgf] {
   position: relative;
   width: 360px;
   height: 640px;
   margin: auto;
   border: 16px black solid;
   border-top-width: 60px;
   border-bottom-width: 60px;
   border-radius: 36px;
}

   /* The horizontal line on the top of the device */
   .smartphone[b-nmueonejgf]:before {
      content: '';
      display: block;
      width: 60px;
      height: 5px;
      position: absolute;
      top: -30px;
      left: 50%;
      transform: translate(-50%, -50%);
      background: #333;
      border-radius: 10px;
   }

   /* The circle on the bottom of the device */
   .smartphone[b-nmueonejgf]:after {
      content: '';
      display: block;
      width: 35px;
      height: 35px;
      position: absolute;
      left: 50%;
      bottom: -65px;
      transform: translate(-50%, -50%);
      background: #333;
      border-radius: 50%;
   }

   /* The screen (or content) of the device */
   .smartphone .content[b-nmueonejgf] {
      width: 360px;
      height: 640px;
      background: white;
      overflow: hidden;
   }


/* The device with borders */
.tablet[b-nmueonejgf] {
   position: relative;
   width: 800px;
   height: 1024px;
   margin: auto;
   border: 16px black solid;
   border-top-width: 60px;
   border-bottom-width: 60px;
   border-radius: 36px;
}

   /* The horizontal line on the top of the device */
   .tablet[b-nmueonejgf]:before {
      content: '';
      display: block;
      width: 60px;
      height: 5px;
      position: absolute;
      top: -30px;
      left: 50%;
      transform: translate(-50%, -50%);
      background: #333;
      border-radius: 10px;
   }

   /* The circle on the bottom of the device */
   .tablet[b-nmueonejgf]:after {
      content: '';
      display: block;
      width: 35px;
      height: 35px;
      position: absolute;
      left: 50%;
      bottom: -65px;
      transform: translate(-50%, -50%);
      background: #333;
      border-radius: 50%;
   }

   /* The screen (or content) of the device */
   .tablet .content[b-nmueonejgf] {
      width: 800px;
      height: 1024px;
      background: white;
      margin: -1px;
      overflow: hidden;
   }

.laptop .content[b-nmueonejgf] {
   width: 800px;
   height: 800px;
   overflow: hidden;
   border: .5rem solid black;
   border-radius: .5rem;
}
/* webApp/Site/SiteFormResponses.razor.rz.scp.css */
.spam-circle[b-nhl0dem286] {
   height: 1.1rem;
   width: 1.1rem;
   border-radius: 1.1rem;
}
/* webApp/Site/SiteGeneral.razor.rz.scp.css */
.themes[b-h2zn3eccjd] {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   list-style: none;
   margin: .5rem;
   padding: 0;
}

   .themes .theme[b-h2zn3eccjd] {
      border: 2px solid var(--bg-disabled);
      margin: .35rem;
      padding: .35rem;
      cursor: pointer;
      box-shadow: 3px 3px 5px var(--add-50-black);
      border-radius: var(--corner-radius);
   }

   .themes .active-theme[b-h2zn3eccjd] {
      border: 4px solid var(--accent-2);
      box-shadow: 2px 2px 3px var(--add-50-black);
   }

   .themes .theme:active[b-h2zn3eccjd] {
      box-shadow: none;
   }

   .themes .theme:hover[b-h2zn3eccjd] {
      border-color: var(--accent-alt-dark);
   }

   .themes .active-theme:hover[b-h2zn3eccjd] {
      border-color: var(--accent-2-highlight);
   }

   .theme-details[b-h2zn3eccjd] {
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex;
      flex-direction: column;
   }

   .theme-details li[b-h2zn3eccjd] {
      width: 7rem;
      color: var(--text-light-color-1);
      font-size: .75rem;
      font-weight: bold;
      text-align: center;
      padding: .25rem 0;
   }

      .theme-details .theme-title[b-h2zn3eccjd] {
         background-color: var(--bg-dark-3);
         height: 2rem;
         display: grid;
      }

         .theme-details .theme-title div[b-h2zn3eccjd] {
            place-self: center;
         }
/* webApp/Site/SiteHeaderTags.razor.rz.scp.css */
.images-container[b-j6gu6nmrl9] {
   height: calc(100vh - 6.125rem);
   width: 100%;
   overflow: hidden;
   overflow-y: auto;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   align-content: start;
}

.image-item[b-j6gu6nmrl9] {
   margin: .5rem;
   height: 12rem;
   width: 10rem;
   background-color: var(--bg-light-0);
   border: 2px solid var(--accent-2);
   border-radius: var(--corner-radius);
   box-shadow: 3px 3px 5px var(--add-50-black);
   cursor: pointer;
   display: flex;
   flex-direction: column;
}

   .image-item:hover[b-j6gu6nmrl9] {
      border-color: var(--accent-2-highlight);
      --grid-color-1: var(--bg-light-3);
      --grid-color-2: var(--bg-light-2);
   }

      .image-item:active[b-j6gu6nmrl9] {
         box-shadow: none;
      }

.image-menu[b-j6gu6nmrl9] {
   visibility: hidden;
   display: none;
}

.image-item:hover .image-menu[b-j6gu6nmrl9] {
   visibility: visible;
   display: grid;
   grid-template-columns: 1rem [edit] auto 1fr [copy] auto 1fr [delete] auto 1rem;
   position: absolute;
   width: 10rem;
   margin-top: 9rem;
   padding: .5rem 0;
   height: 2rem;
   z-index: 10;
   background-color: var(--add-50-black);
   border-radius: 0 0 .25rem .25rem;
}

.images-toolbar[b-j6gu6nmrl9] {
   height: 3.125rem;
}

.image-title[b-j6gu6nmrl9] {
   background-color: var(--bg-dark-2);
   color: var(--text-light-color-1);
   padding: .25rem;
   text-align: center;
   font-weight: bold;
   border-radius: .25rem .25rem 0 0;
   text-overflow: ellipsis;
   width: 9.5rem;
   height: 1rem;
   white-space: nowrap;
   overflow: hidden;
   justify-items: center;
}

.image-item:hover .image-title[b-j6gu6nmrl9] {
   background-color: var(--bg-dark-1);
}

   .image-thumb[b-j6gu6nmrl9] {
      align-self: center;
      max-width: 9rem;
      max-height: 9rem;
      margin: auto;
   }
/* webApp/Site/SiteImages.razor.rz.scp.css */
.images-container[b-glp69gjm5a] {
   height: calc(100vh - 6.125rem);
   width: 100%;
   overflow: hidden;
   overflow-y: auto;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   align-content: start;
}

.image-item[b-glp69gjm5a] {
   margin: .5rem;
   height: 12rem;
   width: 10rem;
   background-color: var(--bg-light-0);
   border: 2px solid var(--accent-2);
   border-radius: var(--corner-radius);
   box-shadow: 3px 3px 5px var(--add-50-black);
   cursor: pointer;
   display: grid;
   grid-template-rows: [header] auto [image] 1fr [menu] 2rem;
}

   .image-item:hover[b-glp69gjm5a] {
      border-color: var(--accent-2-highlight);
      --grid-color-1: var(--bg-light-3);
      --grid-color-2: var(--bg-light-2);
   }

   .image-item:active[b-glp69gjm5a] {
      box-shadow: none;
   }


.image-title[b-glp69gjm5a] {
   background-color: var(--bg-dark-2);
   color: var(--text-light-color-1);
   padding: .25rem;
   text-align: center;
   font-weight: bold;
   border-radius: .25rem .25rem 0 0;
   text-overflow: ellipsis;
   width: 9.5rem;
   height: 1rem;
   white-space: nowrap;
   overflow: hidden;
   justify-items: center;
   grid-row-start: header;
}

.image-item:hover .image-title[b-glp69gjm5a] {
   background-color: var(--bg-dark-1);
}

.image-thumb[b-glp69gjm5a] {
   max-width: 9rem;
   max-height: 8rem;
   margin: auto;
   grid-row-start: image;
}


.image-menu[b-glp69gjm5a] {
   visibility: hidden;
   display: none;
   grid-row-start: menu;
}

.image-item:hover .image-menu[b-glp69gjm5a] {
   visibility: visible;
   display: grid;
   grid-template-columns: 1rem [edit] auto 1fr [copy] auto 1fr [delete] auto 1rem;
   height: 2rem;
   background-color: var(--add-50-black);
   border-radius: 0 0 .25rem .25rem;
}

.images-toolbar[b-glp69gjm5a] {
   height: 3.125rem;
}
/* webApp/Site/SiteMessages.razor.rz.scp.css */
.smartphone[b-g7zasasjqo] {
   position: relative;
   width: 360px;
   height: 640px;
   margin: auto;
   border: 16px black solid;
   border-top-width: 60px;
   border-bottom-width: 60px;
   border-radius: 36px;
}

   /* The horizontal line on the top of the device */
   .smartphone[b-g7zasasjqo]:before {
      content: '';
      display: block;
      width: 60px;
      height: 5px;
      position: absolute;
      top: -30px;
      left: 50%;
      transform: translate(-50%, -50%);
      background: #333;
      border-radius: 10px;
   }

   /* The circle on the bottom of the device */
   .smartphone[b-g7zasasjqo]:after {
      content: '';
      display: block;
      width: 35px;
      height: 35px;
      position: absolute;
      left: 50%;
      bottom: -65px;
      transform: translate(-50%, -50%);
      background: #333;
      border-radius: 50%;
   }

   /* The screen (or content) of the device */
   .smartphone .content[b-g7zasasjqo] {
      width: 360px;
      height: 640px;
      background: white;
      overflow: hidden;
   }


/* The device with borders */
.tablet[b-g7zasasjqo] {
   position: relative;
   width: 800px;
   height: 1024px;
   margin: auto;
   border: 16px black solid;
   border-top-width: 60px;
   border-bottom-width: 60px;
   border-radius: 36px;
}

   /* The horizontal line on the top of the device */
   .tablet[b-g7zasasjqo]:before {
      content: '';
      display: block;
      width: 60px;
      height: 5px;
      position: absolute;
      top: -30px;
      left: 50%;
      transform: translate(-50%, -50%);
      background: #333;
      border-radius: 10px;
   }

   /* The circle on the bottom of the device */
   .tablet[b-g7zasasjqo]:after {
      content: '';
      display: block;
      width: 35px;
      height: 35px;
      position: absolute;
      left: 50%;
      bottom: -65px;
      transform: translate(-50%, -50%);
      background: #333;
      border-radius: 50%;
   }

   /* The screen (or content) of the device */
   .tablet .content[b-g7zasasjqo] {
      width: 800px;
      height: 1024px;
      background: white;
      margin: -1px;
      overflow: hidden;
   }

.laptop .content[b-g7zasasjqo] {
   width: 800px;
   height: 800px;
   overflow: hidden;
   border: .5rem solid black;
   border-radius: .5rem;
}
/* webApp/Site/SitePageDesigner.razor.rz.scp.css */
.smartphone[b-q7013ykx18] {
   position: relative;
   width: 360px;
   height: 640px;
   margin: auto;
   border: 16px black solid;
   border-top-width: 60px;
   border-bottom-width: 60px;
   border-radius: 36px;
}

   /* The horizontal line on the top of the device */
   .smartphone[b-q7013ykx18]:before {
      content: '';
      display: block;
      width: 60px;
      height: 5px;
      position: absolute;
      top: -30px;
      left: 50%;
      transform: translate(-50%, -50%);
      background: #333;
      border-radius: 10px;
   }

   /* The circle on the bottom of the device */
   .smartphone[b-q7013ykx18]:after {
      content: '';
      display: block;
      width: 35px;
      height: 35px;
      position: absolute;
      left: 50%;
      bottom: -65px;
      transform: translate(-50%, -50%);
      background: #333;
      border-radius: 50%;
   }

   /* The screen (or content) of the device */
   .smartphone .content[b-q7013ykx18] {
      width: 360px;
      height: 640px;
      background: white;
      overflow: hidden;
   }


/* The device with borders */
.tablet[b-q7013ykx18] {
   position: relative;
   width: 800px;
   height: 1024px;
   margin: auto;
   border: 16px black solid;
   border-top-width: 60px;
   border-bottom-width: 60px;
   border-radius: 36px;
}

   /* The horizontal line on the top of the device */
   .tablet[b-q7013ykx18]:before {
      content: '';
      display: block;
      width: 60px;
      height: 5px;
      position: absolute;
      top: -30px;
      left: 50%;
      transform: translate(-50%, -50%);
      background: #333;
      border-radius: 10px;
   }

   /* The circle on the bottom of the device */
   .tablet[b-q7013ykx18]:after {
      content: '';
      display: block;
      width: 35px;
      height: 35px;
      position: absolute;
      left: 50%;
      bottom: -65px;
      transform: translate(-50%, -50%);
      background: #333;
      border-radius: 50%;
   }

   /* The screen (or content) of the device */
   .tablet .content[b-q7013ykx18] {
      width: 800px;
      height: 1024px;
      background: white;
      margin: -1px;
      overflow: hidden;
   }

.laptop .content[b-q7013ykx18] {
   width: calc(100vw - 24rem);
   height: calc(100vh - 20rem);
   overflow: hidden;
   border: .5rem solid black;
   border-radius: .5rem;
}

.version-info[b-q7013ykx18] {
   width: 7.5rem;
   font-weight: bold;
   border-left: 1px solid var(--accent-1);
   border-right: 1px solid var(--accent-1);
   padding: .45rem .35rem;
   text-align: center;
   margin-right: 1rem;
}

.key-image-wrapper[b-q7013ykx18] {
   height: 216px;
   width: 216px;
   background-color: var(--add-10-black);
   cursor: pointer;
   display: flex;
   border-radius: var(--corner-radius);
}

   .key-image-wrapper img[b-q7013ykx18] {
      height: auto;
      width: 200px;
      cursor: pointer;
      margin: auto;
      border-radius: var(--corner-radius);
   }
/* webApp/Site/SitePortal.razor.rz.scp.css */
.sm-resources-wrap[b-qmp0na5xeb] {
   max-width: 40rem;
   background-color: white;
   border-radius: var(--corner-radius);
   display: flex;
   flex-direction: column;
   margin: .35rem;
   padding: .35rem;
}

.sm-resources-form[b-qmp0na5xeb] {
   display: flex;
   flex-direction: column;
   margin: .35rem;
   padding: .35rem;
   width: 39rem;
   height: 17.5rem;
}

/* webApp/Site/SiteRedirects.razor.rz.scp.css */
.smartphone[b-rnl4pl30kg] {
   position: relative;
   width: 360px;
   height: 640px;
   margin: auto;
   border: 16px black solid;
   border-top-width: 60px;
   border-bottom-width: 60px;
   border-radius: 36px;
}

   /* The horizontal line on the top of the device */
   .smartphone[b-rnl4pl30kg]:before {
      content: '';
      display: block;
      width: 60px;
      height: 5px;
      position: absolute;
      top: -30px;
      left: 50%;
      transform: translate(-50%, -50%);
      background: #333;
      border-radius: 10px;
   }

   /* The circle on the bottom of the device */
   .smartphone[b-rnl4pl30kg]:after {
      content: '';
      display: block;
      width: 35px;
      height: 35px;
      position: absolute;
      left: 50%;
      bottom: -65px;
      transform: translate(-50%, -50%);
      background: #333;
      border-radius: 50%;
   }

   /* The screen (or content) of the device */
   .smartphone .content[b-rnl4pl30kg] {
      width: 360px;
      height: 640px;
      background: white;
      overflow: hidden;
   }


/* The device with borders */
.tablet[b-rnl4pl30kg] {
   position: relative;
   width: 800px;
   height: 1024px;
   margin: auto;
   border: 16px black solid;
   border-top-width: 60px;
   border-bottom-width: 60px;
   border-radius: 36px;
}

   /* The horizontal line on the top of the device */
   .tablet[b-rnl4pl30kg]:before {
      content: '';
      display: block;
      width: 60px;
      height: 5px;
      position: absolute;
      top: -30px;
      left: 50%;
      transform: translate(-50%, -50%);
      background: #333;
      border-radius: 10px;
   }

   /* The circle on the bottom of the device */
   .tablet[b-rnl4pl30kg]:after {
      content: '';
      display: block;
      width: 35px;
      height: 35px;
      position: absolute;
      left: 50%;
      bottom: -65px;
      transform: translate(-50%, -50%);
      background: #333;
      border-radius: 50%;
   }

   /* The screen (or content) of the device */
   .tablet .content[b-rnl4pl30kg] {
      width: 800px;
      height: 1024px;
      background: white;
      margin: -1px;
      overflow: hidden;
   }

.laptop .content[b-rnl4pl30kg] {
   width: 800px;
   height: 800px;
   overflow: hidden;
   border: .5rem solid black;
   border-radius: .5rem;
}
/* webApp/Site/SiteResources.razor.rz.scp.css */
.images-container[b-lsuuyaz372] {
   height: calc(100vh - 6.125rem);
   width: 100%;
   overflow: hidden;
   overflow-y: auto;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   align-content: start;
}

.image-item[b-lsuuyaz372] {
   margin: .5rem;
   height: 12rem;
   width: 10rem;
   background-color: var(--bg-light-0);
   border: 2px solid var(--accent-2);
   border-radius: var(--corner-radius);
   box-shadow: 3px 3px 5px var(--add-50-black);
   cursor: pointer;
   display: flex;
   flex-direction: column;
}

   .image-item:hover[b-lsuuyaz372] {
      border-color: var(--accent-2-highlight);
      --grid-color-1: var(--bg-light-3);
      --grid-color-2: var(--bg-light-2);
   }

      .image-item:active[b-lsuuyaz372] {
         box-shadow: none;
      }

.image-menu[b-lsuuyaz372] {
   visibility: hidden;
   display: none;
}

.image-item:hover .image-menu[b-lsuuyaz372] {
   visibility: visible;
   display: grid;
   grid-template-columns: 1rem [edit] auto 1fr [copy] auto 1fr [delete] auto 1rem;
   position: absolute;
   width: 10rem;
   margin-top: 9rem;
   padding: .5rem 0;
   height: 2rem;
   z-index: 10;
   background-color: var(--add-50-black);
   border-radius: 0 0 .25rem .25rem;
}

.images-toolbar[b-lsuuyaz372] {
   height: 3.125rem;
}

.image-title[b-lsuuyaz372] {
   background-color: var(--bg-dark-2);
   color: var(--text-light-color-1);
   padding: .25rem;
   text-align: center;
   font-weight: bold;
   border-radius: .25rem .25rem 0 0;
   text-overflow: ellipsis;
   width: 9.5rem;
   height: 1rem;
   white-space: nowrap;
   overflow: hidden;
   justify-items: center;
}

.image-item:hover .image-title[b-lsuuyaz372] {
   background-color: var(--bg-dark-1);
}

   .image-thumb[b-lsuuyaz372] {
      align-self: center;
      max-width: 9rem;
      max-height: 9rem;
      margin: auto;
   }
/* webApp/Site/SiteScript.razor.rz.scp.css */
.images-container[b-fdbzmdm414] {
   height: calc(100vh - 6.125rem);
   width: 100%;
   overflow: hidden;
   overflow-y: auto;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   align-content: start;
}

.image-item[b-fdbzmdm414] {
   margin: .5rem;
   height: 12rem;
   width: 10rem;
   background-color: var(--bg-light-0);
   border: 2px solid var(--accent-2);
   border-radius: var(--corner-radius);
   box-shadow: 3px 3px 5px var(--add-50-black);
   cursor: pointer;
   display: flex;
   flex-direction: column;
}

   .image-item:hover[b-fdbzmdm414] {
      border-color: var(--accent-2-highlight);
      --grid-color-1: var(--bg-light-3);
      --grid-color-2: var(--bg-light-2);
   }

      .image-item:active[b-fdbzmdm414] {
         box-shadow: none;
      }

.image-menu[b-fdbzmdm414] {
   visibility: hidden;
   display: none;
}

.image-item:hover .image-menu[b-fdbzmdm414] {
   visibility: visible;
   display: grid;
   grid-template-columns: 1rem [edit] auto 1fr [copy] auto 1fr [delete] auto 1rem;
   position: absolute;
   width: 10rem;
   margin-top: 9rem;
   padding: .5rem 0;
   height: 2rem;
   z-index: 10;
   background-color: var(--add-50-black);
   border-radius: 0 0 .25rem .25rem;
}

.images-toolbar[b-fdbzmdm414] {
   height: 3.125rem;
}

.image-title[b-fdbzmdm414] {
   background-color: var(--bg-dark-2);
   color: var(--text-light-color-1);
   padding: .25rem;
   text-align: center;
   font-weight: bold;
   border-radius: .25rem .25rem 0 0;
   text-overflow: ellipsis;
   width: 9.5rem;
   height: 1rem;
   white-space: nowrap;
   overflow: hidden;
   justify-items: center;
}

.image-item:hover .image-title[b-fdbzmdm414] {
   background-color: var(--bg-dark-1);
}

   .image-thumb[b-fdbzmdm414] {
      align-self: center;
      max-width: 9rem;
      max-height: 9rem;
      margin: auto;
   }
/* webApp/Site/SiteTemplates.razor.rz.scp.css */

.code-toolbar[b-vqyt6ao77p] {
   width: calc(100vw - 20rem);
   border-bottom: 1px solid var(--accent-2-highlight);
   background-color: var(--bg-dark-2);
}

.full-page-toolbar[b-vqyt6ao77p] {
   width: calc(100vw - 18rem);
}
/* webApp/Site/SiteThemes.razor.rz.scp.css */
/* webApp/Site/SiteUserUploads.razor.rz.scp.css */
.smartphone[b-vtinyh1o1m] {
   position: relative;
   width: 360px;
   height: 640px;
   margin: auto;
   border: 16px black solid;
   border-top-width: 60px;
   border-bottom-width: 60px;
   border-radius: 36px;
}

   /* The horizontal line on the top of the device */
   .smartphone[b-vtinyh1o1m]:before {
      content: '';
      display: block;
      width: 60px;
      height: 5px;
      position: absolute;
      top: -30px;
      left: 50%;
      transform: translate(-50%, -50%);
      background: #333;
      border-radius: 10px;
   }

   /* The circle on the bottom of the device */
   .smartphone[b-vtinyh1o1m]:after {
      content: '';
      display: block;
      width: 35px;
      height: 35px;
      position: absolute;
      left: 50%;
      bottom: -65px;
      transform: translate(-50%, -50%);
      background: #333;
      border-radius: 50%;
   }

   /* The screen (or content) of the device */
   .smartphone .content[b-vtinyh1o1m] {
      width: 360px;
      height: 640px;
      background: white;
      overflow: hidden;
   }


/* The device with borders */
.tablet[b-vtinyh1o1m] {
   position: relative;
   width: 800px;
   height: 1024px;
   margin: auto;
   border: 16px black solid;
   border-top-width: 60px;
   border-bottom-width: 60px;
   border-radius: 36px;
}

   /* The horizontal line on the top of the device */
   .tablet[b-vtinyh1o1m]:before {
      content: '';
      display: block;
      width: 60px;
      height: 5px;
      position: absolute;
      top: -30px;
      left: 50%;
      transform: translate(-50%, -50%);
      background: #333;
      border-radius: 10px;
   }

   /* The circle on the bottom of the device */
   .tablet[b-vtinyh1o1m]:after {
      content: '';
      display: block;
      width: 35px;
      height: 35px;
      position: absolute;
      left: 50%;
      bottom: -65px;
      transform: translate(-50%, -50%);
      background: #333;
      border-radius: 50%;
   }

   /* The screen (or content) of the device */
   .tablet .content[b-vtinyh1o1m] {
      width: 800px;
      height: 1024px;
      background: white;
      margin: -1px;
      overflow: hidden;
   }

.laptop .content[b-vtinyh1o1m] {
   width: 800px;
   height: 800px;
   overflow: hidden;
   border: .5rem solid black;
   border-radius: .5rem;
}