@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

:root {
    /* light theme */
    --background: #2d2d2d;
    --background-2: #6c757d;
    --font-color: #fff;
    --font-color-2: #fff;
    --highlight: #098faa;
    --highlight-2: #e2e3e5;
    --link: #fff;
    --rz-input-value-color: #fff;
    --rz-tabs-tab-selected-color: #fff;
    --rz-tabs-tab-selected-background-color: #4b4b4b;
    --rz-tabs-tab-color: #2d2d2d;
    --rz-tabs-tab-background-color: #fff;
    --rz-tabs-tab-hover-color: #2d2d2d;
    --rz-tabs-tab-hover-background-color: #c9c9c9;
    --rz-tabs-background-color: #4b4b4b;
    --rz-tabs-tab-selected-top-border-color: #fff;
    --rz-grid-stripe-odd-background-color: #000;
    /*--rz-tabs-border: #2d2d2d 1px solid;*/
    --rz-checkbox-checked-background-color: #2d2d2d;
    --rz-checkbox-checked--color: #fff;
    /*--rz-checkbox-checked-border: #2d2d2d;*/
    --rz-checkbox-checked-icon-background-color: #fff;
    --rz-checkbox-border-width: 1px;
    --rz-checkbox-checked-hover-background-color: #2d2d2d;
    --rz-dropdown-item-selected-color: #fff !important;
    --rz-dropdown-item-hover-color: #fff !important;
    --rz-listbox-background-color: #2d2d2d;
    --rz-input-background-color: #2d2d2d;
    --rz-input-hover-border: #fff 1px solid;
    --rz-input-border: #fff 1px solid;
    --rz-accordion-item-background-color: var(--background);
    --rz-accordion-item-color: var(--font-color);
    --rz-accordion-hover-color: #fff;
    --rz-accordion-content-padding: 0px;
    --rz-accordion-item-font-size: 18px;
    --rz-numeric-button-background-color: var(--font-color);
    --rz-numeric-button-color: var(--background);
    --rz-input-placeholder-color: #fff;
    --rz-upload-choose-color: #000;
    --rz-upload-choose-background-color: #c9c9c9;
    --rz-upload-choose-hover-color: #000;
    --rz-upload-choose-hover-background-color: #c9c9c9;
    --rz-input-placeholder-color: #fff;
    --rz-dialog-background-color: #2d2d2d !important;
    --rz-dialog-title-background-color: #2d2d2d !important;
    --rz-scheduler-view-selected-color: #6c757d;
    --rz-scheduler-event-background-color: #2d2d2d !important;
    --rz-secondary: #2d2d2d !important;
    --rz-datepicker-calendar-selected-background-color: #2d2d2d !important;
    --rz-dropdown-item-hover-background-color: #c9c9c9 !important;
    --rz-dropdown-item-selected-background-color: #c9c9c9 !important;
    --rz-grid-cell-color: #fff;
}

.dark-mode {
    /* dark theme */
    --background: #2d2d2d;
    --background-2: #6c757d;
    --font-color: #fff;
    --font-color-2: #fff;
    --highlight: #098faa;
    --highlight-2: #e2e3e5;
    --link: #fff;
    --rz-input-value-color: #fff;
    --rz-tabs-tab-selected-color: #fff;
    --rz-tabs-tab-selected-background-color: #4b4b4b;
    --rz-tabs-tab-color: #2d2d2d;
    --rz-tabs-tab-background-color: #fff;
    --rz-tabs-tab-hover-color: #2d2d2d;
    --rz-tabs-tab-hover-background-color: #c9c9c9;
    --rz-tabs-background-color: #4b4b4b;
    --rz-tabs-tab-selected-top-border-color: #fff;
    /*--rz-tabs-border: #2d2d2d 1px solid;*/
    --rz-checkbox-checked-background-color: #2d2d2d;
    --rz-checkbox-checked--color: #fff;
    /*--rz-checkbox-checked-border: #2d2d2d;*/
    --rz-checkbox-checked-icon-background-color: #fff;
    --rz-checkbox-border-width: 1px;
    --rz-checkbox-checked-hover-background-color: #2d2d2d;
    --rz-dropdown-item-selected-color: #fff !important;
    --rz-dropdown-item-hover-color: #fff !important;
    --rz-listbox-background-color: #2d2d2d;
    --rz-input-background-color: #2d2d2d;
    --rz-input-hover-border: #fff 1px solid;
    --rz-input-border: #fff 1px solid;
    --rz-accordion-item-background-color: var(--background);
    --rz-accordion-item-color: var(--font-color);
    --rz-accordion-hover-color: #fff;
    --rz-accordion-content-padding: 0px;
    --rz-accordion-item-font-size: 18px;
    --rz-numeric-button-background-color: var(--font-color);
    --rz-numeric-button-color: var(--background);
    --rz-input-placeholder-color: #fff;
    --rz-upload-choose-color: #000;
    --rz-upload-choose-background-color: #c9c9c9;
    --rz-upload-choose-hover-color: #000;
    --rz-upload-choose-hover-background-color: #c9c9c9;
    --rz-input-placeholder-color: #fff;
    --rz-dialog-background-color: #2d2d2d !important;
    --rz-dialog-title-background-color: #2d2d2d !important;
    --rz-scheduler-view-selected-color: #6c757d;
    --rz-scheduler-event-background-color: #2d2d2d !important;
    --rz-secondary: #2d2d2d !important;
    --rz-datepicker-calendar-selected-background-color: #2d2d2d !important;
    --rz-dropdown-item-hover-background-color: #c9c9c9 !important;
    --rz-dropdown-item-selected-background-color: #c9c9c9 !important;
    --rz-grid-cell-color: #fff;
    --rz-panel-background-color: #000;
    --rz-grid-right-cell-border: dimgray !important;
}

/* To change font color and content background */
.e-richtexteditor .e-rte-content,
.e-richtexteditor .e-rte-content .e-content strong,
.e-richtexteditor .e-source-content {
    color: black;
}

.rz-legend-items {
    color: #fff !important;
}

.rz-dialog-content {
    color: #fff;
}

.rz-datatable, rz-data-row {
    --rz-grid-stripe-background-color: #4b4b4b;
    --rz-grid-background-color: #000;
}

.rz-sortable-column .rzi-sort {
    color: #000;
}

.nav-pills .nav-link.active {
    background-color: #000 !important;
}

/*.nav-link {
    color: #fff !important;
}*/

.rz-dropdown-item {
    background-color: #2d2d2d !important;
    color: #fff !important;
}

.rz-state-highlight {
    color: #fff !important;
    background-color: #c9c9c9 !important;
}

.rz-dropdown-item:hover {
    background-color: #c9c9c9 !important;
    color: #fff !important;
}


.rz-datepicker-calendar td .rz-state-active, .rz-secondary {
    background-color: #2d2d2d !important;
}

/*.rz-dropdown-item:hover {
    color: #2d2d2d !important;
    background-color: #2d2d2d !important;
}*/

.rz-checkbox-list-vertical {
    outline: 0px solid #000 !important;
}

.rz-chkbox {
    color: var(--font-color) !important;
    outline: 0px solid #000 !important;
}

.rz-chkbox-label {
    color: var(--font-color) !important;
}

.rz-multiselect-item {
    color: var(--font-color) !important;
}

.rzi-search {
    color: var(--font-color) !important;
}

.rz-accordion {
    padding-left:10px;
    padding-bottom:10px;
}

.rz-textbox, .rz-inputtext, .rz-colorpicker-trigger {
    background-color: #2d2d2d !important;
    color: #fff !important;
}

.rz-dialog-title, .rz-label {
    color: #fff;
}

.rz-dialog, .rz-dialog-titlebar {
    background-color: #2d2d2d;
}

.rz-panel-titlebar {
    flex-direction: row-reverse;
    justify-content: left;
}

.rz-panel {
    border: 1px solid dimgray;
    background-color: #2a2e36;
}

.rz-grid-table td {
    border: 1px solid dimgray;
}

.rz-my-10 {
    margin-top: 15px !important;
    margin-bottom: 15px !important
}

.rz-my-8 {
    margin-top: 0px !important;
    margin-bottom: 35px !important
}

.link-button {
    color: var(--font-color);
}

    .link-button:hover {
        color: #fff !important;
    }

.rounded-border {
    border: solid;
    border-color: #c9c9c9;
    border-width: 1px;
    padding: 10px;
    border-radius:3px 4px;
}

.modal {
    background-color:#000;

}

.modal-dialog {
    max-width:540px !important; 
}

.modal-dialog2 {
    max-width: 840px !important;
    margin: 1.75rem auto;
}

.modal-dialog-camera {
    max-width: 435px !important;
    margin: 1.75rem auto;
    position: relative;
    pointer-events: none;
    transform: none;
    transition: transform var(--modal-animation-duration, 300ms) ease-out;
}

.modal-content {
    background-color: var(--background);
    border: 1px solid var(--font-color);
}

html, body {
    /*font-family: roboto, "segoe-ui", "sans-surif";*/
    /*'Helvetica Neue', Helvetica, Arial, sans-serif;*/
    background-color: #000 !important;
}

h1:focus {
    outline: none;
}

h1, h2, h3, h4, h5 {
    color: var(--font-color);
}

a, .btn-link {
    color: var(--font-color);
}

.form-label {
    color: var(--font-color);
}

.form-control, .form-select {
    background-color: var(--background) !important;
    color: var(--font-color);
}

    .form-control:focus {
        background-color: var(--background);
        color: var(--font-color);
    }

.table, table-striped {
    color: var(--font-color);
}

.CellStyle {
    padding-bottom: 15px;
}

.CollabStyle {
    color:#00a7d3 !important; 
    font-style:italic;
}

.btn-primary {
    color: #fff;
    background-color: #00a7d3;
    border-color: #fff;
}

    .btn-primary:hover {
        background-color: rgba(255,255,255,0.25);
        border-color: rgba(255,255,255,0.25);
        color: #fff !important;
    }

    .btn-primary:active {
        background-color: rgba(255,255,255,0.25);
        border-color: #fff;
        color:#fff;
    }

    .btn-primary:focus {
        background-color: rgba(255,255,255,0.25);
        border-color: rgba(255,255,255,0.25);
        box-shadow: 0 0 0 0;
        color: #fff;
    }

    .content {
        padding-top: 1.1rem;
    }

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

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

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

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }


.rz-cell-data {
    white-space: wrap !important;
}

/* improved for chat text box */
textarea {
    border: 1px dashed #888;
    border-radius: 5px;
    width: 80%;
    overflow: auto;
    background: #f7f7f7
}

.rz-textarea:focus {
    border: 3px solid #00a7d3 !important;
    outline: none !important;
}

.rz-textbox:focus {
    border: 3px solid #00a7d3 !important;
    outline: none !important;
}

.rz-numeric-input:focus {
    border: 3px solid #00a7d3 !important;
    outline: none !important;
}

.textbox:focus {
    border: 3px solid #00a7d3;
    outline: none;
}

/* improved for speech bubbles */
.received, .sent {
    position: relative;
    font-family: arial;
    font-size: 1.1em;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
}

    .received:after, .sent:after {
        content: '';
        border: 20px solid transparent;
        position: absolute;
        margin-top: -30px;
    }

.sent {
    /*background: #03a9f4;*/
    background: #6c757d;
    color: #fff;
    margin-left: 10%;
    top: 50%;
}

.received {
    /*background: #4CAF50;*/
    background: #00a7d3;
    color: #fff;
    margin-left: 10px;
    margin-right: 10%;
}

.sent:after {
    /*border-left-color: #03a9f4;*/
    border-left-color: #6c757d;
    border-right: 0;
    right: -20px;
}

.received:after {
    /*border-right-color: #4CAF50;*/
    border-right-color: #00a7d3;
    border-left: 0;
    left: -20px;
}

/* div within bubble for name */
.user {
    font-size: 0.8em;
    font-weight: bold;
    color: #000;
}

.msg {
    /*display: inline;*/
}

.icon--ph {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask: no-repeat center / 100%;
    mask: no-repeat center / 100%;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
}

.icon--ph--camera {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cpath fill='black' d='M208 56h-27.72l-13.63-20.44A8 8 0 0 0 160 32H96a8 8 0 0 0-6.65 3.56L75.71 56H48a24 24 0 0 0-24 24v112a24 24 0 0 0 24 24h160a24 24 0 0 0 24-24V80a24 24 0 0 0-24-24Zm8 136a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8V80a8 8 0 0 1 8-8h32a8 8 0 0 0 6.66-3.56L100.28 48h55.43l13.63 20.44A8 8 0 0 0 176 72h32a8 8 0 0 1 8 8ZM128 88a44 44 0 1 0 44 44a44.05 44.05 0 0 0-44-44Zm0 72a28 28 0 1 1 28-28a28 28 0 0 1-28 28Z'/%3E%3C/svg%3E");
}

.icon--ph--image {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cpath fill='black' d='M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16Zm0 16v102.75l-26.07-26.06a16 16 0 0 0-22.63 0l-20 20l-44-44a16 16 0 0 0-22.62 0L40 149.37V56ZM40 172l52-52l80 80H40Zm176 28h-21.37l-36-36l20-20L216 181.38V200Zm-72-100a12 12 0 1 1 12 12a12 12 0 0 1-12-12Z'/%3E%3C/svg%3E");
}

.icon--ph--copy {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cpath fill='black' d='M216 32H88a8 8 0 0 0-8 8v40H40a8 8 0 0 0-8 8v128a8 8 0 0 0 8 8h128a8 8 0 0 0 8-8v-40h40a8 8 0 0 0 8-8V40a8 8 0 0 0-8-8Zm-56 176H48V96h112Zm48-48h-32V88a8 8 0 0 0-8-8H96V48h112Z'/%3E%3C/svg%3E");
}

.icon--ph--note {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cpath fill='black' d='M88 96a8 8 0 0 1 8-8h64a8 8 0 0 1 0 16H96a8 8 0 0 1-8-8Zm8 40h64a8 8 0 0 0 0-16H96a8 8 0 0 0 0 16Zm32 16H96a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16Zm96-104v108.69a15.86 15.86 0 0 1-4.69 11.31L168 219.31a15.86 15.86 0 0 1-11.31 4.69H48a16 16 0 0 1-16-16V48a16 16 0 0 1 16-16h160a16 16 0 0 1 16 16ZM48 208h104v-48a8 8 0 0 1 8-8h48V48H48Zm120-40v28.7l28.69-28.7Z'/%3E%3C/svg%3E");
}

.icon--ph--user-circle-plus {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='256' height='256'%3E%3Cpath fill='black' d='M168 56a8 8 0 0 1 8-8h16V32a8 8 0 0 1 16 0v16h16a8 8 0 0 1 0 16h-16v16a8 8 0 0 1-16 0V64h-16a8 8 0 0 1-8-8Zm62.56 54.68a103.92 103.92 0 1 1-85.24-85.24a8 8 0 0 1-2.64 15.78A88.07 88.07 0 0 0 40 128a87.62 87.62 0 0 0 22.24 58.41a79.66 79.66 0 0 1 36.06-28.75a48 48 0 1 1 59.4 0a79.66 79.66 0 0 1 36.06 28.75A87.62 87.62 0 0 0 216 128a88.85 88.85 0 0 0-1.22-14.68a8 8 0 1 1 15.78-2.64ZM128 152a32 32 0 1 0-32-32a32 32 0 0 0 32 32Zm0 64a87.57 87.57 0 0 0 53.92-18.5a64 64 0 0 0-107.84 0A87.57 87.57 0 0 0 128 216Z'/%3E%3C/svg%3E");
}

.icon--pepicons-pencil {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask: no-repeat center / 100%;
    mask: no-repeat center / 100%;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
}

.icon--pepicons-pencil--person-checkmark {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cg fill='black' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M6.8 3a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5ZM3.3 5.5a3.5 3.5 0 1 1 7 0a3.5 3.5 0 0 1-7 0Z'/%3E%3Cpath d='M.8 14.5c0-3.322 2.67-6.5 6-6.5s6 3.178 6 6.5v2a.5.5 0 0 1-1 0v-2c0-2.873-2.32-5.5-5-5.5s-5 2.627-5 5.5v2a.5.5 0 0 1-1 0v-2ZM18.154 3.563a.5.5 0 0 1 .194.68l-2.778 5a.5.5 0 0 1-.874-.486l2.778-5a.5.5 0 0 1 .68-.194Z'/%3E%3Cpath d='M11.965 6.465a.5.5 0 0 1 .703-.078l2.778 2.223a.5.5 0 1 1-.625.78l-2.778-2.222a.5.5 0 0 1-.078-.703Z'/%3E%3C/g%3E%3C/svg%3E");
}

.icon--pepicons-pop {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask: no-repeat center / 100%;
    mask: no-repeat center / 100%;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
}

.icon--pepicons-pop--person-checkmark {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cg fill='black' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M7 5c-.792 0-1.5.679-1.5 1.6S6.208 8.2 7 8.2s1.5-.679 1.5-1.6S7.792 5 7 5ZM3.5 6.6C3.5 4.65 5.03 3 7 3s3.5 1.65 3.5 3.6c0 1.95-1.53 3.6-3.5 3.6S3.5 8.55 3.5 6.6Z'/%3E%3Cpath d='M1 14.833c0-3.295 2.79-5.766 6.013-5.766c3.232 0 5.987 2.478 5.987 5.766V17a1 1 0 1 1-2 0v-2.167c0-2.08-1.753-3.766-3.987-3.766c-2.24 0-4.013 1.692-4.013 3.766l.002 2.166a1 1 0 0 1-2 .002L1 14.833ZM18.597 4.126a1 1 0 0 1 .388 1.36l-2.777 5a1 1 0 1 1-1.749-.972l2.778-5a1 1 0 0 1 1.36-.388Z'/%3E%3Cpath d='M11.775 7.153a1 1 0 0 1 1.405-.156l2.778 2.222a1 1 0 1 1-1.25 1.562l-2.777-2.222a1 1 0 0 1-.156-1.406Z'/%3E%3C/g%3E%3C/svg%3E");
}

.icon--pepicons-pop--gear {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cg fill='black' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M10 12a2 2 0 1 0 0-4a2 2 0 0 0 0 4m0 2a4 4 0 1 0 0-8a4 4 0 0 0 0 8m3.504-11.29a2 2 0 0 1 2.309.375l1.102 1.102a2 2 0 0 1 .375 2.309l-.385.77a1 1 0 1 1-1.789-.895l.385-.77L14.399 4.5l-.77.385a1 1 0 1 1-.894-1.789z'/%3E%3Cpath d='M15.644 5.888a1 1 0 0 1 1.297.564l.46 1.166a1 1 0 0 1-1.861.733l-.46-1.166a1 1 0 0 1 .564-1.297'/%3E%3Cpath d='M17.633 7.323A2 2 0 0 1 19 9.221v1.558a2 2 0 0 1-1.367 1.898l-.817.272a1 1 0 1 1-.632-1.898L17 10.78V9.221l-.816-.272a1 1 0 0 1 .632-1.898z'/%3E%3Cpath d='M16.899 11.083a1 1 0 0 1 .518 1.316l-.5 1.15a1 1 0 1 1-1.834-.798l.5-1.15a1 1 0 0 1 1.316-.518'/%3E%3Cpath d='M17.29 13.504a2 2 0 0 1-.375 2.309l-1.102 1.102a2 2 0 0 1-2.309.375l-.77-.385a1 1 0 1 1 .895-1.789l.77.385l1.102-1.102l-.385-.77a1 1 0 0 1 1.789-.894z'/%3E%3Cpath d='M14.112 15.644a1 1 0 0 1-.563 1.297l-1.167.46a1 1 0 1 1-.733-1.861l1.167-.46a1 1 0 0 1 1.296.564'/%3E%3Cpath d='M12.677 17.633A2 2 0 0 1 10.779 19H9.221a2 2 0 0 1-1.898-1.367l-.272-.817a1 1 0 0 1 1.898-.632L9.22 17h1.558l.272-.816a1 1 0 0 1 1.898.632z'/%3E%3Cpath d='M8.917 16.899a1 1 0 0 1-1.316.518l-1.15-.5a1 1 0 1 1 .798-1.834l1.15.5a1 1 0 0 1 .518 1.316'/%3E%3Cpath d='M6.496 17.29a2 2 0 0 1-2.309-.375l-1.102-1.102a2 2 0 0 1-.375-2.309l.385-.77a1 1 0 1 1 1.789.895l-.385.77L5.601 15.5l.77-.385a1 1 0 1 1 .894 1.789z'/%3E%3Cpath d='M4.356 14.112a1 1 0 0 1-1.297-.563l-.46-1.167a1 1 0 0 1 1.861-.733l.46 1.166a1 1 0 0 1-.564 1.297'/%3E%3Cpath d='M2.368 12.677A2 2 0 0 1 1 10.779V9.221a2 2 0 0 1 1.368-1.898l.816-.272a1 1 0 1 1 .632 1.898L3 9.22v1.558l.816.272a1 1 0 1 1-.632 1.898z'/%3E%3Cpath d='M3.101 8.917a1 1 0 0 1-.518-1.316l.5-1.15a1 1 0 0 1 1.834.798l-.5 1.15a1 1 0 0 1-1.316.518'/%3E%3Cpath d='M2.71 6.496a2 2 0 0 1 .375-2.309l1.102-1.102a2 2 0 0 1 2.309-.375l.77.385a1 1 0 1 1-.895 1.789l-.77-.385L4.5 5.601l.385.77a1 1 0 1 1-1.789.894z'/%3E%3Cpath d='M5.887 4.356a1 1 0 0 1 .564-1.297l1.167-.46a1 1 0 1 1 .733 1.861l-1.167.46a1 1 0 0 1-1.297-.564'/%3E%3Cpath d='M7.323 2.368A2 2 0 0 1 9.221 1h1.558a2 2 0 0 1 1.898 1.368l.272.816a1 1 0 0 1-1.898.632L10.78 3H9.221l-.272.816a1 1 0 0 1-1.898-.632z'/%3E%3Cpath d='M11.083 3.101a1 1 0 0 1 1.316-.518l1.15.5a1 1 0 0 1-.798 1.834l-1.15-.5a1 1 0 0 1-.518-1.316'/%3E%3C/g%3E%3C/svg%3E");
}

.icon--carbon {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.icon--carbon--collaborate {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cpath fill='black' d='M6 21v-1H4v1a7 7 0 0 0 7 7h3v-2h-3a5 5 0 0 1-5-5m18-10v1h2v-1a7 7 0 0 0-7-7h-3v2h3a5 5 0 0 1 5 5m-13 0H5a3 3 0 0 0-3 3v2h2v-2a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2h2v-2a3 3 0 0 0-3-3m-3-1a4 4 0 1 0-4-4a4 4 0 0 0 4 4m0-6a2 2 0 1 1-2 2a2 2 0 0 1 2-2m19 21h-6a3 3 0 0 0-3 3v2h2v-2a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2h2v-2a3 3 0 0 0-3-3m-7-5a4 4 0 1 0 4-4a4 4 0 0 0-4 4m6 0a2 2 0 1 1-2-2a2 2 0 0 1 2 2'/%3E%3C/svg%3E");
}

.spinner {
    border: 16px solid silver;
    border-top: 16px solid #fff;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 700ms linear infinite;
    top: 40%;
    left: 40%;
    position: absolute;
}

.spinner2 {
    border: 16px solid silver;
    border-top: 16px solid #fff;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 700ms linear infinite;
    top: 40%;
    position: absolute;
}

.spinner3 {
    border: 16px solid silver;
    border-top-width: 16px;
    border-top-style: solid;
    border-top-color: silver;
    border-top: 16px solid #fff;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 700ms linear infinite;
    top: 40%;
    position: absolute;
    left: 45%;
}

.icon--uil {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask: no-repeat center / 100%;
    mask: no-repeat center / 100%;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
}

.icon--uil--copy {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M21 8.94a1.31 1.31 0 0 0-.06-.27v-.09a1.07 1.07 0 0 0-.19-.28l-6-6a1.07 1.07 0 0 0-.28-.19a.32.32 0 0 0-.09 0a.88.88 0 0 0-.33-.11H10a3 3 0 0 0-3 3v1H6a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3v-1h1a3 3 0 0 0 3-3V8.94Zm-6-3.53L17.59 8H16a1 1 0 0 1-1-1ZM15 19a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h1v7a3 3 0 0 0 3 3h5Zm4-4a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h3v3a3 3 0 0 0 3 3h3Z'/%3E%3C/svg%3E");
}

.icon--tabler {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask: no-repeat center / 100%;
    mask: no-repeat center / 100%;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
}

.icon--tabler--send {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 14L21 3m0 0l-6.5 18a.55.55 0 0 1-1 0L10 14l-7-3.5a.55.55 0 0 1 0-1L21 3'/%3E%3C/svg%3E");
}

.icon--ion {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask: no-repeat center / 100%;
    mask: no-repeat center / 100%;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
}

.icon--ion--duplicate-outline {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Crect width='336' height='336' x='128' y='128' fill='none' stroke='black' stroke-linejoin='round' stroke-width='32' rx='57' ry='57'/%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='32' d='m383.5 128l.5-24a56.16 56.16 0 0 0-56-56H112a64.19 64.19 0 0 0-64 64v216a56.16 56.16 0 0 0 56 56h24m168-168v160m80-80H216'/%3E%3C/svg%3E");
}

.icon--streamline {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask: no-repeat center / 100%;
    mask: no-repeat center / 100%;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
}

.icon--streamline--interface-text-formatting-list-bullets-points-bullet-unordered-list-lists-bullets {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' width='14' height='14'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='1' cy='2.5' r='.5'/%3E%3Cpath d='M4.5 2.5h9'/%3E%3Ccircle cx='1' cy='7' r='.5'/%3E%3Cpath d='M4.5 7h9'/%3E%3Ccircle cx='1' cy='11.5' r='.5'/%3E%3Cpath d='M4.5 11.5h9'/%3E%3C/g%3E%3C/svg%3E");
}

.icon--icon-park-outline {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask: no-repeat center / 100%;
    mask: no-repeat center / 100%;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
}

.icon--icon-park-outline--history-query {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cg fill='none' stroke='black' stroke-width='4'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M42 24V9a3 3 0 0 0-3-3H9a3 3 0 0 0-3 3v30a3 3 0 0 0 3 3h15'/%3E%3Ccircle cx='32' cy='32' r='6'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m37 36l5 4M14 16h20m-20 8h8'/%3E%3C/g%3E%3C/svg%3E");
}

.icon--humbleicons {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask: no-repeat center / 100%;
    mask: no-repeat center / 100%;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
}

.icon--humbleicons--chart {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-width='2' d='M17 5v15m-5-9v9m-5-6v6'/%3E%3C/svg%3E");
}

.icon--ep {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask: no-repeat center / 100%;
    mask: no-repeat center / 100%;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
}

.icon--ep--document {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='1024' height='1024'%3E%3Cpath fill='black' d='M832 384H576V128H192v768h640V384zm-26.496-64L640 154.496V320h165.504zM160 64h480l256 256v608a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32zm160 448h384v64H320v-64zm0-192h160v64H320v-64zm0 384h384v64H320v-64z'/%3E%3C/svg%3E");
}

.icon--ri {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask: no-repeat center / 100%;
    mask: no-repeat center / 100%;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
}

.icon--ri--arrow-drop-down-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Cpath fill='black' d='m12 15l-4.243-4.242l1.415-1.414L12 12.172l2.828-2.828l1.415 1.414z'/%3E%3C/svg%3E");
}

.icon--ri--arrow-drop-right-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12.172 12L9.343 9.173l1.415-1.414L15 12l-4.242 4.242l-1.415-1.414z'/%3E%3C/svg%3E");
}

.icon--ri--arrow-drop-left-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m11.828 12l2.829 2.829l-1.414 1.414L9 12.001l4.243-4.243l1.414 1.414z'/%3E%3C/svg%3E");
}

.icon--clarity {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask: no-repeat center / 100%;
    mask: no-repeat center / 100%;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
}

.icon--clarity--assign-user-line {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' width='36' height='36'%3E%3Cpath fill='black' d='M18 17a7.46 7.46 0 1 0-7.45-7.46A7.46 7.46 0 0 0 18 17m0-12.93a5.46 5.46 0 1 1-5.45 5.45A5.46 5.46 0 0 1 18 4.07' class='clr-i-outline clr-i-outline-path-1'/%3E%3Cpath fill='black' d='M6 31.89v-6.12a16.13 16.13 0 0 1 12-5a16.61 16.61 0 0 1 8.71 2.33l1.35-1.51A18.53 18.53 0 0 0 18 18.74A17.7 17.7 0 0 0 4.21 24.8a1 1 0 0 0-.21.6v6.49A2.06 2.06 0 0 0 6 34h12.39l-1.9-2Z' class='clr-i-outline clr-i-outline-path-2'/%3E%3Cpath fill='black' d='M30 31.89V32h-3.15l-1.8 2H30a2.06 2.06 0 0 0 2-2.07V26.2l-2 2.23Z' class='clr-i-outline clr-i-outline-path-3'/%3E%3Cpath fill='black' d='M34.76 18.62a1 1 0 0 0-1.41.08l-11.62 13l-5.2-5.59a1 1 0 0 0-1.41-.11a1 1 0 0 0-.06 1.42l6.69 7.2L34.84 20a1 1 0 0 0-.08-1.38' class='clr-i-outline clr-i-outline-path-4'/%3E%3Cpath fill='none' d='M0 0h36v36H0z'/%3E%3C/svg%3E");
}

.icon--guidance {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.icon--guidance--meeting-point {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' d='M14 24v-6.5a2 2 0 0 1 2-2v-8s-1.5-1-4-1s-4 1-4 1v8a2 2 0 0 1 2 2V24m-6.5 0v-6.5a2 2 0 0 0-2-2v-8s1.5-1 4-1m15 17.5v-6.5a2 2 0 0 1 2-2v-8s-1.5-1-4-1m-6.65-2s-1.6-1-1.6-2.25a1.747 1.747 0 1 1 3.496 0c0 1.25-1.596 2.25-1.596 2.25zm-6.5 0s-1.6-1-1.6-2.25a1.747 1.747 0 1 1 3.496 0C7.246 3.5 5.65 4.5 5.65 4.5zm13 0s-1.6-1-1.6-2.25a1.747 1.747 0 1 1 3.496 0c0 1.25-1.596 2.25-1.596 2.25z'/%3E%3C/svg%3E");
}

.icon--wpf {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.icon--wpf--inspection {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26' width='26' height='26'%3E%3Cpath fill='black' d='M13 0c-.7 0-1.206.294-1.406.594c-.1.1-.181.306-.281.406H10c-1.1 0-2 .9-2 2H6C4.3 3 3 4.3 3 6v17c0 1.7 1.3 3 3 3h14c1.7 0 3-1.3 3-3V6c0-1.7-1.3-3-3-3h-2c0-1.1-.9-2-2-2h-1.313c-.1-.1-.18-.306-.28-.406C14.206.294 13.7 0 13 0m-3 3h6v2h-6zM6 6h2.313c.3.6.987 1 1.687 1h6c.7 0 1.387-.4 1.688-1H20v17H6zm10.563 4.688c-.188 0-.37.068-.47.218l-4.405 4.688L10 14c-.3-.3-.8-.3-1 0l-.688.688c-.3.3-.3.8 0 1l2.782 2.624c.4.4 1.006.275 1.406-.125l5.406-5.78c.2-.2.207-.607-.093-.907l-.72-.594a.747.747 0 0 0-.53-.219z'/%3E%3C/svg%3E");
}

.icon--mdi {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.icon--mdi--report-problem {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M13 14h-2V9h2m0 9h-2v-2h2M1 21h22L12 2z'/%3E%3C/svg%3E");
}

.icon--mdi--reply-outline {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M8 9.8v.9l1.7.3c2.6.4 4.5 1.4 5.9 2.7c-1.7-.5-3.5-.8-5.6-.8H8v1.3L5.8 12zM10 5l-7 7l7 7v-4.1c5 0 8.5 1.6 11 5.1c-1-5-4-10-11-11'/%3E%3C/svg%3E");
}

.icon--mdi--cancel-outline {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3 16.74L7.76 12L3 7.26L7.26 3L12 7.76L16.74 3L21 7.26L16.24 12L21 16.74L16.74 21L12 16.24L7.26 21zm9-3.33l4.74 4.75l1.42-1.42L13.41 12l4.75-4.74l-1.42-1.42L12 10.59L7.26 5.84L5.84 7.26L10.59 12l-4.75 4.74l1.42 1.42z'/%3E%3C/svg%3E");
}

.icon--mdi--email-resend-outline {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3 4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h10.5a6.5 6.5 0 0 1-.5-2H3V8l8 5l8-5v3a7 7 0 0 1 .5 0a6.5 6.5 0 0 1 1.5.18V6c0-1.1-.9-2-2-2zm0 2h16l-8 5zm16 6l-2.25 2.25L19 16.5V15a2.5 2.5 0 0 1 2.5 2.5c0 .4-.09.78-.26 1.12l1.09 1.09c.42-.63.67-1.39.67-2.21c0-2.21-1.79-4-4-4zm-3.33 3.29c-.42.63-.67 1.39-.67 2.21c0 2.21 1.79 4 4 4V23l2.25-2.25L19 18.5V20a2.5 2.5 0 0 1-2.5-2.5c0-.4.09-.78.26-1.12z'/%3E%3C/svg%3E");
}

.icon--akar-icons {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.icon--akar-icons--eye {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21.257 10.962c.474.62.474 1.457 0 2.076C19.764 14.987 16.182 19 12 19c-4.182 0-7.764-4.013-9.257-5.962a1.692 1.692 0 0 1 0-2.076C4.236 9.013 7.818 5 12 5c4.182 0 7.764 4.013 9.257 5.962'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/g%3E%3C/svg%3E");
}

.icon--foundation {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.icon--foundation--map {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' width='100' height='100'%3E%3Cpath fill='black' d='M91.967 7.961c0-.016.005-.031.005-.047a2.733 2.733 0 0 0-2.73-2.733H39.559v.011L8.031 36.721h-.003v55.365h.003v.001a2.735 2.735 0 0 0 2.734 2.731h78.479a2.73 2.73 0 0 0 2.663-2.15h.06v-.536l.004-.044c.002-.022-.004-.029-.004-.044zm-24.328 7.177H82.01v24.597L63.897 21.621zM39.57 39.453a2.73 2.73 0 0 0 2.722-2.73V15.138H61.88l-27.17 47.06l-16.725-16.725v-6.02zM17.985 84.862V52.527L32.128 66.67L21.626 84.862zm9.4 0l33.93-58.769l20.696 20.696v38.073z'/%3E%3Cpath fill='black' d='M62.03 45.576c-6.645 0-12.026 5.387-12.026 12.027c0 2.659.873 5.109 2.334 7.1l7.759 13.439q.069.142.157.271l.016.027l.004-.002a2.16 2.16 0 0 0 3.405.132l.02.011l.075-.129a2.3 2.3 0 0 0 .287-.497l7.608-13.178a11.96 11.96 0 0 0 2.39-7.175c-.003-6.639-5.384-12.026-12.029-12.026M61.911 63.7a5.924 5.924 0 0 1-5.926-5.925a5.926 5.926 0 1 1 5.926 5.925'/%3E%3C/svg%3E");
}

.icon--material-symbols-light {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.icon--material-symbols-light--export-notes-outline-rounded {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19.096 17.566v1.684q0 .154.116.27q.115.114.269.114t.269-.115q.116-.115.116-.269v-2.596q0-.162-.122-.283q-.121-.121-.282-.121h-2.596q-.154 0-.27.116q-.115.115-.115.269q0 .153.115.269q.116.115.27.115h1.684l-2.258 2.258q-.111.112-.12.264q-.01.151.12.282q.119.112.277.112t.27-.112zM5.616 20q-.667 0-1.141-.475T4 18.386V5.615q0-.666.475-1.14T5.615 4h12.77q.666 0 1.14.475T20 5.615v5.116q0 .212-.144.356t-.357.144t-.356-.144t-.143-.356V5.616q0-.231-.192-.424T18.384 5H5.616q-.231 0-.424.192T5 5.616v12.769q0 .23.192.423t.423.192h5.116q.212 0 .356.144t.144.357t-.144.356t-.356.143zM5 18.007V19V5v6.306v-.075zm2.5-2.237q0 .213.144.356t.356.143h2.96q.212 0 .356-.144t.143-.356t-.143-.356t-.357-.144H8q-.213 0-.356.144q-.144.144-.144.357m0-3.77q0 .214.144.357T8 12.5h6.48q.213 0 .357-.144t.144-.357t-.144-.356t-.356-.143H8q-.213 0-.356.144t-.144.357m0-3.77q0 .213.144.357T8 8.73h8q.213 0 .356-.144q.144-.144.144-.357t-.144-.356T16 7.731H8q-.213 0-.356.144t-.144.357M18 22.116q-1.671 0-2.835-1.165Q14 19.787 14 18.116t1.165-2.836T18 14.116t2.836 1.164T22 18.116q0 1.67-1.164 2.835Q19.67 22.116 18 22.116'/%3E%3C/svg%3E");
}

.icon--proicons {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.pdf-2 {
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'%3E%3Cpath stroke-width='1.5' d='M7.792 21.25h8.416a3.5 3.5 0 0 0 3.5-3.5v-5.53a3.5 3.5 0 0 0-1.024-2.475l-5.969-5.97A3.5 3.5 0 0 0 10.24 2.75H7.792a3.5 3.5 0 0 0-3.5 3.5v11.5a3.5 3.5 0 0 0 3.5 3.5'/%3E%3Cpath stroke-width='1.5' d='M11.688 3.11v5.66a2 2 0 0 0 2 2h5.662'/%3E%3Cpath d='M7.25 16.5v-1m0 0v-2h1a1 1 0 0 1 1 1v0a1 1 0 0 1-1 1zm4 1v-3h.5a1.5 1.5 0 0 1 0 3zm4 0v-1.25m1.5-1.75h-1.5v1.75m0 0h1.5'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.icon--heroicons {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.document-magnifying-glass {
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m5.231 13.481L15 17.25m-4.5-15H5.625c-.621 0-1.125.504-1.125 1.125v16.5c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9m3.75 11.625a2.625 2.625 0 1 1-5.25 0a2.625 2.625 0 0 1 5.25 0'/%3E%3C/svg%3E");
}

.review-list {
    display: inline-block;
    width: 20px;
    height: 20px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M9 2.5a1 1 0 1 1-2 0a1 1 0 0 1 2 0m1.45-.5a2.5 2.5 0 0 0-4.9 0H3a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1zM8 5H5.5V3.5h-2v11h9v-11h-2V5zM5 7.75A.75.75 0 0 1 5.75 7h4.5a.75.75 0 0 1 0 1.5h-4.5A.75.75 0 0 1 5 7.75m.75 1.75a.75.75 0 0 0 0 1.5h4.5a.75.75 0 0 0 0-1.5z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}


.dragAndDropContainer {
    position: relative;
    width: 500px;
    height: 300px;
    border: 1px black solid;
    overflow: hidden;
    background-color: #eee;
    cursor: pointer;
}

.dragAndDropImg {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.dragAndDropPin {
    position: absolute;
    width: 10px;
    height: 10px;
    /*background-color: red;*/
    transition: all 0.5s;
    transform: translate(-50%, -50%);
    z-index: 1000000000;
}

.tooltip {
/*    position: relative;
    display: inline-block;
    cursor: default;*/
}

.calendarEventHover {
    visibility: hidden;
    padding: 10px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 0.25em;
    white-space: nowrap;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    transition-property: visibility;
    transition-delay: 0s;
    background-color: #fff;
    color: #000;
    border: solid 1px #000;
    border-radius: 10px;
    margin-left: 5px;
    padding: 5px;
    min-width: 225px;
}

.calendarEvent:hover .calendarEventHover {
    visibility: visible;
    transition-delay: 0.2s;
}