/* 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/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/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;
   }

.appointment-item[b-cu4avs4q7w] {
   display: flex;
   flex-direction: column;
   background-color: var(--add-50-black);
   color: var(--text-light-color-1);
   margin: -.25rem 0 0 .5rem;
   width: calc(100% - .75rem);
   height: 100%;
   padding: .5rem .45rem 0 .35rem;
   float: left;
   top: 0;
   font-size: .75rem;
}

   .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: .8rem;
   }

      .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-tooltip[b-cu4avs4q7w] {
   display: flex;
   flex-direction: column;
   padding: .5rem;
}

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

.appointment-item[data-apptstate][b-cu4avs4q7w]::after {
   content: ' ';
   position: absolute;
   bottom: 0;
   right: -.1rem;
   width: 1.35rem;
   height: 1.5rem;
   border-radius: .5rem 0 0 0;
}

.appointment-item[data-apptstate="1"][b-cu4avs4q7w]::after {
   background-color: rgba(3, 53, 0, .85);
}

.appointment-item[data-apptstate="2"][b-cu4avs4q7w]::after {
   background-color: rgba(74, 1, 0, .85);
}

.appointment-item[data-apptstate="3"][b-cu4avs4q7w]::after {
   background-color: rgba(15, 59, 87, .85);
}

.appointment-item[data-apptstate="4"][b-cu4avs4q7w]::after {
   background-color: rgba(213, 182, 10, .85);
}

.appointment-item[data-apptstate="5"][b-cu4avs4q7w]::after {
   background-color: 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-0);
   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;
}