@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";
@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap";

:root {
    --white-color: #fff;
    --main-color: #1B3999;
    --link-color: #2E87DF;
    --link-color2: #0E60FF;
    --blue-color: #1B3999;
    --orange-color: #FE9900;
    --orange-color2: #EE7F00;
    --light-orange-color: #FFF9F1;
    --green-color: #01D167;
    --green-color2: #20BF30;
    --header-bg-color: #F1F8FE;
    --light-grey-color: #F6F9FC;
    --clamp14: clamp(12px, .72916vw, 14px);
    --clamp16: clamp(14px, .8333vw, 16px);
    --clamp18: clamp(16px, .9375vw, 18px);
    --clamp24: clamp(16px, 1.25vw, 24px);
    --clamp26: clamp(18px, 1.3541vw, 26px);
    --clamp28: clamp(20px, 1.4583vw, 28px);
    --clamp36: clamp(24px, 1.875vw, 36px);
    --clamp48: clamp(25px, 2.5vw, 48px);
    --clamp56: clamp(30px, 2.916vw, 56px);
    --clamp70: clamp(54px, 3.6458vw, 70px);
    --font-family: "Poppins", sans-serif
}

@charset "UTF-8";

/*!
 * Bootstrap  v5.2.0 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, .175);
    --bs-border-radius: .375rem;
    --bs-border-radius-sm: .25rem;
    --bs-border-radius-lg: .5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-link-color: #0d6efd;
    --bs-link-hover-color: #0a58ca;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd
}

*,
:after,
:before {
    box-sizing: border-box
}

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: 1px solid;
    opacity: .25
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h1,
h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media (min-width:1200px) {

    .h1,
    h1 {
        font-size: 2.5rem
    }
}

.h2,
h2 {
    font-size: calc(1.325rem + .9vw)
}

@media (min-width:1200px) {

    .h2,
    h2 {
        font-size: 2rem
    }
}

.h3,
h3 {
    font-size: calc(1.3rem + .6vw)
}

@media (min-width:1200px) {

    .h3,
    h3 {
        font-size: 1.75rem
    }
}

.h4,
h4 {
    font-size: calc(1.275rem + .3vw)
}

@media (min-width:1200px) {

    .h4,
    h4 {
        font-size: 1.5rem
    }
}

.h5,
h5 {
    font-size: 1.25rem
}

.h6,
h6 {
    font-size: 1rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,
ul {
    padding-left: 2rem
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

.small,
small {
    font-size: .875em
}

.mark,
mark {
    padding: .1875em;
    background-color: var(--bs-highlight-bg)
}

sub,
sup {
    position: relative;
    font-size: .75em;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: var(--bs-link-color);
    text-decoration: underline
}

a:hover {
    color: var(--bs-link-hover-color)
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,
kbd,
pre,
samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: .875em
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

code {
    font-size: .875em;
    color: var(--bs-code-color);
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .1875rem .375rem;
    font-size: .875em;
    color: var(--bs-body-bg);
    background-color: var(--bs-body-color);
    border-radius: .25rem
}

kbd kbd {
    padding: 0;
    font-size: 1em
}

figure {
    margin: 0 0 1rem
}

img,
svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: #6c757d;
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

tbody,
td,
tfoot,
th,
thead,
tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none !important
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit
}

@media (min-width:1200px) {
    legend {
        font-size: 1.5rem
    }
}

legend+* {
    clear: left
}

::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

::file-selector-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    display: list-item;
    cursor: pointer
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-1 {
        font-size: 5rem
    }
}

.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-2 {
        font-size: 4.5rem
    }
}

.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-3 {
        font-size: 4rem
    }
}

.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-4 {
        font-size: 3.5rem
    }
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-5 {
        font-size: 3rem
    }
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width:1200px) {
    .display-6 {
        font-size: 2.5rem
    }
}

.list-unstyled,
.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: .875em;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote>:last-child {
    margin-bottom: 0
}

.blockquote-footer {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: .875em;
    color: #6c757d
}

.blockquote-footer:before {
    content: "\2014\a0"
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid var(--bs-border-color);
    border-radius: .375rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: .875em;
    color: #6c757d
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {

    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }
}

@media (min-width:1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1320px
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

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

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

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

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

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

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

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

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

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

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

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

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0,
.gx-0 {
    --bs-gutter-x: 0
}

.g-0,
.gy-0 {
    --bs-gutter-y: 0
}

.g-1,
.gx-1 {
    --bs-gutter-x: .25rem
}

.g-1,
.gy-1 {
    --bs-gutter-y: .25rem
}

.g-2,
.gx-2 {
    --bs-gutter-x: .5rem
}

.g-2,
.gy-2 {
    --bs-gutter-y: .5rem
}

.g-3,
.gx-3 {
    --bs-gutter-x: 1rem
}

.g-3,
.gy-3 {
    --bs-gutter-y: 1rem
}

.g-4,
.gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4,
.gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5,
.gx-5 {
    --bs-gutter-x: 3rem
}

.g-5,
.gy-5 {
    --bs-gutter-y: 3rem
}

@media (min-width:576px) {
    .col-sm {
        flex: 1 0 0%
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

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

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

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

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

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

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

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

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-0,
    .gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0,
    .gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1,
    .gx-sm-1 {
        --bs-gutter-x: .25rem
    }

    .g-sm-1,
    .gy-sm-1 {
        --bs-gutter-y: .25rem
    }

    .g-sm-2,
    .gx-sm-2 {
        --bs-gutter-x: .5rem
    }

    .g-sm-2,
    .gy-sm-2 {
        --bs-gutter-y: .5rem
    }

    .g-sm-3,
    .gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3,
    .gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4,
    .gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4,
    .gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5,
    .gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5,
    .gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:768px) {
    .col-md {
        flex: 1 0 0%
    }

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

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

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

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

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

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

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

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

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }

    .g-md-0,
    .gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0,
    .gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1,
    .gx-md-1 {
        --bs-gutter-x: .25rem
    }

    .g-md-1,
    .gy-md-1 {
        --bs-gutter-y: .25rem
    }

    .g-md-2,
    .gx-md-2 {
        --bs-gutter-x: .5rem
    }

    .g-md-2,
    .gy-md-2 {
        --bs-gutter-y: .5rem
    }

    .g-md-3,
    .gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3,
    .gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4,
    .gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4,
    .gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5,
    .gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5,
    .gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:992px) {
    .col-lg {
        flex: 1 0 0%
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

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

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

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

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

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

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

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

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .g-lg-0,
    .gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0,
    .gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1,
    .gx-lg-1 {
        --bs-gutter-x: .25rem
    }

    .g-lg-1,
    .gy-lg-1 {
        --bs-gutter-y: .25rem
    }

    .g-lg-2,
    .gx-lg-2 {
        --bs-gutter-x: .5rem
    }

    .g-lg-2,
    .gy-lg-2 {
        --bs-gutter-y: .5rem
    }

    .g-lg-3,
    .gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3,
    .gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4,
    .gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4,
    .gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5,
    .gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5,
    .gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:1200px) {
    .col-xl {
        flex: 1 0 0%
    }

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

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

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

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

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

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

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

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

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-0,
    .gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0,
    .gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1,
    .gx-xl-1 {
        --bs-gutter-x: .25rem
    }

    .g-xl-1,
    .gy-xl-1 {
        --bs-gutter-y: .25rem
    }

    .g-xl-2,
    .gx-xl-2 {
        --bs-gutter-x: .5rem
    }

    .g-xl-2,
    .gy-xl-2 {
        --bs-gutter-y: .5rem
    }

    .g-xl-3,
    .gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3,
    .gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4,
    .gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4,
    .gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5,
    .gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5,
    .gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:1400px) {
    .col-xxl {
        flex: 1 0 0%
    }

    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

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

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

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

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

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

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

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

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxl-0,
    .gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0,
    .gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1,
    .gx-xxl-1 {
        --bs-gutter-x: .25rem
    }

    .g-xxl-1,
    .gy-xxl-1 {
        --bs-gutter-y: .25rem
    }

    .g-xxl-2,
    .gx-xxl-2 {
        --bs-gutter-x: .5rem
    }

    .g-xxl-2,
    .gy-xxl-2 {
        --bs-gutter-y: .5rem
    }

    .g-xxl-3,
    .gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3,
    .gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4,
    .gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4,
    .gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5,
    .gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5,
    .gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

.table {
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-striped-bg: rgba(0, 0, 0, .05);
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-active-bg: rgba(0, 0, 0, .1);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: rgba(0, 0, 0, .075);
    width: 100%;
    margin-bottom: 1rem;
    color: var(--bs-table-color);
    vertical-align: top;
    border-color: var(--bs-table-border-color)
}

.table>:not(caption)>*>* {
    padding: .5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)
}

.table>tbody {
    vertical-align: inherit
}

.table>thead {
    vertical-align: bottom
}

.table-group-divider {
    border-top: 2px solid currentcolor
}

.caption-top {
    caption-side: top
}

.table-sm>:not(caption)>*>* {
    padding: .25rem
}

.table-bordered>:not(caption)>* {
    border-width: 1px 0
}

.table-bordered>:not(caption)>*>* {
    border-width: 0 1px
}

.table-borderless>:not(caption)>*>* {
    border-bottom-width: 0
}

.table-borderless>:not(:first-child) {
    border-top-width: 0
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color)
}

.table-striped-columns>:not(caption)>tr>:nth-child(2n) {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color)
}

.table-active {
    --bs-table-accent-bg: var(--bs-table-active-bg);
    color: var(--bs-table-active-color)
}

.table-hover>tbody>tr:hover>* {
    --bs-table-accent-bg: var(--bs-table-hover-bg);
    color: var(--bs-table-hover-color)
}

.table-primary {
    --bs-table-color: #000;
    --bs-table-bg: #cfe2ff;
    --bs-table-border-color: #bacbe6;
    --bs-table-striped-bg: #c5d7f2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bacbe6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfd1ec;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-secondary {
    --bs-table-color: #000;
    --bs-table-bg: #e2e3e5;
    --bs-table-border-color: #cbccce;
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-success {
    --bs-table-color: #000;
    --bs-table-bg: #d1e7dd;
    --bs-table-border-color: #bcd0c7;
    --bs-table-striped-bg: #c7dbd2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bcd0c7;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c1d6cc;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-info {
    --bs-table-color: #000;
    --bs-table-bg: #cff4fc;
    --bs-table-border-color: #badce3;
    --bs-table-striped-bg: #c5e8ef;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #badce3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfe2e9;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-warning {
    --bs-table-color: #000;
    --bs-table-bg: #fff3cd;
    --bs-table-border-color: #e6dbb9;
    --bs-table-striped-bg: #f2e7c3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e6dbb9;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ece1be;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-danger {
    --bs-table-color: #000;
    --bs-table-bg: #f8d7da;
    --bs-table-border-color: #dfc2c4;
    --bs-table-striped-bg: #eccccf;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfc2c4;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5c7ca;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-light {
    --bs-table-color: #000;
    --bs-table-bg: #f8f9fa;
    --bs-table-border-color: #dfe0e1;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-dark {
    --bs-table-color: #fff;
    --bs-table-bg: #212529;
    --bs-table-border-color: #373b3e;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

@media (max-width:575.98px) {
    .table-responsive-sm {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:767.98px) {
    .table-responsive-md {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:991.98px) {
    .table-responsive-lg {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:1199.98px) {
    .table-responsive-xl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width:1399.98px) {
    .table-responsive-xxl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

.form-label {
    margin-bottom: .5rem
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem
}

.form-text {
    margin-top: .25rem;
    font-size: .875em;
    color: #6c757d
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    appearance: none;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control[type=file] {
    overflow: hidden
}

.form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

.form-control::-webkit-date-and-time-value {
    height: 1.5em
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled {
    background-color: #e9ecef;
    opacity: 1
}

.form-control::-webkit-file-upload-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    margin-inline-end: .75rem;
    color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control::file-selector-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    margin-inline-end: .75rem;
    color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none
    }

    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #dde0e3
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #dde0e3
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext:focus {
    outline: 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    min-height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .25rem
}

.form-control-sm::-webkit-file-upload-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    margin-inline-end: .5rem
}

.form-control-sm::file-selector-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    margin-inline-end: .5rem
}

.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .5rem
}

.form-control-lg::-webkit-file-upload-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    margin-inline-end: 1rem
}

.form-control-lg::file-selector-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    margin-inline-end: 1rem
}

textarea.form-control {
    min-height: calc(1.5em + .75rem + 2px)
}

textarea.form-control-sm {
    min-height: calc(1.5em + .5rem + 2px)
}

textarea.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px)
}

.form-control-color {
    width: 3rem;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem
}

.form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control-color::-moz-color-swatch {
    border: 0 !important;
    border-radius: .375rem
}

.form-control-color::-webkit-color-swatch {
    border-radius: .375rem
}

.form-control-color.form-control-sm {
    height: calc(1.5em + .5rem + 2px)
}

.form-control-color.form-control-lg {
    height: calc(1.5em + 1rem + 2px)
}

.form-select {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .form-select {
        transition: none
    }
}

.form-select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

.form-select[multiple],
.form-select[size]:not([size="1"]) {
    padding-right: .75rem;
    background-image: none
}

.form-select:disabled {
    background-color: #e9ecef
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #212529
}

.form-select-sm {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem;
    border-radius: .25rem
}

.form-select-lg {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
    border-radius: .5rem
}

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem
}

.form-check .form-check-input {
    float: left;
    margin-left: -1.5em
}

.form-check-reverse {
    padding-right: 1.5em;
    padding-left: 0;
    text-align: right
}

.form-check-reverse .form-check-input {
    float: right;
    margin-right: -1.5em;
    margin-left: 0
}

.form-check-input {
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, .25);
    -webkit-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact
}

.form-check-input[type=checkbox] {
    border-radius: .25em
}

.form-check-input[type=radio] {
    border-radius: 50%
}

.form-check-input:active {
    filter: brightness(90%)
}

.form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

.form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd
}

.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #0d6efd;
    border-color: #0d6efd;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: .5
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    cursor: default;
    opacity: .5
}

.form-switch {
    padding-left: 2.5em
}

.form-switch .form-check-input {
    width: 2em;
    margin-left: -2.5em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    background-position: left center;
    border-radius: 2em;
    transition: background-position .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-switch .form-check-input {
        transition: none
    }
}

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.form-switch.form-check-reverse {
    padding-right: 2.5em;
    padding-left: 0
}

.form-switch.form-check-reverse .form-check-input {
    margin-right: -2.5em;
    margin-left: 0
}

.form-check-inline {
    display: inline-block;
    margin-right: 1rem
}

.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.btn-check:disabled+.btn,
.btn-check[disabled]+.btn {
    pointer-events: none;
    filter: none;
    opacity: .65
}

.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none
}

.form-range:focus {
    outline: 0
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem #0d6efd40
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem #0d6efd40
}

.form-range::-moz-focus-outer {
    border: 0
}

.form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .form-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: #b6d4fe
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .form-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.form-range::-moz-range-thumb:active {
    background-color: #b6d4fe
}

.form-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.form-range:disabled {
    pointer-events: none
}

.form-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.form-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.form-floating {
    position: relative
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
    height: calc(3.5rem + 2px);
    line-height: 1.25
}

.form-floating>label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1rem .75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out, transform .1s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-floating>label {
        transition: none
    }
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext {
    padding: 1rem .75rem
}

.form-floating>.form-control-plaintext::placeholder,
.form-floating>.form-control::placeholder {
    color: transparent
}

.form-floating>.form-control-plaintext:focus,
.form-floating>.form-control-plaintext:not(:placeholder-shown),
.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control-plaintext:-webkit-autofill,
.form-floating>.form-control:-webkit-autofill {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-select {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control-plaintext~label,
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translate(.15rem)
}

.form-floating>.form-control:-webkit-autofill~label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translate(.15rem)
}

.form-floating>.form-control-plaintext~label {
    border-width: 1px 0
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.form-control,
.input-group>.form-floating,
.input-group>.form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0
}

.input-group>.form-control:focus,
.input-group>.form-floating:focus-within,
.input-group>.form-select:focus {
    z-index: 3
}

.input-group .btn {
    position: relative;
    z-index: 2
}

.input-group .btn:focus {
    z-index: 3
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .375rem
}

.input-group-lg>.btn,
.input-group-lg>.form-control,
.input-group-lg>.form-select,
.input-group-lg>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .5rem
}

.input-group-sm>.btn,
.input-group-sm>.form-control,
.input-group-sm>.form-select,
.input-group-sm>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .25rem
}

.input-group-lg>.form-select,
.input-group-sm>.form-select {
    padding-right: 3rem
}

.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,
.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.form-floating:not(:first-child)>.form-control,
.input-group>.form-floating:not(:first-child)>.form-select,
.input-group>:not(:first-child):not(.dropdown-menu):not(.form-floating):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #198754
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: #198754e6;
    border-radius: .375rem
}

.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: #198754;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 .25rem #19875440
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-valid,
.was-validated .form-select:valid {
    border-color: #198754
}

.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"],
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-position: right .75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-select.is-valid:focus,
.was-validated .form-select:valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 .25rem #19875440
}

.form-control-color.is-valid,
.was-validated .form-control-color:valid {
    width: calc(3.75rem + 1.5em)
}

.form-check-input.is-valid,
.was-validated .form-check-input:valid {
    border-color: #198754
}

.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
    background-color: #198754
}

.form-check-input.is-valid:focus,
.was-validated .form-check-input:valid:focus {
    box-shadow: 0 0 0 .25rem #19875440
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: #198754
}

.form-check-inline .form-check-input~.valid-feedback {
    margin-left: .5em
}

.input-group .form-control.is-valid,
.input-group .form-select.is-valid,
.was-validated .input-group .form-control:valid,
.was-validated .input-group .form-select:valid {
    z-index: 1
}

.input-group .form-control.is-valid:focus,
.input-group .form-select.is-valid:focus,
.was-validated .input-group .form-control:valid:focus,
.was-validated .input-group .form-select:valid:focus {
    z-index: 3
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: #dc3545e6;
    border-radius: .375rem
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .25rem #dc354540
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-invalid,
.was-validated .form-select:invalid {
    border-color: #dc3545
}

.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-position: right .75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .25rem #dc354540
}

.form-control-color.is-invalid,
.was-validated .form-control-color:invalid {
    width: calc(3.75rem + 1.5em)
}

.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
    border-color: #dc3545
}

.form-check-input.is-invalid:checked,
.was-validated .form-check-input:invalid:checked {
    background-color: #dc3545
}

.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
    box-shadow: 0 0 0 .25rem #dc354540
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545
}

.form-check-inline .form-check-input~.invalid-feedback {
    margin-left: .5em
}

.input-group .form-control.is-invalid,
.input-group .form-select.is-invalid,
.was-validated .input-group .form-control:invalid,
.was-validated .input-group .form-select:invalid {
    z-index: 2
}

.input-group .form-control.is-invalid:focus,
.input-group .form-select.is-invalid:focus,
.was-validated .input-group .form-control:invalid:focus,
.was-validated .input-group .form-select:invalid:focus {
    z-index: 3
}

.btn {
    --bs-btn-padding-x: .75rem;
    --bs-btn-padding-y: .375rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: #212529;
    --bs-btn-bg: transparent;
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: .375rem;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    --bs-btn-disabled-opacity: .65;
    --bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color)
}

.btn-check:focus+.btn,
.btn:focus {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:active+.btn,
.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:active {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color)
}

.btn-check:active+.btn:focus,
.btn-check:checked+.btn:focus,
.btn.active:focus,
.btn.show:focus,
.btn:active:focus {
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity)
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5c636a;
    --bs-btn-hover-border-color: #565e64;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #565e64;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #157347;
    --bs-btn-hover-border-color: #146c43;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #146c43;
    --bs-btn-active-border-color: #13653f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #198754;
    --bs-btn-disabled-border-color: #198754
}

.btn-info {
    --bs-btn-color: #000;
    --bs-btn-bg: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #31d2f2;
    --bs-btn-hover-border-color: #25cff2;
    --bs-btn-focus-shadow-rgb: 11, 172, 204;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #3dd5f3;
    --bs-btn-active-border-color: #25cff2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #0dcaf0;
    --bs-btn-disabled-border-color: #0dcaf0
}

.btn-warning {
    --bs-btn-color: #000;
    --bs-btn-bg: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffca2c;
    --bs-btn-hover-border-color: #ffc720;
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffcd39;
    --bs-btn-active-border-color: #ffc720;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ffc107;
    --bs-btn-disabled-border-color: #ffc107
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bb2d3b;
    --bs-btn-hover-border-color: #b02a37;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b02a37;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545
}

.btn-light {
    --bs-btn-color: #000;
    --bs-btn-bg: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #d3d4d5;
    --bs-btn-hover-border-color: #c6c7c8;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c6c7c8;
    --bs-btn-active-border-color: #babbbc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa
}

.btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #424649;
    --bs-btn-hover-border-color: #373b3e;
    --bs-btn-focus-shadow-rgb: 66, 70, 73;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4d5154;
    --bs-btn-active-border-color: #373b3e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #212529;
    --bs-btn-disabled-border-color: #212529
}

.btn-outline-primary {
    --bs-btn-color: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0d6efd;
    --bs-btn-hover-border-color: #0d6efd;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0d6efd;
    --bs-btn-active-border-color: #0d6efd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #0d6efd;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0d6efd;
    --bs-gradient: none
}

.btn-outline-secondary {
    --bs-btn-color: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6c757d;
    --bs-btn-active-border-color: #6c757d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6c757d;
    --bs-gradient: none
}

.btn-outline-success {
    --bs-btn-color: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #198754;
    --bs-btn-hover-border-color: #198754;
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #198754;
    --bs-btn-active-border-color: #198754;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #198754;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #198754;
    --bs-gradient: none
}

.btn-outline-info {
    --bs-btn-color: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #0dcaf0;
    --bs-btn-hover-border-color: #0dcaf0;
    --bs-btn-focus-shadow-rgb: 13, 202, 240;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #0dcaf0;
    --bs-btn-active-border-color: #0dcaf0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #0dcaf0;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0dcaf0;
    --bs-gradient: none
}

.btn-outline-warning {
    --bs-btn-color: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffc107;
    --bs-btn-hover-border-color: #ffc107;
    --bs-btn-focus-shadow-rgb: 255, 193, 7;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffc107;
    --bs-btn-active-border-color: #ffc107;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #ffc107;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ffc107;
    --bs-gradient: none
}

.btn-outline-danger {
    --bs-btn-color: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #dc3545;
    --bs-btn-hover-border-color: #dc3545;
    --bs-btn-focus-shadow-rgb: 220, 53, 69;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #dc3545;
    --bs-btn-active-border-color: #dc3545;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #dc3545;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #dc3545;
    --bs-gradient: none
}

.btn-outline-light {
    --bs-btn-color: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f8f9fa;
    --bs-btn-hover-border-color: #f8f9fa;
    --bs-btn-focus-shadow-rgb: 248, 249, 250;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f8f9fa;
    --bs-btn-active-border-color: #f8f9fa;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #f8f9fa;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f8f9fa;
    --bs-gradient: none
}

.btn-outline-dark {
    --bs-btn-color: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #212529;
    --bs-btn-hover-border-color: #212529;
    --bs-btn-focus-shadow-rgb: 33, 37, 41;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #212529;
    --bs-btn-active-border-color: #212529;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #212529;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #212529;
    --bs-gradient: none
}

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: none;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    text-decoration: underline
}

.btn-link:focus {
    color: var(--bs-btn-color)
}

.btn-link:hover {
    color: var(--bs-btn-hover-color)
}

.btn-group-lg>.btn,
.btn-lg {
    --bs-btn-padding-y: .5rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 1.25rem;
    --bs-btn-border-radius: .5rem
}

.btn-group-sm>.btn,
.btn-sm {
    --bs-btn-padding-y: .25rem;
    --bs-btn-padding-x: .5rem;
    --bs-btn-font-size: .875rem;
    --bs-btn-border-radius: .25rem
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing.collapse-horizontal {
        transition: none
    }
}

.dropdown,
.dropdown-center,
.dropend,
.dropstart,
.dropup,
.dropup-center {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty:after {
    margin-left: 0
}

.dropdown-menu {
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: .5rem;
    --bs-dropdown-spacer: .125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: #212529;
    --bs-dropdown-bg: #fff;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: .375rem;
    --bs-dropdown-border-width: 1px;
    --bs-dropdown-inner-border-radius: calc(.375rem - 1px);
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: .5rem;
    --bs-dropdown-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    --bs-dropdown-link-color: #212529;
    --bs-dropdown-link-hover-color: #1e2125;
    --bs-dropdown-link-hover-bg: #e9ecef;
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: .25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: .5rem;
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius)
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: var(--bs-dropdown-spacer)
}

.dropdown-menu-start {
    --bs-position: start
}

.dropdown-menu-start[data-bs-popper] {
    right: auto;
    left: 0
}

.dropdown-menu-end {
    --bs-position: end
}

.dropdown-menu-end[data-bs-popper] {
    right: 0;
    left: auto
}

@media (min-width:576px) {
    .dropdown-menu-sm-start {
        --bs-position: start
    }

    .dropdown-menu-sm-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-sm-end {
        --bs-position: end
    }

    .dropdown-menu-sm-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width:768px) {
    .dropdown-menu-md-start {
        --bs-position: start
    }

    .dropdown-menu-md-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-md-end {
        --bs-position: end
    }

    .dropdown-menu-md-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width:992px) {
    .dropdown-menu-lg-start {
        --bs-position: start
    }

    .dropdown-menu-lg-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-lg-end {
        --bs-position: end
    }

    .dropdown-menu-lg-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width:1200px) {
    .dropdown-menu-xl-start {
        --bs-position: start
    }

    .dropdown-menu-xl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xl-end {
        --bs-position: end
    }

    .dropdown-menu-xl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width:1400px) {
    .dropdown-menu-xxl-start {
        --bs-position: start
    }

    .dropdown-menu-xxl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xxl-end {
        --bs-position: end
    }

    .dropdown-menu-xxl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: var(--bs-dropdown-spacer)
}

.dropup .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: var(--bs-dropdown-spacer)
}

.dropend .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropend .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropend .dropdown-toggle:after {
    vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: var(--bs-dropdown-spacer)
}

.dropstart .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropstart .dropdown-toggle:after {
    display: none
}

.dropstart .dropdown-toggle:before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropstart .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropstart .dropdown-toggle:before {
    vertical-align: 0
}

.dropdown-divider {
    height: 0;
    margin: var(--bs-dropdown-divider-margin-y) 0;
    overflow: hidden;
    border-top: 1px solid var(--bs-dropdown-divider-bg);
    opacity: 1
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: var(--bs-dropdown-link-hover-color);
    background-color: var(--bs-dropdown-link-hover-bg)
}

.dropdown-item.active,
.dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: var(--bs-dropdown-link-active-bg)
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: var(--bs-dropdown-link-disabled-color);
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
    margin-bottom: 0;
    font-size: .875rem;
    color: var(--bs-dropdown-header-color);
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    color: var(--bs-dropdown-link-color)
}

.dropdown-menu-dark {
    --bs-dropdown-color: #dee2e6;
    --bs-dropdown-bg: #343a40;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-box-shadow: ;
    --bs-dropdown-link-color: #dee2e6;
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-link-hover-bg: rgba(255, 255, 255, .15);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-header-color: #adb5bd
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group-vertical>.btn-check:checked+.btn,
.btn-group-vertical>.btn-check:focus+.btn,
.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn-check:checked+.btn,
.btn-group>.btn-check:focus+.btn,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group {
    border-radius: .375rem
}

.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child) {
    margin-left: -1px
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn.dropdown-toggle-split:first-child,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:nth-child(n+3),
.btn-group>:not(.btn-check)+.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split:after,
.dropend .dropdown-toggle-split:after,
.dropup .dropdown-toggle-split:after {
    margin-left: 0
}

.dropstart .dropdown-toggle-split:before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn~.btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: .5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: #6c757d;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .nav-link {
        transition: none
    }
}

.nav-link:focus,
.nav-link:hover {
    color: var(--bs-nav-link-hover-color)
}

.nav-link.disabled {
    color: var(--bs-nav-link-disabled-color);
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    --bs-nav-tabs-border-width: 1px;
    --bs-nav-tabs-border-color: #dee2e6;
    --bs-nav-tabs-border-radius: .375rem;
    --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
    --bs-nav-tabs-link-active-color: #495057;
    --bs-nav-tabs-link-active-bg: #fff;
    --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}

.nav-tabs .nav-link {
    margin-bottom: calc(var(--bs-nav-tabs-border-width) * -1);
    background: 0 0;
    border: var(--bs-nav-tabs-border-width) solid transparent;
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
    border-top-right-radius: var(--bs-nav-tabs-border-radius)
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color: var(--bs-nav-tabs-link-hover-border-color)
}

.nav-tabs .nav-link.disabled,
.nav-tabs .nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: var(--bs-nav-tabs-link-active-color);
    background-color: var(--bs-nav-tabs-link-active-bg);
    border-color: var(--bs-nav-tabs-link-active-border-color)
}

.nav-tabs .dropdown-menu {
    margin-top: calc(var(--bs-nav-tabs-border-width) * -1);
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills {
    --bs-nav-pills-border-radius: .375rem;
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #0d6efd
}

.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: var(--bs-nav-pills-border-radius)
}

.nav-pills .nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    background-color: transparent;
    border-color: transparent
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: var(--bs-nav-pills-link-active-bg)
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
    width: 100%
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: .5rem;
    --bs-navbar-color: rgba(0, 0, 0, .55);
    --bs-navbar-hover-color: rgba(0, 0, 0, .7);
    --bs-navbar-disabled-color: rgba(0, 0, 0, .3);
    --bs-navbar-active-color: rgba(0, 0, 0, .9);
    --bs-navbar-brand-padding-y: .3125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: rgba(0, 0, 0, .9);
    --bs-navbar-brand-hover-color: rgba(0, 0, 0, .9);
    --bs-navbar-nav-link-padding-x: .5rem;
    --bs-navbar-toggler-padding-y: .25rem;
    --bs-navbar-toggler-padding-x: .75rem;
    --bs-navbar-toggler-font-size: 1.25rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --bs-navbar-toggler-border-color: rgba(0, 0, 0, .1);
    --bs-navbar-toggler-border-radius: .375rem;
    --bs-navbar-toggler-focus-width: .25rem;
    --bs-navbar-toggler-transition: box-shadow .15s ease-in-out;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)
}

.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-lg,
.navbar>.container-md,
.navbar>.container-sm,
.navbar>.container-xl,
.navbar>.container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    padding-top: var(--bs-navbar-brand-padding-y);
    padding-bottom: var(--bs-navbar-brand-padding-y);
    margin-right: var(--bs-navbar-brand-margin-end);
    font-size: var(--bs-navbar-brand-font-size);
    color: var(--bs-navbar-brand-color);
    text-decoration: none;
    white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
    color: var(--bs-navbar-brand-hover-color)
}

.navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: .5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link.active,
.navbar-nav .show>.nav-link {
    color: var(--bs-navbar-active-color)
}

.navbar-nav .dropdown-menu {
    position: static
}

.navbar-text {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: var(--bs-navbar-color)
}

.navbar-text a,
.navbar-text a:focus,
.navbar-text a:hover {
    color: var(--bs-navbar-active-color)
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: transparent;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition)
}

@media (prefers-reduced-motion:reduce) {
    .navbar-toggler {
        transition: none
    }
}

.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width)
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.navbar-nav-scroll {
    max-height: var(--bs-scroll-height, 75vh);
    overflow-y: auto
}

@media (min-width:576px) {
    .navbar-expand-sm {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-sm .navbar-toggler {
        display: none
    }

    .navbar-expand-sm .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }

    .navbar-expand-sm .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-sm .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width:768px) {
    .navbar-expand-md {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-md .navbar-toggler {
        display: none
    }

    .navbar-expand-md .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }

    .navbar-expand-md .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-md .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width:992px) {
    .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler {
        display: none
    }

    .navbar-expand-lg .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }

    .navbar-expand-lg .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-lg .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width:1200px) {
    .navbar-expand-xl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-xl .navbar-toggler {
        display: none
    }

    .navbar-expand-xl .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }

    .navbar-expand-xl .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-xl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width:1400px) {
    .navbar-expand-xxl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xxl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-xxl .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-xxl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-xxl .navbar-toggler {
        display: none
    }

    .navbar-expand-xxl .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }

    .navbar-expand-xxl .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-xxl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x)
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-expand .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none
}

.navbar-expand .offcanvas .offcanvas-header {
    display: none
}

.navbar-expand .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
}

.navbar-dark {
    --bs-navbar-color: rgba(255, 255, 255, .55);
    --bs-navbar-hover-color: rgba(255, 255, 255, .75);
    --bs-navbar-disabled-color: rgba(255, 255, 255, .25);
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, .1);
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: .5rem;
    --bs-card-border-width: 1px;
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: .375rem;
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(.375rem - 1px);
    --bs-card-cap-padding-y: .5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(0, 0, 0, .03);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: #fff;
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: .75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius)
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color)
}

.card-title {
    margin-bottom: var(--bs-card-title-spacer-y)
}

.card-subtitle {
    margin-top: calc(-.5 * var(--bs-card-title-spacer-y));
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link+.card-link {
    margin-left: var(--bs-card-spacer-x)
}

.card-header {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    margin-bottom: 0;
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

.card-header:first-child {
    border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
}

.card-footer {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-top: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

.card-footer:last-child {
    border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
}

.card-header-tabs {
    margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
    margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
    margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
    border-bottom: 0
}

.card-header-tabs .nav-link.active {
    background-color: var(--bs-card-bg);
    border-bottom-color: var(--bs-card-bg)
}

.card-header-pills {
    margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
    margin-left: calc(-.5 * var(--bs-card-cap-padding-x))
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: var(--bs-card-img-overlay-padding);
    border-radius: var(--bs-card-inner-border-radius)
}

.card-img,
.card-img-bottom,
.card-img-top {
    width: 100%
}

.card-img,
.card-img-top {
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

.card-group>.card {
    margin-bottom: var(--bs-card-group-margin)
}

@media (min-width:576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }

    .card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0
    }

    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }

    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-header,
    .card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-footer,
    .card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-header,
    .card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-footer,
    .card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.accordion {
    --bs-accordion-color: #000;
    --bs-accordion-bg: #fff;
    --bs-accordion-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: 1px;
    --bs-accordion-border-radius: .375rem;
    --bs-accordion-inner-border-radius: calc(.375rem - 1px);
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-body-color%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform .2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-border-color: #86b7fe;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: #0c63e4;
    --bs-accordion-active-bg: #e7f1ff
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition)
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button {
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color)
}

.accordion-button:not(.collapsed):after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform)
}

.accordion-button:after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition)
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button:after {
        transition: none
    }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    z-index: 3;
    border-color: var(--bs-accordion-btn-focus-border-color);
    outline: 0;
    box-shadow: var(--bs-accordion-btn-focus-box-shadow)
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
}

.accordion-item:first-of-type {
    border-top-left-radius: var(--bs-accordion-border-radius);
    border-top-right-radius: var(--bs-accordion-border-radius)
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: var(--bs-accordion-inner-border-radius);
    border-top-right-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:not(:first-of-type) {
    border-top: 0
}

.accordion-item:last-of-type {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius)
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
    border-bottom-left-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius)
}

.accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
}

.accordion-flush .accordion-collapse {
    border-width: 0
}

.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.accordion-flush .accordion-item:first-child {
    border-top: 0
}

.accordion-flush .accordion-item:last-child {
    border-bottom: 0
}

.accordion-flush .accordion-item .accordion-button {
    border-radius: 0
}

.breadcrumb {
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 0;
    --bs-breadcrumb-margin-bottom: 1rem;
    --bs-breadcrumb-bg: ;
    --bs-breadcrumb-border-radius: ;
    --bs-breadcrumb-divider-color: #6c757d;
    --bs-breadcrumb-item-padding-x: .5rem;
    --bs-breadcrumb-item-active-color: #6c757d;
    display: flex;
    flex-wrap: wrap;
    padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
    margin-bottom: var(--bs-breadcrumb-margin-bottom);
    font-size: var(--bs-breadcrumb-font-size);
    list-style: none;
    background-color: var(--bs-breadcrumb-bg);
    border-radius: var(--bs-breadcrumb-border-radius)
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: var(--bs-breadcrumb-item-padding-x)
}

.breadcrumb-item+.breadcrumb-item:before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: var(--bs-breadcrumb-divider-color);
    content: var(--bs-breadcrumb-divider, "/")
}

.breadcrumb-item.active {
    color: var(--bs-breadcrumb-item-active-color)
}

.pagination {
    --bs-pagination-padding-x: .75rem;
    --bs-pagination-padding-y: .375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--bs-link-color);
    --bs-pagination-bg: #fff;
    --bs-pagination-border-width: 1px;
    --bs-pagination-border-color: #dee2e6;
    --bs-pagination-border-radius: .375rem;
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: #e9ecef;
    --bs-pagination-hover-border-color: #dee2e6;
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: #e9ecef;
    --bs-pagination-focus-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #0d6efd;
    --bs-pagination-active-border-color: #0d6efd;
    --bs-pagination-disabled-color: #6c757d;
    --bs-pagination-disabled-bg: #fff;
    --bs-pagination-disabled-border-color: #dee2e6;
    display: flex;
    padding-left: 0;
    list-style: none
}

.page-link {
    position: relative;
    display: block;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    color: var(--bs-pagination-color);
    text-decoration: none;
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .page-link {
        transition: none
    }
}

.page-link:hover {
    z-index: 2;
    color: var(--bs-pagination-hover-color);
    background-color: var(--bs-pagination-hover-bg);
    border-color: var(--bs-pagination-hover-border-color)
}

.page-link:focus {
    z-index: 3;
    color: var(--bs-pagination-focus-color);
    background-color: var(--bs-pagination-focus-bg);
    outline: 0;
    box-shadow: var(--bs-pagination-focus-box-shadow)
}

.active>.page-link,
.page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color)
}

.disabled>.page-link,
.page-link.disabled {
    color: var(--bs-pagination-disabled-color);
    pointer-events: none;
    background-color: var(--bs-pagination-disabled-bg);
    border-color: var(--bs-pagination-disabled-border-color)
}

.page-item:not(:first-child) .page-link {
    margin-left: -1px
}

.page-item:first-child .page-link {
    border-top-left-radius: var(--bs-pagination-border-radius);
    border-bottom-left-radius: var(--bs-pagination-border-radius)
}

.page-item:last-child .page-link {
    border-top-right-radius: var(--bs-pagination-border-radius);
    border-bottom-right-radius: var(--bs-pagination-border-radius)
}

.pagination-lg {
    --bs-pagination-padding-x: 1.5rem;
    --bs-pagination-padding-y: .75rem;
    --bs-pagination-font-size: 1.25rem;
    --bs-pagination-border-radius: .5rem
}

.pagination-sm {
    --bs-pagination-padding-x: .5rem;
    --bs-pagination-padding-y: .25rem;
    --bs-pagination-font-size: .875rem;
    --bs-pagination-border-radius: .25rem
}

.badge {
    --bs-badge-padding-x: .65em;
    --bs-badge-padding-y: .35em;
    --bs-badge-font-size: .75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: .375rem;
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius)
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: 1px solid var(--bs-alert-border-color);
    --bs-alert-border-radius: .375rem;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius)
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 3rem
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1rem
}

.alert-primary {
    --bs-alert-color: #084298;
    --bs-alert-bg: #cfe2ff;
    --bs-alert-border-color: #b6d4fe
}

.alert-primary .alert-link {
    color: #06357a
}

.alert-secondary {
    --bs-alert-color: #41464b;
    --bs-alert-bg: #e2e3e5;
    --bs-alert-border-color: #d3d6d8
}

.alert-secondary .alert-link {
    color: #34383c
}

.alert-success {
    --bs-alert-color: #0f5132;
    --bs-alert-bg: #d1e7dd;
    --bs-alert-border-color: #badbcc
}

.alert-success .alert-link {
    color: #0c4128
}

.alert-info {
    --bs-alert-color: #055160;
    --bs-alert-bg: #cff4fc;
    --bs-alert-border-color: #b6effb
}

.alert-info .alert-link {
    color: #04414d
}

.alert-warning {
    --bs-alert-color: #664d03;
    --bs-alert-bg: #fff3cd;
    --bs-alert-border-color: #ffecb5
}

.alert-warning .alert-link {
    color: #523e02
}

.alert-danger {
    --bs-alert-color: #842029;
    --bs-alert-bg: #f8d7da;
    --bs-alert-border-color: #f5c2c7
}

.alert-danger .alert-link {
    color: #6a1a21
}

.alert-light {
    --bs-alert-color: #636464;
    --bs-alert-bg: #fefefe;
    --bs-alert-border-color: #fdfdfe
}

.alert-light .alert-link {
    color: #4f5050
}

.alert-dark {
    --bs-alert-color: #141619;
    --bs-alert-bg: #d3d3d4;
    --bs-alert-border-color: #bcbebf
}

.alert-dark .alert-link {
    color: #101214
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}

.progress {
    --bs-progress-height: 1rem;
    --bs-progress-font-size: .75rem;
    --bs-progress-bg: #e9ecef;
    --bs-progress-border-radius: .375rem;
    --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);
    --bs-progress-bar-color: #fff;
    --bs-progress-bar-bg: #0d6efd;
    --bs-progress-bar-transition: width .6s ease;
    display: flex;
    height: var(--bs-progress-height);
    overflow: hidden;
    font-size: var(--bs-progress-font-size);
    background-color: var(--bs-progress-bg);
    border-radius: var(--bs-progress-border-radius)
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: var(--bs-progress-bar-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-progress-bar-bg);
    transition: var(--bs-progress-bar-transition)
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: var(--bs-progress-height) var(--bs-progress-height)
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.list-group {
    --bs-list-group-color: #212529;
    --bs-list-group-bg: #fff;
    --bs-list-group-border-color: rgba(0, 0, 0, .125);
    --bs-list-group-border-width: 1px;
    --bs-list-group-border-radius: .375rem;
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: .5rem;
    --bs-list-group-action-color: #495057;
    --bs-list-group-action-hover-color: #495057;
    --bs-list-group-action-hover-bg: #f8f9fa;
    --bs-list-group-action-active-color: #212529;
    --bs-list-group-action-active-bg: #e9ecef;
    --bs-list-group-disabled-color: #6c757d;
    --bs-list-group-disabled-bg: #fff;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #0d6efd;
    --bs-list-group-active-border-color: #0d6efd;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: var(--bs-list-group-border-radius)
}

.list-group-numbered {
    list-style-type: none;
    counter-reset: section
}

.list-group-numbered>.list-group-item:before {
    content: counters(section, ".") ". ";
    counter-increment: section
}

.list-group-item-action {
    width: 100%;
    color: var(--bs-list-group-action-color);
    text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    z-index: 1;
    color: var(--bs-list-group-action-hover-color);
    text-decoration: none;
    background-color: var(--bs-list-group-action-hover-bg)
}

.list-group-item-action:active {
    color: var(--bs-list-group-action-active-color);
    background-color: var(--bs-list-group-action-active-bg)
}

.list-group-item {
    position: relative;
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    color: var(--bs-list-group-color);
    text-decoration: none;
    background-color: var(--bs-list-group-bg);
    border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: var(--bs-list-group-disabled-color);
    pointer-events: none;
    background-color: var(--bs-list-group-disabled-bg)
}

.list-group-item.active {
    z-index: 2;
    color: var(--bs-list-group-active-color);
    background-color: var(--bs-list-group-active-bg);
    border-color: var(--bs-list-group-active-border-color)
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: calc(var(--bs-list-group-border-width) * -1);
    border-top-width: var(--bs-list-group-border-width)
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: calc(var(--bs-list-group-border-width) * -1);
    border-left-width: var(--bs-list-group-border-width)
}

@media (min-width:576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }

    .list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-sm>.list-group-item:last-child {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: calc(var(--bs-list-group-border-width) * -1);
        border-left-width: var(--bs-list-group-border-width)
    }
}

@media (min-width:768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }

    .list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-md>.list-group-item:last-child {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: calc(var(--bs-list-group-border-width) * -1);
        border-left-width: var(--bs-list-group-border-width)
    }
}

@media (min-width:992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }

    .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-lg>.list-group-item:last-child {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: calc(var(--bs-list-group-border-width) * -1);
        border-left-width: var(--bs-list-group-border-width)
    }
}

@media (min-width:1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }

    .list-group-horizontal-xl>.list-group-item:first-child {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-xl>.list-group-item:last-child {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: calc(var(--bs-list-group-border-width) * -1);
        border-left-width: var(--bs-list-group-border-width)
    }
}

@media (min-width:1400px) {
    .list-group-horizontal-xxl {
        flex-direction: row
    }

    .list-group-horizontal-xxl>.list-group-item:first-child {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-xxl>.list-group-item:last-child {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-xxl>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xxl>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
        margin-left: calc(var(--bs-list-group-border-width) * -1);
        border-left-width: var(--bs-list-group-border-width)
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 var(--bs-list-group-border-width)
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    color: #084298;
    background-color: #cfe2ff
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
    color: #084298;
    background-color: #bacbe6
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #084298;
    border-color: #084298
}

.list-group-item-secondary {
    color: #41464b;
    background-color: #e2e3e5
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
    color: #41464b;
    background-color: #cbccce
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #41464b;
    border-color: #41464b
}

.list-group-item-success {
    color: #0f5132;
    background-color: #d1e7dd
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
    color: #0f5132;
    background-color: #bcd0c7
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #0f5132;
    border-color: #0f5132
}

.list-group-item-info {
    color: #055160;
    background-color: #cff4fc
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
    color: #055160;
    background-color: #badce3
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #055160;
    border-color: #055160
}

.list-group-item-warning {
    color: #664d03;
    background-color: #fff3cd
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
    color: #664d03;
    background-color: #e6dbb9
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #664d03;
    border-color: #664d03
}

.list-group-item-danger {
    color: #842029;
    background-color: #f8d7da
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
    color: #842029;
    background-color: #dfc2c4
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #842029;
    border-color: #842029
}

.list-group-item-light {
    color: #636464;
    background-color: #fefefe
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
    color: #636464;
    background-color: #e5e5e5
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #636464;
    border-color: #636464
}

.list-group-item-dark {
    color: #141619;
    background-color: #d3d3d4
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
    color: #141619;
    background-color: #bebebf
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #141619;
    border-color: #141619
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: .5
}

.btn-close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75
}

.btn-close:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40;
    opacity: 1
}

.btn-close.disabled,
.btn-close:disabled {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    opacity: .25
}

.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%)
}

.toast {
    --bs-toast-padding-x: .75rem;
    --bs-toast-padding-y: .5rem;
    --bs-toast-spacing: 1.5rem;
    --bs-toast-max-width: 350px;
    --bs-toast-font-size: .875rem;
    --bs-toast-color: ;
    --bs-toast-bg: rgba(255, 255, 255, .85);
    --bs-toast-border-width: 1px;
    --bs-toast-border-color: var(--bs-border-color-translucent);
    --bs-toast-border-radius: .375rem;
    --bs-toast-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    --bs-toast-header-color: #6c757d;
    --bs-toast-header-bg: rgba(255, 255, 255, .85);
    --bs-toast-header-border-color: rgba(0, 0, 0, .05);
    width: var(--bs-toast-max-width);
    max-width: 100%;
    font-size: var(--bs-toast-font-size);
    color: var(--bs-toast-color);
    pointer-events: auto;
    background-color: var(--bs-toast-bg);
    background-clip: padding-box;
    border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
    box-shadow: var(--bs-toast-box-shadow);
    border-radius: var(--bs-toast-border-radius)
}

.toast.showing {
    opacity: 0
}

.toast:not(.show) {
    display: none
}

.toast-container {
    position: absolute;
    z-index: 1090;
    width: max-content;
    max-width: 100%;
    pointer-events: none
}

.toast-container>:not(:last-child) {
    margin-bottom: var(--bs-toast-spacing)
}

.toast-header {
    display: flex;
    align-items: center;
    padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
    color: var(--bs-toast-header-color);
    background-color: var(--bs-toast-header-bg);
    background-clip: padding-box;
    border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
    border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
    border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))
}

.toast-header .btn-close {
    margin-right: calc(var(--bs-toast-padding-x) * -.5);
    margin-left: var(--bs-toast-padding-x)
}

.toast-body {
    padding: var(--bs-toast-padding-x);
    word-wrap: break-word
}

.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: .5rem;
    --bs-modal-color: ;
    --bs-modal-bg: #fff;
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: 1px;
    --bs-modal-border-radius: .5rem;
    --bs-modal-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    --bs-modal-inner-border-radius: calc(.5rem - 1px);
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: 1px;
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: .5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: 1px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: var(--bs-modal-margin);
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translateY(-50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    outline: 0
}

.modal-backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: .5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg)
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: var(--bs-backdrop-opacity)
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-modal-header-padding);
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius)
}

.modal-header .btn-close {
    padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
    margin: calc(var(--bs-modal-header-padding-y) * -.5) calc(var(--bs-modal-header-padding-x) * -.5) calc(var(--bs-modal-header-padding-y) * -.5) auto
}

.modal-title {
    margin-bottom: 0;
    line-height: var(--bs-modal-title-line-height)
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding)
}

.modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
    background-color: var(--bs-modal-footer-bg);
    border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
    border-bottom-left-radius: var(--bs-modal-inner-border-radius)
}

.modal-footer>* {
    margin: calc(var(--bs-modal-footer-gap) * .5)
}

@media (min-width:576px) {
    .modal {
        --bs-modal-margin: 1.75rem;
        --bs-modal-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)
    }

    .modal-dialog {
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: auto
    }

    .modal-sm {
        --bs-modal-width: 300px
    }
}

@media (min-width:992px) {

    .modal-lg,
    .modal-xl {
        --bs-modal-width: 800px
    }
}

@media (min-width:1200px) {
    .modal-xl {
        --bs-modal-width: 1140px
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
}

.modal-fullscreen .modal-footer,
.modal-fullscreen .modal-header {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

@media (max-width:575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-footer,
    .modal-fullscreen-sm-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width:767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-footer,
    .modal-fullscreen-md-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width:991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-footer,
    .modal-fullscreen-lg-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width:1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-footer,
    .modal-fullscreen-xl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width:1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-footer,
    .modal-fullscreen-xxl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }
}

.tooltip {
    --bs-tooltip-zindex: 1080;
    --bs-tooltip-max-width: 200px;
    --bs-tooltip-padding-x: .5rem;
    --bs-tooltip-padding-y: .25rem;
    --bs-tooltip-margin: ;
    --bs-tooltip-font-size: .875rem;
    --bs-tooltip-color: #fff;
    --bs-tooltip-bg: #000;
    --bs-tooltip-border-radius: .375rem;
    --bs-tooltip-opacity: .9;
    --bs-tooltip-arrow-width: .8rem;
    --bs-tooltip-arrow-height: .4rem;
    z-index: var(--bs-tooltip-zindex);
    display: block;
    padding: var(--bs-tooltip-arrow-height);
    margin: var(--bs-tooltip-margin);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-tooltip-font-size);
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: var(--bs-tooltip-opacity)
}

.tooltip .tooltip-arrow {
    display: block;
    width: var(--bs-tooltip-arrow-width);
    height: var(--bs-tooltip-arrow-height)
}

.tooltip .tooltip-arrow:before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,
.bs-tooltip-top .tooltip-arrow {
    bottom: 0
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before,
.bs-tooltip-top .tooltip-arrow:before {
    top: -1px;
    border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
    border-top-color: var(--bs-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,
.bs-tooltip-end .tooltip-arrow {
    left: 0;
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before,
.bs-tooltip-end .tooltip-arrow:before {
    right: -1px;
    border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
    border-right-color: var(--bs-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,
.bs-tooltip-bottom .tooltip-arrow {
    top: 0
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before,
.bs-tooltip-bottom .tooltip-arrow:before {
    bottom: -1px;
    border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
    border-bottom-color: var(--bs-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,
.bs-tooltip-start .tooltip-arrow {
    right: 0;
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before,
.bs-tooltip-start .tooltip-arrow:before {
    left: -1px;
    border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
    border-left-color: var(--bs-tooltip-bg)
}

.tooltip-inner {
    max-width: var(--bs-tooltip-max-width);
    padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
    color: var(--bs-tooltip-color);
    text-align: center;
    background-color: var(--bs-tooltip-bg);
    border-radius: var(--bs-tooltip-border-radius)
}

.popover {
    --bs-popover-zindex: 1070;
    --bs-popover-max-width: 276px;
    --bs-popover-font-size: .875rem;
    --bs-popover-bg: #fff;
    --bs-popover-border-width: 1px;
    --bs-popover-border-color: var(--bs-border-color-translucent);
    --bs-popover-border-radius: .5rem;
    --bs-popover-inner-border-radius: calc(.5rem - 1px);
    --bs-popover-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    --bs-popover-header-padding-x: 1rem;
    --bs-popover-header-padding-y: .5rem;
    --bs-popover-header-font-size: 1rem;
    --bs-popover-header-color: var(--bs-heading-color);
    --bs-popover-header-bg: #f0f0f0;
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: 1rem;
    --bs-popover-body-color: #212529;
    --bs-popover-arrow-width: 1rem;
    --bs-popover-arrow-height: .5rem;
    --bs-popover-arrow-border: var(--bs-popover-border-color);
    z-index: var(--bs-popover-zindex);
    display: block;
    max-width: var(--bs-popover-max-width);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-popover-font-size);
    word-wrap: break-word;
    background-color: var(--bs-popover-bg);
    background-clip: padding-box;
    border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-radius: var(--bs-popover-border-radius)
}

.popover .popover-arrow {
    display: block;
    width: var(--bs-popover-arrow-width);
    height: var(--bs-popover-arrow-height)
}

.popover .popover-arrow:after,
.popover .popover-arrow:before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
    border-width: 0
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,
.bs-popover-top>.popover-arrow {
    bottom: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width))
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,
.bs-popover-top>.popover-arrow:after,
.bs-popover-top>.popover-arrow:before {
    border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,
.bs-popover-top>.popover-arrow:before {
    bottom: 0;
    border-top-color: var(--bs-popover-arrow-border)
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,
.bs-popover-top>.popover-arrow:after {
    bottom: var(--bs-popover-border-width);
    border-top-color: var(--bs-popover-bg)
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,
.bs-popover-end>.popover-arrow {
    left: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width)
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,
.bs-popover-end>.popover-arrow:after,
.bs-popover-end>.popover-arrow:before {
    border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,
.bs-popover-end>.popover-arrow:before {
    left: 0;
    border-right-color: var(--bs-popover-arrow-border)
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,
.bs-popover-end>.popover-arrow:after {
    left: var(--bs-popover-border-width);
    border-right-color: var(--bs-popover-bg)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,
.bs-popover-bottom>.popover-arrow {
    top: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width))
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,
.bs-popover-bottom>.popover-arrow:after,
.bs-popover-bottom>.popover-arrow:before {
    border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,
.bs-popover-bottom>.popover-arrow:before {
    top: 0;
    border-bottom-color: var(--bs-popover-arrow-border)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,
.bs-popover-bottom>.popover-arrow:after {
    top: var(--bs-popover-border-width);
    border-bottom-color: var(--bs-popover-bg)
}

.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before,
.bs-popover-bottom .popover-header:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: var(--bs-popover-arrow-width);
    margin-left: calc(var(--bs-popover-arrow-width) * -.5);
    content: "";
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,
.bs-popover-start>.popover-arrow {
    right: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,
.bs-popover-start>.popover-arrow:after,
.bs-popover-start>.popover-arrow:before {
    border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,
.bs-popover-start>.popover-arrow:before {
    right: 0;
    border-left-color: var(--bs-popover-arrow-border)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,
.bs-popover-start>.popover-arrow:after {
    right: var(--bs-popover-border-width);
    border-left-color: var(--bs-popover-bg)
}

.popover-header {
    padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
    margin-bottom: 0;
    font-size: var(--bs-popover-header-font-size);
    color: var(--bs-popover-header-color);
    background-color: var(--bs-popover-header-bg);
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-top-left-radius: var(--bs-popover-inner-border-radius);
    border-top-right-radius: var(--bs-popover-inner-border-radius)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
    color: var(--bs-popover-body-color)
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner:after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: block
}

.active.carousel-item-end,
.carousel-item-next:not(.carousel-item-start) {
    transform: translate(100%)
}

.active.carousel-item-start,
.carousel-item-prev:not(.carousel-item-end) {
    transform: translate(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end,
.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-end,
.carousel-fade .active.carousel-item-start {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {

    .carousel-fade .active.carousel-item-end,
    .carousel-fade .active.carousel-item-start {
        transition: none
    }
}

.carousel-control-next,
.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {

    .carousel-control-next,
    .carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center
}

.carousel-dark .carousel-control-next-icon,
.carousel-dark .carousel-control-prev-icon {
    filter: invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #000
}

.carousel-dark .carousel-caption {
    color: #000
}

.spinner-border,
.spinner-grow {
    display: inline-block;
    width: var(--bs-spinner-width);
    height: var(--bs-spinner-height);
    vertical-align: var(--bs-spinner-vertical-align);
    border-radius: 50%;
    animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -.125em;
    --bs-spinner-border-width: .25em;
    --bs-spinner-animation-speed: .75s;
    --bs-spinner-animation-name: spinner-border;
    border: var(--bs-spinner-border-width) solid currentcolor;
    border-right-color: transparent
}

.spinner-border-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem;
    --bs-spinner-border-width: .2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -.125em;
    --bs-spinner-animation-speed: .75s;
    --bs-spinner-animation-name: spinner-grow;
    background-color: currentcolor;
    opacity: 0
}

.spinner-grow-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem
}

@media (prefers-reduced-motion:reduce) {

    .spinner-border,
    .spinner-grow {
        --bs-spinner-animation-speed: 1.5s
    }
}

.offcanvas,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm,
.offcanvas-xl,
.offcanvas-xxl {
    --bs-offcanvas-width: 400px;
    --bs-offcanvas-height: 30vh;
    --bs-offcanvas-padding-x: 1rem;
    --bs-offcanvas-padding-y: 1rem;
    --bs-offcanvas-color: ;
    --bs-offcanvas-bg: #fff;
    --bs-offcanvas-border-width: 1px;
    --bs-offcanvas-border-color: var(--bs-border-color-translucent);
    --bs-offcanvas-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)
}

@media (max-width:575.98px) {
    .offcanvas-sm {
        position: fixed;
        bottom: 0;
        z-index: 1045;
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform .3s ease-in-out
    }
}

@media (max-width:575.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-sm {
        transition: none
    }
}

@media (max-width:575.98px) {
    .offcanvas-sm.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(-100%)
    }
}

@media (max-width:575.98px) {
    .offcanvas-sm.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(100%)
    }
}

@media (max-width:575.98px) {
    .offcanvas-sm.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width:575.98px) {
    .offcanvas-sm.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (max-width:575.98px) {

    .offcanvas-sm.show:not(.hiding),
    .offcanvas-sm.showing {
        transform: none
    }
}

@media (max-width:575.98px) {

    .offcanvas-sm.hiding,
    .offcanvas-sm.show,
    .offcanvas-sm.showing {
        visibility: visible
    }
}

@media (min-width:576px) {
    .offcanvas-sm {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

    .offcanvas-sm .offcanvas-header {
        display: none
    }

    .offcanvas-sm .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

@media (max-width:767.98px) {
    .offcanvas-md {
        position: fixed;
        bottom: 0;
        z-index: 1045;
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform .3s ease-in-out
    }
}

@media (max-width:767.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-md {
        transition: none
    }
}

@media (max-width:767.98px) {
    .offcanvas-md.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(-100%)
    }
}

@media (max-width:767.98px) {
    .offcanvas-md.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(100%)
    }
}

@media (max-width:767.98px) {
    .offcanvas-md.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width:767.98px) {
    .offcanvas-md.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (max-width:767.98px) {

    .offcanvas-md.show:not(.hiding),
    .offcanvas-md.showing {
        transform: none
    }
}

@media (max-width:767.98px) {

    .offcanvas-md.hiding,
    .offcanvas-md.show,
    .offcanvas-md.showing {
        visibility: visible
    }
}

@media (min-width:768px) {
    .offcanvas-md {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

    .offcanvas-md .offcanvas-header {
        display: none
    }

    .offcanvas-md .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

@media (max-width:991.98px) {
    .offcanvas-lg {
        position: fixed;
        bottom: 0;
        z-index: 1045;
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform .3s ease-in-out
    }
}

@media (max-width:991.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-lg {
        transition: none
    }
}

@media (max-width:991.98px) {
    .offcanvas-lg.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(-100%)
    }
}

@media (max-width:991.98px) {
    .offcanvas-lg.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(100%)
    }
}

@media (max-width:991.98px) {
    .offcanvas-lg.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width:991.98px) {
    .offcanvas-lg.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (max-width:991.98px) {

    .offcanvas-lg.show:not(.hiding),
    .offcanvas-lg.showing {
        transform: none
    }
}

@media (max-width:991.98px) {

    .offcanvas-lg.hiding,
    .offcanvas-lg.show,
    .offcanvas-lg.showing {
        visibility: visible
    }
}

@media (min-width:992px) {
    .offcanvas-lg {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

    .offcanvas-lg .offcanvas-header {
        display: none
    }

    .offcanvas-lg .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

@media (max-width:1199.98px) {
    .offcanvas-xl {
        position: fixed;
        bottom: 0;
        z-index: 1045;
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform .3s ease-in-out
    }
}

@media (max-width:1199.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-xl {
        transition: none
    }
}

@media (max-width:1199.98px) {
    .offcanvas-xl.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(-100%)
    }
}

@media (max-width:1199.98px) {
    .offcanvas-xl.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(100%)
    }
}

@media (max-width:1199.98px) {
    .offcanvas-xl.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width:1199.98px) {
    .offcanvas-xl.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (max-width:1199.98px) {

    .offcanvas-xl.show:not(.hiding),
    .offcanvas-xl.showing {
        transform: none
    }
}

@media (max-width:1199.98px) {

    .offcanvas-xl.hiding,
    .offcanvas-xl.show,
    .offcanvas-xl.showing {
        visibility: visible
    }
}

@media (min-width:1200px) {
    .offcanvas-xl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

    .offcanvas-xl .offcanvas-header {
        display: none
    }

    .offcanvas-xl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

@media (max-width:1399.98px) {
    .offcanvas-xxl {
        position: fixed;
        bottom: 0;
        z-index: 1045;
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform .3s ease-in-out
    }
}

@media (max-width:1399.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-xxl {
        transition: none
    }
}

@media (max-width:1399.98px) {
    .offcanvas-xxl.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(-100%)
    }
}

@media (max-width:1399.98px) {
    .offcanvas-xxl.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(100%)
    }
}

@media (max-width:1399.98px) {
    .offcanvas-xxl.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width:1399.98px) {
    .offcanvas-xxl.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (max-width:1399.98px) {

    .offcanvas-xxl.show:not(.hiding),
    .offcanvas-xxl.showing {
        transform: none
    }
}

@media (max-width:1399.98px) {

    .offcanvas-xxl.hiding,
    .offcanvas-xxl.show,
    .offcanvas-xxl.showing {
        visibility: visible
    }
}

@media (min-width:1400px) {
    .offcanvas-xxl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

    .offcanvas-xxl .offcanvas-header {
        display: none
    }

    .offcanvas-xxl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: 1045;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .offcanvas {
        transition: none
    }
}

.offcanvas.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translate(-100%)
}

.offcanvas.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translate(100%)
}

.offcanvas.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
}

.offcanvas.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
}

.offcanvas.show:not(.hiding),
.offcanvas.showing {
    transform: none
}

.offcanvas.hiding,
.offcanvas.show,
.offcanvas.showing {
    visibility: visible
}

.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.offcanvas-backdrop.fade {
    opacity: 0
}

.offcanvas-backdrop.show {
    opacity: .5
}

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}

.offcanvas-header .btn-close {
    padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
    margin-top: calc(var(--bs-offcanvas-padding-y) * -.5);
    margin-right: calc(var(--bs-offcanvas-padding-x) * -.5);
    margin-bottom: calc(var(--bs-offcanvas-padding-y) * -.5)
}

.offcanvas-title {
    margin-bottom: 0;
    line-height: 1.5
}

.offcanvas-body {
    flex-grow: 1;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
    overflow-y: auto
}

.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentcolor;
    opacity: .5
}

.placeholder.btn:before {
    display: inline-block;
    content: ""
}

.placeholder-xs {
    min-height: .6em
}

.placeholder-sm {
    min-height: .8em
}

.placeholder-lg {
    min-height: 1.2em
}

.placeholder-glow .placeholder {
    animation: placeholder-glow 2s ease-in-out infinite
}

@keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

.placeholder-wave {
    -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, .8) 75%, #000 95%);
    mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, .8) 75%, #000 95%);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    animation: placeholder-wave 2s linear infinite
}

@keyframes placeholder-wave {
    to {
        -webkit-mask-position: -200% 0%;
        mask-position: -200% 0%
    }
}

.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.text-bg-primary {
    color: #fff !important;
    background-color: RGBA(13, 110, 253, var(--bs-bg-opacity, 1)) !important
}

.text-bg-secondary {
    color: #fff !important;
    background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important
}

.text-bg-success {
    color: #fff !important;
    background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important
}

.text-bg-info {
    color: #000 !important;
    background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important
}

.text-bg-warning {
    color: #000 !important;
    background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important
}

.text-bg-danger {
    color: #fff !important;
    background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important
}

.text-bg-light {
    color: #000 !important;
    background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important
}

.text-bg-dark {
    color: #fff !important;
    background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important
}

.link-primary {
    color: #0d6efd !important
}

.link-primary:focus,
.link-primary:hover {
    color: #0a58ca !important
}

.link-secondary {
    color: #6c757d !important
}

.link-secondary:focus,
.link-secondary:hover {
    color: #565e64 !important
}

.link-success {
    color: #198754 !important
}

.link-success:focus,
.link-success:hover {
    color: #146c43 !important
}

.link-info {
    color: #0dcaf0 !important
}

.link-info:focus,
.link-info:hover {
    color: #3dd5f3 !important
}

.link-warning {
    color: #ffc107 !important
}

.link-warning:focus,
.link-warning:hover {
    color: #ffcd39 !important
}

.link-danger {
    color: #dc3545 !important
}

.link-danger:focus,
.link-danger:hover {
    color: #b02a37 !important
}

.link-light {
    color: #f8f9fa !important
}

.link-light:focus,
.link-light:hover {
    color: #f9fafb !important
}

.link-dark {
    color: #212529 !important
}

.link-dark:focus,
.link-dark:hover {
    color: #1a1e21 !important
}

.ratio {
    position: relative;
    width: 100%
}

.ratio:before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: ""
}

.ratio>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.8571428571%
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020
}

.sticky-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020
}

@media (min-width:576px) {
    .sticky-sm-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-sm-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:768px) {
    .sticky-md-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-md-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:992px) {
    .sticky-lg-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-lg-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:1200px) {
    .sticky-xl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xl-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width:1400px) {
    .sticky-xxl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xxl-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch
}

.vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.stretched-link:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}

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

.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentcolor;
    opacity: .25
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.float-start {
    float: left !important
}

.float-end {
    float: right !important
}

.float-none {
    float: none !important
}

.opacity-0 {
    opacity: 0 !important
}

.opacity-25 {
    opacity: .25 !important
}

.opacity-50 {
    opacity: .5 !important
}

.opacity-75 {
    opacity: .75 !important
}

.opacity-100 {
    opacity: 1 !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-scroll {
    overflow: scroll !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.shadow {
    box-shadow: 0 .5rem 1rem #00000026 !important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem #00000013 !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem #0000002d !important
}

.shadow-none {
    box-shadow: none !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

.top-0 {
    top: 0 !important
}

.top-50 {
    top: 50% !important
}

.top-100 {
    top: 100% !important
}

.bottom-0 {
    bottom: 0 !important
}

.bottom-50 {
    bottom: 50% !important
}

.bottom-100 {
    bottom: 100% !important
}

.start-0 {
    left: 0 !important
}

.start-50 {
    left: 50% !important
}

.start-100 {
    left: 100% !important
}

.end-0 {
    right: 0 !important
}

.end-50 {
    right: 50% !important
}

.end-100 {
    right: 100% !important
}

.translate-middle {
    transform: translate(-50%, -50%) !important
}

.translate-middle-x {
    transform: translate(-50%) !important
}

.translate-middle-y {
    transform: translateY(-50%) !important
}

.border {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-end {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-end-0 {
    border-right: 0 !important
}

.border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-start {
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-start-0 {
    border-left: 0 !important
}

.border-primary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important
}

.border-secondary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important
}

.border-success {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important
}

.border-info {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important
}

.border-warning {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important
}

.border-danger {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important
}

.border-light {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important
}

.border-dark {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important
}

.border-white {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important
}

.border-1 {
    --bs-border-width: 1px
}

.border-2 {
    --bs-border-width: 2px
}

.border-3 {
    --bs-border-width: 3px
}

.border-4 {
    --bs-border-width: 4px
}

.border-5 {
    --bs-border-width: 5px
}

.border-opacity-10 {
    --bs-border-opacity: .1
}

.border-opacity-25 {
    --bs-border-opacity: .25
}

.border-opacity-50 {
    --bs-border-opacity: .5
}

.border-opacity-75 {
    --bs-border-opacity: .75
}

.border-opacity-100 {
    --bs-border-opacity: 1
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.vw-100 {
    width: 100vw !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mh-100 {
    max-height: 100% !important
}

.vh-100 {
    height: 100vh !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 3rem !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 3rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

.gap-0 {
    gap: 0 !important
}

.gap-1 {
    gap: .25rem !important
}

.gap-2 {
    gap: .5rem !important
}

.gap-3 {
    gap: 1rem !important
}

.gap-4 {
    gap: 1.5rem !important
}

.gap-5 {
    gap: 3rem !important
}

.font-monospace {
    font-family: var(--bs-font-monospace) !important
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
    font-size: calc(1.325rem + .9vw) !important
}

.fs-3 {
    font-size: calc(1.3rem + .6vw) !important
}

.fs-4 {
    font-size: calc(1.275rem + .3vw) !important
}

.fs-5 {
    font-size: 1.25rem !important
}

.fs-6 {
    font-size: 1rem !important
}

.fst-italic {
    font-style: italic !important
}

.fst-normal {
    font-style: normal !important
}

.fw-light {
    font-weight: 300 !important
}

.fw-lighter {
    font-weight: lighter !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-bold {
    font-weight: 700 !important
}

.fw-semibold {
    font-weight: 600 !important
}

.fw-bolder {
    font-weight: bolder !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-sm {
    line-height: 1.25 !important
}

.lh-base {
    line-height: 1.5 !important
}

.lh-lg {
    line-height: 2 !important
}

.text-start {
    text-align: left !important
}

.text-end {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-decoration-none {
    text-decoration: none !important
}

.text-decoration-underline {
    text-decoration: underline !important
}

.text-decoration-line-through {
    text-decoration: line-through !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
}

.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
}

.text-muted {
    --bs-text-opacity: 1;
    color: #6c757d !important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: #00000080 !important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: #ffffff80 !important
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit !important
}

.text-opacity-25 {
    --bs-text-opacity: .25
}

.text-opacity-50 {
    --bs-text-opacity: .5
}

.text-opacity-75 {
    --bs-text-opacity: .75
}

.text-opacity-100 {
    --bs-text-opacity: 1
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent !important
}

.bg-opacity-10 {
    --bs-bg-opacity: .1
}

.bg-opacity-25 {
    --bs-bg-opacity: .25
}

.bg-opacity-50 {
    --bs-bg-opacity: .5
}

.bg-opacity-75 {
    --bs-bg-opacity: .75
}

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.bg-gradient {
    background-image: var(--bs-gradient) !important
}

.user-select-all {
    -webkit-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    user-select: none !important
}

.pe-none {
    pointer-events: none !important
}

.pe-auto {
    pointer-events: auto !important
}

.rounded {
    border-radius: var(--bs-border-radius) !important
}

.rounded-0 {
    border-radius: 0 !important
}

.rounded-1 {
    border-radius: var(--bs-border-radius-sm) !important
}

.rounded-2 {
    border-radius: var(--bs-border-radius) !important
}

.rounded-3 {
    border-radius: var(--bs-border-radius-lg) !important
}

.rounded-4 {
    border-radius: var(--bs-border-radius-xl) !important
}

.rounded-5 {
    border-radius: var(--bs-border-radius-2xl) !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: var(--bs-border-radius-pill) !important
}

.rounded-top {
    border-top-left-radius: var(--bs-border-radius) !important;
    border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-end {
    border-top-right-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: var(--bs-border-radius) !important
}

.rounded-bottom {
    border-bottom-right-radius: var(--bs-border-radius) !important;
    border-bottom-left-radius: var(--bs-border-radius) !important
}

.rounded-start {
    border-bottom-left-radius: var(--bs-border-radius) !important;
    border-top-left-radius: var(--bs-border-radius) !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media (min-width:576px) {
    .float-sm-start {
        float: left !important
    }

    .float-sm-end {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-grid {
        display: grid !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .d-sm-none {
        display: none !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }

    .order-sm-first {
        order: -1 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-last {
        order: 6 !important
    }

    .m-sm-0 {
        margin: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-1 {
        margin-top: .25rem !important
    }

    .mt-sm-2 {
        margin-top: .5rem !important
    }

    .mt-sm-3 {
        margin-top: 1rem !important
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important
    }

    .mt-sm-5 {
        margin-top: 3rem !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .me-sm-0 {
        margin-right: 0 !important
    }

    .me-sm-1 {
        margin-right: .25rem !important
    }

    .me-sm-2 {
        margin-right: .5rem !important
    }

    .me-sm-3 {
        margin-right: 1rem !important
    }

    .me-sm-4 {
        margin-right: 1.5rem !important
    }

    .me-sm-5 {
        margin-right: 3rem !important
    }

    .me-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mb-sm-1 {
        margin-bottom: .25rem !important
    }

    .mb-sm-2 {
        margin-bottom: .5rem !important
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ms-sm-0 {
        margin-left: 0 !important
    }

    .ms-sm-1 {
        margin-left: .25rem !important
    }

    .ms-sm-2 {
        margin-left: .5rem !important
    }

    .ms-sm-3 {
        margin-left: 1rem !important
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important
    }

    .ms-sm-5 {
        margin-left: 3rem !important
    }

    .ms-sm-auto {
        margin-left: auto !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pt-sm-1 {
        padding-top: .25rem !important
    }

    .pt-sm-2 {
        padding-top: .5rem !important
    }

    .pt-sm-3 {
        padding-top: 1rem !important
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important
    }

    .pt-sm-5 {
        padding-top: 3rem !important
    }

    .pe-sm-0 {
        padding-right: 0 !important
    }

    .pe-sm-1 {
        padding-right: .25rem !important
    }

    .pe-sm-2 {
        padding-right: .5rem !important
    }

    .pe-sm-3 {
        padding-right: 1rem !important
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important
    }

    .pe-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pb-sm-1 {
        padding-bottom: .25rem !important
    }

    .pb-sm-2 {
        padding-bottom: .5rem !important
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important
    }

    .ps-sm-0 {
        padding-left: 0 !important
    }

    .ps-sm-1 {
        padding-left: .25rem !important
    }

    .ps-sm-2 {
        padding-left: .5rem !important
    }

    .ps-sm-3 {
        padding-left: 1rem !important
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important
    }

    .ps-sm-5 {
        padding-left: 3rem !important
    }

    .gap-sm-0 {
        gap: 0 !important
    }

    .gap-sm-1 {
        gap: .25rem !important
    }

    .gap-sm-2 {
        gap: .5rem !important
    }

    .gap-sm-3 {
        gap: 1rem !important
    }

    .gap-sm-4 {
        gap: 1.5rem !important
    }

    .gap-sm-5 {
        gap: 3rem !important
    }

    .text-sm-start {
        text-align: left !important
    }

    .text-sm-end {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .float-md-start {
        float: left !important
    }

    .float-md-end {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-grid {
        display: grid !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .d-md-none {
        display: none !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .order-md-first {
        order: -1 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-last {
        order: 6 !important
    }

    .m-md-0 {
        margin: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mt-md-1 {
        margin-top: .25rem !important
    }

    .mt-md-2 {
        margin-top: .5rem !important
    }

    .mt-md-3 {
        margin-top: 1rem !important
    }

    .mt-md-4 {
        margin-top: 1.5rem !important
    }

    .mt-md-5 {
        margin-top: 3rem !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .me-md-0 {
        margin-right: 0 !important
    }

    .me-md-1 {
        margin-right: .25rem !important
    }

    .me-md-2 {
        margin-right: .5rem !important
    }

    .me-md-3 {
        margin-right: 1rem !important
    }

    .me-md-4 {
        margin-right: 1.5rem !important
    }

    .me-md-5 {
        margin-right: 3rem !important
    }

    .me-md-auto {
        margin-right: auto !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-1 {
        margin-bottom: .25rem !important
    }

    .mb-md-2 {
        margin-bottom: .5rem !important
    }

    .mb-md-3 {
        margin-bottom: 1rem !important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-md-5 {
        margin-bottom: 3rem !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ms-md-0 {
        margin-left: 0 !important
    }

    .ms-md-1 {
        margin-left: .25rem !important
    }

    .ms-md-2 {
        margin-left: .5rem !important
    }

    .ms-md-3 {
        margin-left: 1rem !important
    }

    .ms-md-4 {
        margin-left: 1.5rem !important
    }

    .ms-md-5 {
        margin-left: 3rem !important
    }

    .ms-md-auto {
        margin-left: auto !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pt-md-1 {
        padding-top: .25rem !important
    }

    .pt-md-2 {
        padding-top: .5rem !important
    }

    .pt-md-3 {
        padding-top: 1rem !important
    }

    .pt-md-4 {
        padding-top: 1.5rem !important
    }

    .pt-md-5 {
        padding-top: 3rem !important
    }

    .pe-md-0 {
        padding-right: 0 !important
    }

    .pe-md-1 {
        padding-right: .25rem !important
    }

    .pe-md-2 {
        padding-right: .5rem !important
    }

    .pe-md-3 {
        padding-right: 1rem !important
    }

    .pe-md-4 {
        padding-right: 1.5rem !important
    }

    .pe-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pb-md-1 {
        padding-bottom: .25rem !important
    }

    .pb-md-2 {
        padding-bottom: .5rem !important
    }

    .pb-md-3 {
        padding-bottom: 1rem !important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-md-5 {
        padding-bottom: 3rem !important
    }

    .ps-md-0 {
        padding-left: 0 !important
    }

    .ps-md-1 {
        padding-left: .25rem !important
    }

    .ps-md-2 {
        padding-left: .5rem !important
    }

    .ps-md-3 {
        padding-left: 1rem !important
    }

    .ps-md-4 {
        padding-left: 1.5rem !important
    }

    .ps-md-5 {
        padding-left: 3rem !important
    }

    .gap-md-0 {
        gap: 0 !important
    }

    .gap-md-1 {
        gap: .25rem !important
    }

    .gap-md-2 {
        gap: .5rem !important
    }

    .gap-md-3 {
        gap: 1rem !important
    }

    .gap-md-4 {
        gap: 1.5rem !important
    }

    .gap-md-5 {
        gap: 3rem !important
    }

    .text-md-start {
        text-align: left !important
    }

    .text-md-end {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .float-lg-start {
        float: left !important
    }

    .float-lg-end {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-grid {
        display: grid !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-1 {
        margin-top: .25rem !important
    }

    .mt-lg-2 {
        margin-top: .5rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mt-lg-5 {
        margin-top: 3rem !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .me-lg-0 {
        margin-right: 0 !important
    }

    .me-lg-1 {
        margin-right: .25rem !important
    }

    .me-lg-2 {
        margin-right: .5rem !important
    }

    .me-lg-3 {
        margin-right: 1rem !important
    }

    .me-lg-4 {
        margin-right: 1.5rem !important
    }

    .me-lg-5 {
        margin-right: 3rem !important
    }

    .me-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ms-lg-0 {
        margin-left: 0 !important
    }

    .ms-lg-1 {
        margin-left: .25rem !important
    }

    .ms-lg-2 {
        margin-left: .5rem !important
    }

    .ms-lg-3 {
        margin-left: 1rem !important
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important
    }

    .ms-lg-5 {
        margin-left: 3rem !important
    }

    .ms-lg-auto {
        margin-left: auto !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-1 {
        padding-top: .25rem !important
    }

    .pt-lg-2 {
        padding-top: .5rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pt-lg-5 {
        padding-top: 3rem !important
    }

    .pe-lg-0 {
        padding-right: 0 !important
    }

    .pe-lg-1 {
        padding-right: .25rem !important
    }

    .pe-lg-2 {
        padding-right: .5rem !important
    }

    .pe-lg-3 {
        padding-right: 1rem !important
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important
    }

    .pe-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

    .pb-lg-2 {
        padding-bottom: .5rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important
    }

    .ps-lg-0 {
        padding-left: 0 !important
    }

    .ps-lg-1 {
        padding-left: .25rem !important
    }

    .ps-lg-2 {
        padding-left: .5rem !important
    }

    .ps-lg-3 {
        padding-left: 1rem !important
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important
    }

    .ps-lg-5 {
        padding-left: 3rem !important
    }

    .gap-lg-0 {
        gap: 0 !important
    }

    .gap-lg-1 {
        gap: .25rem !important
    }

    .gap-lg-2 {
        gap: .5rem !important
    }

    .gap-lg-3 {
        gap: 1rem !important
    }

    .gap-lg-4 {
        gap: 1.5rem !important
    }

    .gap-lg-5 {
        gap: 3rem !important
    }

    .text-lg-start {
        text-align: left !important
    }

    .text-lg-end {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .float-xl-start {
        float: left !important
    }

    .float-xl-end {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-grid {
        display: grid !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .d-xl-none {
        display: none !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }

    .order-xl-first {
        order: -1 !important
    }

    .order-xl-0 {
        order: 0 !important
    }

    .order-xl-1 {
        order: 1 !important
    }

    .order-xl-2 {
        order: 2 !important
    }

    .order-xl-3 {
        order: 3 !important
    }

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-last {
        order: 6 !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mt-xl-1 {
        margin-top: .25rem !important
    }

    .mt-xl-2 {
        margin-top: .5rem !important
    }

    .mt-xl-3 {
        margin-top: 1rem !important
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xl-5 {
        margin-top: 3rem !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .me-xl-0 {
        margin-right: 0 !important
    }

    .me-xl-1 {
        margin-right: .25rem !important
    }

    .me-xl-2 {
        margin-right: .5rem !important
    }

    .me-xl-3 {
        margin-right: 1rem !important
    }

    .me-xl-4 {
        margin-right: 1.5rem !important
    }

    .me-xl-5 {
        margin-right: 3rem !important
    }

    .me-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ms-xl-0 {
        margin-left: 0 !important
    }

    .ms-xl-1 {
        margin-left: .25rem !important
    }

    .ms-xl-2 {
        margin-left: .5rem !important
    }

    .ms-xl-3 {
        margin-left: 1rem !important
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xl-5 {
        margin-left: 3rem !important
    }

    .ms-xl-auto {
        margin-left: auto !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pt-xl-1 {
        padding-top: .25rem !important
    }

    .pt-xl-2 {
        padding-top: .5rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xl-5 {
        padding-top: 3rem !important
    }

    .pe-xl-0 {
        padding-right: 0 !important
    }

    .pe-xl-1 {
        padding-right: .25rem !important
    }

    .pe-xl-2 {
        padding-right: .5rem !important
    }

    .pe-xl-3 {
        padding-right: 1rem !important
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xl-0 {
        padding-left: 0 !important
    }

    .ps-xl-1 {
        padding-left: .25rem !important
    }

    .ps-xl-2 {
        padding-left: .5rem !important
    }

    .ps-xl-3 {
        padding-left: 1rem !important
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xl-5 {
        padding-left: 3rem !important
    }

    .gap-xl-0 {
        gap: 0 !important
    }

    .gap-xl-1 {
        gap: .25rem !important
    }

    .gap-xl-2 {
        gap: .5rem !important
    }

    .gap-xl-3 {
        gap: 1rem !important
    }

    .gap-xl-4 {
        gap: 1.5rem !important
    }

    .gap-xl-5 {
        gap: 3rem !important
    }

    .text-xl-start {
        text-align: left !important
    }

    .text-xl-end {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

@media (min-width:1400px) {
    .float-xxl-start {
        float: left !important
    }

    .float-xxl-end {
        float: right !important
    }

    .float-xxl-none {
        float: none !important
    }

    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-grid {
        display: grid !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: inline-flex !important
    }

    .d-xxl-none {
        display: none !important
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important
    }

    .flex-xxl-row {
        flex-direction: row !important
    }

    .flex-xxl-column {
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        justify-content: center !important
    }

    .justify-content-xxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        justify-content: space-around !important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xxl-start {
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        align-items: center !important
    }

    .align-items-xxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        align-items: stretch !important
    }

    .align-content-xxl-start {
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        align-content: center !important
    }

    .align-content-xxl-between {
        align-content: space-between !important
    }

    .align-content-xxl-around {
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        align-self: auto !important
    }

    .align-self-xxl-start {
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        align-self: center !important
    }

    .align-self-xxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        align-self: stretch !important
    }

    .order-xxl-first {
        order: -1 !important
    }

    .order-xxl-0 {
        order: 0 !important
    }

    .order-xxl-1 {
        order: 1 !important
    }

    .order-xxl-2 {
        order: 2 !important
    }

    .order-xxl-3 {
        order: 3 !important
    }

    .order-xxl-4 {
        order: 4 !important
    }

    .order-xxl-5 {
        order: 5 !important
    }

    .order-xxl-last {
        order: 6 !important
    }

    .m-xxl-0 {
        margin: 0 !important
    }

    .m-xxl-1 {
        margin: .25rem !important
    }

    .m-xxl-2 {
        margin: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 3rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xxl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mt-xxl-1 {
        margin-top: .25rem !important
    }

    .mt-xxl-2 {
        margin-top: .5rem !important
    }

    .mt-xxl-3 {
        margin-top: 1rem !important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xxl-5 {
        margin-top: 3rem !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .me-xxl-0 {
        margin-right: 0 !important
    }

    .me-xxl-1 {
        margin-right: .25rem !important
    }

    .me-xxl-2 {
        margin-right: .5rem !important
    }

    .me-xxl-3 {
        margin-right: 1rem !important
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important
    }

    .me-xxl-5 {
        margin-right: 3rem !important
    }

    .me-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ms-xxl-0 {
        margin-left: 0 !important
    }

    .ms-xxl-1 {
        margin-left: .25rem !important
    }

    .ms-xxl-2 {
        margin-left: .5rem !important
    }

    .ms-xxl-3 {
        margin-left: 1rem !important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xxl-5 {
        margin-left: 3rem !important
    }

    .ms-xxl-auto {
        margin-left: auto !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 3rem !important
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xxl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pt-xxl-1 {
        padding-top: .25rem !important
    }

    .pt-xxl-2 {
        padding-top: .5rem !important
    }

    .pt-xxl-3 {
        padding-top: 1rem !important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xxl-5 {
        padding-top: 3rem !important
    }

    .pe-xxl-0 {
        padding-right: 0 !important
    }

    .pe-xxl-1 {
        padding-right: .25rem !important
    }

    .pe-xxl-2 {
        padding-right: .5rem !important
    }

    .pe-xxl-3 {
        padding-right: 1rem !important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xxl-5 {
        padding-right: 3rem !important
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xxl-0 {
        padding-left: 0 !important
    }

    .ps-xxl-1 {
        padding-left: .25rem !important
    }

    .ps-xxl-2 {
        padding-left: .5rem !important
    }

    .ps-xxl-3 {
        padding-left: 1rem !important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xxl-5 {
        padding-left: 3rem !important
    }

    .gap-xxl-0 {
        gap: 0 !important
    }

    .gap-xxl-1 {
        gap: .25rem !important
    }

    .gap-xxl-2 {
        gap: .5rem !important
    }

    .gap-xxl-3 {
        gap: 1rem !important
    }

    .gap-xxl-4 {
        gap: 1.5rem !important
    }

    .gap-xxl-5 {
        gap: 3rem !important
    }

    .text-xxl-start {
        text-align: left !important
    }

    .text-xxl-end {
        text-align: right !important
    }

    .text-xxl-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .fs-1 {
        font-size: 2.5rem !important
    }

    .fs-2 {
        font-size: 2rem !important
    }

    .fs-3 {
        font-size: 1.75rem !important
    }

    .fs-4 {
        font-size: 1.5rem !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-grid {
        display: grid !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }

    .d-print-none {
        display: none !important
    }
}

.toast-center-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 12px;
    left: 12px
}

.toast-top-right {
    top: 12px;
    right: 12px
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

.toast-title {
    font-weight: 700
}

.toast-message {
    word-wrap: break-word
}

.toast-message a,
.toast-message label {
    color: #fff
}

.toast-message a:hover {
    color: #ccc;
    text-decoration: none
}

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 1px 0 #ffffff
}

.toast-close-button:hover,
.toast-close-button:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0
}

.toast-container {
    pointer-events: none;
    position: fixed;
    z-index: 999999
}

.toast-container * {
    box-sizing: border-box
}

.toast-container .ngx-toastr {
    position: relative;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    border-radius: 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: 24px;
    box-shadow: 0 0 12px #999;
    color: #fff
}

.toast-container .ngx-toastr:hover {
    box-shadow: 0 0 12px #000;
    opacity: 1;
    cursor: pointer
}

.toast-info {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+)
}

.toast-error {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+)
}

.toast-success {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==)
}

.toast-warning {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==)
}

.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
    width: 300px;
    margin-left: auto;
    margin-right: auto
}

.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
    width: 96%;
    margin-left: auto;
    margin-right: auto
}

.ngx-toastr {
    background-color: #030303;
    pointer-events: auto
}

.toast-success {
    background-color: #51a351
}

.toast-error {
    background-color: #bd362f
}

.toast-info {
    background-color: #2f96b4
}

.toast-warning {
    background-color: #f89406
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: .4
}

@media all and (max-width: 240px) {
    .toast-container .ngx-toastr.div {
        padding: 8px 8px 8px 50px;
        width: 11em
    }

    .toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media all and (min-width: 241px) and (max-width: 480px) {
    .toast-container .ngx-toastr.div {
        padding: 8px 8px 8px 50px;
        width: 18em
    }

    .toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    .toast-container .ngx-toastr.div {
        padding: 15px 15px 15px 50px;
        width: 25em
    }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translate(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-scale-multiple,
.la-ball-scale-multiple>div {
    position: relative;
    box-sizing: border-box
}

.la-ball-scale-multiple {
    display: block;
    font-size: 0;
    color: #fff
}

.la-ball-scale-multiple.la-dark {
    color: #333
}

.la-ball-scale-multiple>div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor
}

.la-ball-scale-multiple {
    width: 32px;
    height: 32px
}

.la-ball-scale-multiple>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    opacity: 0;
    animation: ball-scale-multiple 1s 0s linear infinite
}

.la-ball-scale-multiple>div:nth-child(2) {
    animation-delay: .2s
}

.la-ball-scale-multiple>div:nth-child(3) {
    animation-delay: .4s
}

.la-ball-scale-multiple.la-sm {
    width: 16px;
    height: 16px
}

.la-ball-scale-multiple.la-sm>div {
    width: 16px;
    height: 16px
}

.la-ball-scale-multiple.la-2x {
    width: 64px;
    height: 64px
}

.la-ball-scale-multiple.la-2x>div {
    width: 64px;
    height: 64px
}

.la-ball-scale-multiple.la-3x {
    width: 96px;
    height: 96px
}

.la-ball-scale-multiple.la-3x>div {
    width: 96px;
    height: 96px
}

@keyframes ball-scale-multiple {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    5% {
        opacity: .75
    }

    to {
        opacity: 0;
        transform: scale(1)
    }
}

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel .owl-item.center {
    z-index: 5
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
    -webkit-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.e3b436436832b027.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    transform: scale(1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav {
    margin-top: 10px
}

.owl-theme .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #fff;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}

.mat-badge-content {
    font-weight: 600;
    font-size: 12px;
    font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-badge-small .mat-badge-content {
    font-size: 9px
}

.mat-badge-large .mat-badge-content {
    font-size: 24px
}

.mat-h1,
.mat-headline,
.mat-typography .mat-h1,
.mat-typography .mat-headline,
.mat-typography h1 {
    font: 400 24px/32px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h2,
.mat-title,
.mat-typography .mat-h2,
.mat-typography .mat-title,
.mat-typography h2 {
    font: 500 20px/32px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h3,
.mat-subheading-2,
.mat-typography .mat-h3,
.mat-typography .mat-subheading-2,
.mat-typography h3 {
    font: 400 16px/28px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h4,
.mat-subheading-1,
.mat-typography .mat-h4,
.mat-typography .mat-subheading-1,
.mat-typography h4 {
    font: 400 15px/24px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
    font: 400 11.62px/20px Roboto, Helvetica Neue, sans-serif;
    margin: 0 0 12px
}

.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
    font: 400 9.38px/20px Roboto, Helvetica Neue, sans-serif;
    margin: 0 0 12px
}

.mat-body-strong,
.mat-body-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-body-2 {
    font: 500 14px/24px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal
}

.mat-body,
.mat-body-1,
.mat-typography .mat-body,
.mat-typography .mat-body-1,
.mat-typography {
    font: 400 14px/20px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal
}

.mat-body p,
.mat-body-1 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-1 p,
.mat-typography p {
    margin: 0 0 12px
}

.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
    font: 400 12px/20px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal
}

.mat-display-4,
.mat-typography .mat-display-4 {
    font: 300 112px/112px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: -.05em;
    margin: 0 0 56px
}

.mat-display-3,
.mat-typography .mat-display-3 {
    font: 400 56px/56px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: -.02em;
    margin: 0 0 64px
}

.mat-display-2,
.mat-typography .mat-display-2 {
    font: 400 45px/48px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: -.005em;
    margin: 0 0 64px
}

.mat-display-1,
.mat-typography .mat-display-1 {
    font: 400 34px/40px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal;
    margin: 0 0 64px
}

.mat-bottom-sheet-container {
    font: 400 14px/20px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal
}

.mat-button,
.mat-raised-button,
.mat-icon-button,
.mat-stroked-button,
.mat-flat-button,
.mat-fab,
.mat-mini-fab {
    font-family: Roboto, Helvetica Neue, sans-serif;
    font-size: 14px;
    font-weight: 500
}

.mat-button-toggle,
.mat-card {
    font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-card-title {
    font-size: 24px;
    font-weight: 500
}

.mat-card-header .mat-card-title {
    font-size: 20px
}

.mat-card-subtitle,
.mat-card-content {
    font-size: 14px
}

.mat-checkbox {
    font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-checkbox-layout .mat-checkbox-label {
    line-height: 24px
}

.mat-chip {
    font-size: 14px;
    font-weight: 500
}

.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
    font-size: 18px
}

.mat-table {
    font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-header-cell {
    font-size: 12px;
    font-weight: 500
}

.mat-cell,
.mat-footer-cell {
    font-size: 14px
}

.mat-calendar {
    font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-calendar-body {
    font-size: 13px
}

.mat-calendar-body-label,
.mat-calendar-period-button {
    font-size: 14px;
    font-weight: 500
}

.mat-calendar-table-header th {
    font-size: 11px;
    font-weight: 400
}

.mat-dialog-title {
    font: 500 20px/32px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal
}

.mat-expansion-panel-header {
    font-family: Roboto, Helvetica Neue, sans-serif;
    font-size: 15px;
    font-weight: 400
}

.mat-expansion-panel-content {
    font: 400 14px/20px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal
}

.mat-form-field {
    font-size: inherit;
    font-weight: 400;
    line-height: 1.125;
    font-family: Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal
}

.mat-form-field-wrapper {
    padding-bottom: 1.34375em
}

.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
    font-size: 150%;
    line-height: 1.125
}

.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
    height: 1.5em;
    width: 1.5em
}

.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
    height: 1.125em;
    line-height: 1.125
}

.mat-form-field-infix {
    padding: .5em 0;
    border-top: .84375em solid transparent
}

.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.34375em) scale(.75);
    width: 133.3333333333%
}

.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.34374em) scale(.75);
    width: 133.3333433333%
}

.mat-form-field-label-wrapper {
    top: -.84375em;
    padding-top: .84375em
}

.mat-form-field-label {
    top: 1.34375em
}

.mat-form-field-underline {
    bottom: 1.34375em
}

.mat-form-field-subscript-wrapper {
    font-size: 75%;
    margin-top: .6666666667em;
    top: calc(100% - 1.7916666667em)
}

.mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding-bottom: 1.25em
}

.mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: .4375em 0
}

.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px);
    width: 133.3333333333%
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00101px);
    width: 133.3333433333%
}

.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00102px);
    width: 133.3333533333%
}

.mat-form-field-appearance-legacy .mat-form-field-label {
    top: 1.28125em
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
    bottom: 1.25em
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
    margin-top: .5416666667em;
    top: calc(100% - 1.6666666667em)
}

@media print {

    .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
    .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
        transform: translateY(-1.28122em) scale(.75)
    }

    .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
        transform: translateY(-1.28121em) scale(.75)
    }

    .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
        transform: translateY(-1.2812em) scale(.75)
    }
}

.mat-form-field-appearance-fill .mat-form-field-infix {
    padding: .25em 0 .75em
}

.mat-form-field-appearance-fill .mat-form-field-label {
    top: 1.09375em;
    margin-top: -.5em
}

.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-.59375em) scale(.75);
    width: 133.3333333333%
}

.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-.59374em) scale(.75);
    width: 133.3333433333%
}

.mat-form-field-appearance-outline .mat-form-field-infix {
    padding: 1em 0
}

.mat-form-field-appearance-outline .mat-form-field-label {
    top: 1.84375em;
    margin-top: -.25em
}

.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.59375em) scale(.75);
    width: 133.3333333333%
}

.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.59374em) scale(.75);
    width: 133.3333433333%
}

.mat-grid-tile-header,
.mat-grid-tile-footer {
    font-size: 14px
}

.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
    font-size: 12px
}

input.mat-input-element {
    margin-top: -.0625em
}

.mat-menu-item {
    font-family: Roboto, Helvetica Neue, sans-serif;
    font-size: 14px;
    font-weight: 400
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
    font-family: Roboto, Helvetica Neue, sans-serif;
    font-size: 12px
}

.mat-radio-button,
.mat-select {
    font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-select-trigger {
    height: 1.125em
}

.mat-slide-toggle-content {
    font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-slider-thumb-label-text {
    font-family: Roboto, Helvetica Neue, sans-serif;
    font-size: 12px;
    font-weight: 500
}

.mat-stepper-vertical,
.mat-stepper-horizontal {
    font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-step-label {
    font-size: 14px;
    font-weight: 400
}

.mat-step-sub-label-error {
    font-weight: 400
}

.mat-step-label-error {
    font-size: 14px
}

.mat-step-label-selected {
    font-size: 14px;
    font-weight: 500
}

.mat-tab-group {
    font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-tab-label,
.mat-tab-link {
    font-family: Roboto, Helvetica Neue, sans-serif;
    font-size: 14px;
    font-weight: 500
}

.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
    font: 500 20px/32px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal;
    margin: 0
}

.mat-tooltip {
    font-family: Roboto, Helvetica Neue, sans-serif;
    font-size: 10px;
    padding-top: 6px;
    padding-bottom: 6px
}

.mat-tooltip-handset {
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 8px
}

.mat-list-item,
.mat-list-option {
    font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-list-base .mat-list-item {
    font-size: 16px
}

.mat-list-base .mat-list-item .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
    font-size: 14px
}

.mat-list-base .mat-list-option {
    font-size: 16px
}

.mat-list-base .mat-list-option .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
    font-size: 14px
}

.mat-list-base .mat-subheader {
    font-family: Roboto, Helvetica Neue, sans-serif;
    font-size: 14px;
    font-weight: 500
}

.mat-list-base[dense] .mat-list-item {
    font-size: 12px
}

.mat-list-base[dense] .mat-list-item .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
    font-size: 12px
}

.mat-list-base[dense] .mat-list-option {
    font-size: 12px
}

.mat-list-base[dense] .mat-list-option .mat-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box
}

.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
    font-size: 12px
}

.mat-list-base[dense] .mat-subheader {
    font-family: Roboto, Helvetica Neue, sans-serif;
    font-size: 12px;
    font-weight: 500
}

.mat-option {
    font-family: Roboto, Helvetica Neue, sans-serif;
    font-size: 16px
}

.mat-optgroup-label {
    font: 500 14px/24px Roboto, Helvetica Neue, sans-serif;
    letter-spacing: normal
}

.mat-simple-snackbar {
    font-family: Roboto, Helvetica Neue, sans-serif;
    font-size: 14px
}

.mat-simple-snackbar-action {
    line-height: 1;
    font-family: inherit;
    font-size: inherit;
    font-weight: 500
}

.mat-tree {
    font-family: Roboto, Helvetica Neue, sans-serif
}

.mat-tree-node,
.mat-nested-tree-node {
    font-weight: 400;
    font-size: 14px
}

.mat-ripple {
    overflow: hidden;
    position: relative
}

.mat-ripple:not(:empty) {
    transform: translateZ(0)
}

.mat-ripple.mat-ripple-unbounded {
    overflow: visible
}

.mat-ripple-element {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    transition: opacity, transform 0ms cubic-bezier(0, 0, .2, 1);
    transform: scale(0)
}

.cdk-high-contrast-active .mat-ripple-element {
    display: none
}

.cdk-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    left: 0
}

[dir=rtl] .cdk-visually-hidden {
    left: auto;
    right: 0
}

.cdk-overlay-container,
.cdk-global-overlay-wrapper {
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.cdk-overlay-container {
    position: fixed;
    z-index: 1000
}

.cdk-overlay-container:empty {
    display: none
}

.cdk-global-overlay-wrapper {
    display: flex;
    position: absolute;
    z-index: 1000
}

.cdk-overlay-pane {
    position: absolute;
    pointer-events: auto;
    box-sizing: border-box;
    z-index: 1000;
    display: flex;
    max-width: 100%;
    max-height: 100%
}

.cdk-overlay-backdrop {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    transition: opacity .4s cubic-bezier(.25, .8, .25, 1);
    opacity: 0
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 1
}

.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: .6
}

.cdk-overlay-dark-backdrop {
    background: rgba(0, 0, 0, .32)
}

.cdk-overlay-transparent-backdrop {
    transition: visibility 1ms linear, opacity 1ms linear;
    visibility: hidden;
    opacity: 1
}

.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0;
    visibility: visible
}

.cdk-overlay-connected-position-bounding-box {
    position: absolute;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    min-width: 1px;
    min-height: 1px
}

.cdk-global-scrollblock {
    position: fixed;
    width: 100%;
    overflow-y: scroll
}

textarea.cdk-textarea-autosize {
    resize: none
}

textarea.cdk-textarea-autosize-measuring {
    padding: 2px 0 !important;
    box-sizing: content-box !important;
    height: auto !important;
    overflow: hidden !important
}

textarea.cdk-textarea-autosize-measuring-firefox {
    padding: 2px 0 !important;
    box-sizing: content-box !important;
    height: 0 !important
}

@keyframes cdk-text-field-autofill-start {}

@keyframes cdk-text-field-autofill-end {}

.cdk-text-field-autofill-monitored:-webkit-autofill {
    animation: cdk-text-field-autofill-start 0s 1ms
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
    animation: cdk-text-field-autofill-end 0s 1ms
}

.mat-focus-indicator,
.mat-mdc-focus-indicator {
    position: relative
}

.mat-ripple-element {
    background-color: #0000001a
}

.mat-option {
    color: #000000de
}

.mat-option:hover:not(.mat-option-disabled),
.mat-option:focus:not(.mat-option-disabled) {
    background: rgba(0, 0, 0, .04)
}

.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
    background: rgba(0, 0, 0, .04)
}

.mat-option.mat-active {
    background: rgba(0, 0, 0, .04);
    color: #000000de
}

.mat-option.mat-option-disabled {
    color: #00000061
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #3f51b5
}

.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #ff4081
}

.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
    color: #f44336
}

.mat-optgroup-label {
    color: #0000008a
}

.mat-optgroup-disabled .mat-optgroup-label {
    color: #00000061
}

.mat-pseudo-checkbox {
    color: #0000008a
}

.mat-pseudo-checkbox:after {
    color: #fafafa
}

.mat-pseudo-checkbox-disabled {
    color: #b0b0b0
}

.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
    background: #3f51b5
}

.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
    background: #ff4081
}

.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
    background: #f44336
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
    background: #b0b0b0
}

.mat-app-background {
    background-color: #fafafa;
    color: #000000de
}

.mat-elevation-z0 {
    box-shadow: 0 0 #0003, 0 0 #00000024, 0 0 #0000001f
}

.mat-elevation-z1 {
    box-shadow: 0 2px 1px -1px #0003, 0 1px 1px #00000024, 0 1px 3px #0000001f
}

.mat-elevation-z2 {
    box-shadow: 0 3px 1px -2px #0003, 0 2px 2px #00000024, 0 1px 5px #0000001f
}

.mat-elevation-z3 {
    box-shadow: 0 3px 3px -2px #0003, 0 3px 4px #00000024, 0 1px 8px #0000001f
}

.mat-elevation-z4 {
    box-shadow: 0 2px 4px -1px #0003, 0 4px 5px #00000024, 0 1px 10px #0000001f
}

.mat-elevation-z5 {
    box-shadow: 0 3px 5px -1px #0003, 0 5px 8px #00000024, 0 1px 14px #0000001f
}

.mat-elevation-z6 {
    box-shadow: 0 3px 5px -1px #0003, 0 6px 10px #00000024, 0 1px 18px #0000001f
}

.mat-elevation-z7 {
    box-shadow: 0 4px 5px -2px #0003, 0 7px 10px 1px #00000024, 0 2px 16px 1px #0000001f
}

.mat-elevation-z8 {
    box-shadow: 0 5px 5px -3px #0003, 0 8px 10px 1px #00000024, 0 3px 14px 2px #0000001f
}

.mat-elevation-z9 {
    box-shadow: 0 5px 6px -3px #0003, 0 9px 12px 1px #00000024, 0 3px 16px 2px #0000001f
}

.mat-elevation-z10 {
    box-shadow: 0 6px 6px -3px #0003, 0 10px 14px 1px #00000024, 0 4px 18px 3px #0000001f
}

.mat-elevation-z11 {
    box-shadow: 0 6px 7px -4px #0003, 0 11px 15px 1px #00000024, 0 4px 20px 3px #0000001f
}

.mat-elevation-z12 {
    box-shadow: 0 7px 8px -4px #0003, 0 12px 17px 2px #00000024, 0 5px 22px 4px #0000001f
}

.mat-elevation-z13 {
    box-shadow: 0 7px 8px -4px #0003, 0 13px 19px 2px #00000024, 0 5px 24px 4px #0000001f
}

.mat-elevation-z14 {
    box-shadow: 0 7px 9px -4px #0003, 0 14px 21px 2px #00000024, 0 5px 26px 4px #0000001f
}

.mat-elevation-z15 {
    box-shadow: 0 8px 9px -5px #0003, 0 15px 22px 2px #00000024, 0 6px 28px 5px #0000001f
}

.mat-elevation-z16 {
    box-shadow: 0 8px 10px -5px #0003, 0 16px 24px 2px #00000024, 0 6px 30px 5px #0000001f
}

.mat-elevation-z17 {
    box-shadow: 0 8px 11px -5px #0003, 0 17px 26px 2px #00000024, 0 6px 32px 5px #0000001f
}

.mat-elevation-z18 {
    box-shadow: 0 9px 11px -5px #0003, 0 18px 28px 2px #00000024, 0 7px 34px 6px #0000001f
}

.mat-elevation-z19 {
    box-shadow: 0 9px 12px -6px #0003, 0 19px 29px 2px #00000024, 0 7px 36px 6px #0000001f
}

.mat-elevation-z20 {
    box-shadow: 0 10px 13px -6px #0003, 0 20px 31px 3px #00000024, 0 8px 38px 7px #0000001f
}

.mat-elevation-z21 {
    box-shadow: 0 10px 13px -6px #0003, 0 21px 33px 3px #00000024, 0 8px 40px 7px #0000001f
}

.mat-elevation-z22 {
    box-shadow: 0 10px 14px -6px #0003, 0 22px 35px 3px #00000024, 0 8px 42px 7px #0000001f
}

.mat-elevation-z23 {
    box-shadow: 0 11px 14px -7px #0003, 0 23px 36px 3px #00000024, 0 9px 44px 8px #0000001f
}

.mat-elevation-z24 {
    box-shadow: 0 11px 15px -7px #0003, 0 24px 38px 3px #00000024, 0 9px 46px 8px #0000001f
}

.mat-theme-loaded-marker {
    display: none
}

.mat-autocomplete-panel {
    background: #fff;
    color: #000000de
}

.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 4px -1px #0003, 0 4px 5px #00000024, 0 1px 10px #0000001f
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
    background: #fff
}

.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
    color: #000000de
}

.mat-badge {
    position: relative
}

.mat-badge.mat-badge {
    overflow: visible
}

.mat-badge-hidden .mat-badge-content {
    display: none
}

.mat-badge-content {
    position: absolute;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    transition: transform .2s ease-in-out;
    transform: scale(.6);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none
}

.ng-animate-disabled .mat-badge-content,
.mat-badge-content._mat-animation-noopable {
    transition: none
}

.mat-badge-content.mat-badge-active {
    transform: none
}

.mat-badge-small .mat-badge-content {
    width: 16px;
    height: 16px;
    line-height: 16px
}

.mat-badge-small.mat-badge-above .mat-badge-content {
    top: -8px
}

.mat-badge-small.mat-badge-below .mat-badge-content {
    bottom: -8px
}

.mat-badge-small.mat-badge-before .mat-badge-content {
    left: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
    left: auto;
    right: -16px
}

.mat-badge-small.mat-badge-after .mat-badge-content {
    right: -16px
}

[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
    right: auto;
    left: -16px
}

.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -8px
}

.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -8px
}

[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -8px
}

.mat-badge-medium .mat-badge-content {
    width: 22px;
    height: 22px;
    line-height: 22px
}

.mat-badge-medium.mat-badge-above .mat-badge-content {
    top: -11px
}

.mat-badge-medium.mat-badge-below .mat-badge-content {
    bottom: -11px
}

.mat-badge-medium.mat-badge-before .mat-badge-content {
    left: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
    left: auto;
    right: -22px
}

.mat-badge-medium.mat-badge-after .mat-badge-content {
    right: -22px
}

[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
    right: auto;
    left: -22px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -11px
}

.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -11px
}

[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -11px
}

.mat-badge-large .mat-badge-content {
    width: 28px;
    height: 28px;
    line-height: 28px
}

.mat-badge-large.mat-badge-above .mat-badge-content {
    top: -14px
}

.mat-badge-large.mat-badge-below .mat-badge-content {
    bottom: -14px
}

.mat-badge-large.mat-badge-before .mat-badge-content {
    left: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
    left: auto;
    right: -28px
}

.mat-badge-large.mat-badge-after .mat-badge-content {
    right: -28px
}

[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
    right: auto;
    left: -28px
}

.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
    left: auto;
    right: -14px
}

.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: -14px
}

[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
    right: auto;
    left: -14px
}

.mat-badge-content {
    color: #fff;
    background: #3f51b5
}

.cdk-high-contrast-active .mat-badge-content {
    outline: solid 1px;
    border-radius: 0
}

.mat-badge-accent .mat-badge-content {
    background: #ff4081;
    color: #fff
}

.mat-badge-warn .mat-badge-content {
    color: #fff;
    background: #f44336
}

.mat-badge-disabled .mat-badge-content {
    background: #b9b9b9;
    color: #00000061
}

.mat-bottom-sheet-container {
    box-shadow: 0 8px 10px -5px #0003, 0 16px 24px 2px #00000024, 0 6px 30px 5px #0000001f;
    background: #fff;
    color: #000000de
}

.mat-button,
.mat-icon-button,
.mat-stroked-button {
    color: inherit;
    background: transparent
}

.mat-button.mat-primary,
.mat-icon-button.mat-primary,
.mat-stroked-button.mat-primary {
    color: #3f51b5
}

.mat-button.mat-accent,
.mat-icon-button.mat-accent,
.mat-stroked-button.mat-accent {
    color: #ff4081
}

.mat-button.mat-warn,
.mat-icon-button.mat-warn,
.mat-stroked-button.mat-warn {
    color: #f44336
}

.mat-button.mat-primary.mat-button-disabled,
.mat-button.mat-accent.mat-button-disabled,
.mat-button.mat-warn.mat-button-disabled,
.mat-button.mat-button-disabled.mat-button-disabled,
.mat-icon-button.mat-primary.mat-button-disabled,
.mat-icon-button.mat-accent.mat-button-disabled,
.mat-icon-button.mat-warn.mat-button-disabled,
.mat-icon-button.mat-button-disabled.mat-button-disabled,
.mat-stroked-button.mat-primary.mat-button-disabled,
.mat-stroked-button.mat-accent.mat-button-disabled,
.mat-stroked-button.mat-warn.mat-button-disabled,
.mat-stroked-button.mat-button-disabled.mat-button-disabled {
    color: #00000042
}

.mat-button.mat-primary .mat-button-focus-overlay,
.mat-icon-button.mat-primary .mat-button-focus-overlay,
.mat-stroked-button.mat-primary .mat-button-focus-overlay {
    background-color: #3f51b5
}

.mat-button.mat-accent .mat-button-focus-overlay,
.mat-icon-button.mat-accent .mat-button-focus-overlay,
.mat-stroked-button.mat-accent .mat-button-focus-overlay {
    background-color: #ff4081
}

.mat-button.mat-warn .mat-button-focus-overlay,
.mat-icon-button.mat-warn .mat-button-focus-overlay,
.mat-stroked-button.mat-warn .mat-button-focus-overlay {
    background-color: #f44336
}

.mat-button.mat-button-disabled .mat-button-focus-overlay,
.mat-icon-button.mat-button-disabled .mat-button-focus-overlay,
.mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
    background-color: transparent
}

.mat-button .mat-ripple-element,
.mat-icon-button .mat-ripple-element,
.mat-stroked-button .mat-ripple-element {
    opacity: .1;
    background-color: currentColor
}

.mat-button-focus-overlay {
    background: #000
}

.mat-stroked-button:not(.mat-button-disabled) {
    border-color: #0000001f
}

.mat-flat-button,
.mat-raised-button,
.mat-fab,
.mat-mini-fab {
    color: #000000de;
    background-color: #fff
}

.mat-flat-button.mat-primary,
.mat-raised-button.mat-primary,
.mat-fab.mat-primary,
.mat-mini-fab.mat-primary,
.mat-flat-button.mat-accent,
.mat-raised-button.mat-accent,
.mat-fab.mat-accent,
.mat-mini-fab.mat-accent,
.mat-flat-button.mat-warn,
.mat-raised-button.mat-warn,
.mat-fab.mat-warn,
.mat-mini-fab.mat-warn {
    color: #fff
}

.mat-flat-button.mat-primary.mat-button-disabled,
.mat-flat-button.mat-accent.mat-button-disabled,
.mat-flat-button.mat-warn.mat-button-disabled,
.mat-flat-button.mat-button-disabled.mat-button-disabled,
.mat-raised-button.mat-primary.mat-button-disabled,
.mat-raised-button.mat-accent.mat-button-disabled,
.mat-raised-button.mat-warn.mat-button-disabled,
.mat-raised-button.mat-button-disabled.mat-button-disabled,
.mat-fab.mat-primary.mat-button-disabled,
.mat-fab.mat-accent.mat-button-disabled,
.mat-fab.mat-warn.mat-button-disabled,
.mat-fab.mat-button-disabled.mat-button-disabled,
.mat-mini-fab.mat-primary.mat-button-disabled,
.mat-mini-fab.mat-accent.mat-button-disabled,
.mat-mini-fab.mat-warn.mat-button-disabled,
.mat-mini-fab.mat-button-disabled.mat-button-disabled {
    color: #00000042
}

.mat-flat-button.mat-primary,
.mat-raised-button.mat-primary,
.mat-fab.mat-primary,
.mat-mini-fab.mat-primary {
    background-color: #3f51b5
}

.mat-flat-button.mat-accent,
.mat-raised-button.mat-accent,
.mat-fab.mat-accent,
.mat-mini-fab.mat-accent {
    background-color: #ff4081
}

.mat-flat-button.mat-warn,
.mat-raised-button.mat-warn,
.mat-fab.mat-warn,
.mat-mini-fab.mat-warn {
    background-color: #f44336
}

.mat-flat-button.mat-primary.mat-button-disabled,
.mat-flat-button.mat-accent.mat-button-disabled,
.mat-flat-button.mat-warn.mat-button-disabled,
.mat-flat-button.mat-button-disabled.mat-button-disabled,
.mat-raised-button.mat-primary.mat-button-disabled,
.mat-raised-button.mat-accent.mat-button-disabled,
.mat-raised-button.mat-warn.mat-button-disabled,
.mat-raised-button.mat-button-disabled.mat-button-disabled,
.mat-fab.mat-primary.mat-button-disabled,
.mat-fab.mat-accent.mat-button-disabled,
.mat-fab.mat-warn.mat-button-disabled,
.mat-fab.mat-button-disabled.mat-button-disabled,
.mat-mini-fab.mat-primary.mat-button-disabled,
.mat-mini-fab.mat-accent.mat-button-disabled,
.mat-mini-fab.mat-warn.mat-button-disabled,
.mat-mini-fab.mat-button-disabled.mat-button-disabled {
    background-color: #0000001f
}

.mat-flat-button.mat-primary .mat-ripple-element,
.mat-raised-button.mat-primary .mat-ripple-element,
.mat-fab.mat-primary .mat-ripple-element,
.mat-mini-fab.mat-primary .mat-ripple-element,
.mat-flat-button.mat-accent .mat-ripple-element,
.mat-raised-button.mat-accent .mat-ripple-element,
.mat-fab.mat-accent .mat-ripple-element,
.mat-mini-fab.mat-accent .mat-ripple-element,
.mat-flat-button.mat-warn .mat-ripple-element,
.mat-raised-button.mat-warn .mat-ripple-element,
.mat-fab.mat-warn .mat-ripple-element,
.mat-mini-fab.mat-warn .mat-ripple-element {
    background-color: #ffffff1a
}

.mat-stroked-button:not([class*=mat-elevation-z]),
.mat-flat-button:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 #0003, 0 0 #00000024, 0 0 #0000001f
}

.mat-raised-button:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 1px -2px #0003, 0 2px 2px #00000024, 0 1px 5px #0000001f
}

.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
    box-shadow: 0 5px 5px -3px #0003, 0 8px 10px 1px #00000024, 0 3px 14px 2px #0000001f
}

.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 #0003, 0 0 #00000024, 0 0 #0000001f
}

.mat-fab:not([class*=mat-elevation-z]),
.mat-mini-fab:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 5px -1px #0003, 0 6px 10px #00000024, 0 1px 18px #0000001f
}

.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),
.mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
    box-shadow: 0 7px 8px -4px #0003, 0 12px 17px 2px #00000024, 0 5px 22px 4px #0000001f
}

.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]),
.mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 #0003, 0 0 #00000024, 0 0 #0000001f
}

.mat-button-toggle-standalone:not([class*=mat-elevation-z]),
.mat-button-toggle-group:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 1px -2px #0003, 0 2px 2px #00000024, 0 1px 5px #0000001f
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]),
.mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) {
    box-shadow: none
}

.mat-button-toggle {
    color: #00000061
}

.mat-button-toggle .mat-button-toggle-focus-overlay {
    background-color: #0000001f
}

.mat-button-toggle-appearance-standard {
    color: #000000de;
    background: #fff
}

.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
    background-color: #000
}

.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle {
    border-left: solid 1px #e0e0e0
}

[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle {
    border-left: none;
    border-right: solid 1px #e0e0e0
}

.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle {
    border-left: none;
    border-right: none;
    border-top: solid 1px #e0e0e0
}

.mat-button-toggle-checked {
    background-color: #e0e0e0;
    color: #0000008a
}

.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
    color: #000000de
}

.mat-button-toggle-disabled {
    color: #00000042;
    background-color: #eee
}

.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
    background: #fff
}

.mat-button-toggle-disabled.mat-button-toggle-checked {
    background-color: #bdbdbd
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
    border: solid 1px #e0e0e0
}

.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
    line-height: 48px
}

.mat-card {
    background: #fff;
    color: #000000de
}

.mat-card:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 1px -1px #0003, 0 1px 1px #00000024, 0 1px 3px #0000001f
}

.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
    box-shadow: 0 0 #0003, 0 0 #00000024, 0 0 #0000001f
}

.mat-card-subtitle {
    color: #0000008a
}

.mat-checkbox-frame {
    border-color: #0000008a
}

.mat-checkbox-checkmark {
    fill: #fafafa
}

.mat-checkbox-checkmark-path {
    stroke: #fafafa !important
}

.mat-checkbox-mixedmark {
    background-color: #fafafa
}

.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background,
.mat-checkbox-checked.mat-primary .mat-checkbox-background {
    background-color: #3f51b5
}

.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.mat-checkbox-checked.mat-accent .mat-checkbox-background {
    background-color: #ff4081
}

.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background,
.mat-checkbox-checked.mat-warn .mat-checkbox-background {
    background-color: #f44336
}

.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,
.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
    background-color: #b0b0b0
}

.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
    border-color: #b0b0b0
}

.mat-checkbox-disabled .mat-checkbox-label {
    color: #00000061
}

.mat-checkbox .mat-ripple-element {
    background-color: #000
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
    background: #3f51b5
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
    background: #ff4081
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
    background: #f44336
}

.mat-chip.mat-standard-chip {
    background-color: #e0e0e0;
    color: #000000de
}

.mat-chip.mat-standard-chip .mat-chip-remove {
    color: #000000de;
    opacity: .4
}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
    box-shadow: 0 3px 3px -2px #0003, 0 3px 4px #00000024, 0 1px 8px #0000001f
}

.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
    opacity: .54
}

.mat-chip.mat-standard-chip.mat-chip-disabled {
    opacity: .4
}

.mat-chip.mat-standard-chip:after {
    background: #000
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
    background-color: #3f51b5;
    color: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
    color: #fff;
    opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
    background-color: #ffffff1a
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
    background-color: #f44336;
    color: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
    color: #fff;
    opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
    background-color: #ffffff1a
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
    background-color: #ff4081;
    color: #fff
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
    color: #fff;
    opacity: .4
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
    background-color: #ffffff1a
}

.mat-table {
    background: #fff
}

.mat-table thead,
.mat-table tbody,
.mat-table tfoot,
mat-header-row,
mat-row,
mat-footer-row,
[mat-header-row],
[mat-row],
[mat-footer-row],
.mat-table-sticky {
    background: inherit
}

mat-row,
mat-header-row,
mat-footer-row,
th.mat-header-cell,
td.mat-cell,
td.mat-footer-cell {
    border-bottom-color: #0000001f
}

.mat-header-cell {
    color: #0000008a
}

.mat-cell,
.mat-footer-cell {
    color: #000000de
}

.mat-calendar-arrow {
    fill: #0000008a
}

.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
    color: #0000008a
}

.mat-calendar-table-header-divider:after {
    background: rgba(0, 0, 0, .12)
}

.mat-calendar-table-header,
.mat-calendar-body-label {
    color: #0000008a
}

.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
    color: #000000de;
    border-color: transparent
}

.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    color: #00000061
}

.mat-form-field-disabled .mat-date-range-input-separator {
    color: #00000061
}

.mat-calendar-body-in-preview {
    color: #0000003d
}

.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    border-color: #00000061
}

.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    border-color: #0000002e
}

.mat-calendar-body-in-range:before {
    background: rgba(63, 81, 181, .2)
}

.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range:before {
    background: rgba(249, 171, 0, .2)
}

.mat-calendar-body-comparison-bridge-start:before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(to right, rgba(63, 81, 181, .2) 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-calendar-body-comparison-bridge-end:before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(to left, rgba(63, 81, 181, .2) 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after {
    background: #a8dab5
}

.mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-calendar-body-in-comparison-range>.mat-calendar-body-selected {
    background: #46a35e
}

.mat-calendar-body-selected {
    background-color: #3f51b5;
    color: #fff
}

.mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: #3f51b566
}

.mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff
}

.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: #3f51b54d
}

@media (hover: hover) {
    .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
        background-color: #3f51b54d
    }
}

.mat-datepicker-content {
    box-shadow: 0 2px 4px -1px #0003, 0 4px 5px #00000024, 0 1px 10px #0000001f;
    background-color: #fff;
    color: #000000de
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range:before {
    background: rgba(255, 64, 129, .2)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range:before {
    background: rgba(249, 171, 0, .2)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start:before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(to right, rgba(255, 64, 129, .2) 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end:before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(to left, rgba(255, 64, 129, .2) 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-datepicker-content.mat-accent .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after {
    background: #a8dab5
}

.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected {
    background: #46a35e
}

.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
    background-color: #ff4081;
    color: #fff
}

.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: #ff408166
}

.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff
}

.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: #ff40814d
}

@media (hover: hover) {
    .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
        background-color: #ff40814d
    }
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range:before {
    background: rgba(244, 67, 54, .2)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range:before {
    background: rgba(249, 171, 0, .2)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start:before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end:before {
    background: linear-gradient(to right, rgba(244, 67, 54, .2) 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end:before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start:before {
    background: linear-gradient(to left, rgba(244, 67, 54, .2) 50%, rgba(249, 171, 0, .2) 50%)
}

.mat-datepicker-content.mat-warn .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range:after {
    background: #a8dab5
}

.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected {
    background: #46a35e
}

.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
    background-color: #f44336;
    color: #fff
}

.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected {
    background-color: #f4433666
}

.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
    box-shadow: inset 0 0 0 1px #fff
}

.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: #f443364d
}

@media (hover: hover) {
    .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
        background-color: #f443364d
    }
}

.mat-datepicker-content-touch {
    box-shadow: 0 11px 15px -7px #0003, 0 24px 38px 3px #00000024, 0 9px 46px 8px #0000001f
}

.mat-datepicker-toggle-active {
    color: #3f51b5
}

.mat-datepicker-toggle-active.mat-accent {
    color: #ff4081
}

.mat-datepicker-toggle-active.mat-warn {
    color: #f44336
}

.mat-date-range-input-inner[disabled] {
    color: #00000061
}

.mat-dialog-container {
    box-shadow: 0 11px 15px -7px #0003, 0 24px 38px 3px #00000024, 0 9px 46px 8px #0000001f;
    background: #fff;
    color: #000000de
}

.mat-divider {
    border-top-color: #0000001f
}

.mat-divider-vertical {
    border-right-color: #0000001f
}

.mat-expansion-panel {
    background: #fff;
    color: #000000de
}

.mat-expansion-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 3px 1px -2px #0003, 0 2px 2px #00000024, 0 1px 5px #0000001f
}

.mat-action-row {
    border-top-color: #0000001f
}

.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),
.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
    background: rgba(0, 0, 0, .04)
}

@media (hover: none) {
    .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
        background: #fff
    }
}

.mat-expansion-panel-header-title {
    color: #000000de
}

.mat-expansion-panel-header-description,
.mat-expansion-indicator:after {
    color: #0000008a
}

.mat-expansion-panel-header[aria-disabled=true] {
    color: #00000042
}

.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
    color: inherit
}

.mat-expansion-panel-header {
    height: 48px
}

.mat-expansion-panel-header.mat-expanded {
    height: 64px
}

.mat-form-field-label,
.mat-hint {
    color: #0009
}

.mat-form-field.mat-focused .mat-form-field-label {
    color: #3f51b5
}

.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
    color: #ff4081
}

.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
    color: #f44336
}

.mat-focused .mat-form-field-required-marker {
    color: #ff4081
}

.mat-form-field-ripple {
    background-color: #000000de
}

.mat-form-field.mat-focused .mat-form-field-ripple {
    background-color: #3f51b5
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
    background-color: #ff4081
}

.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
    background-color: #f44336
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix:after {
    color: #3f51b5
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix:after {
    color: #ff4081
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix:after {
    color: #f44336
}

.mat-form-field.mat-form-field-invalid .mat-form-field-label,
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
    color: #f44336
}

.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
    background-color: #f44336
}

.mat-error {
    color: #f44336
}

.mat-form-field-appearance-legacy .mat-form-field-label,
.mat-form-field-appearance-legacy .mat-hint {
    color: #0000008a
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
    background-color: #0000006b
}

.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .42) 0%, rgba(0, 0, 0, .42) 33%, transparent 0%);
    background-size: 4px 100%;
    background-repeat: repeat-x
}

.mat-form-field-appearance-standard .mat-form-field-underline {
    background-color: #0000006b
}

.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .42) 0%, rgba(0, 0, 0, .42) 33%, transparent 0%);
    background-size: 4px 100%;
    background-repeat: repeat-x
}

.mat-form-field-appearance-fill .mat-form-field-flex {
    background-color: #0000000a
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
    background-color: #00000005
}

.mat-form-field-appearance-fill .mat-form-field-underline:before {
    background-color: #0000006b
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
    color: #00000061
}

.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline:before {
    background-color: transparent
}

.mat-form-field-appearance-outline .mat-form-field-outline {
    color: #0000001f
}

.mat-form-field-appearance-outline .mat-form-field-outline-thick {
    color: #000000de
}

.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
    color: #3f51b5
}

.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
    color: #ff4081
}

.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick,
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
    color: #f44336
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
    color: #00000061
}

.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
    color: #0000000f
}

.mat-icon.mat-primary {
    color: #3f51b5
}

.mat-icon.mat-accent {
    color: #ff4081
}

.mat-icon.mat-warn {
    color: #f44336
}

.mat-form-field-type-mat-native-select .mat-form-field-infix:after {
    color: #0000008a
}

.mat-input-element:disabled,
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix:after {
    color: #00000061
}

.mat-input-element {
    caret-color: #3f51b5
}

.mat-input-element::placeholder {
    color: #0000006b
}

.mat-input-element::-moz-placeholder {
    color: #0000006b
}

.mat-input-element::-webkit-input-placeholder {
    color: #0000006b
}

.mat-input-element:-ms-input-placeholder {
    color: #0000006b
}

.mat-form-field.mat-accent .mat-input-element {
    caret-color: #ff4081
}

.mat-form-field.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
    caret-color: #f44336
}

.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix:after {
    color: #f44336
}

.mat-list-base .mat-list-item,
.mat-list-base .mat-list-option {
    color: #000000de
}

.mat-list-base .mat-subheader {
    color: #0000008a
}

.mat-list-base .mat-list-item-disabled {
    background-color: #eee;
    color: #00000061
}

.mat-list-option:hover,
.mat-list-option:focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-action-list .mat-list-item:focus {
    background: rgba(0, 0, 0, .04)
}

.mat-list-single-selected-option,
.mat-list-single-selected-option:hover,
.mat-list-single-selected-option:focus {
    background: rgba(0, 0, 0, .12)
}

.mat-menu-panel {
    background: #fff
}

.mat-menu-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 4px -1px #0003, 0 4px 5px #00000024, 0 1px 10px #0000001f
}

.mat-menu-item {
    background: transparent;
    color: #000000de
}

.mat-menu-item[disabled],
.mat-menu-item[disabled] .mat-menu-submenu-icon,
.mat-menu-item[disabled] .mat-icon-no-color {
    color: #00000061
}

.mat-menu-item .mat-icon-no-color,
.mat-menu-submenu-icon {
    color: #0000008a
}

.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
    background: rgba(0, 0, 0, .04)
}

.mat-paginator {
    background: #fff
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
    color: #0000008a
}

.mat-paginator-decrement,
.mat-paginator-increment {
    border-top: 2px solid rgba(0, 0, 0, .54);
    border-right: 2px solid rgba(0, 0, 0, .54)
}

.mat-paginator-first,
.mat-paginator-last {
    border-top: 2px solid rgba(0, 0, 0, .54)
}

.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
    border-color: #00000061
}

.mat-paginator-container {
    min-height: 56px
}

.mat-progress-bar-background {
    fill: #cbd0e9
}

.mat-progress-bar-buffer {
    background-color: #cbd0e9
}

.mat-progress-bar-fill:after {
    background-color: #3f51b5
}

.mat-progress-bar.mat-accent .mat-progress-bar-background {
    fill: #fbccdc
}

.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
    background-color: #fbccdc
}

.mat-progress-bar.mat-accent .mat-progress-bar-fill:after {
    background-color: #ff4081
}

.mat-progress-bar.mat-warn .mat-progress-bar-background {
    fill: #f9ccc9
}

.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
    background-color: #f9ccc9
}

.mat-progress-bar.mat-warn .mat-progress-bar-fill:after {
    background-color: #f44336
}

.mat-progress-spinner circle,
.mat-spinner circle {
    stroke: #3f51b5
}

.mat-progress-spinner.mat-accent circle,
.mat-spinner.mat-accent circle {
    stroke: #ff4081
}

.mat-progress-spinner.mat-warn circle,
.mat-spinner.mat-warn circle {
    stroke: #f44336
}

.mat-radio-outer-circle {
    border-color: #0000008a
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
    border-color: #3f51b5
}

.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
    background-color: #3f51b5
}

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
    border-color: #ff4081
}

.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
    background-color: #ff4081
}

.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
    border-color: #f44336
}

.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
    background-color: #f44336
}

.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
    border-color: #00000061
}

.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
    background-color: #00000061
}

.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
    color: #00000061
}

.mat-radio-button .mat-ripple-element {
    background-color: #000
}

.mat-select-value {
    color: #000000de
}

.mat-select-placeholder {
    color: #0000006b
}

.mat-select-disabled .mat-select-value {
    color: #00000061
}

.mat-select-arrow {
    color: #0000008a
}

.mat-select-panel {
    background: #fff
}

.mat-select-panel:not([class*=mat-elevation-z]) {
    box-shadow: 0 2px 4px -1px #0003, 0 4px 5px #00000024, 0 1px 10px #0000001f
}

.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
    background: rgba(0, 0, 0, .12)
}

.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
    color: #3f51b5
}

.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
    color: #ff4081
}

.mat-form-field.mat-focused.mat-warn .mat-select-arrow,
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
    color: #f44336
}

.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
    color: #00000061
}

.mat-drawer-container {
    background-color: #fafafa;
    color: #000000de
}

.mat-drawer {
    background-color: #fff;
    color: #000000de
}

.mat-drawer.mat-drawer-push {
    background-color: #fff
}

.mat-drawer:not(.mat-drawer-side) {
    box-shadow: 0 8px 10px -5px #0003, 0 16px 24px 2px #00000024, 0 6px 30px 5px #0000001f
}

.mat-drawer-side {
    border-right: solid 1px rgba(0, 0, 0, .12)
}

.mat-drawer-side.mat-drawer-end,
[dir=rtl] .mat-drawer-side {
    border-left: solid 1px rgba(0, 0, 0, .12);
    border-right: none
}

[dir=rtl] .mat-drawer-side.mat-drawer-end {
    border-left: none;
    border-right: solid 1px rgba(0, 0, 0, .12)
}

.mat-drawer-backdrop.mat-drawer-shown {
    background-color: #0009
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
    background-color: #ff4081
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
    background-color: #ff40818a
}

.mat-slide-toggle.mat-checked .mat-ripple-element {
    background-color: #ff4081
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
    background-color: #3f51b5
}

.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
    background-color: #3f51b58a
}

.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
    background-color: #3f51b5
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
    background-color: #f44336
}

.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
    background-color: #f443368a
}

.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
    background-color: #f44336
}

.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
    background-color: #000
}

.mat-slide-toggle-thumb {
    box-shadow: 0 2px 1px -1px #0003, 0 1px 1px #00000024, 0 1px 3px #0000001f;
    background-color: #fafafa
}

.mat-slide-toggle-bar {
    background-color: #00000061
}

.mat-slider-track-background {
    background-color: #00000042
}

.mat-slider.mat-primary .mat-slider-track-fill,
.mat-slider.mat-primary .mat-slider-thumb,
.mat-slider.mat-primary .mat-slider-thumb-label {
    background-color: #3f51b5
}

.mat-slider.mat-primary .mat-slider-thumb-label-text {
    color: #fff
}

.mat-slider.mat-primary .mat-slider-focus-ring {
    background-color: #3f51b533
}

.mat-slider.mat-accent .mat-slider-track-fill,
.mat-slider.mat-accent .mat-slider-thumb,
.mat-slider.mat-accent .mat-slider-thumb-label {
    background-color: #ff4081
}

.mat-slider.mat-accent .mat-slider-thumb-label-text {
    color: #fff
}

.mat-slider.mat-accent .mat-slider-focus-ring {
    background-color: #ff408133
}

.mat-slider.mat-warn .mat-slider-track-fill,
.mat-slider.mat-warn .mat-slider-thumb,
.mat-slider.mat-warn .mat-slider-thumb-label {
    background-color: #f44336
}

.mat-slider.mat-warn .mat-slider-thumb-label-text {
    color: #fff
}

.mat-slider.mat-warn .mat-slider-focus-ring {
    background-color: #f4433633
}

.mat-slider:hover .mat-slider-track-background,
.mat-slider.cdk-focused .mat-slider-track-background {
    background-color: #00000061
}

.mat-slider.mat-slider-disabled .mat-slider-track-background,
.mat-slider.mat-slider-disabled .mat-slider-track-fill,
.mat-slider.mat-slider-disabled .mat-slider-thumb,
.mat-slider.mat-slider-disabled:hover .mat-slider-track-background {
    background-color: #00000042
}

.mat-slider.mat-slider-min-value .mat-slider-focus-ring {
    background-color: #0000001f
}

.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
    background-color: #000000de
}

.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
    background-color: #00000042
}

.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
    border-color: #00000042;
    background-color: transparent
}

.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb,
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
    border-color: #00000061
}

.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb,
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
    border-color: #00000042
}

.mat-slider-has-ticks .mat-slider-wrapper:after {
    border-color: #000000b3
}

.mat-slider-horizontal .mat-slider-ticks {
    background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent);
    background-image: -moz-repeating-linear-gradient(.0001deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent)
}

.mat-slider-vertical .mat-slider-ticks {
    background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent)
}

.mat-step-header.cdk-keyboard-focused,
.mat-step-header.cdk-program-focused,
.mat-step-header:hover:not([aria-disabled]),
.mat-step-header:hover[aria-disabled=false] {
    background-color: #0000000a
}

.mat-step-header:hover[aria-disabled=true] {
    cursor: default
}

@media (hover: none) {
    .mat-step-header:hover {
        background: none
    }
}

.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
    color: #0000008a
}

.mat-step-header .mat-step-icon {
    background-color: #0000008a;
    color: #fff
}

.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
    background-color: #3f51b5;
    color: #fff
}

.mat-step-header.mat-accent .mat-step-icon {
    color: #fff
}

.mat-step-header.mat-accent .mat-step-icon-selected,
.mat-step-header.mat-accent .mat-step-icon-state-done,
.mat-step-header.mat-accent .mat-step-icon-state-edit {
    background-color: #ff4081;
    color: #fff
}

.mat-step-header.mat-warn .mat-step-icon {
    color: #fff
}

.mat-step-header.mat-warn .mat-step-icon-selected,
.mat-step-header.mat-warn .mat-step-icon-state-done,
.mat-step-header.mat-warn .mat-step-icon-state-edit {
    background-color: #f44336;
    color: #fff
}

.mat-step-header .mat-step-icon-state-error {
    background-color: transparent;
    color: #f44336
}

.mat-step-header .mat-step-label.mat-step-label-active {
    color: #000000de
}

.mat-step-header .mat-step-label.mat-step-label-error {
    color: #f44336
}

.mat-stepper-horizontal,
.mat-stepper-vertical {
    background-color: #fff
}

.mat-stepper-vertical-line:before {
    border-left-color: #0000001f
}

.mat-horizontal-stepper-header:before,
.mat-horizontal-stepper-header:after,
.mat-stepper-horizontal-line {
    border-top-color: #0000001f
}

.mat-horizontal-stepper-header {
    height: 72px
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,
.mat-vertical-stepper-header {
    padding: 24px
}

.mat-stepper-vertical-line:before {
    top: -16px;
    bottom: -16px
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:after,
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:before {
    top: 36px
}

.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
    top: 36px
}

.mat-sort-header-arrow {
    color: #757575
}

.mat-tab-nav-bar,
.mat-tab-header {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
    border-top: 1px solid rgba(0, 0, 0, .12);
    border-bottom: none
}

.mat-tab-label,
.mat-tab-link {
    color: #000000de
}

.mat-tab-label.mat-tab-disabled,
.mat-tab-link.mat-tab-disabled {
    color: #00000061
}

.mat-tab-header-pagination-chevron {
    border-color: #000000de
}

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: #00000061
}

.mat-tab-group[class*=mat-background-]>.mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
    border-bottom: none;
    border-top: none
}

.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: #c5cae94d
}

.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary .mat-ink-bar {
    background-color: #3f51b5
}

.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,
.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar,
.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,
.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar {
    background-color: #fff
}

.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: #ff80ab4d
}

.mat-tab-group.mat-accent .mat-ink-bar,
.mat-tab-nav-bar.mat-accent .mat-ink-bar {
    background-color: #ff4081
}

.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,
.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar,
.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,
.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar {
    background-color: #fff
}

.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: #ffcdd24d
}

.mat-tab-group.mat-warn .mat-ink-bar,
.mat-tab-nav-bar.mat-warn .mat-ink-bar {
    background-color: #f44336
}

.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,
.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar,
.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,
.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar {
    background-color: #fff
}

.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: #c5cae94d
}

.mat-tab-group.mat-background-primary>.mat-tab-header,
.mat-tab-group.mat-background-primary>.mat-tab-link-container,
.mat-tab-group.mat-background-primary>.mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination {
    background-color: #3f51b5
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label,
.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link {
    color: #fff
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled {
    color: #fff6
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-focus-indicator:before,
.mat-tab-group.mat-background-primary>.mat-tab-header .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-focus-indicator:before {
    border-color: #fff
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: #fff;
    opacity: .4
}

.mat-tab-group.mat-background-primary>.mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element {
    background-color: #fff;
    opacity: .12
}

.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: #ff80ab4d
}

.mat-tab-group.mat-background-accent>.mat-tab-header,
.mat-tab-group.mat-background-accent>.mat-tab-link-container,
.mat-tab-group.mat-background-accent>.mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination {
    background-color: #ff4081
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label,
.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link {
    color: #fff
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled {
    color: #fff6
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-focus-indicator:before,
.mat-tab-group.mat-background-accent>.mat-tab-header .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-focus-indicator:before {
    border-color: #fff
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: #fff;
    opacity: .4
}

.mat-tab-group.mat-background-accent>.mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element {
    background-color: #fff;
    opacity: .12
}

.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
    background-color: #ffcdd24d
}

.mat-tab-group.mat-background-warn>.mat-tab-header,
.mat-tab-group.mat-background-warn>.mat-tab-link-container,
.mat-tab-group.mat-background-warn>.mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination {
    background-color: #f44336
}

.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label,
.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link {
    color: #fff
}

.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled {
    color: #fff6
}

.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-focus-indicator:before,
.mat-tab-group.mat-background-warn>.mat-tab-header .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-focus-indicator:before,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-focus-indicator:before {
    border-color: #fff
}

.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
    border-color: #fff;
    opacity: .4
}

.mat-tab-group.mat-background-warn>.mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element {
    background-color: #fff;
    opacity: .12
}

.mat-toolbar {
    background: #f5f5f5;
    color: #000000de
}

.mat-toolbar.mat-primary {
    background: #3f51b5;
    color: #fff
}

.mat-toolbar.mat-accent {
    background: #ff4081;
    color: #fff
}

.mat-toolbar.mat-warn {
    background: #f44336;
    color: #fff
}

.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
    background-color: currentColor
}

.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
    color: inherit
}

.mat-toolbar .mat-input-element {
    caret-color: currentColor
}

.mat-toolbar-multiple-rows {
    min-height: 64px
}

.mat-toolbar-row,
.mat-toolbar-single-row {
    height: 64px
}

@media (max-width: 599px) {
    .mat-toolbar-multiple-rows {
        min-height: 56px
    }

    .mat-toolbar-row,
    .mat-toolbar-single-row {
        height: 56px
    }
}

.mat-tooltip {
    background: rgba(97, 97, 97, .9)
}

.mat-tree {
    background: #fff
}

.mat-tree-node,
.mat-nested-tree-node {
    color: #000000de
}

.mat-tree-node {
    min-height: 48px
}

.mat-snack-bar-container {
    color: #ffffffb3;
    background: #323232;
    box-shadow: 0 3px 5px -1px #0003, 0 6px 10px #00000024, 0 1px 18px #0000001f
}

.mat-simple-snackbar-action {
    color: #ff4081
}

/*!
 * froala_editor v4.0.19 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2023 Froala Labs
 */
.fr-element,
.fr-element:focus {
    outline: 0 solid transparent
}

.fr-view.fr-element-scroll-visible {
    overflow-x: visible !important
}

.fr-box.fr-basic {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-box.fr-basic .fr-element {
    font-family: sans-serif;
    color: #414141;
    font-size: 14px;
    line-height: 1.6;
    padding: 20px;
    box-sizing: border-box;
    overflow-x: auto;
    min-height: 60px;
    text-align: left
}

.fr-box.fr-basic.fr-rtl .fr-element {
    text-align: right
}

.fr-element {
    background: transparent;
    position: relative;
    z-index: 2;
    -webkit-user-select: auto
}

.fr-element a {
    user-select: auto;
    -o-user-select: auto;
    -moz-user-select: auto;
    -khtml-user-select: auto;
    -webkit-user-select: auto;
    -ms-user-select: auto
}

.fr-element.fr-disabled {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-element [contenteditable=true] {
    outline: 0 solid transparent
}

.fr-box a.fr-floating-btn {
    box-shadow: 0 3px 1px -2px #0003, 0 2px 2px #00000024, 0 1px 5px #0000001f;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    height: 40px;
    width: 40px;
    background: #FFF;
    color: #333;
    -webkit-transition: background .2s ease 0s, color .2s ease 0s, transform .2s ease 0s;
    -moz-transition: background .2s ease 0s, color .2s ease 0s, transform .2s ease 0s;
    -ms-transition: background .2s ease 0s, color .2s ease 0s, transform .2s ease 0s;
    -o-transition: background .2s ease 0s, color .2s ease 0s, transform .2s ease 0s;
    outline: none;
    left: 0;
    top: 0;
    line-height: 40px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    text-align: center;
    display: block;
    box-sizing: border-box;
    border: none
}

.fr-box a.fr-floating-btn svg {
    -webkit-transition: transform .2s ease 0s;
    -moz-transition: transform .2s ease 0s;
    -ms-transition: transform .2s ease 0s;
    -o-transition: transform .2s ease 0s;
    fill: #333
}

.fr-box a.fr-floating-btn i,
.fr-box a.fr-floating-btn svg {
    font-size: 14px;
    line-height: 40px
}

.fr-box a.fr-floating-btn.fr-btn+.fr-btn {
    margin-left: 10px
}

.fr-box a.fr-floating-btn:hover {
    background: #ebebeb;
    cursor: pointer
}

.fr-box a.fr-floating-btn:hover svg {
    fill: #333
}

.fr-box .fr-visible a.fr-floating-btn {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1)
}

iframe.fr-iframe {
    width: 100%;
    border: none;
    position: relative;
    display: block;
    z-index: 2;
    box-sizing: border-box
}

.fr-wrapper {
    position: relative;
    z-index: 1
}

.fr-wrapper:after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-wrapper .fr-placeholder {
    position: absolute;
    font-size: 14px;
    color: #aaa;
    font-family: sans-serif;
    z-index: 1;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.fr-wrapper.show-placeholder .fr-placeholder {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis
}

.fr-wrapper ::selection {
    background: rgba(181, 214, 253, .8);
    color: #000
}

.fr-box.fr-basic .fr-wrapper {
    background: #FFF;
    border: 1px solid #CCCCCC;
    border-bottom-color: #efefef;
    top: 0;
    left: 0
}

.fr-box.fr-basic.fr-top .fr-wrapper {
    border-top: 0
}

.fr-box.fr-basic.fr-bottom .fr-wrapper {
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

@media (min-width: 992px) {
    .fr-box.fr-document {
        min-width: 21cm
    }

    .fr-box.fr-document .fr-wrapper {
        text-align: left;
        padding: 30px;
        min-width: 21cm;
        background: #efefef
    }

    .fr-box.fr-document .fr-wrapper .fr-element {
        text-align: left;
        background: #FFF;
        width: 21cm;
        margin: auto;
        min-height: 26cm !important;
        padding: 1cm 2cm;
        overflow: visible;
        z-index: auto
    }

    .fr-box.fr-document .fr-wrapper .fr-element hr {
        margin-left: -2cm;
        margin-right: -2cm;
        background: #efefef;
        height: 1cm;
        outline: none;
        border: none
    }

    .fr-box.fr-document .fr-wrapper .fr-element img {
        z-index: 1
    }
}

.fr-tooltip {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 8px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: #222222;
    color: #fff;
    font-size: 11px;
    line-height: 22px;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-transition: opacity .2s ease 0s;
    -moz-transition: opacity .2s ease 0s;
    -ms-transition: opacity .2s ease 0s;
    -o-transition: opacity .2s ease 0s;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -3000px;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    z-index: 2147483647;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fr-tooltip.fr-visible {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-toolbar .fr-btn-wrap,
.fr-popup .fr-btn-wrap,
.fr-modal .fr-btn-wrap {
    float: left;
    white-space: nowrap;
    position: relative
}

.fr-toolbar .fr-btn-wrap.fr-hidden,
.fr-popup .fr-btn-wrap.fr-hidden,
.fr-modal .fr-btn-wrap.fr-hidden {
    display: none
}

.fr-toolbar .fr-command.fr-btn,
.fr-popup .fr-command.fr-btn,
.fr-modal .fr-command.fr-btn {
    background: transparent;
    color: #333;
    -moz-outline: 0;
    outline: none;
    border: 0;
    line-height: 1;
    cursor: pointer;
    text-align: left;
    margin: 4px 2px;
    padding: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 2;
    position: relative;
    box-sizing: border-box;
    text-decoration: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    float: left;
    height: 40px
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-options,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-options,
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-options {
    border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar .fr-command.fr-btn.fr-btn-hover,
.fr-popup .fr-command.fr-btn.fr-btn-hover,
.fr-modal .fr-command.fr-btn.fr-btn-hover {
    border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar .fr-command.fr-btn::-moz-focus-inner,
.fr-popup .fr-command.fr-btn::-moz-focus-inner,
.fr-modal .fr-command.fr-btn::-moz-focus-inner {
    border: 0;
    padding: 0
}

.fr-toolbar .fr-command.fr-btn.fr-btn-text,
.fr-popup .fr-command.fr-btn.fr-btn-text,
.fr-modal .fr-command.fr-btn.fr-btn-text {
    width: auto
}

.fr-toolbar .fr-command.fr-btn i,
.fr-toolbar .fr-command.fr-btn svg,
.fr-popup .fr-command.fr-btn i,
.fr-popup .fr-command.fr-btn svg,
.fr-modal .fr-command.fr-btn i,
.fr-modal .fr-command.fr-btn svg {
    display: block;
    text-align: center;
    float: none;
    margin: 8px 7px;
    width: 24px
}

.fr-toolbar .fr-command.fr-btn svg.fr-svg,
.fr-popup .fr-command.fr-btn svg.fr-svg,
.fr-modal .fr-command.fr-btn svg.fr-svg {
    height: 24px
}

.fr-toolbar .fr-command.fr-btn svg path,
.fr-popup .fr-command.fr-btn svg path,
.fr-modal .fr-command.fr-btn svg path {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    fill: #333
}

.fr-toolbar .fr-command.fr-btn span.fr-sr-only,
.fr-popup .fr-command.fr-btn span.fr-sr-only,
.fr-modal .fr-command.fr-btn span.fr-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-toolbar .fr-command.fr-btn span,
.fr-popup .fr-command.fr-btn span,
.fr-modal .fr-command.fr-btn span {
    font-size: 14px;
    display: block;
    line-height: 17px;
    min-width: 30px;
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 17px;
    font-weight: 700;
    padding: 0 4px
}

.fr-toolbar .fr-command.fr-btn img,
.fr-popup .fr-command.fr-btn img,
.fr-modal .fr-command.fr-btn img {
    margin: 8px 7px;
    width: 24px
}

.fr-toolbar .fr-command.fr-btn.fr-btn-active-popup,
.fr-popup .fr-command.fr-btn.fr-btn-active-popup,
.fr-modal .fr-command.fr-btn.fr-btn-active-popup {
    background: #d6d6d6
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span,
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-selection span {
    font-weight: 400
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown i,
.fr-toolbar .fr-command.fr-btn.fr-dropdown span,
.fr-toolbar .fr-command.fr-btn.fr-dropdown img,
.fr-toolbar .fr-command.fr-btn.fr-dropdown svg,
.fr-popup .fr-command.fr-btn.fr-dropdown i,
.fr-popup .fr-command.fr-btn.fr-dropdown span,
.fr-popup .fr-command.fr-btn.fr-dropdown img,
.fr-popup .fr-command.fr-btn.fr-dropdown svg,
.fr-modal .fr-command.fr-btn.fr-dropdown i,
.fr-modal .fr-command.fr-btn.fr-dropdown span,
.fr-modal .fr-command.fr-btn.fr-dropdown img,
.fr-modal .fr-command.fr-btn.fr-dropdown svg {
    margin-left: 3px;
    margin-right: 11px
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown:after,
.fr-popup .fr-command.fr-btn.fr-dropdown:after,
.fr-modal .fr-command.fr-btn.fr-dropdown:after {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #333333;
    right: 2px;
    top: 18px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    content: ""
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active,
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active {
    fill: #333;
    background: #d6d6d6;
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    -ms-transition: .5s ease;
    -o-transition: .5s ease
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover {
    background: #ebebeb;
    fill: #333
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover:after,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover:after,
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover:after {
    border-top-color: #333
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:after,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:after,
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:after {
    border-top: 0;
    border-bottom: 4px solid #222222
}

.fr-toolbar .fr-command.fr-btn.fr-disabled,
.fr-popup .fr-command.fr-btn.fr-disabled,
.fr-modal .fr-command.fr-btn.fr-disabled {
    color: #bdbdbd;
    cursor: default;
    -webkit-opacity: .3;
    -moz-opacity: .3;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-toolbar .fr-command.fr-btn.fr-disabled:after,
.fr-popup .fr-command.fr-btn.fr-disabled:after,
.fr-modal .fr-command.fr-btn.fr-disabled:after {
    border-top-color: #bdbdbd
}

.fr-toolbar .fr-command.fr-btn.fr-hidden,
.fr-popup .fr-command.fr-btn.fr-hidden,
.fr-modal .fr-command.fr-btn.fr-hidden {
    display: none
}

.fr-toolbar .fr-tabs .fr-command.fr-btn,
.fr-popup .fr-tabs .fr-command.fr-btn,
.fr-modal .fr-tabs .fr-command.fr-btn {
    margin: 0;
    width: 46px;
    height: 40px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,
.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab,
.fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,
.fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab,
.fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,
.fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab {
    background: #FFF
}

.fr-toolbar .fr-tabs .fr-command.fr-btn span,
.fr-popup .fr-tabs .fr-command.fr-btn span,
.fr-modal .fr-tabs .fr-command.fr-btn span {
    height: 27px
}

.fr-toolbar .fr-tabs .fr-command.fr-btn img,
.fr-toolbar .fr-tabs .fr-command.fr-btn svg,
.fr-popup .fr-tabs .fr-command.fr-btn img,
.fr-popup .fr-tabs .fr-command.fr-btn svg,
.fr-modal .fr-tabs .fr-command.fr-btn img,
.fr-modal .fr-tabs .fr-command.fr-btn svg {
    margin: 8px 11px;
    width: 24px;
    height: 24px
}

.fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-toolbar .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-toolbar .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-popup .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-popup .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-modal .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-modal .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-modal .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path {
    fill: #0098f7
}

.fr-toolbar.fr-disabled .fr-btn,
.fr-toolbar.fr-disabled .fr-btn.fr-active,
.fr-popup.fr-disabled .fr-btn,
.fr-popup.fr-disabled .fr-btn.fr-active,
.fr-modal.fr-disabled .fr-btn,
.fr-modal.fr-disabled .fr-btn.fr-active {
    color: #bdbdbd;
    -webkit-opacity: .3;
    -moz-opacity: .3;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-toolbar.fr-disabled .fr-btn.fr-dropdown:after,
.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown:after,
.fr-popup.fr-disabled .fr-btn.fr-dropdown:after,
.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown:after,
.fr-modal.fr-disabled .fr-btn.fr-dropdown:after,
.fr-modal.fr-disabled .fr-btn.fr-active.fr-dropdown:after {
    border-top-color: #bdbdbd
}

.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-left,
.fr-popup.fr-rtl .fr-btn-grp.fr-float-left,
.fr-modal.fr-rtl .fr-btn-grp.fr-float-left {
    float: right
}

.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-right,
.fr-popup.fr-rtl .fr-btn-grp.fr-float-right,
.fr-modal.fr-rtl .fr-btn-grp.fr-float-right {
    float: left
}

.fr-toolbar.fr-rtl .fr-command.fr-btn,
.fr-toolbar.fr-rtl .fr-btn-wrap,
.fr-popup.fr-rtl .fr-command.fr-btn,
.fr-popup.fr-rtl .fr-btn-wrap,
.fr-modal.fr-rtl .fr-command.fr-btn,
.fr-modal.fr-rtl .fr-btn-wrap {
    float: right
}

.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options,
.fr-toolbar.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options,
.fr-popup.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options,
.fr-popup.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options,
.fr-modal.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options,
.fr-modal.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options {
    border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-btn-hover,
.fr-toolbar.fr-rtl .fr-btn-wrap.fr-btn-hover,
.fr-popup.fr-rtl .fr-command.fr-btn.fr-btn-hover,
.fr-popup.fr-rtl .fr-btn-wrap.fr-btn-hover,
.fr-modal.fr-rtl .fr-command.fr-btn.fr-btn-hover,
.fr-modal.fr-rtl .fr-btn-wrap.fr-btn-hover {
    border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar.fr-inline>.fr-command.fr-btn:not(.fr-hidden),
.fr-toolbar.fr-inline>.fr-btn-wrap:not(.fr-hidden) {
    display: inline-flex;
    float: none
}

.fr-desktop .fr-command:hover,
.fr-desktop .fr-command:focus,
.fr-desktop .fr-command.fr-btn-hover,
.fr-desktop .fr-command.fr-expanded {
    outline: 0;
    color: #333
}

.fr-desktop .fr-command:hover:not(.fr-table-cell),
.fr-desktop .fr-command:focus:not(.fr-table-cell),
.fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell),
.fr-desktop .fr-command.fr-expanded:not(.fr-table-cell) {
    background: #ebebeb
}

.fr-desktop .fr-command:hover:after,
.fr-desktop .fr-command:focus:after,
.fr-desktop .fr-command.fr-btn-hover:after,
.fr-desktop .fr-command.fr-expanded:after {
    border-top-color: #333
}

.fr-desktop .fr-command.fr-selected:not(.fr-table-cell),
.fr-desktop .fr-command:active {
    color: #333;
    background: #d6d6d6
}

.fr-desktop .fr-command.fr-active:hover,
.fr-desktop .fr-command.fr-active:focus,
.fr-desktop .fr-command.fr-active.fr-btn-hover,
.fr-desktop .fr-command.fr-active.fr-expanded {
    background: #ebebeb
}

.fr-desktop .fr-command.fr-active:active {
    background: #d6d6d6
}

.fr-desktop .fr-command.fr-disabled:hover,
.fr-desktop .fr-command.fr-disabled:focus,
.fr-desktop .fr-command.fr-disabled.fr-selected {
    background: transparent
}

.fr-desktop.fr-disabled .fr-command:hover,
.fr-desktop.fr-disabled .fr-command:focus,
.fr-desktop.fr-disabled .fr-command.fr-selected {
    background: transparent
}

.fr-toolbar.fr-mobile .fr-command.fr-blink,
.fr-popup.fr-mobile .fr-command.fr-blink {
    background: #d6d6d6
}

.fr-command.fr-btn.fr-options {
    width: 16px;
    margin-left: -5px
}

.fr-command.fr-btn.fr-options.fr-btn-hover,
.fr-command.fr-btn.fr-options:hover,
.fr-command.fr-btn.fr-options:focus {
    border-left: solid 1px #FAFAFA;
    -webkit-transition: border-left 0s, background-color .5s;
    -moz-transition: border-left 0s, background-color .5s;
    -ms-transition: border-left 0s, background-color .5s;
    -o-transition: border-left 0s, background-color .5s
}

.fr-command.fr-btn+.fr-dropdown-menu {
    background: #FFF;
    display: inline-block;
    position: absolute;
    right: auto;
    bottom: auto;
    height: auto;
    z-index: 4;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    zoom: 1;
    box-shadow: 0 3px 1px -2px #0003, 0 2px 2px #00000024, 0 1px 5px #0000001f
}

.fr-command.fr-btn+.fr-dropdown-menu.test-height .fr-dropdown-wrapper {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    height: auto;
    max-height: 275px
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper {
    padding: 0;
    margin: 0 auto auto;
    display: inline-block;
    text-align: left;
    position: relative;
    box-sizing: border-box;
    -webkit-transition: height .3s;
    -moz-transition: height .3s;
    -ms-transition: height .3s;
    -o-transition: height .3s;
    float: left;
    height: 0;
    margin-top: 0 !important
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
    position: relative
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
    list-style-type: none;
    margin: 0;
    padding: 8px 0;
    min-width: 72px
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
    padding: 0;
    margin: 0;
    font-size: 15px
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
    padding: 0 20px;
    line-height: 200%;
    display: flex;
    cursor: pointer;
    white-space: nowrap;
    color: inherit;
    text-decoration: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg {
    width: 24px;
    height: 24px;
    margin: 3px 4px
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg path {
    fill: #333
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
    background: #d6d6d6
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
    color: #bdbdbd;
    cursor: default
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a .fr-shortcut {
    margin-left: 20px;
    font-weight: 700;
    -webkit-opacity: .75;
    -moz-opacity: .75;
    opacity: .75
}

.fr-command.fr-btn.fr-active+.fr-dropdown-menu {
    display: inline-block;
    box-shadow: 0 3px 1px -2px #0003, 0 2px 2px #00000024, 0 1px 5px #0000001f
}

.fr-bottom>.fr-command.fr-btn+.fr-dropdown-menu {
    border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar.fr-rtl .fr-dropdown-wrapper,
.fr-popup.fr-rtl .fr-dropdown-wrapper {
    text-align: right !important
}

body.fr-prevent-scroll {
    overflow: hidden
}

body.fr-prevent-scroll.fr-mobile {
    position: fixed;
    -webkit-overflow-scrolling: touch
}

.fr-modal {
    color: #222;
    font-family: Arial, Helvetica, sans-serif;
    position: fixed;
    overflow-x: auto;
    overflow-y: scroll;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 2147483640;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    line-height: 1.2
}

.fr-modal.fr-middle .fr-modal-wrapper {
    margin: 0 auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    position: absolute
}

.fr-modal .fr-modal-wrapper {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin: 20px auto;
    display: inline-block;
    background: #FFF;
    min-width: 300px;
    box-shadow: 0 3px 5px -1px #0003, 0 6px 10px #00000024, 0 1px 18px #0000001f;
    border: 0;
    overflow: hidden;
    width: 90%;
    position: relative
}

@media (min-width: 768px) and (max-width: 991px) {
    .fr-modal .fr-modal-wrapper {
        margin: 30px auto;
        width: 70%
    }
}

@media (min-width: 992px) {
    .fr-modal .fr-modal-wrapper {
        margin: 50px auto;
        width: 960px
    }
}

.fr-modal .fr-modal-wrapper .fr-modal-head {
    background: #FFF;
    overflow: hidden;
    position: absolute;
    width: 100%;
    min-height: 42px;
    z-index: 3;
    border-bottom: solid #efefef 1px;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -ms-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s
}

.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-head-line {
    height: 56px;
    padding: 0 10px
}

.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close {
    margin: 10px;
    position: absolute;
    top: 0;
    right: 0
}

.fr-modal .fr-modal-wrapper .fr-modal-head h4 {
    font-size: 20px;
    padding: 19px 10px;
    margin: 0;
    font-weight: 400;
    line-height: 18px;
    display: inline-block;
    float: left
}

.fr-modal .fr-modal-wrapper div.fr-modal-body {
    height: 100%;
    min-height: 150px;
    overflow-y: auto;
    padding-bottom: 20px
}

.fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
    outline: 0
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command {
    height: 36px;
    line-height: 1;
    color: #0098f7;
    padding: 10px;
    cursor: pointer;
    text-decoration: none;
    border: none;
    background: none;
    font-size: 16px;
    outline: none;
    -webkit-transition: background .2s ease 0s;
    -moz-transition: background .2s ease 0s;
    -ms-transition: background .2s ease 0s;
    -o-transition: background .2s ease 0s;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command+button {
    margin-left: 24px
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover,
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus {
    background: #ebebeb;
    color: #0098f7
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
    background: #d6d6d6;
    color: #0098f7
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
    border: 0
}

.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
    background: #ebebeb
}

.fr-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    -webkit-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: 2147483639
}

ol.decimal_type {
    counter-reset: item
}

ol.decimal_type>li {
    display: block
}

ol.decimal_type>li:before {
    content: counters(item, ".") ". ";
    counter-increment: item
}

.fr-popup {
    position: absolute;
    display: none;
    color: #222;
    background: #FFF;
    box-shadow: 0 3px 5px -1px #0003, 0 6px 10px #00000024, 0 1px 18px #0000001f;
    font-family: Arial, Helvetica, sans-serif;
    box-sizing: border-box;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    margin-top: 10px;
    z-index: 2147483635;
    text-align: left;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.2
}

.fr-popup .fr-icon {
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    font-weight: 400;
    box-sizing: content-box;
    padding: 6px
}

.fr-popup .fr-icon-container {
    padding: 20px;
    max-height: 200px;
    overflow: auto;
    box-sizing: border-box
}

@supports not (-ms-high-contrast: none) {
    .fr-popup .fr-icon-container {
        grid-template-columns: repeat(auto-fill, minmax(36px, 36px));
        display: grid
    }
}

@media (min-width: 768px) {
    .fr-popup .fr-icon-container {
        min-width: 276px
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .fr-popup .fr-icon-container {
        display: inline-flex
    }
}

@media screen and (-ms-high-contrast: active) and (max-width: 768px),
(-ms-high-contrast: none) and (max-width: 768px) {
    .fr-popup .fr-icon-container {
        width: 236px
    }
}

.fr-popup .fr-input-focus {
    background: whitesmoke
}

.fr-popup.fr-above {
    margin-top: -10px;
    border-top: 0
}

.fr-popup.fr-active {
    display: block
}

.fr-popup.fr-hidden,
.fr-popup.fr-empty {
    display: none !important
}

.fr-popup .fr-hs {
    display: block !important
}

.fr-popup .fr-hs.fr-hidden {
    display: none !important
}

.fr-popup .fr-input-line {
    position: relative;
    padding: 15px 0
}

.fr-popup .fr-input-line input[type=text],
.fr-popup .fr-input-line input[type=number],
.fr-popup .fr-input-line textarea {
    width: 100%;
    margin-bottom: 1px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: solid 1px #999999;
    color: #222;
    font-size: 14px;
    background: #FFF;
    position: relative;
    z-index: 2;
    padding: 4px 12px;
    box-sizing: border-box;
    -webkit-transition: border .5s, padding .5s;
    -moz-transition: border .5s, padding .5s;
    -ms-transition: border .5s, padding .5s;
    -o-transition: border .5s, padding .5s
}

.fr-popup .fr-input-line input[type=text]:hover,
.fr-popup .fr-input-line input[type=number]:hover,
.fr-popup .fr-input-line textarea:hover {
    border: solid 1px #515151
}

.fr-popup .fr-input-line input[type=text]:focus,
.fr-popup .fr-input-line input[type=number]:focus,
.fr-popup .fr-input-line textarea:focus {
    border: solid 2px #0098f7;
    padding: 3px 11px
}

.fr-popup .fr-input-line input[type=text],
.fr-popup .fr-input-line input[type=number] {
    height: 46px
}

.fr-popup .fr-input-line input+label,
.fr-popup .fr-input-line textarea+label {
    position: absolute;
    top: 29px;
    left: 12px;
    font-size: 14px;
    color: gray;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    z-index: 3;
    display: block;
    background: #FFF;
    padding: 0;
    cursor: text
}

.fr-popup .fr-input-line input.fr-not-empty+label,
.fr-popup .fr-input-line textarea.fr-not-empty+label {
    color: gray;
    width: auto;
    left: 4px;
    padding: 0 4px;
    font-size: 11px;
    top: 9px
}

.fr-popup input,
.fr-popup textarea {
    user-select: text;
    -o-user-select: text;
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: none
}

.fr-popup textarea {
    resize: none
}

.fr-popup .fr-buttons {
    white-space: nowrap;
    line-height: 0
}

.fr-popup .fr-buttons .fr-btn {
    margin-left: 4px;
    margin-right: 4px;
    display: inline-block;
    float: none
}

.fr-popup .fr-buttons .fr-btn i {
    float: left
}

.fr-popup .fr-buttons .fr-separator {
    display: inline-block;
    float: none
}

.fr-popup .fr-buttons.fr-tabs {
    border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #f5f5f5;
    overflow: hidden
}

@media (max-width: 768px) {
    .fr-popup .fr-buttons.fr-tabs.fr-tabs-scroll {
        overflow: scroll;
        overflow-y: hidden;
        width: 276px
    }
}

.fr-popup .fr-buttons:not(.fr-tabs) {
    padding: 5px
}

.fr-popup .fr-layer {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 195px;
    box-sizing: border-box;
    margin: 20px;
    display: none
}

@media (min-width: 768px) {
    .fr-popup .fr-layer {
        width: 260px
    }
}

.fr-popup .fr-layer.fr-active {
    display: inline-block
}

.fr-popup .fr-action-buttons {
    z-index: 7;
    height: 36px;
    text-align: right
}

.fr-popup .fr-action-buttons button.fr-command {
    height: 36px;
    line-height: 1;
    color: #0098f7;
    padding: 10px;
    cursor: pointer;
    text-decoration: none;
    border: none;
    background: none;
    font-size: 16px;
    outline: none;
    -webkit-transition: background .2s ease 0s;
    -moz-transition: background .2s ease 0s;
    -ms-transition: background .2s ease 0s;
    -o-transition: background .2s ease 0s;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-popup .fr-action-buttons button.fr-command+button {
    margin-left: 24px
}

.fr-popup .fr-action-buttons button.fr-command:hover,
.fr-popup .fr-action-buttons button.fr-command:focus {
    background: #ebebeb;
    color: #0098f7
}

.fr-popup .fr-action-buttons button.fr-command:active {
    background: #d6d6d6;
    color: #0098f7
}

.fr-popup .fr-action-buttons button::-moz-focus-inner {
    border: 0
}

.fr-popup .fr-checkbox {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    padding: 10px;
    border-radius: 100%;
    line-height: 1;
    box-sizing: content-box;
    vertical-align: middle
}

.fr-popup .fr-checkbox svg {
    margin-left: 2px;
    margin-top: 2px;
    display: none;
    width: 10px;
    height: 10px
}

.fr-popup .fr-checkbox span {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    -webkit-transition: background .2s ease 0s, border-color .2s ease 0s;
    -moz-transition: background .2s ease 0s, border-color .2s ease 0s;
    -ms-transition: background .2s ease 0s, border-color .2s ease 0s;
    -o-transition: background .2s ease 0s, border-color .2s ease 0s
}

.fr-popup .fr-checkbox input {
    position: absolute;
    z-index: 2;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border: 0 none;
    cursor: pointer;
    height: 18px;
    margin: 0;
    padding: 0;
    width: 18px;
    top: 7px;
    left: 7px
}

.fr-popup .fr-checkbox input:not(:checked)+span {
    border: solid 2px #999999
}

.fr-popup .fr-checkbox input:not(:checked):active+span {
    background-color: #f5f5f5
}

.fr-popup .fr-checkbox input:not(:checked):focus+span,
.fr-popup .fr-checkbox input:not(:checked):hover+span {
    border-color: #515151
}

.fr-popup .fr-checkbox input:checked+span {
    background: #0098f7;
    border: solid 2px #0098f7
}

.fr-popup .fr-checkbox input:checked+span svg {
    display: block
}

.fr-popup .fr-checkbox input:checked:active+span {
    background-color: #ecf5ff
}

.fr-popup .fr-checkbox input:checked:focus+span,
.fr-popup .fr-checkbox input:checked:hover+span {
    -webkit-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-popup .fr-checkbox-line {
    font-size: 14px;
    line-height: 1.4px;
    margin-top: 10px
}

.fr-popup .fr-checkbox-line label {
    cursor: pointer;
    margin: 0 5px;
    vertical-align: middle
}

.fr-popup.fr-rtl {
    direction: rtl;
    text-align: right
}

.fr-popup.fr-rtl .fr-action-buttons {
    text-align: left
}

.fr-popup.fr-rtl .fr-input-line input+label,
.fr-popup.fr-rtl .fr-input-line textarea+label {
    left: auto;
    right: 0
}

.fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs {
    float: right
}

.fr-text-edit-layer {
    width: 250px;
    box-sizing: border-box;
    display: block !important
}

.fr-toolbar {
    color: #222;
    background: #FFF;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    box-sizing: border-box;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-align: left;
    border: 1px solid #CCCCCC;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.2;
    padding-bottom: 0;
    -webkit-transition: padding-bottom .5s;
    -moz-transition: padding-bottom .5s;
    -ms-transition: padding-bottom .5s;
    -o-transition: padding-bottom .5s
}

.fr-toolbar:after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-toolbar:after {
    height: 0
}

.fr-toolbar .fr-newline {
    clear: both;
    display: block;
    content: "";
    margin-left: 9px;
    margin-right: 9px;
    background: #efefef;
    height: 1px;
    -webkit-transition: height .5s;
    -moz-transition: height .5s;
    -ms-transition: height .5s;
    -o-transition: height .5s
}

.fr-toolbar.fr-toolbar-open .fr-newline {
    height: 0
}

.fr-toolbar .fr-float-right {
    float: right
}

.fr-toolbar .fr-float-left {
    float: left
}

.fr-toolbar .fr-more-toolbar {
    float: left;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #f5f5f5;
    -webkit-transition: height .5s;
    -moz-transition: height .5s;
    -ms-transition: height .5s;
    -o-transition: height .5s;
    height: 0;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%
}

.fr-toolbar .fr-more-toolbar.fr-expanded {
    height: 48px
}

.fr-toolbar .fr-more-toolbar.fr-overflow-visible {
    overflow: visible
}

.fr-toolbar .fr-more-toolbar>.fr-command.fr-btn {
    margin-left: 4px;
    margin-right: 4px
}

.fr-toolbar .fr-btn-grp {
    display: inline-block;
    margin: 0 17px 0 12px
}

@media (max-width: 768px) {
    .fr-toolbar .fr-btn-grp {
        margin: 0 7px 0 6px
    }
}

.fr-toolbar .fr-command.fr-btn.fr-open {
    margin-top: 10px;
    margin-bottom: -1px;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) {
    background: #f5f5f5
}

.fr-toolbar.fr-rtl {
    text-align: right
}

.fr-toolbar.fr-inline {
    display: none;
    box-shadow: 0 3px 5px -1px #0003, 0 6px 10px #00000024, 0 1px 18px #0000001f;
    border: 0;
    white-space: nowrap;
    position: absolute;
    margin-top: 5px;
    z-index: 2147483630
}

.fr-toolbar.fr-inline.fr-above {
    margin-top: -10px;
    border-top: 0
}

.fr-toolbar.fr-inline .fr-newline {
    height: 0
}

.fr-toolbar.fr-inline .fr-more-toolbar {
    position: absolute !important
}

.fr-toolbar.fr-inline .fr-more-toolbar.fr-expanded {
    position: relative !important
}

.fr-toolbar.fr-top {
    top: 0;
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar.fr-bottom {
    bottom: 0;
    border-top: 0;
    padding-bottom: 0;
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar.fr-bottom .fr-newline {
    padding-top: 0;
    -webkit-transition: padding-top .5s;
    -moz-transition: padding-top .5s;
    -ms-transition: padding-top .5s;
    -o-transition: padding-top .5s
}

.fr-toolbar.fr-bottom.fr-toolbar-open .fr-newline {
    padding-top: 48px;
    background: #FFF
}

.fr-toolbar.fr-bottom .fr-command.fr-btn.fr-open {
    margin-top: -1px;
    margin-bottom: 10px;
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar.fr-sticky-on {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-separator {
    background: #ebebeb;
    display: block;
    vertical-align: top;
    float: left
}

.fr-separator+.fr-separator {
    display: none
}

.fr-separator.fr-vs {
    height: 32px;
    width: 1px;
    margin: 8px 4px
}

.fr-separator.fr-hs {
    clear: both;
    width: calc(100% - 8px);
    margin: 0 4px;
    height: 1px
}

.fr-separator.fr-hidden {
    display: none !important
}

.fr-rtl .fr-separator {
    float: right
}

.fr-toolbar.fr-inline .fr-separator.fr-hs {
    float: none
}

.fr-toolbar.fr-inline .fr-separator.fr-vs {
    float: none;
    display: inline-block
}

.fr-second-toolbar {
    border: 1px solid #CCCCCC;
    border-top: 0;
    background: #FFF;
    line-height: 1.4;
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-second-toolbar:after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-second-toolbar:empty {
    min-height: 10px;
    position: relative;
    margin-top: -1px;
    z-index: 2
}

#fr-logo {
    float: left;
    outline: none
}

#fr-logo>span {
    display: inline-block;
    float: left;
    font-family: sans-serif;
    padding: 11px 5px 10px 15px;
    font-size: 12px;
    font-weight: 500;
    color: #b1b2b7;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s
}

#fr-logo>svg {
    height: 20px;
    width: 47px;
    margin: 7px 0;
    cursor: pointer
}

#fr-logo>svg * {
    -webkit-transition: fill .3s;
    -moz-transition: fill .3s;
    -ms-transition: fill .3s;
    -o-transition: fill .3s
}

#fr-logo:hover>span,
#fr-logo:focus>span {
    color: #0098f7
}

#fr-logo:hover>svg .fr-logo,
#fr-logo:focus>svg .fr-logo {
    fill: #0098f7
}

.fr-visibility-helper {
    display: none;
    margin-left: 0 !important
}

@media (min-width: 768px) {
    .fr-visibility-helper {
        margin-left: 1px !important
    }
}

@media (min-width: 992px) {
    .fr-visibility-helper {
        margin-left: 2px !important
    }
}

@media (min-width: 1200px) {
    .fr-visibility-helper {
        margin-left: 3px !important
    }
}

.fr-opacity-0 {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-box {
    position: relative
}

.fr-sticky {
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky
}

.fr-sticky-off {
    position: relative
}

.fr-sticky-on {
    position: sticky;
    z-index: 10
}

.fr-sticky-on.fr-sticky-ios {
    position: absolute;
    left: 0;
    right: 0;
    width: auto !important
}

.fr-sticky-dummy {
    display: none
}

.fr-sticky-on+.fr-sticky-dummy,
.fr-sticky-box>.fr-sticky-dummy {
    display: block
}

span.fr-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-view .fr-highlight-change,
.fr-highlight-change>img,
.fr-highlight-change>.fr-video>video,
.fr-highlight-change>.fr-video>embed,
.fr-highlight-change>.fr-video>iframe,
.fr-highlight-change>.fr-embedly>.embedly-card>.embedly-card-hug>iframe,
.fr-highlight-change>p,
.fr-view .fr-highlight-change>span:not(.fr-tracking-deleted) {
    background-color: #f3eec3;
    opacity: .5
}

.fr-highlight-change.fr-highlight-change>table td,
.fr-highlight-change.fr-highlight-change>hr {
    border-color: #f3eec3
}

.fr-tracking-deleted.fr-tracking-deleted>table td,
.fr-tracking-deleted.fr-tracking-deleted>hr {
    border-color: #dc3545
}

.fr-tracking-deleted img,
.fr-tracking-deleted>.fr-video>video,
.fr-tracking-deleted>.fr-video>iframe,
.fr-tracking-deleted>.fr-embedly>.embedly-card>.embedly-card-hug>iframe {
    opacity: .5;
    background-color: #dc3545
}

.fr-view .fr-tracking-deleted {
    background-color: #dc3545;
    text-decoration: line-through;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    opacity: 1
}

.fr-highlight-change>.fr-video>iframe,
.fr-tracking-deleted>.fr-video>iframe,
.fr-highlight-change>.fr-video>video,
.fr-tracking-deleted>.fr-video>video,
.fr-highlight-change>.fr-video>embed,
.fr-highlight-change>.fr-embedly>.embedly-card>.embedly-card-hug>iframe,
.fr-tracking-deleted>.fr-embedly>.embedly-card>.embedly-card-hug>iframe {
    padding: 10px !important
}

.fr-tracking-deleted img,
.fr-highlight-change img {
    border: 2px solid #f3eec3
}

.fr-highlight-change #isPasted *:not(table):not(tbody):not(tr):not(td) {
    opacity: .5;
    background-color: #f3eec3
}

.fr-highlight-change #isPasted>table td {
    opacity: .5;
    border-color: #f3eec3
}

.fr-track-hide {
    display: none
}

.fr-track-hide-mobile {
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute
}

.fr-ios-mobile-disable-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none
}

.fr-bottom-extended {
    flex-wrap: wrap;
    display: flex;
    box-sizing: border-box
}

.position-relative {
    position: relative !important
}

.fr-box .fr-counter {
    padding: 10px;
    float: right;
    color: #999;
    content: attr(data-chars);
    font-size: 14px;
    font-family: sans-serif;
    z-index: 1;
    border-radius: 2px 0 0;
    -moz-border-radius: 2px 0 0 0;
    -webkit-border-radius: 2px 0 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-box.fr-rtl .fr-counter {
    left: 0;
    right: auto;
    border-left: none;
    border-radius: 0 2px 0 0;
    -moz-border-radius: 0 2px 0 0;
    -webkit-border-radius: 0 2px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-box.fr-code-view .fr-counter {
    display: none
}

.fr-clearfix:after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

textarea.fr-code {
    display: none;
    width: 100%;
    resize: none;
    -moz-resize: none;
    -webkit-resize: none;
    box-sizing: border-box;
    border: none;
    padding: 10px;
    margin: 0;
    font-family: Courier New, monospace;
    font-size: 14px;
    background: #FFF;
    color: #000;
    outline: none
}

.fr-box.fr-rtl textarea.fr-code {
    direction: rtl
}

.fr-box .CodeMirror {
    display: none
}

.fr-box.fr-code-view textarea.fr-code {
    display: block
}

.fr-box.fr-code-view .fr-element,
.fr-box.fr-code-view .fr-placeholder,
.fr-box.fr-code-view .fr-iframe {
    display: none
}

.fr-box.fr-code-view .CodeMirror,
.fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch {
    display: block
}

.fr-box.fr-inline .fr-command.fr-btn.html-switch {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    background: #FFF;
    color: #333;
    -moz-outline: 0;
    outline: 0;
    border: 0;
    line-height: 1;
    cursor: pointer;
    text-align: left;
    padding: 8px 7px;
    -webkit-transition: background .2s ease 0s;
    -moz-transition: background .2s ease 0s;
    -ms-transition: background .2s ease 0s;
    -o-transition: background .2s ease 0s;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 2;
    box-sizing: border-box;
    text-decoration: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-box.fr-inline .fr-command.fr-btn.html-switch i {
    font-size: 24px;
    width: 24px;
    text-align: center
}

.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
    background: #ebebeb
}

.fr-popup .fr-layer.fr-color-hex-layer {
    margin: 0;
    padding: 0 20px 20px;
    float: left
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-input-line {
    float: left;
    width: calc(100% - 50px);
    padding: 15px 0 0
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons {
    float: right;
    width: 38px;
    height: 40px;
    padding: 17px 0 0;
    margin: 0
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-size: 13px;
    height: 40px;
    width: 38px
}

.fr-popup .fr-separator+.fr-colors-tabs {
    margin-left: 2px;
    margin-right: 2px
}

.fr-popup .fr-color-set {
    line-height: 0;
    display: none
}

.fr-popup .fr-color-set.fr-selected-set {
    display: block;
    padding: 20px 20px 0
}

.fr-popup .fr-color-set>span {
    display: inline-block;
    width: 32px;
    height: 32px;
    position: relative;
    z-index: 1
}

.fr-popup .fr-color-set>span>i,
.fr-popup .fr-color-set>span>svg {
    text-align: center;
    line-height: 32px;
    height: 24px;
    width: 24px;
    margin: 4px;
    font-size: 13px;
    position: absolute;
    bottom: 0;
    cursor: default;
    left: 0
}

.fr-popup .fr-color-set>span>i path,
.fr-popup .fr-color-set>span>svg path {
    fill: #222
}

.fr-popup .fr-color-set>span .fr-selected-color {
    color: #fff;
    font-family: FontAwesome;
    font-size: 13px;
    font-weight: 400;
    line-height: 32px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
    cursor: default
}

.fr-popup .fr-color-set>span:hover,
.fr-popup .fr-color-set>span:focus {
    outline: 1px solid #222222;
    z-index: 2
}

.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1=text]~[data-param1=background]:after {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0)
}

.fr-drag-helper {
    background: #0098f7;
    height: 2px;
    margin-top: -1px;
    -webkit-opacity: .2;
    -moz-opacity: .2;
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    z-index: 2147483640;
    display: none
}

.fr-drag-helper.fr-visible {
    display: block
}

.fr-dragging {
    -webkit-opacity: .4;
    -moz-opacity: .4;
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-popup .fr-emoticon {
    width: 24px;
    height: 24px;
    font-family: "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, Segoe UI Symbol, "Android Emoji", EmojiSymbols
}

.fr-popup .fr-emoticon img {
    height: 24px;
    width: 24px
}

.fr-popup .fr-command.fr-btn.fr-tabs-unicode {
    padding: 0 0 0 14px
}

@media screen and (-ms-high-contrast: active) and (min-width: 768px),
(-ms-high-contrast: none) and (min-width: 768px) {
    .fr-popup .fr-icon-container.fr-emoticon-container {
        width: 368px
    }
}

.fr-popup .fr-file-upload-layer {
    border: dashed 2px #bdbdbd;
    padding: 25px 0;
    margin: 20px;
    position: relative;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 140%;
    box-sizing: border-box;
    text-align: center
}

.fr-popup .fr-file-upload-layer:hover {
    background: #ebebeb
}

.fr-popup .fr-file-upload-layer.fr-drop {
    background: #ebebeb;
    border-color: #0098f7
}

.fr-popup .fr-file-upload-layer .fr-form {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483640;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important
}

.fr-popup .fr-file-upload-layer .fr-form input {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 500%;
    height: 100%;
    margin: 0;
    font-size: 400px
}

.fr-popup .fr-file-progress-bar-layer {
    box-sizing: border-box
}

.fr-popup .fr-file-progress-bar-layer>h3 {
    font-size: 16px;
    margin: 10px 0;
    font-weight: 400
}

.fr-popup .fr-file-progress-bar-layer>div.fr-action-buttons {
    display: none
}

.fr-popup .fr-file-progress-bar-layer>div.fr-loader {
    background: #b3e0fd;
    height: 10px;
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    position: relative
}

.fr-popup .fr-file-progress-bar-layer>div.fr-loader span {
    display: block;
    height: 100%;
    width: 0%;
    background: #0098f7;
    -webkit-transition: width .2s ease 0s;
    -moz-transition: width .2s ease 0s;
    -ms-transition: width .2s ease 0s;
    -o-transition: width .2s ease 0s
}

.fr-popup .fr-file-progress-bar-layer>div.fr-loader.fr-indeterminate span {
    width: 30% !important;
    position: absolute;
    top: 0;
    animation: loading 2s linear infinite
}

.fr-popup .fr-file-progress-bar-layer.fr-error>div.fr-loader {
    display: none
}

.fr-popup .fr-file-progress-bar-layer.fr-error>div.fr-action-buttons {
    display: block
}

.fr-height-auto {
    height: auto !important
}

.fr-file-loader {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #53777a;
    display: inline-block !important;
    animation: spin 2s linear infinite;
    width: 20px;
    height: 20px;
    display: block !important;
    align-items: center
}

.fr-trim-button {
    margin-top: 5px;
    height: 36px;
    line-height: 1;
    color: #0098f7;
    padding: 10px;
    cursor: pointer;
    text-decoration: none;
    border: none;
    background: none;
    font-size: 16px;
    border-radius: 5px;
    background-color: #eff5fa;
    outline: none
}

.fr-trim-button:hover {
    background: #ebebeb
}

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

    to {
        transform: rotate(360deg)
    }
}

.fr-by-url-padding {
    padding: 11.5px 0
}

.fr-popup .fr-upload-progress-layer {
    border-radius: 0;
    box-sizing: border-box;
    padding-left: 20px;
    padding-top: 15px;
    margin: auto !important;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100% !important;
    overscroll-behavior: contain
}

.fr-popup .fr-files-by-url-layer,
.fr-popup .fr-files-embed-layer {
    width: calc(100% - 40px) !important
}

.fr-popup .fr-files-upload-layer {
    border: dashed 2px #bdbdbd;
    margin: 20px;
    position: relative;
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 140%;
    text-align: center;
    width: calc(100% - 40px) !important
}

.fr-popup .fr-files-upload-layer:hover {
    background: #ebebeb
}

.fr-popup .fr-files-upload-layer.fr-drop {
    background: #ebebeb;
    border-color: #0098f7
}

.fr-popup .fr-files-upload-layer .fr-form {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483640;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important
}

.fr-popup .fr-files-upload-layer .fr-form input {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 500%;
    height: 100%;
    margin: 0;
    font-size: 400px
}

.fr-popup .fr-files-progress-bar-layer {
    width: calc(100% - 40px);
    width: -moz-available;
    width: -webkit-stretch;
    width: -webkit-fill-available;
    width: stretch
}

.fr-popup .fr-files-progress-bar-layer>h3 {
    font-size: 16px;
    margin: 10px 0;
    font-weight: 400
}

.fr-popup .fr-files-progress-bar-layer>div.fr-action-buttons {
    display: none
}

.fr-popup .fr-files-progress-bar-layer>div.fr-loader {
    background: #b3e0fd;
    height: 10px;
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    position: relative
}

.fr-popup .fr-files-progress-bar-layer>div.fr-loader span {
    display: block;
    height: 100%;
    width: 0%;
    background: #0098f7;
    -webkit-transition: width .2s ease 0s;
    -moz-transition: width .2s ease 0s;
    -ms-transition: width .2s ease 0s;
    -o-transition: width .2s ease 0s
}

.fr-popup .fr-files-progress-bar-layer>div.fr-loader.fr-indeterminate span {
    width: 30% !important;
    position: absolute;
    top: 0;
    animation: loading 2s linear infinite
}

.fr-popup .fr-files-progress-bar-layer.fr-error>div.fr-loader {
    display: none
}

.fr-popup .fr-files-progress-bar-layer.fr-error>div.fr-action-buttons {
    display: block
}

.fr-progress-bar-style {
    width: calc(100% - 40px)
}

.fr-progress-bar {
    position: relative;
    background-color: #4caf50;
    height: 8px;
    margin-bottom: 8px;
    margin-left: 20px;
    margin-right: 20px;
    width: 100%;
    width: -moz-available;
    width: -webkit-stretch;
    width: -webkit-fill-available;
    width: stretch
}

.fr-pull-left {
    float: left
}

.fr-pull-right {
    float: right
}

.fr-icons {
    padding: 10px 20px 0;
    display: inline
}

.fr-transform-135 {
    transform: rotate(135deg)
}

.fr-icons i {
    margin: 4px;
    padding: 2px;
    cursor: pointer;
    color: #999588;
    font-size: 20px
}

.fr-blue-decorator {
    background: #4a7fba;
    color: #fff;
    display: grid;
    padding: 5px
}

.fr-upload-progress {
    padding: 1px
}

.fr-upload-section {
    position: relative;
    width: 100%;
    width: -moz-available;
    width: -webkit-stretch;
    width: -webkit-fill-available;
    width: stretch
}

@media screen and (max-width: 399px) {
    .fr-upload-section {
        margin-left: 7px;
        margin-right: 7px
    }

    .fr-files-upload-layer {
        padding-top: 7px;
        padding-bottom: 7px
    }
}

@media screen and (min-width: 400px) and (max-width: 469px) {
    .fr-upload-section {
        margin-left: 7px;
        margin-right: 7px
    }

    .fr-files-upload-layer {
        padding-top: 7px;
        padding-bottom: 7px
    }
}

@media screen and (min-width: 470px) and (max-width: 680px) {
    .fr-upload-section {
        margin-left: 7px;
        margin-right: 7px
    }

    .fr-files-upload-layer {
        padding-top: 7px;
        padding-bottom: 7px
    }
}

@media screen and (min-width: 681px) {
    .fr-upload-section {
        margin-left: 35px;
        margin-right: 35px
    }

    .fr-files-upload-layer {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.fr-half-circle {
    width: 60px;
    height: 25px;
    background-color: #fff;
    border-top-left-radius: 110px;
    border-top-right-radius: 110px;
    transform: rotate(180deg);
    border-bottom: 0;
    position: relative;
    z-index: 1;
    left: 50%;
    margin-top: -1px;
    margin-left: -25px
}

.fr-decorated {
    overflow: hidden;
    text-align: center
}

.fr-decorated>span {
    position: relative;
    display: inline-block
}

.fr-decorated>span:before,
.fr-decorated>span:after {
    content: "";
    position: absolute;
    top: 50%;
    border-bottom: 2px solid #ffffff;
    width: 100%;
    margin: 0 20px
}

.fr-decorated>span:before {
    right: 100%
}

.fr-decorated>span:after {
    left: 100%
}

.fr-align-right {
    float: right
}

.fr-checkbox-container {
    display: inline-block;
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    user-select: none
}

.fr-files-checkbox-line {
    display: flex;
    align-items: center;
    font-size: 10px
}

.fr-files-checkbox-line label {
    cursor: pointer;
    vertical-align: middle
}

.fr-insert-checkbox input,
.fr-autoplay-checkbox input {
    height: 13px !important;
    width: 13px !important
}

button[data-cmd=insertFiles] {
    padding-left: 2px !important;
    padding-top: 2.7px !important
}

button[data-cmd=autoplay] svg {
    position: relative !important;
    top: 3.2px !important
}

button[data-cmd=insertAll] {
    padding-left: 4px !important
}

button[data-cmd=insertAll] svg {
    position: relative !important;
    top: 3.2px !important
}

.fr-checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.fr-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #eee
}

.fr-file-list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 7px;
    flex-wrap: wrap;
    position: relative;
    top: -20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 7px
}

.fr-file-item-left {
    display: flex;
    flex-wrap: wrap
}

.fr-file-item-icon {
    display: flex;
    align-items: center;
    padding-left: 7px
}

.fr-file-item-description {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    max-width: 400px;
    margin-left: 5px
}

.fr-cloud-icon {
    height: 30px;
    width: 32px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    position: relative;
    margin: -18px auto 0
}

.fr-files-checkbox {
    position: relative;
    display: inline-block;
    width: 13px;
    height: 13px;
    padding-right: 5px;
    border-radius: 100%;
    line-height: 1;
    box-sizing: content-box;
    vertical-align: middle
}

.fr-files-checkbox svg {
    margin-left: 0;
    margin-top: 0;
    display: none;
    width: 10px;
    height: 10px
}

.fr-files-checkbox span {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 15px;
    height: 15px;
    display: inline-block;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    -webkit-transition: background .2s ease 0s, border-color .2s ease 0s;
    -moz-transition: background .2s ease 0s, border-color .2s ease 0s;
    -ms-transition: background .2s ease 0s, border-color .2s ease 0s;
    -o-transition: background .2s ease 0s, border-color .2s ease 0s
}

.fr-files-checkbox input {
    position: absolute;
    z-index: 2;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border: 0 none;
    cursor: pointer;
    height: 18px;
    margin: 0;
    padding: 0;
    width: 18px
}

.fr-files-checkbox input:not(:checked)+span {
    border: solid 2px #999999
}

.fr-files-checkbox input:not(:checked):active+span {
    background-color: #f5f5f5
}

.fr-files-checkbox input:not(:checked):focus+span,
.fr-files-checkbox input:not(:checked):hover+span {
    border-color: #515151
}

.fr-files-checkbox input:checked+span {
    background: #0098f7;
    border: solid 2px #0098f7
}

.fr-files-checkbox input:checked+span svg {
    display: block
}

.fr-files-checkbox input:checked:active+span {
    background-color: #ecf5ff
}

.fr-files-checkbox input:checked:focus+span,
.fr-files-checkbox input:checked:hover+span {
    -webkit-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-checkbox-disabled {
    opacity: .4;
    position: relative;
    display: inline-block;
    width: 13px !important;
    height: 13px !important;
    padding-right: 5px;
    border-radius: 100%;
    line-height: 1;
    box-sizing: content-box;
    vertical-align: middle
}

.fr-checkbox-disabled svg {
    margin-left: 2px;
    margin-top: 2px;
    display: none;
    width: 10px;
    height: 10px
}

.fr-checkbox-disabled span {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 15px;
    height: 15px;
    display: inline-block;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    -webkit-transition: background .2s ease 0s, border-color .2s ease 0s;
    -moz-transition: background .2s ease 0s, border-color .2s ease 0s;
    -ms-transition: background .2s ease 0s, border-color .2s ease 0s;
    -o-transition: background .2s ease 0s, border-color .2s ease 0s
}

.fr-checkbox-disabled input {
    position: absolute;
    z-index: 2;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border: 0 none;
    cursor: default;
    height: 13px !important;
    margin: 0;
    padding: 0;
    width: 13px !important;
    top: 7px;
    left: 7px
}

.fr-checkbox-disabled input:not(:checked)+span {
    border: solid 2px #999999
}

.fr-checkbox-disabled input:not(:checked):active+span {
    background-color: #f5f5f5
}

.fr-checkbox-disabled input:checked+span {
    background: #0098f7;
    border: solid 2px #0098f7
}

.fr-checkbox-disabled input:checked+span svg {
    display: block
}

.fr-checkbox-disabled input:checked:active+span {
    background-color: #ecf5ff
}

.fr-file-view {
    position: absolute;
    max-width: 60%;
    right: 10%;
    z-index: 2147483642
}

.fr-file-item-thumbnail-hover {
    transition: transform .2s
}

.fr-file-item-thumbnail-hover:hover {
    transform: scale(1.3)
}

.fr-file-name {
    padding-top: 5px;
    font-size: 12px;
    font-weight: 700
}

.fr-margin-16 {
    margin-bottom: 16px
}

.fr-none {
    display: none
}

.fr-display-block {
    display: block
}

.fr-files-manager-tooltip {
    position: relative
}

.padding-top-15 {
    padding-top: 15px !important;
    padding-bottom: 0 !important
}

.fr-files-manager-tooltip .tooltiptext {
    visibility: hidden;
    width: max-content;
    max-width: 250px;
    word-break: break-word;
    word-wrap: break-word;
    background-color: #000;
    color: #fff;
    text-align: left;
    padding: 4px;
    border-radius: 2px;
    font-weight: 100;
    font-size: 10px;
    position: absolute;
    top: 80%;
    left: 50%;
    z-index: 2147483647
}

.fr-files-manager-tooltip:hover .tooltiptext {
    visibility: visible
}

.fr-file-details {
    display: flex;
    flex-wrap: wrap;
    font-size: 10px
}

.fr-file-date {
    word-break: break-word;
    word-wrap: break-word;
    max-width: 110px;
    color: #444;
    padding-top: 2px;
    padding-bottom: 2px
}

.fr-file-size {
    color: #444;
    padding-top: 2px;
    padding-bottom: 2px
}

.dot {
    width: 20px;
    height: 20px;
    background-image: radial-gradient(circle, grey 1px, transparent 2px);
    background-size: 100% 33.33%;
    margin-left: 2px;
    margin-right: 2px
}

.fr-file-action-icons {
    margin-right: 5px;
    margin-left: 5px !important;
    color: #999;
    height: 25px !important;
    padding: 5px !important
}

@media screen and (max-width: 700px) {
    .fr-files-manager-tooltip .tooltiptext {
        max-width: 250px;
        visibility: hidden;
        word-break: break-word;
        word-wrap: break-word;
        top: 90%;
        left: 0%;
        font-size: 8px
    }
}

@media screen and (max-width: 500px) {
    .fr-files-manager-tooltip .tooltiptext {
        max-width: 100px;
        visibility: hidden;
        word-break: break-word;
        word-wrap: break-word;
        top: 90%;
        left: 0%
    }

    .fr-file-item-description {
        width: 130px
    }

    .fr-file-item-right {
        width: 100%
    }

    .progress-circle {
        font-size: 6px
    }
}

@media screen and (max-width: 320px) {
    .fr-files-manager-tooltip .tooltiptext {
        max-width: 100px;
        visibility: hidden;
        word-break: break-word;
        word-wrap: break-word;
        top: 90%;
        left: -50%;
        font-size: 8px
    }

    .dot {
        width: 20px;
        margin-left: 0;
        margin-right: 3px
    }

    .fr-file-item-description {
        width: 80px
    }

    .fr-file-details {
        display: flex;
        flex-wrap: wrap;
        font-size: 9px
    }

    .fr-file-name {
        font-size: 10px
    }

    .fr-file-action-icons {
        padding: 0 !important
    }
}

@media screen and (min-width: 501px) {
    .progress-circle {
        font-size: 9px
    }
}

.fr-file-view-modal {
    display: block;
    position: fixed;
    position: -ms-page;
    z-index: 2147483641;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: #000000b3
}

.fr-file-view-modal-content {
    display: inline-block;
    text-align: center
}

.fr-file-view-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 80%;
    max-height: 70%
}

.fr-file-view-close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: 700;
    transition: .3s
}

.fr-file-view-close:hover,
.fr-file-view-close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer
}

.fr-file-error {
    color: red;
    font-weight: 200;
    font-size: 12px;
    padding-bottom: 5px
}

.fr-file-error-h5 {
    margin: 0
}

.fr-file-item-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: 20px
}

.fr-file-item-action-buttons {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.fr-file-item-autoplay-checkbox {
    align-items: center;
    margin: 0 5px 0 0;
    padding: 0
}

.fr-autoplay-checkbox-label {
    margin: 0;
    cursor: default !important
}

.fr-checkbox-container:hover input~.fr-checkmark {
    background-color: #ccc
}

.fr-checkbox-container input:checked~.fr-checkmark {
    background-color: #2196f3
}

.fr-checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.fr-checkbox-container input:checked~.fr-checkmark:after {
    display: block
}

.fr-container .fr-checkmark:after {
    left: 5px;
    top: 2px;
    width: 3px;
    height: 7px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg)
}

.fr-file-item-details .file-name {
    font-weight: 700;
    display: inline
}

.fr-file-item-details .file-description {
    font-weight: 300;
    font-size: 11px;
    display: inline
}

.fr-width-10 {
    width: 10%;
    display: inline-block
}

.fr-width-20 {
    width: 20%;
    display: inline-block
}

.fr-width-30 {
    width: 30%;
    display: inline-block
}

.fr-width-40 {
    width: 40%;
    display: inline-block
}

.fr-width-50 {
    width: 50%;
    display: inline-block
}

.fr-width-60 {
    width: 60%;
    display: inline-block
}

.fr-width-100 {
    width: 100%;
    display: inline-block
}

.fr-width-80 {
    width: 80%;
    display: inline-block
}

.fr-width-90 {
    width: 90%;
    display: inline-block
}

.fr-width-85 {
    width: 85%;
    display: inline-block
}

.fr-width-5 {
    width: 5%;
    display: inline-block
}

.fr-width-7 {
    width: 7%;
    display: inline-block
}

.fr-img-icon {
    color: #aaa;
    font-size: 16px;
    padding: 0 4px
}

.fr-position-content {
    position: relative;
    top: 10px
}

.file-error {
    color: red
}

#myprogressBar {
    width: 10%;
    height: 5px;
    background-color: #4caf50;
    position: relative;
    top: -30px
}

.fr-files-manager {
    z-index: 2147483641 !important
}

.progress-circle {
    margin: 0 0 0 10px;
    position: relative;
    padding: 0;
    width: 5em;
    height: 5.1em;
    background-color: #f2e9e1;
    border-radius: 50%;
    line-height: 5em
}

.progress-circle:after {
    border: none;
    position: absolute;
    top: .35em;
    left: .35em;
    text-align: center;
    display: block;
    border-radius: 50%;
    width: 4.3em;
    height: 4.3em;
    background-color: #fff;
    content: " "
}

.progress-circle span {
    position: absolute;
    line-height: 5em;
    width: 5em;
    text-align: center;
    display: block;
    color: #53777a;
    z-index: 2
}

.progress-circle.over50 .left-half-clipper {
    clip: rect(auto, auto, auto, auto)
}

.progress-circle.over50 .first50-bar {
    position: absolute;
    clip: rect(0, 5em, 5em, 2.5em);
    background-color: #53777a;
    border-radius: 50%;
    width: 5em;
    height: 5em
}

.progress-circle:not(.over50) .first50-bar {
    display: none
}

.progress-circle.p0 .value-bar {
    display: none
}

.progress-circle.p1 .value-bar {
    transform: rotate(4deg)
}

.progress-circle.p2 .value-bar {
    transform: rotate(7deg)
}

.progress-circle.p3 .value-bar {
    transform: rotate(11deg)
}

.progress-circle.p4 .value-bar {
    transform: rotate(14deg)
}

.progress-circle.p5 .value-bar {
    transform: rotate(18deg)
}

.progress-circle.p6 .value-bar {
    transform: rotate(22deg)
}

.progress-circle.p7 .value-bar {
    transform: rotate(25deg)
}

.progress-circle.p8 .value-bar {
    transform: rotate(29deg)
}

.progress-circle.p9 .value-bar {
    transform: rotate(32deg)
}

.progress-circle.p10 .value-bar {
    transform: rotate(36deg)
}

.progress-circle.p11 .value-bar {
    transform: rotate(40deg)
}

.progress-circle.p12 .value-bar {
    transform: rotate(43deg)
}

.progress-circle.p13 .value-bar {
    transform: rotate(47deg)
}

.progress-circle.p14 .value-bar {
    transform: rotate(50deg)
}

.progress-circle.p15 .value-bar {
    transform: rotate(54deg)
}

.progress-circle.p16 .value-bar {
    transform: rotate(58deg)
}

.progress-circle.p17 .value-bar {
    transform: rotate(61deg)
}

.progress-circle.p18 .value-bar {
    transform: rotate(65deg)
}

.progress-circle.p19 .value-bar {
    transform: rotate(68deg)
}

.progress-circle.p20 .value-bar {
    transform: rotate(72deg)
}

.progress-circle.p21 .value-bar {
    transform: rotate(76deg)
}

.progress-circle.p22 .value-bar {
    transform: rotate(79deg)
}

.progress-circle.p23 .value-bar {
    transform: rotate(83deg)
}

.progress-circle.p24 .value-bar {
    transform: rotate(86deg)
}

.progress-circle.p25 .value-bar {
    transform: rotate(90deg)
}

.progress-circle.p26 .value-bar {
    transform: rotate(94deg)
}

.progress-circle.p27 .value-bar {
    transform: rotate(97deg)
}

.progress-circle.p28 .value-bar {
    transform: rotate(101deg)
}

.progress-circle.p29 .value-bar {
    transform: rotate(104deg)
}

.progress-circle.p30 .value-bar {
    transform: rotate(108deg)
}

.progress-circle.p31 .value-bar {
    transform: rotate(112deg)
}

.progress-circle.p32 .value-bar {
    transform: rotate(115deg)
}

.progress-circle.p33 .value-bar {
    transform: rotate(119deg)
}

.progress-circle.p34 .value-bar {
    transform: rotate(122deg)
}

.progress-circle.p35 .value-bar {
    transform: rotate(126deg)
}

.progress-circle.p36 .value-bar {
    transform: rotate(130deg)
}

.progress-circle.p37 .value-bar {
    transform: rotate(133deg)
}

.progress-circle.p38 .value-bar {
    transform: rotate(137deg)
}

.progress-circle.p39 .value-bar {
    transform: rotate(140deg)
}

.progress-circle.p40 .value-bar {
    transform: rotate(144deg)
}

.progress-circle.p41 .value-bar {
    transform: rotate(148deg)
}

.progress-circle.p42 .value-bar {
    transform: rotate(151deg)
}

.progress-circle.p43 .value-bar {
    transform: rotate(155deg)
}

.progress-circle.p44 .value-bar {
    transform: rotate(158deg)
}

.progress-circle.p45 .value-bar {
    transform: rotate(162deg)
}

.progress-circle.p46 .value-bar {
    transform: rotate(166deg)
}

.progress-circle.p47 .value-bar {
    transform: rotate(169deg)
}

.progress-circle.p48 .value-bar {
    transform: rotate(173deg)
}

.progress-circle.p49 .value-bar {
    transform: rotate(176deg)
}

.progress-circle.p50 .value-bar {
    transform: rotate(180deg)
}

.progress-circle.p51 .value-bar {
    transform: rotate(184deg)
}

.progress-circle.p52 .value-bar {
    transform: rotate(187deg)
}

.progress-circle.p53 .value-bar {
    transform: rotate(191deg)
}

.progress-circle.p54 .value-bar {
    transform: rotate(194deg)
}

.progress-circle.p55 .value-bar {
    transform: rotate(198deg)
}

.progress-circle.p56 .value-bar {
    transform: rotate(202deg)
}

.progress-circle.p57 .value-bar {
    transform: rotate(205deg)
}

.progress-circle.p58 .value-bar {
    transform: rotate(209deg)
}

.progress-circle.p59 .value-bar {
    transform: rotate(212deg)
}

.progress-circle.p60 .value-bar {
    transform: rotate(216deg)
}

.progress-circle.p61 .value-bar {
    transform: rotate(220deg)
}

.progress-circle.p62 .value-bar {
    transform: rotate(223deg)
}

.progress-circle.p63 .value-bar {
    transform: rotate(227deg)
}

.progress-circle.p64 .value-bar {
    transform: rotate(230deg)
}

.progress-circle.p65 .value-bar {
    transform: rotate(234deg)
}

.progress-circle.p66 .value-bar {
    transform: rotate(238deg)
}

.progress-circle.p67 .value-bar {
    transform: rotate(241deg)
}

.progress-circle.p68 .value-bar {
    transform: rotate(245deg)
}

.progress-circle.p69 .value-bar {
    transform: rotate(248deg)
}

.progress-circle.p70 .value-bar {
    transform: rotate(252deg)
}

.progress-circle.p71 .value-bar {
    transform: rotate(256deg)
}

.progress-circle.p72 .value-bar {
    transform: rotate(259deg)
}

.progress-circle.p73 .value-bar {
    transform: rotate(263deg)
}

.progress-circle.p74 .value-bar {
    transform: rotate(266deg)
}

.progress-circle.p75 .value-bar {
    transform: rotate(270deg)
}

.progress-circle.p76 .value-bar {
    transform: rotate(274deg)
}

.progress-circle.p77 .value-bar {
    transform: rotate(277deg)
}

.progress-circle.p78 .value-bar {
    transform: rotate(281deg)
}

.progress-circle.p79 .value-bar {
    transform: rotate(284deg)
}

.progress-circle.p80 .value-bar {
    transform: rotate(288deg)
}

.progress-circle.p81 .value-bar {
    transform: rotate(292deg)
}

.progress-circle.p82 .value-bar {
    transform: rotate(295deg)
}

.progress-circle.p83 .value-bar {
    transform: rotate(299deg)
}

.progress-circle.p84 .value-bar {
    transform: rotate(302deg)
}

.progress-circle.p85 .value-bar {
    transform: rotate(306deg)
}

.progress-circle.p86 .value-bar {
    transform: rotate(310deg)
}

.progress-circle.p87 .value-bar {
    transform: rotate(313deg)
}

.progress-circle.p88 .value-bar {
    transform: rotate(317deg)
}

.progress-circle.p89 .value-bar {
    transform: rotate(320deg)
}

.progress-circle.p90 .value-bar {
    transform: rotate(324deg)
}

.progress-circle.p91 .value-bar {
    transform: rotate(328deg)
}

.progress-circle.p92 .value-bar {
    transform: rotate(331deg)
}

.progress-circle.p93 .value-bar {
    transform: rotate(335deg)
}

.progress-circle.p94 .value-bar {
    transform: rotate(338deg)
}

.progress-circle.p95 .value-bar {
    transform: rotate(342deg)
}

.progress-circle.p96 .value-bar {
    transform: rotate(346deg)
}

.progress-circle.p97 .value-bar {
    transform: rotate(349deg)
}

.progress-circle.p98 .value-bar {
    transform: rotate(353deg)
}

.progress-circle.p99 .value-bar {
    transform: rotate(356deg)
}

.progress-circle.p100 .value-bar {
    transform: rotate(360deg)
}

.left-half-clipper {
    border-radius: 50%;
    width: 5em;
    height: 5em;
    position: absolute;
    clip: rect(0, 5em, 5em, 2.5em)
}

.value-bar {
    position: absolute;
    clip: rect(0, 2.5em, 5em, 0);
    width: 5em;
    height: 5em;
    border-radius: 50%;
    border: .45em solid #53777a;
    box-sizing: border-box
}

.align-autoplay {
    align-items: flex-end;
    margin-right: 7px
}

.fr-hovered-over-file {
    background-color: #f0f0f0
}

.fr-thumbnail-padding {
    padding-right: 4px
}

body.fr-fullscreen {
    overflow: hidden;
    height: 100%;
    width: 100%;
    position: fixed
}

.fr-box.fr-fullscreen {
    margin: 0 !important;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2147483630 !important;
    width: auto !important
}

.fr-box.fr-fullscreen .fr-wrapper {
    background-color: #fff
}

.fr-box.fr-fullscreen.fr-basic.fr-top .fr-wrapper,
.fr-box.fr-fullscreen.fr-basic.fr-bottom .fr-wrapper,
.fr-box.fr-fullscreen .fr-toolbar {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-box.fr-fullscreen .fr-toolbar.fr-top {
    top: 0 !important
}

.fr-box.fr-fullscreen .fr-toolbar.fr-bottom {
    bottom: 0 !important
}

.fr-box.fr-fullscreen .fr-second-toolbar {
    margin-top: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-fullscreen-wrapper {
    z-index: 2147483640 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal {
    text-align: left;
    padding: 20px 20px 10px
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table {
    border-collapse: collapse;
    font-size: 14px;
    line-height: 1.5;
    width: 100%
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table+table {
    margin-top: 20px
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr {
    border: 0
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th {
    text-align: left
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th,
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table td {
    padding: 6px 0 4px
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr {
    border-bottom: solid 1px #ebebeb
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child {
    width: 60%;
    color: #646464
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:nth-child(n+2) {
    letter-spacing: .5px
}

.fr-element img {
    cursor: pointer;
    padding: 0 1px
}

.fr-image-resizer {
    position: absolute;
    border: solid 1px #0098f7;
    display: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    box-sizing: content-box
}

.fr-image-resizer.fr-active {
    display: block
}

.fr-image-resizer .fr-handler {
    display: block;
    position: absolute;
    background: #0098f7;
    border: solid 1px #FFF;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 4;
    box-sizing: border-box
}

.fr-image-resizer .fr-handler.fr-hnw {
    cursor: nw-resize
}

.fr-image-resizer .fr-handler.fr-hne {
    cursor: ne-resize
}

.fr-image-resizer .fr-handler.fr-hsw {
    cursor: sw-resize
}

.fr-image-resizer .fr-handler.fr-hse {
    cursor: se-resize
}

.fr-image-resizer .fr-handler {
    width: 12px;
    height: 12px
}

.fr-image-resizer .fr-handler.fr-hnw {
    left: -6px;
    top: -6px
}

.fr-image-resizer .fr-handler.fr-hne {
    right: -6px;
    top: -6px
}

.fr-image-resizer .fr-handler.fr-hsw {
    left: -6px;
    bottom: -6px
}

.fr-image-resizer .fr-handler.fr-hse {
    right: -6px;
    bottom: -6px
}

@media (min-width: 1200px) {
    .fr-image-resizer .fr-handler {
        width: 10px;
        height: 10px
    }

    .fr-image-resizer .fr-handler.fr-hnw {
        left: -5px;
        top: -5px
    }

    .fr-image-resizer .fr-handler.fr-hne {
        right: -5px;
        top: -5px
    }

    .fr-image-resizer .fr-handler.fr-hsw {
        left: -5px;
        bottom: -5px
    }

    .fr-image-resizer .fr-handler.fr-hse {
        right: -5px;
        bottom: -5px
    }
}

.fr-image-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2147483640;
    display: none
}

.fr-popup .fr-image-upload-layer {
    border: dashed 2px #bdbdbd;
    padding: 25px 0;
    margin: 20px;
    position: relative;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 140%;
    text-align: center
}

.fr-popup .fr-image-upload-layer:hover {
    background: #ebebeb
}

.fr-popup .fr-image-upload-layer.fr-drop {
    background: #ebebeb;
    border-color: #0098f7
}

.fr-popup .fr-image-upload-layer .fr-form {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483640;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important
}

.fr-popup .fr-image-upload-layer .fr-form input {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 500%;
    height: 100%;
    margin: 0;
    font-size: 400px
}

.fr-popup .fr-image-progress-bar-layer>h3 {
    font-size: 16px;
    margin: 10px 0;
    font-weight: 400
}

.fr-popup .fr-image-progress-bar-layer>div.fr-action-buttons {
    display: none
}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader {
    background: #b3e0fd;
    height: 10px;
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    position: relative
}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader span {
    display: block;
    height: 100%;
    width: 0%;
    background: #0098f7;
    -webkit-transition: width .2s ease 0s;
    -moz-transition: width .2s ease 0s;
    -ms-transition: width .2s ease 0s;
    -o-transition: width .2s ease 0s
}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader.fr-indeterminate span {
    width: 30% !important;
    position: absolute;
    top: 0;
    animation: loading 2s linear infinite
}

.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-loader {
    display: none
}

.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-action-buttons {
    display: block
}

.fr-image-size-layer .fr-image-group .fr-input-line {
    width: calc(50% - 5px);
    display: inline-block
}

.fr-image-size-layer .fr-image-group .fr-input-line+.fr-input-line {
    margin-left: 10px
}

.fr-uploading {
    -webkit-opacity: .4;
    -moz-opacity: .4;
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

@keyframes loading {
    0% {
        left: -25%
    }

    to {
        left: 100%
    }
}

img.fr-draggable {
    -webkit-user-select: none;
    user-select: none
}

.fr-clearfix:after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-modal .fr-modal-head .fr-modal-head-line:after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more {
    margin-top: 10px
}

.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more.fr-not-available {
    opacity: 0;
    width: 0;
    padding: 12px 0
}

.fr-modal .fr-modal-head .fr-modal-tags {
    padding: 0 20px;
    display: none;
    text-align: left
}

.fr-modal .fr-modal-head .fr-modal-tags a {
    display: inline-block;
    opacity: 0;
    padding: 6px 12px;
    margin: 8px 0 8px 8px;
    text-decoration: none;
    border-radius: 32px;
    -moz-border-radius: 32px;
    -webkit-border-radius: 32px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: opacity .2s ease 0s, background .2s ease 0s;
    -moz-transition: opacity .2s ease 0s, background .2s ease 0s;
    -ms-transition: opacity .2s ease 0s, background .2s ease 0s;
    -o-transition: opacity .2s ease 0s, background .2s ease 0s;
    cursor: pointer;
    background-color: #f5f5f5
}

.fr-modal .fr-modal-head .fr-modal-tags a:focus {
    outline: none;
    background-color: #ebebeb
}

.fr-modal .fr-modal-head .fr-modal-tags a:hover {
    background-color: #ebebeb
}

.fr-modal .fr-modal-head .fr-modal-tags a:active {
    background-color: #d6d6d6
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag {
    background-color: #ecf5ff;
    color: #0098f7
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:focus {
    outline: none;
    background-color: #ebebeb
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:hover {
    background-color: #ebebeb
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:active {
    background-color: #d6d6d6
}

.fr-show-tags .fr-modal-more svg path {
    fill: #0098f7
}

div.fr-modal-body {
    -webkit-transition: background .2s ease 0s;
    -moz-transition: background .2s ease 0s;
    -ms-transition: background .2s ease 0s;
    -o-transition: background .2s ease 0s
}

div.fr-modal-body .fr-preloader {
    display: block;
    margin: 50px auto
}

div.fr-modal-body div.fr-image-list {
    text-align: center;
    margin: 0 20px;
    padding: 0
}

div.fr-modal-body div.fr-image-list .fr-list-column {
    float: left;
    width: calc((100% - 20px)/2)
}

@media (min-width: 768px) and (max-width: 1199px) {
    div.fr-modal-body div.fr-image-list .fr-list-column {
        width: calc((100% - 40px) / 3)
    }
}

@media (min-width: 1200px) {
    div.fr-modal-body div.fr-image-list .fr-list-column {
        width: calc((100% - 60px)/4)
    }
}

div.fr-modal-body div.fr-image-list .fr-list-column+.fr-list-column {
    margin-left: 20px
}

div.fr-modal-body div.fr-image-list div.fr-image-container {
    position: relative;
    width: 100%;
    display: block;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    overflow: hidden
}

div.fr-modal-body div.fr-image-list div.fr-image-container:first-child {
    margin-top: 20px
}

div.fr-modal-body div.fr-image-list div.fr-image-container+div {
    margin-top: 20px
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting:after {
    position: absolute;
    -webkit-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .2s ease 0s;
    -moz-transition: opacity .2s ease 0s;
    -ms-transition: opacity .2s ease 0s;
    -o-transition: opacity .2s ease 0s;
    background: #000;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting:before {
    content: attr(data-deleting);
    color: #fff;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    position: absolute;
    z-index: 3;
    font-size: 15px;
    height: 20px
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty {
    height: 95px;
    background: #CCCCCC;
    z-index: 1
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty:after {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: attr(data-loading);
    display: inline-block;
    height: 20px
}

div.fr-modal-body div.fr-image-list div.fr-image-container img {
    width: 100%;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .2s ease 0s, filter .2s ease 0s;
    -moz-transition: opacity .2s ease 0s, filter .2s ease 0s;
    -ms-transition: opacity .2s ease 0s, filter .2s ease 0s;
    -o-transition: opacity .2s ease 0s, filter .2s ease 0s;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0)
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img {
    -webkit-opacity: .75;
    -moz-opacity: .75;
    opacity: .75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-delete-img,
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-insert-img {
    display: inline-block
}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img,
div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
    display: none;
    top: 50%;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: background .2s ease 0s, color .2s ease 0s;
    -moz-transition: background .2s ease 0s, color .2s ease 0s;
    -ms-transition: background .2s ease 0s, color .2s ease 0s;
    -o-transition: background .2s ease 0s, color .2s ease 0s;
    box-sizing: border-box;
    position: absolute;
    cursor: pointer;
    margin: 0;
    line-height: 40px;
    text-decoration: none;
    z-index: 3
}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img {
    background: #B8312F;
    fill: #fff;
    padding: 8px;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(25%);
    -moz-transform: translateY(-50%) translateX(25%);
    -ms-transform: translateY(-50%) translateX(25%);
    -o-transform: translateY(-50%) translateX(25%)
}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
    background: #FFF;
    fill: #0098f7;
    padding: 8px;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-125%);
    -moz-transform: translateY(-50%) translateX(-125%);
    -ms-transform: translateY(-50%) translateX(-125%);
    -o-transform: translateY(-50%) translateX(-125%)
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img {
    -webkit-opacity: .75;
    -moz-opacity: .75;
    opacity: .75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img,
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img {
    display: inline-block;
    width: 40px;
    height: 40px
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover {
    background: #bf4644;
    color: #fff
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover {
    background: #ebebeb
}

.fr-line-breaker {
    cursor: text;
    border-top: 1px solid #0098f7;
    position: fixed;
    z-index: 2;
    display: none
}

.fr-line-breaker.fr-visible {
    display: block
}

.fr-line-breaker a.fr-floating-btn {
    position: absolute;
    left: calc(50% - 20px);
    top: -20px
}

.fr-line-breaker a.fr-floating-btn svg {
    margin: 8px;
    height: 24px;
    width: 24px
}

.fr-wrapper-markdown {
    display: flex
}

.fr-markdown-view {
    width: calc(52% - 1px);
    box-sizing: inherit
}

.fr-markdown-editor {
    width: calc(48% - 1px);
    box-sizing: inherit;
    background-color: #eee
}

.fr-markdown-editor>p {
    margin: 0
}

.fr-markdown-view>p {
    margin-top: 0
}

.gutter-horizontal {
    display: flex;
    z-index: 9;
    background-color: #dadada;
    cursor: col-resize;
    width: 2px
}

.e-resize-handler {
    z-index: 9;
    width: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    position: relative;
    font-size: 10px;
    color: #c5c5c5
}

.fr-markdown-view>dl {
    margin-top: 0;
    margin-bottom: 1rem
}

.fr-markdown-view>dt {
    font-weight: 700
}

.fr-markdown-view>dd {
    margin-bottom: .5rem;
    margin-left: 0
}

.fr-markdown-view>pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    background-color: #f8f8f8;
    border: 1px solid #dfdfdf;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    padding: .125rem .3125rem .0625rem
}

.fr-markdown-view>code {
    background-color: #f8f8f8;
    border-color: #dfdfdf;
    border-style: solid;
    border-width: 1px;
    color: #333;
    font-family: Consolas, Liberation Mono, Courier, monospace;
    font-weight: 400;
    padding: .125rem .3125rem .0625rem
}

.fr-markdown-view>pre code {
    background-color: transparent;
    border: 0;
    padding: 0
}

.fr-markdown-view>sup {
    top: -.5em
}

.footnote-a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

.fr-markdown-view>hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.blockquote {
    margin: 0 0 1rem;
    border-left: 5px solid #eee;
    padding: 10px 20px;
    font-size: 1.25rem
}

.fr-markdown-view>table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    background-color: transparent;
    border-spacing: 0;
    border-collapse: collapse
}

.fr-markdown-view>table>tbody>tr>td,
.fr-markdown-view>table>tbody>tr>th,
.fr-markdown-view>table>thead>tr>td,
.fr-markdown-view>table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border: 1px solid #ddd
}

.fr-markdown-view>table>thead>tr>td,
.fr-markdown-view>table>thead>tr>th {
    border-bottom-width: 2px
}

.fr-markdown-view>table>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.fr-markdown-view>a {
    color: #337ab7;
    text-decoration: none
}

.fr-markdown-view>h1 {
    font-size: 2em !important
}

.fr-markdown-view>h2 {
    font-size: 1.5em !important
}

.fr-quick-insert {
    position: absolute;
    z-index: 2147483639;
    white-space: nowrap;
    padding-right: 10px;
    box-sizing: content-box
}

.fr-quick-insert a.fr-floating-btn svg {
    margin: 8px;
    width: 24px;
    height: 24px
}

.fr-quick-insert.fr-on a.fr-floating-btn svg {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg)
}

.fr-quick-insert.fr-hidden {
    display: none
}

.fr-qi-helper {
    position: absolute;
    z-index: 3;
    padding-left: 20px;
    white-space: nowrap
}

.fr-qi-helper a.fr-btn.fr-floating-btn {
    text-align: center;
    padding: 6px 10px 10px;
    display: inline-block;
    color: #222;
    background: #FFF;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0)
}

.fr-qi-helper a.fr-btn.fr-floating-btn svg {
    fill: #222
}

.fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1 {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1)
}

.fr-popup .fr-buttons.fr-tabs .fr-special-character-category {
    padding: 10px 15px
}

.fr-popup .fr-buttons.fr-tabs .fr-special-character-category span {
    font-weight: 400;
    font-size: 16px
}

.fr-popup .fr-special-character {
    width: 24px;
    height: 24px
}

@media screen and (-ms-high-contrast: active) and (min-width: 768px),
(-ms-high-contrast: none) and (min-width: 768px) {
    .fr-popup .fr-icon-container.fr-sc-container {
        width: 368px
    }
}

.fr-element table td.fr-selected-cell,
.fr-element table th.fr-selected-cell {
    border: 1px double #0098f7
}

.fr-element table td,
.fr-element table th {
    user-select: text;
    -o-user-select: text;
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text
}

.fr-element .fr-no-selection table td,
.fr-element .fr-no-selection table th {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-table-resizer {
    cursor: col-resize;
    position: absolute;
    z-index: 3;
    display: none
}

.fr-table-resizer.fr-moving {
    z-index: 2
}

.fr-table-resizer div {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border-right: 1px solid #0098f7
}

.fr-no-selection {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-popup .fr-table-size {
    margin: 20px
}

.fr-popup .fr-table-size .fr-table-size-info {
    text-align: center;
    font-size: 14px
}

.fr-popup .fr-table-size .fr-select-table-size {
    line-height: 0;
    padding: 5px;
    white-space: nowrap
}

.fr-popup .fr-table-size .fr-select-table-size>span {
    display: inline-block;
    padding: 0 4px 4px 0;
    background: transparent
}

.fr-popup .fr-table-size .fr-select-table-size>span>span {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #DDD
}

.fr-popup .fr-table-size .fr-select-table-size>span.hover {
    background: transparent
}

.fr-popup .fr-table-size .fr-select-table-size>span.hover>span {
    background: rgba(0, 152, 247, .3);
    border: solid 1px #0098f7
}

.fr-popup .fr-table-size .fr-select-table-size .new-line:after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-popup.fr-above .fr-table-size .fr-select-table-size>span {
    display: inline-block !important
}

.fr-popup .fr-table-colors {
    display: block;
    padding: 20px 20px 0
}

.fr-popup.fr-desktop .fr-table-size .fr-select-table-size>span>span {
    width: 12px;
    height: 12px
}

.fr-insert-helper {
    position: absolute;
    z-index: 9999;
    white-space: nowrap
}

#fr-form-container {
    margin: auto;
    position: relative;
    top: 10%;
    background-color: #f5f5f5;
    width: 60%;
    border-radius: 5px;
    z-index: 9002;
    overflow: auto;
    background-color: #fefefe
}

.fr-trim-video-name {
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 15px
}

.fr-file-loader {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #53777a;
    display: inline-block !important;
    animation: spin 2s linear infinite;
    width: 20px;
    height: 20px;
    display: block !important;
    align-items: center
}

.fr-trim-button {
    margin-top: 5px;
    height: 36px;
    line-height: 1;
    color: #0098f7;
    padding: 10px;
    cursor: pointer;
    text-decoration: none;
    border: none;
    background: none;
    font-size: 16px;
    border-radius: 5px;
    background-color: #eff5fa;
    outline: none
}

.fr-trim-button:hover {
    background: #ebebeb
}

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

    to {
        transform: rotate(360deg)
    }
}

.fr-slidecontainer {
    width: 100%
}

.fr-slider {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    background: #d3d3d3
}

.fr-video-trim-buttons {
    text-align: right;
    padding-bottom: 5px;
    padding-right: 15px;
    margin-top: 10px
}

.fr-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    cursor: pointer
}

.fr-slider::-moz-range-thumb {
    width: 15px;
    height: 15px;
    background: #3498db;
    border-radius: 50%;
    cursor: pointer
}

.fr-range-value-start {
    position: absolute
}

.fr-range-value-start>span {
    width: 60px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #03a9f4;
    color: #fff;
    font-size: 12px;
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-85%);
    border-radius: 6px
}

.fr-range-value-start>span:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    left: 86%;
    margin-left: -5px;
    margin-top: -1px
}

.fr-range-value-end {
    position: absolute
}

.fr-range-value-end>span {
    width: 60px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #03a9f4;
    color: #fff;
    font-size: 12px;
    display: block;
    position: absolute;
    left: 14%;
    transform: translate(-8%);
    border-radius: 6px
}

.fr-range-value-end>span:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    left: 14%;
    margin-left: -5px;
    margin-top: -1px
}

#startTimeValue {
    top: -153% !important
}

#startTimeValue span:before {
    border-top: 10px solid #03a9f4;
    top: 100%
}

#endTimeValue {
    top: -153% !important
}

#endTimeValue span:before {
    border-top: 10px solid #03a9f4;
    top: 100%
}

.fr-range-slider {
    position: relative;
    width: 80%;
    height: 15px
}

.fr-range-slider>input {
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 10px;
    width: 100%;
    outline: none;
    height: 6px;
    border-radius: 10px
}

.fr-range-slider>input::-webkit-slider-thumb {
    pointer-events: all;
    position: relative;
    z-index: 1;
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    background: #3498db;
    cursor: pointer;
    border-radius: 7px;
    margin-top: -3.6px
}

.fr-range-slider>input::-moz-range-thumb {
    pointer-events: all;
    position: relative;
    z-index: 10;
    -moz-appearance: none;
    width: 9px;
    height: 15px;
    border-radius: 7px;
    margin-top: -3.6px
}

.fr-range-slider>input::-moz-range-track {
    position: relative;
    z-index: -1;
    background-color: #000;
    border: 0;
    height: 15px;
    border-radius: 50%;
    margin-top: -3.6px
}

.fr-range-slider>input:last-of-type::-moz-range-track {
    -moz-appearance: none;
    background: none transparent;
    border: 0
}

.fr-range-slider>input[type=range]::-moz-focus-outer {
    border: 0
}

@media screen and (max-width: 430px) {
    .range-value span {
        width: 40px;
        font-size: 10px
    }

    #fr-form-container {
        top: 20%
    }
}

#fr-video-edit {
    width: 80%;
    text-align: center;
    height: 50%;
    margin-bottom: 20px;
    padding-top: 8px;
    padding-bottom: 8px
}

.fr-element .fr-video {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-element .fr-video:after {
    position: absolute;
    content: "";
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    display: block;
    background: transparent
}

.fr-element .fr-video.fr-active>* {
    z-index: 2;
    position: relative
}

.fr-element .fr-video>* {
    box-sizing: content-box;
    max-width: 100%;
    border: none
}

.fr-box .fr-video-resizer {
    position: absolute;
    border: solid 1px #0098f7;
    display: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-box .fr-video-resizer.fr-active {
    display: block
}

.fr-box .fr-video-resizer .fr-handler {
    display: block;
    position: absolute;
    background: #0098f7;
    border: solid 1px #FFF;
    z-index: 4;
    box-sizing: border-box
}

.fr-box .fr-video-resizer .fr-handler.fr-hnw {
    cursor: nw-resize
}

.fr-box .fr-video-resizer .fr-handler.fr-hne {
    cursor: ne-resize
}

.fr-box .fr-video-resizer .fr-handler.fr-hsw {
    cursor: sw-resize
}

.fr-box .fr-video-resizer .fr-handler.fr-hse {
    cursor: se-resize
}

.fr-box .fr-video-resizer .fr-handler {
    width: 12px;
    height: 12px
}

.fr-box .fr-video-resizer .fr-handler.fr-hnw {
    left: -6px;
    top: -6px
}

.fr-box .fr-video-resizer .fr-handler.fr-hne {
    right: -6px;
    top: -6px
}

.fr-box .fr-video-resizer .fr-handler.fr-hsw {
    left: -6px;
    bottom: -6px
}

.fr-box .fr-video-resizer .fr-handler.fr-hse {
    right: -6px;
    bottom: -6px
}

@media (min-width: 1200px) {
    .fr-box .fr-video-resizer .fr-handler {
        width: 10px;
        height: 10px
    }

    .fr-box .fr-video-resizer .fr-handler.fr-hnw {
        left: -5px;
        top: -5px
    }

    .fr-box .fr-video-resizer .fr-handler.fr-hne {
        right: -5px;
        top: -5px
    }

    .fr-box .fr-video-resizer .fr-handler.fr-hsw {
        left: -5px;
        bottom: -5px
    }

    .fr-box .fr-video-resizer .fr-handler.fr-hse {
        right: -5px;
        bottom: -5px
    }
}

.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line {
    width: calc(50% - 5px);
    display: inline-block
}

.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line+.fr-input-line {
    margin-left: 10px
}

.fr-popup .fr-video-upload-layer {
    border: dashed 2px #bdbdbd;
    padding: 25px 0;
    margin: 20px;
    position: relative;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 140%;
    text-align: center
}

.fr-popup .fr-video-upload-layer:hover {
    background: #ebebeb
}

.fr-popup .fr-video-upload-layer.fr-drop {
    background: #ebebeb;
    border-color: #0098f7
}

.fr-popup .fr-video-upload-layer .fr-form {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483640;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important
}

.fr-popup .fr-video-upload-layer .fr-form input {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 500%;
    height: 100%;
    margin: 0;
    font-size: 400px
}

.fr-popup .fr-video-progress-bar-layer>h3 {
    font-size: 16px;
    margin: 10px 0;
    font-weight: 400
}

.fr-popup .fr-video-progress-bar-layer>div.fr-action-buttons {
    display: none
}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader {
    background: #b3e0fd;
    height: 10px;
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    position: relative
}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader span {
    display: block;
    height: 100%;
    width: 0%;
    background: #0098f7;
    -webkit-transition: width .2s ease 0s;
    -moz-transition: width .2s ease 0s;
    -ms-transition: width .2s ease 0s;
    -o-transition: width .2s ease 0s
}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader.fr-indeterminate span {
    width: 30% !important;
    position: absolute;
    top: 0;
    animation: loading 2s linear infinite
}

.fr-popup .fr-video-progress-bar-layer.fr-error>div.fr-loader {
    display: none
}

.fr-popup .fr-video-progress-bar-layer.fr-error>div.fr-action-buttons {
    display: block
}

.fr-video-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2147483640;
    display: none
}

.fr-autoplay-margin {
    margin-top: 0 !important
}

.fr-view img.fr-rounded,
.fr-view .fr-img-caption.fr-rounded img {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-view img.fr-shadow,
.fr-view .fr-img-caption.fr-shadow img {
    box-shadow: 10px 10px 5px #ccc
}

.fr-view img.fr-bordered,
.fr-view .fr-img-caption.fr-bordered img {
    border: solid 5px #CCC
}

.fr-view img.fr-bordered {
    box-sizing: content-box
}

.fr-view .fr-img-caption.fr-bordered img {
    box-sizing: border-box
}

.fr-view li img.fr-dii.fr-fil {
    margin-right: 20px
}

.fr-view {
    word-wrap: break-word
}

.fr-view span[style~="color:"] a {
    color: inherit
}

.fr-view strong {
    font-weight: 700
}

.fr-view table[border="0"] td:not([class]),
.fr-view table[border="0"] th:not([class]),
.fr-view table[border="0"] td[class=""],
.fr-view table[border="0"] th[class=""] {
    border-width: 0px
}

.fr-view table {
    border: none;
    border-collapse: collapse;
    empty-cells: show;
    max-width: 100%
}

.fr-view table td {
    min-width: 5px
}

.fr-view table.fr-dashed-borders td,
.fr-view table.fr-dashed-borders th {
    border-style: dashed
}

.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
    background: whitesmoke
}

.fr-view table td,
.fr-view table th {
    border: 1px solid #DDD
}

.fr-view table td:empty,
.fr-view table th:empty {
    height: 20px
}

.fr-view table td.fr-highlighted,
.fr-view table th.fr-highlighted {
    border: 1px double red
}

.fr-view table td.fr-thick,
.fr-view table th.fr-thick {
    border-width: 2px
}

.fr-view table th,
.fr-view table tfoot td {
    background: #ececec
}

.fr-view hr {
    clear: both;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    break-after: always;
    page-break-after: always
}

.fr-view .fr-file {
    position: relative
}

.fr-view .fr-file:after {
    position: relative;
    content: "\1f4ce";
    font-weight: 400
}

.fr-view pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: visible
}

.fr-view[dir=rtl] blockquote {
    border-left: none;
    border-right: solid 2px #5E35B1;
    margin-right: 0;
    padding-right: 5px;
    padding-left: 0
}

.fr-view[dir=rtl] blockquote blockquote {
    border-color: #00bcd4
}

.fr-view[dir=rtl] blockquote blockquote blockquote {
    border-color: #43a047
}

.fr-view blockquote {
    border-left: solid 2px #5E35B1;
    margin-left: 0;
    padding-left: 5px;
    color: #5e35b1
}

.fr-view blockquote blockquote {
    border-color: #00bcd4;
    color: #00bcd4
}

.fr-view blockquote blockquote blockquote {
    border-color: #43a047;
    color: #43a047
}

.fr-view span.fr-emoticon {
    font-weight: 400;
    font-family: "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, Segoe UI Symbol, "Android Emoji", EmojiSymbols;
    display: inline;
    line-height: 0
}

.fr-view span.fr-emoticon.fr-emoticon-img {
    background-repeat: no-repeat !important;
    font-size: inherit;
    height: 1em;
    width: 1em;
    min-height: 20px;
    min-width: 20px;
    display: inline-block;
    margin: -.1em .1em .1em;
    line-height: 1;
    vertical-align: middle
}

.fr-view .fr-text-gray {
    color: #aaa !important
}

.fr-view .fr-text-bordered {
    border-top: solid 1px #222;
    border-bottom: solid 1px #222;
    padding: 10px 0
}

.fr-view .fr-text-spaced {
    letter-spacing: 1px
}

.fr-view .fr-text-uppercase {
    text-transform: uppercase
}

.fr-view .fr-class-highlighted {
    background-color: #ff0
}

.fr-view .fr-class-code {
    border-color: #ccc;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: #f5f5f5;
    padding: 10px;
    font-family: Courier New, Courier, monospace
}

.fr-view .fr-class-transparency {
    opacity: .5
}

.fr-view img {
    position: relative;
    max-width: 100%
}

.fr-view img.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

.fr-view img.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

.fr-view img.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

.fr-view img.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - 10px)
}

.fr-view img.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

.fr-view img.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

.fr-view span.fr-img-caption {
    position: relative;
    max-width: 100%
}

.fr-view span.fr-img-caption.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

.fr-view span.fr-img-caption.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

.fr-view span.fr-img-caption.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

.fr-view span.fr-img-caption.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - 10px)
}

.fr-view span.fr-img-caption.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

.fr-view span.fr-img-caption.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

.fr-view .fr-video {
    text-align: center;
    position: relative
}

.fr-view .fr-video.fr-rv {
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.fr-view .fr-video.fr-rv>iframe,
.fr-view .fr-video.fr-rv object,
.fr-view .fr-video.fr-rv embed {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.fr-view .fr-video>* {
    box-sizing: content-box;
    max-width: 100%;
    border: none
}

.fr-view .fr-video.fr-dvb {
    display: block;
    clear: both
}

.fr-view .fr-video.fr-dvb.fr-fvl {
    text-align: left
}

.fr-view .fr-video.fr-dvb.fr-fvr {
    text-align: right
}

.fr-view .fr-video.fr-dvi {
    display: inline-block
}

.fr-view .fr-video.fr-dvi.fr-fvl {
    float: left
}

.fr-view .fr-video.fr-dvi.fr-fvr {
    float: right
}

.fr-view a.fr-strong {
    font-weight: 700
}

.fr-view a.fr-green {
    color: green
}

.fr-view .fr-img-caption {
    text-align: center
}

.fr-view .fr-img-caption .fr-img-wrap {
    padding: 0;
    margin: auto;
    text-align: center;
    width: 100%
}

.fr-view .fr-img-caption .fr-img-wrap a {
    display: block
}

.fr-view .fr-img-caption .fr-img-wrap img {
    display: block;
    margin: auto;
    width: 100%
}

.fr-view .fr-img-caption .fr-img-wrap>span {
    margin: auto;
    display: block;
    padding: 5px 5px 10px;
    font-size: 14px;
    font-weight: initial;
    box-sizing: border-box;
    -webkit-opacity: .9;
    -moz-opacity: .9;
    opacity: .9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    width: 100%;
    text-align: center
}

.fr-view button.fr-rounded,
.fr-view input.fr-rounded,
.fr-view textarea.fr-rounded {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-view button.fr-large,
.fr-view input.fr-large,
.fr-view textarea.fr-large {
    font-size: 24px
}

.fr-view span.fr-img-caption.fr-dii.fr-fil,
.fr-view p img.fr-dii.fr-fil {
    margin-right: 15px
}

a.fr-view.fr-strong {
    font-weight: 700
}

a.fr-view.fr-green {
    color: green
}

img.fr-view {
    position: relative;
    max-width: 100%
}

img.fr-view.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

img.fr-view.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

img.fr-view.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

img.fr-view.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - 10px)
}

img.fr-view.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

img.fr-view.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

span.fr-img-caption.fr-view {
    position: relative;
    max-width: 100%
}

span.fr-img-caption.fr-view.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

span.fr-img-caption.fr-view.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

span.fr-img-caption.fr-view.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

span.fr-img-caption.fr-view.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - 10px)
}

span.fr-img-caption.fr-view.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

span.fr-img-caption.fr-view.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

/*!
 * froala_editor v4.0.19 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2023 Froala Labs
 */
.fr-clearfix:after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-element,
.fr-element:focus {
    outline: 0 solid transparent
}

.fr-view.fr-element-scroll-visible {
    overflow-x: visible !important
}

.fr-box.fr-basic {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-box.fr-basic .fr-element {
    font-family: sans-serif;
    color: #414141;
    font-size: 14px;
    line-height: 1.6;
    padding: 20px;
    box-sizing: border-box;
    overflow-x: auto;
    min-height: 60px;
    text-align: left
}

.fr-box.fr-basic.fr-rtl .fr-element {
    text-align: right
}

.fr-element {
    background: transparent;
    position: relative;
    z-index: 2;
    -webkit-user-select: auto
}

.fr-element a {
    user-select: auto;
    -o-user-select: auto;
    -moz-user-select: auto;
    -khtml-user-select: auto;
    -webkit-user-select: auto;
    -ms-user-select: auto
}

.fr-element.fr-disabled {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-element [contenteditable=true] {
    outline: 0 solid transparent
}

.fr-box a.fr-floating-btn {
    box-shadow: 0 3px 1px -2px #0003, 0 2px 2px #00000024, 0 1px 5px #0000001f;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    height: 40px;
    width: 40px;
    background: #FFF;
    color: #333;
    -webkit-transition: background .2s ease 0s, color .2s ease 0s, transform .2s ease 0s;
    -moz-transition: background .2s ease 0s, color .2s ease 0s, transform .2s ease 0s;
    -ms-transition: background .2s ease 0s, color .2s ease 0s, transform .2s ease 0s;
    -o-transition: background .2s ease 0s, color .2s ease 0s, transform .2s ease 0s;
    outline: none;
    left: 0;
    top: 0;
    line-height: 40px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    text-align: center;
    display: block;
    box-sizing: border-box;
    border: none
}

.fr-box a.fr-floating-btn svg {
    -webkit-transition: transform .2s ease 0s;
    -moz-transition: transform .2s ease 0s;
    -ms-transition: transform .2s ease 0s;
    -o-transition: transform .2s ease 0s;
    fill: #333
}

.fr-box a.fr-floating-btn i,
.fr-box a.fr-floating-btn svg {
    font-size: 14px;
    line-height: 40px
}

.fr-box a.fr-floating-btn.fr-btn+.fr-btn {
    margin-left: 10px
}

.fr-box a.fr-floating-btn:hover {
    background: #ebebeb;
    cursor: pointer
}

.fr-box a.fr-floating-btn:hover svg {
    fill: #333
}

.fr-box .fr-visible a.fr-floating-btn {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1)
}

iframe.fr-iframe {
    width: 100%;
    border: none;
    position: relative;
    display: block;
    z-index: 2;
    box-sizing: border-box
}

.fr-wrapper {
    position: relative;
    z-index: 1
}

.fr-wrapper:after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-wrapper .fr-placeholder {
    position: absolute;
    font-size: 14px;
    color: #aaa;
    font-family: sans-serif;
    z-index: 1;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.fr-wrapper.show-placeholder .fr-placeholder {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis
}

.fr-wrapper ::selection {
    background: rgba(181, 214, 253, .8);
    color: #000
}

.fr-box.fr-basic .fr-wrapper {
    background: #FFF;
    border: 1px solid #CCCCCC;
    border-bottom-color: #efefef;
    top: 0;
    left: 0
}

.fr-box.fr-basic.fr-top .fr-wrapper {
    border-top: 0
}

.fr-box.fr-basic.fr-bottom .fr-wrapper {
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

@media (min-width: 992px) {
    .fr-box.fr-document {
        min-width: 21cm
    }

    .fr-box.fr-document .fr-wrapper {
        text-align: left;
        padding: 30px;
        min-width: 21cm;
        background: #efefef
    }

    .fr-box.fr-document .fr-wrapper .fr-element {
        text-align: left;
        background: #FFF;
        width: 21cm;
        margin: auto;
        min-height: 26cm !important;
        padding: 1cm 2cm;
        overflow: visible;
        z-index: auto
    }

    .fr-box.fr-document .fr-wrapper .fr-element hr {
        margin-left: -2cm;
        margin-right: -2cm;
        background: #efefef;
        height: 1cm;
        outline: none;
        border: none
    }

    .fr-box.fr-document .fr-wrapper .fr-element img {
        z-index: 1
    }
}

.fr-tooltip {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 8px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: #222222;
    color: #fff;
    font-size: 11px;
    line-height: 22px;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-transition: opacity .2s ease 0s;
    -moz-transition: opacity .2s ease 0s;
    -ms-transition: opacity .2s ease 0s;
    -o-transition: opacity .2s ease 0s;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -3000px;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    z-index: 2147483647;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fr-tooltip.fr-visible {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-toolbar .fr-btn-wrap,
.fr-popup .fr-btn-wrap,
.fr-modal .fr-btn-wrap {
    float: left;
    white-space: nowrap;
    position: relative
}

.fr-toolbar .fr-btn-wrap.fr-hidden,
.fr-popup .fr-btn-wrap.fr-hidden,
.fr-modal .fr-btn-wrap.fr-hidden {
    display: none
}

.fr-toolbar .fr-command.fr-btn,
.fr-popup .fr-command.fr-btn,
.fr-modal .fr-command.fr-btn {
    background: transparent;
    color: #333;
    -moz-outline: 0;
    outline: none;
    border: 0;
    line-height: 1;
    cursor: pointer;
    text-align: left;
    margin: 4px 2px;
    padding: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 2;
    position: relative;
    box-sizing: border-box;
    text-decoration: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    float: left;
    height: 40px
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-options,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-options,
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-options {
    border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar .fr-command.fr-btn.fr-btn-hover,
.fr-popup .fr-command.fr-btn.fr-btn-hover,
.fr-modal .fr-command.fr-btn.fr-btn-hover {
    border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar .fr-command.fr-btn::-moz-focus-inner,
.fr-popup .fr-command.fr-btn::-moz-focus-inner,
.fr-modal .fr-command.fr-btn::-moz-focus-inner {
    border: 0;
    padding: 0
}

.fr-toolbar .fr-command.fr-btn.fr-btn-text,
.fr-popup .fr-command.fr-btn.fr-btn-text,
.fr-modal .fr-command.fr-btn.fr-btn-text {
    width: auto
}

.fr-toolbar .fr-command.fr-btn i,
.fr-toolbar .fr-command.fr-btn svg,
.fr-popup .fr-command.fr-btn i,
.fr-popup .fr-command.fr-btn svg,
.fr-modal .fr-command.fr-btn i,
.fr-modal .fr-command.fr-btn svg {
    display: block;
    text-align: center;
    float: none;
    margin: 8px 7px;
    width: 24px
}

.fr-toolbar .fr-command.fr-btn svg.fr-svg,
.fr-popup .fr-command.fr-btn svg.fr-svg,
.fr-modal .fr-command.fr-btn svg.fr-svg {
    height: 24px
}

.fr-toolbar .fr-command.fr-btn svg path,
.fr-popup .fr-command.fr-btn svg path,
.fr-modal .fr-command.fr-btn svg path {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    fill: #333
}

.fr-toolbar .fr-command.fr-btn span.fr-sr-only,
.fr-popup .fr-command.fr-btn span.fr-sr-only,
.fr-modal .fr-command.fr-btn span.fr-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-toolbar .fr-command.fr-btn span,
.fr-popup .fr-command.fr-btn span,
.fr-modal .fr-command.fr-btn span {
    font-size: 14px;
    display: block;
    line-height: 17px;
    min-width: 30px;
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 17px;
    font-weight: 700;
    padding: 0 4px
}

.fr-toolbar .fr-command.fr-btn img,
.fr-popup .fr-command.fr-btn img,
.fr-modal .fr-command.fr-btn img {
    margin: 8px 7px;
    width: 24px
}

.fr-toolbar .fr-command.fr-btn.fr-btn-active-popup,
.fr-popup .fr-command.fr-btn.fr-btn-active-popup,
.fr-modal .fr-command.fr-btn.fr-btn-active-popup {
    background: #d6d6d6
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span,
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-selection span {
    font-weight: 400
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown i,
.fr-toolbar .fr-command.fr-btn.fr-dropdown span,
.fr-toolbar .fr-command.fr-btn.fr-dropdown img,
.fr-toolbar .fr-command.fr-btn.fr-dropdown svg,
.fr-popup .fr-command.fr-btn.fr-dropdown i,
.fr-popup .fr-command.fr-btn.fr-dropdown span,
.fr-popup .fr-command.fr-btn.fr-dropdown img,
.fr-popup .fr-command.fr-btn.fr-dropdown svg,
.fr-modal .fr-command.fr-btn.fr-dropdown i,
.fr-modal .fr-command.fr-btn.fr-dropdown span,
.fr-modal .fr-command.fr-btn.fr-dropdown img,
.fr-modal .fr-command.fr-btn.fr-dropdown svg {
    margin-left: 3px;
    margin-right: 11px
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown:after,
.fr-popup .fr-command.fr-btn.fr-dropdown:after,
.fr-modal .fr-command.fr-btn.fr-dropdown:after {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #333333;
    right: 2px;
    top: 18px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    content: ""
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active,
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active {
    fill: #333;
    background: #d6d6d6;
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    -ms-transition: .5s ease;
    -o-transition: .5s ease
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover {
    background: #ebebeb;
    fill: #333
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover:after,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover:after,
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover:after {
    border-top-color: #333
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:after,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:after,
.fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:after {
    border-top: 0;
    border-bottom: 4px solid #222222
}

.fr-toolbar .fr-command.fr-btn.fr-disabled,
.fr-popup .fr-command.fr-btn.fr-disabled,
.fr-modal .fr-command.fr-btn.fr-disabled {
    color: #bdbdbd;
    cursor: default;
    -webkit-opacity: .3;
    -moz-opacity: .3;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-toolbar .fr-command.fr-btn.fr-disabled:after,
.fr-popup .fr-command.fr-btn.fr-disabled:after,
.fr-modal .fr-command.fr-btn.fr-disabled:after {
    border-top-color: #bdbdbd
}

.fr-toolbar .fr-command.fr-btn.fr-hidden,
.fr-popup .fr-command.fr-btn.fr-hidden,
.fr-modal .fr-command.fr-btn.fr-hidden {
    display: none
}

.fr-toolbar .fr-tabs .fr-command.fr-btn,
.fr-popup .fr-tabs .fr-command.fr-btn,
.fr-modal .fr-tabs .fr-command.fr-btn {
    margin: 0;
    width: 46px;
    height: 40px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,
.fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab,
.fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,
.fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab,
.fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active,
.fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab {
    background: #FFF
}

.fr-toolbar .fr-tabs .fr-command.fr-btn span,
.fr-popup .fr-tabs .fr-command.fr-btn span,
.fr-modal .fr-tabs .fr-command.fr-btn span {
    height: 27px
}

.fr-toolbar .fr-tabs .fr-command.fr-btn img,
.fr-toolbar .fr-tabs .fr-command.fr-btn svg,
.fr-popup .fr-tabs .fr-command.fr-btn img,
.fr-popup .fr-tabs .fr-command.fr-btn svg,
.fr-modal .fr-tabs .fr-command.fr-btn img,
.fr-modal .fr-tabs .fr-command.fr-btn svg {
    margin: 8px 11px;
    width: 24px;
    height: 24px
}

.fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-toolbar .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-toolbar .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-popup .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-popup .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-modal .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-modal .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-modal .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path {
    fill: #0098f7
}

.fr-toolbar.fr-disabled .fr-btn,
.fr-toolbar.fr-disabled .fr-btn.fr-active,
.fr-popup.fr-disabled .fr-btn,
.fr-popup.fr-disabled .fr-btn.fr-active,
.fr-modal.fr-disabled .fr-btn,
.fr-modal.fr-disabled .fr-btn.fr-active {
    color: #bdbdbd;
    -webkit-opacity: .3;
    -moz-opacity: .3;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-toolbar.fr-disabled .fr-btn.fr-dropdown:after,
.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown:after,
.fr-popup.fr-disabled .fr-btn.fr-dropdown:after,
.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown:after,
.fr-modal.fr-disabled .fr-btn.fr-dropdown:after,
.fr-modal.fr-disabled .fr-btn.fr-active.fr-dropdown:after {
    border-top-color: #bdbdbd
}

.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-left,
.fr-popup.fr-rtl .fr-btn-grp.fr-float-left,
.fr-modal.fr-rtl .fr-btn-grp.fr-float-left {
    float: right
}

.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-right,
.fr-popup.fr-rtl .fr-btn-grp.fr-float-right,
.fr-modal.fr-rtl .fr-btn-grp.fr-float-right {
    float: left
}

.fr-toolbar.fr-rtl .fr-command.fr-btn,
.fr-toolbar.fr-rtl .fr-btn-wrap,
.fr-popup.fr-rtl .fr-command.fr-btn,
.fr-popup.fr-rtl .fr-btn-wrap,
.fr-modal.fr-rtl .fr-command.fr-btn,
.fr-modal.fr-rtl .fr-btn-wrap {
    float: right
}

.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options,
.fr-toolbar.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options,
.fr-popup.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options,
.fr-popup.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options,
.fr-modal.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options,
.fr-modal.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options {
    border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar.fr-rtl .fr-command.fr-btn.fr-btn-hover,
.fr-toolbar.fr-rtl .fr-btn-wrap.fr-btn-hover,
.fr-popup.fr-rtl .fr-command.fr-btn.fr-btn-hover,
.fr-popup.fr-rtl .fr-btn-wrap.fr-btn-hover,
.fr-modal.fr-rtl .fr-command.fr-btn.fr-btn-hover,
.fr-modal.fr-rtl .fr-btn-wrap.fr-btn-hover {
    border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar.fr-inline>.fr-command.fr-btn:not(.fr-hidden),
.fr-toolbar.fr-inline>.fr-btn-wrap:not(.fr-hidden) {
    display: inline-flex;
    float: none
}

.fr-desktop .fr-command:hover,
.fr-desktop .fr-command:focus,
.fr-desktop .fr-command.fr-btn-hover,
.fr-desktop .fr-command.fr-expanded {
    outline: 0;
    color: #333
}

.fr-desktop .fr-command:hover:not(.fr-table-cell),
.fr-desktop .fr-command:focus:not(.fr-table-cell),
.fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell),
.fr-desktop .fr-command.fr-expanded:not(.fr-table-cell) {
    background: #ebebeb
}

.fr-desktop .fr-command:hover:after,
.fr-desktop .fr-command:focus:after,
.fr-desktop .fr-command.fr-btn-hover:after,
.fr-desktop .fr-command.fr-expanded:after {
    border-top-color: #333
}

.fr-desktop .fr-command.fr-selected:not(.fr-table-cell),
.fr-desktop .fr-command:active {
    color: #333;
    background: #d6d6d6
}

.fr-desktop .fr-command.fr-active:hover,
.fr-desktop .fr-command.fr-active:focus,
.fr-desktop .fr-command.fr-active.fr-btn-hover,
.fr-desktop .fr-command.fr-active.fr-expanded {
    background: #ebebeb
}

.fr-desktop .fr-command.fr-active:active {
    background: #d6d6d6
}

.fr-desktop .fr-command.fr-disabled:hover,
.fr-desktop .fr-command.fr-disabled:focus,
.fr-desktop .fr-command.fr-disabled.fr-selected {
    background: transparent
}

.fr-desktop.fr-disabled .fr-command:hover,
.fr-desktop.fr-disabled .fr-command:focus,
.fr-desktop.fr-disabled .fr-command.fr-selected {
    background: transparent
}

.fr-toolbar.fr-mobile .fr-command.fr-blink,
.fr-popup.fr-mobile .fr-command.fr-blink {
    background: #d6d6d6
}

.fr-command.fr-btn.fr-options {
    width: 16px;
    margin-left: -5px
}

.fr-command.fr-btn.fr-options.fr-btn-hover,
.fr-command.fr-btn.fr-options:hover,
.fr-command.fr-btn.fr-options:focus {
    border-left: solid 1px #FAFAFA;
    -webkit-transition: border-left 0s, background-color .5s;
    -moz-transition: border-left 0s, background-color .5s;
    -ms-transition: border-left 0s, background-color .5s;
    -o-transition: border-left 0s, background-color .5s
}

.fr-command.fr-btn+.fr-dropdown-menu {
    background: #FFF;
    display: inline-block;
    position: absolute;
    right: auto;
    bottom: auto;
    height: auto;
    z-index: 4;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    zoom: 1;
    box-shadow: 0 3px 1px -2px #0003, 0 2px 2px #00000024, 0 1px 5px #0000001f
}

.fr-command.fr-btn+.fr-dropdown-menu.test-height .fr-dropdown-wrapper {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    height: auto;
    max-height: 275px
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper {
    padding: 0;
    margin: 0 auto auto;
    display: inline-block;
    text-align: left;
    position: relative;
    box-sizing: border-box;
    -webkit-transition: height .3s;
    -moz-transition: height .3s;
    -ms-transition: height .3s;
    -o-transition: height .3s;
    float: left;
    height: 0;
    margin-top: 0 !important
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
    position: relative
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
    list-style-type: none;
    margin: 0;
    padding: 8px 0;
    min-width: 72px
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
    padding: 0;
    margin: 0;
    font-size: 15px
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
    padding: 0 20px;
    line-height: 200%;
    display: flex;
    cursor: pointer;
    white-space: nowrap;
    color: inherit;
    text-decoration: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg {
    width: 24px;
    height: 24px;
    margin: 3px 4px
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg path {
    fill: #333
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
    background: #d6d6d6
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
    color: #bdbdbd;
    cursor: default
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a .fr-shortcut {
    margin-left: 20px;
    font-weight: 700;
    -webkit-opacity: .75;
    -moz-opacity: .75;
    opacity: .75
}

.fr-command.fr-btn.fr-active+.fr-dropdown-menu {
    display: inline-block;
    box-shadow: 0 3px 1px -2px #0003, 0 2px 2px #00000024, 0 1px 5px #0000001f
}

.fr-bottom>.fr-command.fr-btn+.fr-dropdown-menu {
    border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar.fr-rtl .fr-dropdown-wrapper,
.fr-popup.fr-rtl .fr-dropdown-wrapper {
    text-align: right !important
}

body.fr-prevent-scroll {
    overflow: hidden
}

body.fr-prevent-scroll.fr-mobile {
    position: fixed;
    -webkit-overflow-scrolling: touch
}

.fr-modal {
    color: #222;
    font-family: Arial, Helvetica, sans-serif;
    position: fixed;
    overflow-x: auto;
    overflow-y: scroll;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 2147483640;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    line-height: 1.2
}

.fr-modal.fr-middle .fr-modal-wrapper {
    margin: 0 auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    position: absolute
}

.fr-modal .fr-modal-wrapper {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin: 20px auto;
    display: inline-block;
    background: #FFF;
    min-width: 300px;
    box-shadow: 0 3px 5px -1px #0003, 0 6px 10px #00000024, 0 1px 18px #0000001f;
    border: 0;
    overflow: hidden;
    width: 90%;
    position: relative
}

@media (min-width: 768px) and (max-width: 991px) {
    .fr-modal .fr-modal-wrapper {
        margin: 30px auto;
        width: 70%
    }
}

@media (min-width: 992px) {
    .fr-modal .fr-modal-wrapper {
        margin: 50px auto;
        width: 960px
    }
}

.fr-modal .fr-modal-wrapper .fr-modal-head {
    background: #FFF;
    overflow: hidden;
    position: absolute;
    width: 100%;
    min-height: 42px;
    z-index: 3;
    border-bottom: solid #efefef 1px;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -ms-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s
}

.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-head-line {
    height: 56px;
    padding: 0 10px
}

.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close {
    margin: 10px;
    position: absolute;
    top: 0;
    right: 0
}

.fr-modal .fr-modal-wrapper .fr-modal-head h4 {
    font-size: 20px;
    padding: 19px 10px;
    margin: 0;
    font-weight: 400;
    line-height: 18px;
    display: inline-block;
    float: left
}

.fr-modal .fr-modal-wrapper div.fr-modal-body {
    height: 100%;
    min-height: 150px;
    overflow-y: auto;
    padding-bottom: 20px
}

.fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
    outline: 0
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command {
    height: 36px;
    line-height: 1;
    color: #0098f7;
    padding: 10px;
    cursor: pointer;
    text-decoration: none;
    border: none;
    background: none;
    font-size: 16px;
    outline: none;
    -webkit-transition: background .2s ease 0s;
    -moz-transition: background .2s ease 0s;
    -ms-transition: background .2s ease 0s;
    -o-transition: background .2s ease 0s;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command+button {
    margin-left: 24px
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover,
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus {
    background: #ebebeb;
    color: #0098f7
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
    background: #d6d6d6;
    color: #0098f7
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
    border: 0
}

.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
    background: #ebebeb
}

.fr-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    -webkit-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: 2147483639
}

ol.decimal_type {
    counter-reset: item
}

ol.decimal_type>li {
    display: block
}

ol.decimal_type>li:before {
    content: counters(item, ".") ". ";
    counter-increment: item
}

.fr-popup {
    position: absolute;
    display: none;
    color: #222;
    background: #FFF;
    box-shadow: 0 3px 5px -1px #0003, 0 6px 10px #00000024, 0 1px 18px #0000001f;
    font-family: Arial, Helvetica, sans-serif;
    box-sizing: border-box;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    margin-top: 10px;
    z-index: 2147483635;
    text-align: left;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.2
}

.fr-popup .fr-icon {
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    font-weight: 400;
    box-sizing: content-box;
    padding: 6px
}

.fr-popup .fr-icon-container {
    padding: 20px;
    max-height: 200px;
    overflow: auto;
    box-sizing: border-box
}

@supports not (-ms-high-contrast: none) {
    .fr-popup .fr-icon-container {
        grid-template-columns: repeat(auto-fill, minmax(36px, 36px));
        display: grid
    }
}

@media (min-width: 768px) {
    .fr-popup .fr-icon-container {
        min-width: 276px
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .fr-popup .fr-icon-container {
        display: inline-flex
    }
}

@media screen and (-ms-high-contrast: active) and (max-width: 768px),
(-ms-high-contrast: none) and (max-width: 768px) {
    .fr-popup .fr-icon-container {
        width: 236px
    }
}

.fr-popup .fr-input-focus {
    background: whitesmoke
}

.fr-popup.fr-above {
    margin-top: -10px;
    border-top: 0
}

.fr-popup.fr-active {
    display: block
}

.fr-popup.fr-hidden,
.fr-popup.fr-empty {
    display: none !important
}

.fr-popup .fr-hs {
    display: block !important
}

.fr-popup .fr-hs.fr-hidden {
    display: none !important
}

.fr-popup .fr-input-line {
    position: relative;
    padding: 15px 0
}

.fr-popup .fr-input-line input[type=text],
.fr-popup .fr-input-line input[type=number],
.fr-popup .fr-input-line textarea {
    width: 100%;
    margin-bottom: 1px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: solid 1px #999999;
    color: #222;
    font-size: 14px;
    background: #FFF;
    position: relative;
    z-index: 2;
    padding: 4px 12px;
    box-sizing: border-box;
    -webkit-transition: border .5s, padding .5s;
    -moz-transition: border .5s, padding .5s;
    -ms-transition: border .5s, padding .5s;
    -o-transition: border .5s, padding .5s
}

.fr-popup .fr-input-line input[type=text]:hover,
.fr-popup .fr-input-line input[type=number]:hover,
.fr-popup .fr-input-line textarea:hover {
    border: solid 1px #515151
}

.fr-popup .fr-input-line input[type=text]:focus,
.fr-popup .fr-input-line input[type=number]:focus,
.fr-popup .fr-input-line textarea:focus {
    border: solid 2px #0098f7;
    padding: 3px 11px
}

.fr-popup .fr-input-line input[type=text],
.fr-popup .fr-input-line input[type=number] {
    height: 46px
}

.fr-popup .fr-input-line input+label,
.fr-popup .fr-input-line textarea+label {
    position: absolute;
    top: 29px;
    left: 12px;
    font-size: 14px;
    color: gray;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    z-index: 3;
    display: block;
    background: #FFF;
    padding: 0;
    cursor: text
}

.fr-popup .fr-input-line input.fr-not-empty+label,
.fr-popup .fr-input-line textarea.fr-not-empty+label {
    color: gray;
    width: auto;
    left: 4px;
    padding: 0 4px;
    font-size: 11px;
    top: 9px
}

.fr-popup input,
.fr-popup textarea {
    user-select: text;
    -o-user-select: text;
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: none
}

.fr-popup textarea {
    resize: none
}

.fr-popup .fr-buttons {
    white-space: nowrap;
    line-height: 0
}

.fr-popup .fr-buttons .fr-btn {
    margin-left: 4px;
    margin-right: 4px;
    display: inline-block;
    float: none
}

.fr-popup .fr-buttons .fr-btn i {
    float: left
}

.fr-popup .fr-buttons .fr-separator {
    display: inline-block;
    float: none
}

.fr-popup .fr-buttons.fr-tabs {
    border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #f5f5f5;
    overflow: hidden
}

@media (max-width: 768px) {
    .fr-popup .fr-buttons.fr-tabs.fr-tabs-scroll {
        overflow: scroll;
        overflow-y: hidden;
        width: 276px
    }
}

.fr-popup .fr-buttons:not(.fr-tabs) {
    padding: 5px
}

.fr-popup .fr-layer {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 195px;
    box-sizing: border-box;
    margin: 20px;
    display: none
}

@media (min-width: 768px) {
    .fr-popup .fr-layer {
        width: 260px
    }
}

.fr-popup .fr-layer.fr-active {
    display: inline-block
}

.fr-popup .fr-action-buttons {
    z-index: 7;
    height: 36px;
    text-align: right
}

.fr-popup .fr-action-buttons button.fr-command {
    height: 36px;
    line-height: 1;
    color: #0098f7;
    padding: 10px;
    cursor: pointer;
    text-decoration: none;
    border: none;
    background: none;
    font-size: 16px;
    outline: none;
    -webkit-transition: background .2s ease 0s;
    -moz-transition: background .2s ease 0s;
    -ms-transition: background .2s ease 0s;
    -o-transition: background .2s ease 0s;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-popup .fr-action-buttons button.fr-command+button {
    margin-left: 24px
}

.fr-popup .fr-action-buttons button.fr-command:hover,
.fr-popup .fr-action-buttons button.fr-command:focus {
    background: #ebebeb;
    color: #0098f7
}

.fr-popup .fr-action-buttons button.fr-command:active {
    background: #d6d6d6;
    color: #0098f7
}

.fr-popup .fr-action-buttons button::-moz-focus-inner {
    border: 0
}

.fr-popup .fr-checkbox {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    padding: 10px;
    border-radius: 100%;
    line-height: 1;
    box-sizing: content-box;
    vertical-align: middle
}

.fr-popup .fr-checkbox svg {
    margin-left: 2px;
    margin-top: 2px;
    display: none;
    width: 10px;
    height: 10px
}

.fr-popup .fr-checkbox span {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    -webkit-transition: background .2s ease 0s, border-color .2s ease 0s;
    -moz-transition: background .2s ease 0s, border-color .2s ease 0s;
    -ms-transition: background .2s ease 0s, border-color .2s ease 0s;
    -o-transition: background .2s ease 0s, border-color .2s ease 0s
}

.fr-popup .fr-checkbox input {
    position: absolute;
    z-index: 2;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border: 0 none;
    cursor: pointer;
    height: 18px;
    margin: 0;
    padding: 0;
    width: 18px;
    top: 7px;
    left: 7px
}

.fr-popup .fr-checkbox input:not(:checked)+span {
    border: solid 2px #999999
}

.fr-popup .fr-checkbox input:not(:checked):active+span {
    background-color: #f5f5f5
}

.fr-popup .fr-checkbox input:not(:checked):focus+span,
.fr-popup .fr-checkbox input:not(:checked):hover+span {
    border-color: #515151
}

.fr-popup .fr-checkbox input:checked+span {
    background: #0098f7;
    border: solid 2px #0098f7
}

.fr-popup .fr-checkbox input:checked+span svg {
    display: block
}

.fr-popup .fr-checkbox input:checked:active+span {
    background-color: #ecf5ff
}

.fr-popup .fr-checkbox input:checked:focus+span,
.fr-popup .fr-checkbox input:checked:hover+span {
    -webkit-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-popup .fr-checkbox-line {
    font-size: 14px;
    line-height: 1.4px;
    margin-top: 10px
}

.fr-popup .fr-checkbox-line label {
    cursor: pointer;
    margin: 0 5px;
    vertical-align: middle
}

.fr-popup.fr-rtl {
    direction: rtl;
    text-align: right
}

.fr-popup.fr-rtl .fr-action-buttons {
    text-align: left
}

.fr-popup.fr-rtl .fr-input-line input+label,
.fr-popup.fr-rtl .fr-input-line textarea+label {
    left: auto;
    right: 0
}

.fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs {
    float: right
}

.fr-text-edit-layer {
    width: 250px;
    box-sizing: border-box;
    display: block !important
}

.fr-toolbar {
    color: #222;
    background: #FFF;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    box-sizing: border-box;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-align: left;
    border: 1px solid #CCCCCC;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.2;
    padding-bottom: 0;
    -webkit-transition: padding-bottom .5s;
    -moz-transition: padding-bottom .5s;
    -ms-transition: padding-bottom .5s;
    -o-transition: padding-bottom .5s
}

.fr-toolbar:after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-toolbar:after {
    height: 0
}

.fr-toolbar .fr-newline {
    clear: both;
    display: block;
    content: "";
    margin-left: 9px;
    margin-right: 9px;
    background: #efefef;
    height: 1px;
    -webkit-transition: height .5s;
    -moz-transition: height .5s;
    -ms-transition: height .5s;
    -o-transition: height .5s
}

.fr-toolbar.fr-toolbar-open .fr-newline {
    height: 0
}

.fr-toolbar .fr-float-right {
    float: right
}

.fr-toolbar .fr-float-left {
    float: left
}

.fr-toolbar .fr-more-toolbar {
    float: left;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #f5f5f5;
    -webkit-transition: height .5s;
    -moz-transition: height .5s;
    -ms-transition: height .5s;
    -o-transition: height .5s;
    height: 0;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%
}

.fr-toolbar .fr-more-toolbar.fr-expanded {
    height: 48px
}

.fr-toolbar .fr-more-toolbar.fr-overflow-visible {
    overflow: visible
}

.fr-toolbar .fr-more-toolbar>.fr-command.fr-btn {
    margin-left: 4px;
    margin-right: 4px
}

.fr-toolbar .fr-btn-grp {
    display: inline-block;
    margin: 0 17px 0 12px
}

@media (max-width: 768px) {
    .fr-toolbar .fr-btn-grp {
        margin: 0 7px 0 6px
    }
}

.fr-toolbar .fr-command.fr-btn.fr-open {
    margin-top: 10px;
    margin-bottom: -1px;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) {
    background: #f5f5f5
}

.fr-toolbar.fr-rtl {
    text-align: right
}

.fr-toolbar.fr-inline {
    display: none;
    box-shadow: 0 3px 5px -1px #0003, 0 6px 10px #00000024, 0 1px 18px #0000001f;
    border: 0;
    white-space: nowrap;
    position: absolute;
    margin-top: 5px;
    z-index: 2147483630
}

.fr-toolbar.fr-inline.fr-above {
    margin-top: -10px;
    border-top: 0
}

.fr-toolbar.fr-inline .fr-newline {
    height: 0
}

.fr-toolbar.fr-inline .fr-more-toolbar {
    position: absolute !important
}

.fr-toolbar.fr-inline .fr-more-toolbar.fr-expanded {
    position: relative !important
}

.fr-toolbar.fr-top {
    top: 0;
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar.fr-bottom {
    bottom: 0;
    border-top: 0;
    padding-bottom: 0;
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar.fr-bottom .fr-newline {
    padding-top: 0;
    -webkit-transition: padding-top .5s;
    -moz-transition: padding-top .5s;
    -ms-transition: padding-top .5s;
    -o-transition: padding-top .5s
}

.fr-toolbar.fr-bottom.fr-toolbar-open .fr-newline {
    padding-top: 48px;
    background: #FFF
}

.fr-toolbar.fr-bottom .fr-command.fr-btn.fr-open {
    margin-top: -1px;
    margin-bottom: 10px;
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-toolbar.fr-sticky-on {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-separator {
    background: #ebebeb;
    display: block;
    vertical-align: top;
    float: left
}

.fr-separator+.fr-separator {
    display: none
}

.fr-separator.fr-vs {
    height: 32px;
    width: 1px;
    margin: 8px 4px
}

.fr-separator.fr-hs {
    clear: both;
    width: calc(100% - 8px);
    margin: 0 4px;
    height: 1px
}

.fr-separator.fr-hidden {
    display: none !important
}

.fr-rtl .fr-separator {
    float: right
}

.fr-toolbar.fr-inline .fr-separator.fr-hs {
    float: none
}

.fr-toolbar.fr-inline .fr-separator.fr-vs {
    float: none;
    display: inline-block
}

.fr-second-toolbar {
    border: 1px solid #CCCCCC;
    border-top: 0;
    background: #FFF;
    line-height: 1.4;
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-second-toolbar:after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-second-toolbar:empty {
    min-height: 10px;
    position: relative;
    margin-top: -1px;
    z-index: 2
}

#fr-logo {
    float: left;
    outline: none
}

#fr-logo>span {
    display: inline-block;
    float: left;
    font-family: sans-serif;
    padding: 11px 5px 10px 15px;
    font-size: 12px;
    font-weight: 500;
    color: #b1b2b7;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s
}

#fr-logo>svg {
    height: 20px;
    width: 47px;
    margin: 7px 0;
    cursor: pointer
}

#fr-logo>svg * {
    -webkit-transition: fill .3s;
    -moz-transition: fill .3s;
    -ms-transition: fill .3s;
    -o-transition: fill .3s
}

#fr-logo:hover>span,
#fr-logo:focus>span {
    color: #0098f7
}

#fr-logo:hover>svg .fr-logo,
#fr-logo:focus>svg .fr-logo {
    fill: #0098f7
}

.fr-visibility-helper {
    display: none;
    margin-left: 0 !important
}

@media (min-width: 768px) {
    .fr-visibility-helper {
        margin-left: 1px !important
    }
}

@media (min-width: 992px) {
    .fr-visibility-helper {
        margin-left: 2px !important
    }
}

@media (min-width: 1200px) {
    .fr-visibility-helper {
        margin-left: 3px !important
    }
}

.fr-opacity-0 {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-box {
    position: relative
}

.fr-sticky {
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky
}

.fr-sticky-off {
    position: relative
}

.fr-sticky-on {
    position: sticky;
    z-index: 10
}

.fr-sticky-on.fr-sticky-ios {
    position: absolute;
    left: 0;
    right: 0;
    width: auto !important
}

.fr-sticky-dummy {
    display: none
}

.fr-sticky-on+.fr-sticky-dummy,
.fr-sticky-box>.fr-sticky-dummy {
    display: block
}

span.fr-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-view .fr-highlight-change,
.fr-highlight-change>img,
.fr-highlight-change>.fr-video>video,
.fr-highlight-change>.fr-video>embed,
.fr-highlight-change>.fr-video>iframe,
.fr-highlight-change>.fr-embedly>.embedly-card>.embedly-card-hug>iframe,
.fr-highlight-change>p,
.fr-view .fr-highlight-change>span:not(.fr-tracking-deleted) {
    background-color: #f3eec3;
    opacity: .5
}

.fr-highlight-change.fr-highlight-change>table td,
.fr-highlight-change.fr-highlight-change>hr {
    border-color: #f3eec3
}

.fr-tracking-deleted.fr-tracking-deleted>table td,
.fr-tracking-deleted.fr-tracking-deleted>hr {
    border-color: #dc3545
}

.fr-tracking-deleted img,
.fr-tracking-deleted>.fr-video>video,
.fr-tracking-deleted>.fr-video>iframe,
.fr-tracking-deleted>.fr-embedly>.embedly-card>.embedly-card-hug>iframe {
    opacity: .5;
    background-color: #dc3545
}

.fr-view .fr-tracking-deleted {
    background-color: #dc3545;
    text-decoration: line-through;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    opacity: 1
}

.fr-highlight-change>.fr-video>iframe,
.fr-tracking-deleted>.fr-video>iframe,
.fr-highlight-change>.fr-video>video,
.fr-tracking-deleted>.fr-video>video,
.fr-highlight-change>.fr-video>embed,
.fr-highlight-change>.fr-embedly>.embedly-card>.embedly-card-hug>iframe,
.fr-tracking-deleted>.fr-embedly>.embedly-card>.embedly-card-hug>iframe {
    padding: 10px !important
}

.fr-tracking-deleted img,
.fr-highlight-change img {
    border: 2px solid #f3eec3
}

.fr-highlight-change #isPasted *:not(table):not(tbody):not(tr):not(td) {
    opacity: .5;
    background-color: #f3eec3
}

.fr-highlight-change #isPasted>table td {
    opacity: .5;
    border-color: #f3eec3
}

.fr-track-hide {
    display: none
}

.fr-track-hide-mobile {
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute
}

.fr-ios-mobile-disable-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none
}

.fr-bottom-extended {
    flex-wrap: wrap;
    display: flex;
    box-sizing: border-box
}

.position-relative {
    position: relative !important
}

.fr-box .fr-counter {
    padding: 10px;
    float: right;
    color: #999;
    content: attr(data-chars);
    font-size: 14px;
    font-family: sans-serif;
    z-index: 1;
    border-radius: 2px 0 0;
    -moz-border-radius: 2px 0 0 0;
    -webkit-border-radius: 2px 0 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-box.fr-rtl .fr-counter {
    left: 0;
    right: auto;
    border-left: none;
    border-radius: 0 2px 0 0;
    -moz-border-radius: 0 2px 0 0;
    -webkit-border-radius: 0 2px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-box.fr-code-view .fr-counter {
    display: none
}

textarea.fr-code {
    display: none;
    width: 100%;
    resize: none;
    -moz-resize: none;
    -webkit-resize: none;
    box-sizing: border-box;
    border: none;
    padding: 10px;
    margin: 0;
    font-family: Courier New, monospace;
    font-size: 14px;
    background: #FFF;
    color: #000;
    outline: none
}

.fr-box.fr-rtl textarea.fr-code {
    direction: rtl
}

.fr-box .CodeMirror {
    display: none
}

.fr-box.fr-code-view textarea.fr-code {
    display: block
}

.fr-box.fr-code-view .fr-element,
.fr-box.fr-code-view .fr-placeholder,
.fr-box.fr-code-view .fr-iframe {
    display: none
}

.fr-box.fr-code-view .CodeMirror,
.fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch {
    display: block
}

.fr-box.fr-inline .fr-command.fr-btn.html-switch {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    background: #FFF;
    color: #333;
    -moz-outline: 0;
    outline: 0;
    border: 0;
    line-height: 1;
    cursor: pointer;
    text-align: left;
    padding: 8px 7px;
    -webkit-transition: background .2s ease 0s;
    -moz-transition: background .2s ease 0s;
    -ms-transition: background .2s ease 0s;
    -o-transition: background .2s ease 0s;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 2;
    box-sizing: border-box;
    text-decoration: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-box.fr-inline .fr-command.fr-btn.html-switch i {
    font-size: 24px;
    width: 24px;
    text-align: center
}

.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
    background: #ebebeb
}

.fr-popup .fr-layer.fr-color-hex-layer {
    margin: 0;
    padding: 0 20px 20px;
    float: left
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-input-line {
    float: left;
    width: calc(100% - 50px);
    padding: 15px 0 0
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons {
    float: right;
    width: 38px;
    height: 40px;
    padding: 17px 0 0;
    margin: 0
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-size: 13px;
    height: 40px;
    width: 38px
}

.fr-popup .fr-separator+.fr-colors-tabs {
    margin-left: 2px;
    margin-right: 2px
}

.fr-popup .fr-color-set {
    line-height: 0;
    display: none
}

.fr-popup .fr-color-set.fr-selected-set {
    display: block;
    padding: 20px 20px 0
}

.fr-popup .fr-color-set>span {
    display: inline-block;
    width: 32px;
    height: 32px;
    position: relative;
    z-index: 1
}

.fr-popup .fr-color-set>span>i,
.fr-popup .fr-color-set>span>svg {
    text-align: center;
    line-height: 32px;
    height: 24px;
    width: 24px;
    margin: 4px;
    font-size: 13px;
    position: absolute;
    bottom: 0;
    cursor: default;
    left: 0
}

.fr-popup .fr-color-set>span>i path,
.fr-popup .fr-color-set>span>svg path {
    fill: #222
}

.fr-popup .fr-color-set>span .fr-selected-color {
    color: #fff;
    font-family: FontAwesome;
    font-size: 13px;
    font-weight: 400;
    line-height: 32px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
    cursor: default
}

.fr-popup .fr-color-set>span:hover,
.fr-popup .fr-color-set>span:focus {
    outline: 1px solid #222222;
    z-index: 2
}

.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1=text]~[data-param1=background]:after {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0)
}

.fr-drag-helper {
    background: #0098f7;
    height: 2px;
    margin-top: -1px;
    -webkit-opacity: .2;
    -moz-opacity: .2;
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    z-index: 2147483640;
    display: none
}

.fr-drag-helper.fr-visible {
    display: block
}

.fr-dragging {
    -webkit-opacity: .4;
    -moz-opacity: .4;
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-popup .fr-emoticon {
    width: 24px;
    height: 24px;
    font-family: "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, Segoe UI Symbol, "Android Emoji", EmojiSymbols
}

.fr-popup .fr-emoticon img {
    height: 24px;
    width: 24px
}

.fr-popup .fr-command.fr-btn.fr-tabs-unicode {
    padding: 0 0 0 14px
}

@media screen and (-ms-high-contrast: active) and (min-width: 768px),
(-ms-high-contrast: none) and (min-width: 768px) {
    .fr-popup .fr-icon-container.fr-emoticon-container {
        width: 368px
    }
}

.fr-popup .fr-file-upload-layer {
    border: dashed 2px #bdbdbd;
    padding: 25px 0;
    margin: 20px;
    position: relative;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 140%;
    box-sizing: border-box;
    text-align: center
}

.fr-popup .fr-file-upload-layer:hover {
    background: #ebebeb
}

.fr-popup .fr-file-upload-layer.fr-drop {
    background: #ebebeb;
    border-color: #0098f7
}

.fr-popup .fr-file-upload-layer .fr-form {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483640;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important
}

.fr-popup .fr-file-upload-layer .fr-form input {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 500%;
    height: 100%;
    margin: 0;
    font-size: 400px
}

.fr-popup .fr-file-progress-bar-layer {
    box-sizing: border-box
}

.fr-popup .fr-file-progress-bar-layer>h3 {
    font-size: 16px;
    margin: 10px 0;
    font-weight: 400
}

.fr-popup .fr-file-progress-bar-layer>div.fr-action-buttons {
    display: none
}

.fr-popup .fr-file-progress-bar-layer>div.fr-loader {
    background: #b3e0fd;
    height: 10px;
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    position: relative
}

.fr-popup .fr-file-progress-bar-layer>div.fr-loader span {
    display: block;
    height: 100%;
    width: 0%;
    background: #0098f7;
    -webkit-transition: width .2s ease 0s;
    -moz-transition: width .2s ease 0s;
    -ms-transition: width .2s ease 0s;
    -o-transition: width .2s ease 0s
}

.fr-popup .fr-file-progress-bar-layer>div.fr-loader.fr-indeterminate span {
    width: 30% !important;
    position: absolute;
    top: 0;
    animation: loading 2s linear infinite
}

.fr-popup .fr-file-progress-bar-layer.fr-error>div.fr-loader {
    display: none
}

.fr-popup .fr-file-progress-bar-layer.fr-error>div.fr-action-buttons {
    display: block
}

.fr-clearfix:after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-element img {
    cursor: pointer;
    padding: 0 1px
}

.fr-height-auto {
    height: auto !important
}

.fr-file-loader {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #53777a;
    display: inline-block !important;
    animation: spin 2s linear infinite;
    width: 20px;
    height: 20px;
    display: block !important;
    align-items: center
}

.fr-trim-button {
    margin-top: 5px;
    height: 36px;
    line-height: 1;
    color: #0098f7;
    padding: 10px;
    cursor: pointer;
    text-decoration: none;
    border: none;
    background: none;
    font-size: 16px;
    border-radius: 5px;
    background-color: #eff5fa;
    outline: none
}

.fr-trim-button:hover {
    background: #ebebeb
}

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

    to {
        transform: rotate(360deg)
    }
}

.fr-image-resizer {
    position: absolute;
    border: solid 1px #0098f7;
    display: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    box-sizing: content-box
}

.fr-image-resizer.fr-active {
    display: block
}

.fr-image-resizer .fr-handler {
    display: block;
    position: absolute;
    background: #0098f7;
    border: solid 1px #FFF;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 4;
    box-sizing: border-box
}

.fr-image-resizer .fr-handler.fr-hnw {
    cursor: nw-resize
}

.fr-image-resizer .fr-handler.fr-hne {
    cursor: ne-resize
}

.fr-image-resizer .fr-handler.fr-hsw {
    cursor: sw-resize
}

.fr-image-resizer .fr-handler.fr-hse {
    cursor: se-resize
}

.fr-image-resizer .fr-handler {
    width: 12px;
    height: 12px
}

.fr-image-resizer .fr-handler.fr-hnw {
    left: -6px;
    top: -6px
}

.fr-image-resizer .fr-handler.fr-hne {
    right: -6px;
    top: -6px
}

.fr-image-resizer .fr-handler.fr-hsw {
    left: -6px;
    bottom: -6px
}

.fr-image-resizer .fr-handler.fr-hse {
    right: -6px;
    bottom: -6px
}

@media (min-width: 1200px) {
    .fr-image-resizer .fr-handler {
        width: 10px;
        height: 10px
    }

    .fr-image-resizer .fr-handler.fr-hnw {
        left: -5px;
        top: -5px
    }

    .fr-image-resizer .fr-handler.fr-hne {
        right: -5px;
        top: -5px
    }

    .fr-image-resizer .fr-handler.fr-hsw {
        left: -5px;
        bottom: -5px
    }

    .fr-image-resizer .fr-handler.fr-hse {
        right: -5px;
        bottom: -5px
    }
}

.fr-image-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2147483640;
    display: none
}

.fr-by-url-padding {
    padding: 11.5px 0
}

.fr-popup .fr-upload-progress-layer {
    border-radius: 0;
    box-sizing: border-box;
    padding-left: 20px;
    padding-top: 15px;
    margin: auto !important;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100% !important;
    overscroll-behavior: contain
}

.fr-popup .fr-files-by-url-layer,
.fr-popup .fr-files-embed-layer {
    width: calc(100% - 40px) !important
}

.fr-popup .fr-files-upload-layer {
    border: dashed 2px #bdbdbd;
    margin: 20px;
    position: relative;
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 140%;
    text-align: center;
    width: calc(100% - 40px) !important
}

.fr-popup .fr-files-upload-layer:hover {
    background: #ebebeb
}

.fr-popup .fr-files-upload-layer.fr-drop {
    background: #ebebeb;
    border-color: #0098f7
}

.fr-popup .fr-files-upload-layer .fr-form {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483640;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important
}

.fr-popup .fr-files-upload-layer .fr-form input {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 500%;
    height: 100%;
    margin: 0;
    font-size: 400px
}

.fr-popup .fr-files-progress-bar-layer {
    width: calc(100% - 40px);
    width: -moz-available;
    width: -webkit-stretch;
    width: -webkit-fill-available;
    width: stretch
}

.fr-popup .fr-files-progress-bar-layer>h3 {
    font-size: 16px;
    margin: 10px 0;
    font-weight: 400
}

.fr-popup .fr-files-progress-bar-layer>div.fr-action-buttons {
    display: none
}

.fr-popup .fr-files-progress-bar-layer>div.fr-loader {
    background: #b3e0fd;
    height: 10px;
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    position: relative
}

.fr-popup .fr-files-progress-bar-layer>div.fr-loader span {
    display: block;
    height: 100%;
    width: 0%;
    background: #0098f7;
    -webkit-transition: width .2s ease 0s;
    -moz-transition: width .2s ease 0s;
    -ms-transition: width .2s ease 0s;
    -o-transition: width .2s ease 0s
}

.fr-popup .fr-files-progress-bar-layer>div.fr-loader.fr-indeterminate span {
    width: 30% !important;
    position: absolute;
    top: 0;
    animation: loading 2s linear infinite
}

.fr-popup .fr-files-progress-bar-layer.fr-error>div.fr-loader {
    display: none
}

.fr-popup .fr-files-progress-bar-layer.fr-error>div.fr-action-buttons {
    display: block
}

.fr-image-size-layer .fr-image-group .fr-input-line {
    width: calc(50% - 5px);
    display: inline-block
}

.fr-image-size-layer .fr-image-group .fr-input-line+.fr-input-line {
    margin-left: 10px
}

.fr-progress-bar-style {
    width: calc(100% - 40px)
}

.fr-progress-bar {
    position: relative;
    background-color: #4caf50;
    height: 8px;
    margin-bottom: 8px;
    margin-left: 20px;
    margin-right: 20px;
    width: 100%;
    width: -moz-available;
    width: -webkit-stretch;
    width: -webkit-fill-available;
    width: stretch
}

.fr-uploading {
    -webkit-opacity: .4;
    -moz-opacity: .4;
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

@keyframes loading {
    0% {
        left: -25%
    }

    to {
        left: 100%
    }
}

.fr-pull-left {
    float: left
}

.fr-pull-right {
    float: right
}

.fr-icons {
    padding: 10px 20px 0;
    display: inline
}

.fr-transform-135 {
    transform: rotate(135deg)
}

.fr-icons i {
    margin: 4px;
    padding: 2px;
    cursor: pointer;
    color: #999588;
    font-size: 20px
}

.fr-blue-decorator {
    background: #4a7fba;
    color: #fff;
    display: grid;
    padding: 5px
}

.fr-upload-progress {
    padding: 1px
}

.fr-upload-section {
    position: relative;
    width: 100%;
    width: -moz-available;
    width: -webkit-stretch;
    width: -webkit-fill-available;
    width: stretch
}

@media screen and (max-width: 399px) {
    .fr-upload-section {
        margin-left: 7px;
        margin-right: 7px
    }

    .fr-files-upload-layer {
        padding-top: 7px;
        padding-bottom: 7px
    }
}

@media screen and (min-width: 400px) and (max-width: 469px) {
    .fr-upload-section {
        margin-left: 7px;
        margin-right: 7px
    }

    .fr-files-upload-layer {
        padding-top: 7px;
        padding-bottom: 7px
    }
}

@media screen and (min-width: 470px) and (max-width: 680px) {
    .fr-upload-section {
        margin-left: 7px;
        margin-right: 7px
    }

    .fr-files-upload-layer {
        padding-top: 7px;
        padding-bottom: 7px
    }
}

@media screen and (min-width: 681px) {
    .fr-upload-section {
        margin-left: 35px;
        margin-right: 35px
    }

    .fr-files-upload-layer {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.fr-half-circle {
    width: 60px;
    height: 25px;
    background-color: #fff;
    border-top-left-radius: 110px;
    border-top-right-radius: 110px;
    transform: rotate(180deg);
    border-bottom: 0;
    position: relative;
    z-index: 1;
    left: 50%;
    margin-top: -1px;
    margin-left: -25px
}

.fr-decorated {
    overflow: hidden;
    text-align: center
}

.fr-decorated>span {
    position: relative;
    display: inline-block
}

.fr-decorated>span:before,
.fr-decorated>span:after {
    content: "";
    position: absolute;
    top: 50%;
    border-bottom: 2px solid #ffffff;
    width: 100%;
    margin: 0 20px
}

.fr-decorated>span:before {
    right: 100%
}

.fr-decorated>span:after {
    left: 100%
}

.fr-align-right {
    float: right
}

.fr-checkbox-container {
    display: inline-block;
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    user-select: none
}

.fr-files-checkbox-line {
    display: flex;
    align-items: center;
    font-size: 10px
}

.fr-files-checkbox-line label {
    cursor: pointer;
    vertical-align: middle
}

.fr-insert-checkbox input,
.fr-autoplay-checkbox input {
    height: 13px !important;
    width: 13px !important
}

button[data-cmd=insertFiles] {
    padding-left: 2px !important;
    padding-top: 2.7px !important
}

button[data-cmd=autoplay] svg {
    position: relative !important;
    top: 3.2px !important
}

button[data-cmd=insertAll] {
    padding-left: 4px !important
}

button[data-cmd=insertAll] svg {
    position: relative !important;
    top: 3.2px !important
}

.fr-checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.fr-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #eee
}

.fr-file-list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 7px;
    flex-wrap: wrap;
    position: relative;
    top: -20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 7px
}

.fr-file-item-left {
    display: flex;
    flex-wrap: wrap
}

.fr-file-item-icon {
    display: flex;
    align-items: center;
    padding-left: 7px
}

.fr-file-item-description {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    max-width: 400px;
    margin-left: 5px
}

.fr-cloud-icon {
    height: 30px;
    width: 32px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    position: relative;
    margin: -18px auto 0
}

.fr-files-checkbox {
    position: relative;
    display: inline-block;
    width: 13px;
    height: 13px;
    padding-right: 5px;
    border-radius: 100%;
    line-height: 1;
    box-sizing: content-box;
    vertical-align: middle
}

.fr-files-checkbox svg {
    margin-left: 0;
    margin-top: 0;
    display: none;
    width: 10px;
    height: 10px
}

.fr-files-checkbox span {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 15px;
    height: 15px;
    display: inline-block;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    -webkit-transition: background .2s ease 0s, border-color .2s ease 0s;
    -moz-transition: background .2s ease 0s, border-color .2s ease 0s;
    -ms-transition: background .2s ease 0s, border-color .2s ease 0s;
    -o-transition: background .2s ease 0s, border-color .2s ease 0s
}

.fr-files-checkbox input {
    position: absolute;
    z-index: 2;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border: 0 none;
    cursor: pointer;
    height: 18px;
    margin: 0;
    padding: 0;
    width: 18px
}

.fr-files-checkbox input:not(:checked)+span {
    border: solid 2px #999999
}

.fr-files-checkbox input:not(:checked):active+span {
    background-color: #f5f5f5
}

.fr-files-checkbox input:not(:checked):focus+span,
.fr-files-checkbox input:not(:checked):hover+span {
    border-color: #515151
}

.fr-files-checkbox input:checked+span {
    background: #0098f7;
    border: solid 2px #0098f7
}

.fr-files-checkbox input:checked+span svg {
    display: block
}

.fr-files-checkbox input:checked:active+span {
    background-color: #ecf5ff
}

.fr-files-checkbox input:checked:focus+span,
.fr-files-checkbox input:checked:hover+span {
    -webkit-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-checkbox-disabled {
    opacity: .4;
    position: relative;
    display: inline-block;
    width: 13px !important;
    height: 13px !important;
    padding-right: 5px;
    border-radius: 100%;
    line-height: 1;
    box-sizing: content-box;
    vertical-align: middle
}

.fr-checkbox-disabled svg {
    margin-left: 2px;
    margin-top: 2px;
    display: none;
    width: 10px;
    height: 10px
}

.fr-checkbox-disabled span {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 15px;
    height: 15px;
    display: inline-block;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    -webkit-transition: background .2s ease 0s, border-color .2s ease 0s;
    -moz-transition: background .2s ease 0s, border-color .2s ease 0s;
    -ms-transition: background .2s ease 0s, border-color .2s ease 0s;
    -o-transition: background .2s ease 0s, border-color .2s ease 0s
}

.fr-checkbox-disabled input {
    position: absolute;
    z-index: 2;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border: 0 none;
    cursor: default;
    height: 13px !important;
    margin: 0;
    padding: 0;
    width: 13px !important;
    top: 7px;
    left: 7px
}

.fr-checkbox-disabled input:not(:checked)+span {
    border: solid 2px #999999
}

.fr-checkbox-disabled input:not(:checked):active+span {
    background-color: #f5f5f5
}

.fr-checkbox-disabled input:checked+span {
    background: #0098f7;
    border: solid 2px #0098f7
}

.fr-checkbox-disabled input:checked+span svg {
    display: block
}

.fr-checkbox-disabled input:checked:active+span {
    background-color: #ecf5ff
}

.fr-file-view {
    position: absolute;
    max-width: 60%;
    right: 10%;
    z-index: 2147483642
}

.fr-file-item-thumbnail-hover {
    transition: transform .2s
}

.fr-file-item-thumbnail-hover:hover {
    transform: scale(1.3)
}

.fr-file-name {
    padding-top: 5px;
    font-size: 12px;
    font-weight: 700
}

.fr-margin-16 {
    margin-bottom: 16px
}

.fr-none {
    display: none
}

.fr-display-block {
    display: block
}

.fr-files-manager-tooltip {
    position: relative
}

.padding-top-15 {
    padding-top: 15px !important;
    padding-bottom: 0 !important
}

.fr-files-manager-tooltip .tooltiptext {
    visibility: hidden;
    width: max-content;
    max-width: 250px;
    word-break: break-word;
    word-wrap: break-word;
    background-color: #000;
    color: #fff;
    text-align: left;
    padding: 4px;
    border-radius: 2px;
    font-weight: 100;
    font-size: 10px;
    position: absolute;
    top: 80%;
    left: 50%;
    z-index: 2147483647
}

.fr-files-manager-tooltip:hover .tooltiptext {
    visibility: visible
}

.fr-file-details {
    display: flex;
    flex-wrap: wrap;
    font-size: 10px
}

.fr-file-date {
    word-break: break-word;
    word-wrap: break-word;
    max-width: 110px;
    color: #444;
    padding-top: 2px;
    padding-bottom: 2px
}

.fr-file-size {
    color: #444;
    padding-top: 2px;
    padding-bottom: 2px
}

.dot {
    width: 20px;
    height: 20px;
    background-image: radial-gradient(circle, grey 1px, transparent 2px);
    background-size: 100% 33.33%;
    margin-left: 2px;
    margin-right: 2px
}

.fr-file-action-icons {
    margin-right: 5px;
    margin-left: 5px !important;
    color: #999;
    height: 25px !important;
    padding: 5px !important
}

@media screen and (max-width: 700px) {
    .fr-files-manager-tooltip .tooltiptext {
        max-width: 250px;
        visibility: hidden;
        word-break: break-word;
        word-wrap: break-word;
        top: 90%;
        left: 0%;
        font-size: 8px
    }
}

@media screen and (max-width: 500px) {
    .fr-files-manager-tooltip .tooltiptext {
        max-width: 100px;
        visibility: hidden;
        word-break: break-word;
        word-wrap: break-word;
        top: 90%;
        left: 0%
    }

    .fr-file-item-description {
        width: 130px
    }

    .fr-file-item-right {
        width: 100%
    }

    .progress-circle {
        font-size: 6px
    }
}

@media screen and (max-width: 320px) {
    .fr-files-manager-tooltip .tooltiptext {
        max-width: 100px;
        visibility: hidden;
        word-break: break-word;
        word-wrap: break-word;
        top: 90%;
        left: -50%;
        font-size: 8px
    }

    .dot {
        width: 20px;
        margin-left: 0;
        margin-right: 3px
    }

    .fr-file-item-description {
        width: 80px
    }

    .fr-file-details {
        display: flex;
        flex-wrap: wrap;
        font-size: 9px
    }

    .fr-file-name {
        font-size: 10px
    }

    .fr-file-action-icons {
        padding: 0 !important
    }
}

@media screen and (min-width: 501px) {
    .progress-circle {
        font-size: 9px
    }
}

.fr-file-view-modal {
    display: block;
    position: fixed;
    position: -ms-page;
    z-index: 2147483641;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: #000000b3
}

.fr-file-view-modal-content {
    display: inline-block;
    text-align: center
}

.fr-file-view-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 80%;
    max-height: 70%
}

.fr-file-view-close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: 700;
    transition: .3s
}

.fr-file-view-close:hover,
.fr-file-view-close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer
}

.fr-file-error {
    color: red;
    font-weight: 200;
    font-size: 12px;
    padding-bottom: 5px
}

.fr-file-error-h5 {
    margin: 0
}

.fr-file-item-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: 20px
}

.fr-file-item-action-buttons {
    display: flex;
    align-items: center;
    justify-content: space-around
}

.fr-file-item-autoplay-checkbox {
    align-items: center;
    margin: 0 5px 0 0;
    padding: 0
}

.fr-autoplay-checkbox-label {
    margin: 0;
    cursor: default !important
}

.fr-checkbox-container:hover input~.fr-checkmark {
    background-color: #ccc
}

.fr-checkbox-container input:checked~.fr-checkmark {
    background-color: #2196f3
}

.fr-checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.fr-checkbox-container input:checked~.fr-checkmark:after {
    display: block
}

.fr-container .fr-checkmark:after {
    left: 5px;
    top: 2px;
    width: 3px;
    height: 7px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg)
}

.fr-file-item-details .file-name {
    font-weight: 700;
    display: inline
}

.fr-file-item-details .file-description {
    font-weight: 300;
    font-size: 11px;
    display: inline
}

.fr-width-10 {
    width: 10%;
    display: inline-block
}

.fr-width-20 {
    width: 20%;
    display: inline-block
}

.fr-width-30 {
    width: 30%;
    display: inline-block
}

.fr-width-40 {
    width: 40%;
    display: inline-block
}

.fr-width-50 {
    width: 50%;
    display: inline-block
}

.fr-width-60 {
    width: 60%;
    display: inline-block
}

.fr-width-100 {
    width: 100%;
    display: inline-block
}

.fr-width-80 {
    width: 80%;
    display: inline-block
}

.fr-width-90 {
    width: 90%;
    display: inline-block
}

.fr-width-85 {
    width: 85%;
    display: inline-block
}

.fr-width-5 {
    width: 5%;
    display: inline-block
}

.fr-width-7 {
    width: 7%;
    display: inline-block
}

.fr-img-icon {
    color: #aaa;
    font-size: 16px;
    padding: 0 4px
}

.fr-position-content {
    position: relative;
    top: 10px
}

.file-error {
    color: red
}

#myprogressBar {
    width: 10%;
    height: 5px;
    background-color: #4caf50;
    position: relative;
    top: -30px
}

.fr-files-manager {
    z-index: 2147483641 !important
}

.progress-circle {
    margin: 0 0 0 10px;
    position: relative;
    padding: 0;
    width: 5em;
    height: 5.1em;
    background-color: #f2e9e1;
    border-radius: 50%;
    line-height: 5em
}

.progress-circle:after {
    border: none;
    position: absolute;
    top: .35em;
    left: .35em;
    text-align: center;
    display: block;
    border-radius: 50%;
    width: 4.3em;
    height: 4.3em;
    background-color: #fff;
    content: " "
}

.progress-circle span {
    position: absolute;
    line-height: 5em;
    width: 5em;
    text-align: center;
    display: block;
    color: #53777a;
    z-index: 2
}

.progress-circle.over50 .left-half-clipper {
    clip: rect(auto, auto, auto, auto)
}

.progress-circle.over50 .first50-bar {
    position: absolute;
    clip: rect(0, 5em, 5em, 2.5em);
    background-color: #53777a;
    border-radius: 50%;
    width: 5em;
    height: 5em
}

.progress-circle:not(.over50) .first50-bar {
    display: none
}

.progress-circle.p0 .value-bar {
    display: none
}

.progress-circle.p1 .value-bar {
    transform: rotate(4deg)
}

.progress-circle.p2 .value-bar {
    transform: rotate(7deg)
}

.progress-circle.p3 .value-bar {
    transform: rotate(11deg)
}

.progress-circle.p4 .value-bar {
    transform: rotate(14deg)
}

.progress-circle.p5 .value-bar {
    transform: rotate(18deg)
}

.progress-circle.p6 .value-bar {
    transform: rotate(22deg)
}

.progress-circle.p7 .value-bar {
    transform: rotate(25deg)
}

.progress-circle.p8 .value-bar {
    transform: rotate(29deg)
}

.progress-circle.p9 .value-bar {
    transform: rotate(32deg)
}

.progress-circle.p10 .value-bar {
    transform: rotate(36deg)
}

.progress-circle.p11 .value-bar {
    transform: rotate(40deg)
}

.progress-circle.p12 .value-bar {
    transform: rotate(43deg)
}

.progress-circle.p13 .value-bar {
    transform: rotate(47deg)
}

.progress-circle.p14 .value-bar {
    transform: rotate(50deg)
}

.progress-circle.p15 .value-bar {
    transform: rotate(54deg)
}

.progress-circle.p16 .value-bar {
    transform: rotate(58deg)
}

.progress-circle.p17 .value-bar {
    transform: rotate(61deg)
}

.progress-circle.p18 .value-bar {
    transform: rotate(65deg)
}

.progress-circle.p19 .value-bar {
    transform: rotate(68deg)
}

.progress-circle.p20 .value-bar {
    transform: rotate(72deg)
}

.progress-circle.p21 .value-bar {
    transform: rotate(76deg)
}

.progress-circle.p22 .value-bar {
    transform: rotate(79deg)
}

.progress-circle.p23 .value-bar {
    transform: rotate(83deg)
}

.progress-circle.p24 .value-bar {
    transform: rotate(86deg)
}

.progress-circle.p25 .value-bar {
    transform: rotate(90deg)
}

.progress-circle.p26 .value-bar {
    transform: rotate(94deg)
}

.progress-circle.p27 .value-bar {
    transform: rotate(97deg)
}

.progress-circle.p28 .value-bar {
    transform: rotate(101deg)
}

.progress-circle.p29 .value-bar {
    transform: rotate(104deg)
}

.progress-circle.p30 .value-bar {
    transform: rotate(108deg)
}

.progress-circle.p31 .value-bar {
    transform: rotate(112deg)
}

.progress-circle.p32 .value-bar {
    transform: rotate(115deg)
}

.progress-circle.p33 .value-bar {
    transform: rotate(119deg)
}

.progress-circle.p34 .value-bar {
    transform: rotate(122deg)
}

.progress-circle.p35 .value-bar {
    transform: rotate(126deg)
}

.progress-circle.p36 .value-bar {
    transform: rotate(130deg)
}

.progress-circle.p37 .value-bar {
    transform: rotate(133deg)
}

.progress-circle.p38 .value-bar {
    transform: rotate(137deg)
}

.progress-circle.p39 .value-bar {
    transform: rotate(140deg)
}

.progress-circle.p40 .value-bar {
    transform: rotate(144deg)
}

.progress-circle.p41 .value-bar {
    transform: rotate(148deg)
}

.progress-circle.p42 .value-bar {
    transform: rotate(151deg)
}

.progress-circle.p43 .value-bar {
    transform: rotate(155deg)
}

.progress-circle.p44 .value-bar {
    transform: rotate(158deg)
}

.progress-circle.p45 .value-bar {
    transform: rotate(162deg)
}

.progress-circle.p46 .value-bar {
    transform: rotate(166deg)
}

.progress-circle.p47 .value-bar {
    transform: rotate(169deg)
}

.progress-circle.p48 .value-bar {
    transform: rotate(173deg)
}

.progress-circle.p49 .value-bar {
    transform: rotate(176deg)
}

.progress-circle.p50 .value-bar {
    transform: rotate(180deg)
}

.progress-circle.p51 .value-bar {
    transform: rotate(184deg)
}

.progress-circle.p52 .value-bar {
    transform: rotate(187deg)
}

.progress-circle.p53 .value-bar {
    transform: rotate(191deg)
}

.progress-circle.p54 .value-bar {
    transform: rotate(194deg)
}

.progress-circle.p55 .value-bar {
    transform: rotate(198deg)
}

.progress-circle.p56 .value-bar {
    transform: rotate(202deg)
}

.progress-circle.p57 .value-bar {
    transform: rotate(205deg)
}

.progress-circle.p58 .value-bar {
    transform: rotate(209deg)
}

.progress-circle.p59 .value-bar {
    transform: rotate(212deg)
}

.progress-circle.p60 .value-bar {
    transform: rotate(216deg)
}

.progress-circle.p61 .value-bar {
    transform: rotate(220deg)
}

.progress-circle.p62 .value-bar {
    transform: rotate(223deg)
}

.progress-circle.p63 .value-bar {
    transform: rotate(227deg)
}

.progress-circle.p64 .value-bar {
    transform: rotate(230deg)
}

.progress-circle.p65 .value-bar {
    transform: rotate(234deg)
}

.progress-circle.p66 .value-bar {
    transform: rotate(238deg)
}

.progress-circle.p67 .value-bar {
    transform: rotate(241deg)
}

.progress-circle.p68 .value-bar {
    transform: rotate(245deg)
}

.progress-circle.p69 .value-bar {
    transform: rotate(248deg)
}

.progress-circle.p70 .value-bar {
    transform: rotate(252deg)
}

.progress-circle.p71 .value-bar {
    transform: rotate(256deg)
}

.progress-circle.p72 .value-bar {
    transform: rotate(259deg)
}

.progress-circle.p73 .value-bar {
    transform: rotate(263deg)
}

.progress-circle.p74 .value-bar {
    transform: rotate(266deg)
}

.progress-circle.p75 .value-bar {
    transform: rotate(270deg)
}

.progress-circle.p76 .value-bar {
    transform: rotate(274deg)
}

.progress-circle.p77 .value-bar {
    transform: rotate(277deg)
}

.progress-circle.p78 .value-bar {
    transform: rotate(281deg)
}

.progress-circle.p79 .value-bar {
    transform: rotate(284deg)
}

.progress-circle.p80 .value-bar {
    transform: rotate(288deg)
}

.progress-circle.p81 .value-bar {
    transform: rotate(292deg)
}

.progress-circle.p82 .value-bar {
    transform: rotate(295deg)
}

.progress-circle.p83 .value-bar {
    transform: rotate(299deg)
}

.progress-circle.p84 .value-bar {
    transform: rotate(302deg)
}

.progress-circle.p85 .value-bar {
    transform: rotate(306deg)
}

.progress-circle.p86 .value-bar {
    transform: rotate(310deg)
}

.progress-circle.p87 .value-bar {
    transform: rotate(313deg)
}

.progress-circle.p88 .value-bar {
    transform: rotate(317deg)
}

.progress-circle.p89 .value-bar {
    transform: rotate(320deg)
}

.progress-circle.p90 .value-bar {
    transform: rotate(324deg)
}

.progress-circle.p91 .value-bar {
    transform: rotate(328deg)
}

.progress-circle.p92 .value-bar {
    transform: rotate(331deg)
}

.progress-circle.p93 .value-bar {
    transform: rotate(335deg)
}

.progress-circle.p94 .value-bar {
    transform: rotate(338deg)
}

.progress-circle.p95 .value-bar {
    transform: rotate(342deg)
}

.progress-circle.p96 .value-bar {
    transform: rotate(346deg)
}

.progress-circle.p97 .value-bar {
    transform: rotate(349deg)
}

.progress-circle.p98 .value-bar {
    transform: rotate(353deg)
}

.progress-circle.p99 .value-bar {
    transform: rotate(356deg)
}

.progress-circle.p100 .value-bar {
    transform: rotate(360deg)
}

.left-half-clipper {
    border-radius: 50%;
    width: 5em;
    height: 5em;
    position: absolute;
    clip: rect(0, 5em, 5em, 2.5em)
}

.value-bar {
    position: absolute;
    clip: rect(0, 2.5em, 5em, 0);
    width: 5em;
    height: 5em;
    border-radius: 50%;
    border: .45em solid #53777a;
    box-sizing: border-box
}

.align-autoplay {
    align-items: flex-end;
    margin-right: 7px
}

.fr-hovered-over-file {
    background-color: #f0f0f0
}

.fr-thumbnail-padding {
    padding-right: 4px
}

body.fr-fullscreen {
    overflow: hidden;
    height: 100%;
    width: 100%;
    position: fixed
}

.fr-box.fr-fullscreen {
    margin: 0 !important;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2147483630 !important;
    width: auto !important
}

.fr-box.fr-fullscreen .fr-wrapper {
    background-color: #fff
}

.fr-box.fr-fullscreen.fr-basic.fr-top .fr-wrapper,
.fr-box.fr-fullscreen.fr-basic.fr-bottom .fr-wrapper,
.fr-box.fr-fullscreen .fr-toolbar {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-box.fr-fullscreen .fr-toolbar.fr-top {
    top: 0 !important
}

.fr-box.fr-fullscreen .fr-toolbar.fr-bottom {
    bottom: 0 !important
}

.fr-box.fr-fullscreen .fr-second-toolbar {
    margin-top: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-fullscreen-wrapper {
    z-index: 2147483640 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal {
    text-align: left;
    padding: 20px 20px 10px
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table {
    border-collapse: collapse;
    font-size: 14px;
    line-height: 1.5;
    width: 100%
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table+table {
    margin-top: 20px
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr {
    border: 0
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th {
    text-align: left
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th,
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table td {
    padding: 6px 0 4px
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr {
    border-bottom: solid 1px #ebebeb
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child {
    width: 60%;
    color: #646464
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:nth-child(n+2) {
    letter-spacing: .5px
}

.fr-element img {
    cursor: pointer;
    padding: 0 1px
}

.fr-image-resizer {
    position: absolute;
    border: solid 1px #0098f7;
    display: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    box-sizing: content-box
}

.fr-image-resizer.fr-active {
    display: block
}

.fr-image-resizer .fr-handler {
    display: block;
    position: absolute;
    background: #0098f7;
    border: solid 1px #FFF;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 4;
    box-sizing: border-box
}

.fr-image-resizer .fr-handler.fr-hnw {
    cursor: nw-resize
}

.fr-image-resizer .fr-handler.fr-hne {
    cursor: ne-resize
}

.fr-image-resizer .fr-handler.fr-hsw {
    cursor: sw-resize
}

.fr-image-resizer .fr-handler.fr-hse {
    cursor: se-resize
}

.fr-image-resizer .fr-handler {
    width: 12px;
    height: 12px
}

.fr-image-resizer .fr-handler.fr-hnw {
    left: -6px;
    top: -6px
}

.fr-image-resizer .fr-handler.fr-hne {
    right: -6px;
    top: -6px
}

.fr-image-resizer .fr-handler.fr-hsw {
    left: -6px;
    bottom: -6px
}

.fr-image-resizer .fr-handler.fr-hse {
    right: -6px;
    bottom: -6px
}

@media (min-width: 1200px) {
    .fr-image-resizer .fr-handler {
        width: 10px;
        height: 10px
    }

    .fr-image-resizer .fr-handler.fr-hnw {
        left: -5px;
        top: -5px
    }

    .fr-image-resizer .fr-handler.fr-hne {
        right: -5px;
        top: -5px
    }

    .fr-image-resizer .fr-handler.fr-hsw {
        left: -5px;
        bottom: -5px
    }

    .fr-image-resizer .fr-handler.fr-hse {
        right: -5px;
        bottom: -5px
    }
}

.fr-image-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2147483640;
    display: none
}

.fr-popup .fr-image-upload-layer {
    border: dashed 2px #bdbdbd;
    padding: 25px 0;
    margin: 20px;
    position: relative;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 140%;
    text-align: center
}

.fr-popup .fr-image-upload-layer:hover {
    background: #ebebeb
}

.fr-popup .fr-image-upload-layer.fr-drop {
    background: #ebebeb;
    border-color: #0098f7
}

.fr-popup .fr-image-upload-layer .fr-form {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483640;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important
}

.fr-popup .fr-image-upload-layer .fr-form input {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 500%;
    height: 100%;
    margin: 0;
    font-size: 400px
}

.fr-popup .fr-image-progress-bar-layer>h3 {
    font-size: 16px;
    margin: 10px 0;
    font-weight: 400
}

.fr-popup .fr-image-progress-bar-layer>div.fr-action-buttons {
    display: none
}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader {
    background: #b3e0fd;
    height: 10px;
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    position: relative
}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader span {
    display: block;
    height: 100%;
    width: 0%;
    background: #0098f7;
    -webkit-transition: width .2s ease 0s;
    -moz-transition: width .2s ease 0s;
    -ms-transition: width .2s ease 0s;
    -o-transition: width .2s ease 0s
}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader.fr-indeterminate span {
    width: 30% !important;
    position: absolute;
    top: 0;
    animation: loading 2s linear infinite
}

.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-loader {
    display: none
}

.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-action-buttons {
    display: block
}

.fr-image-size-layer .fr-image-group .fr-input-line {
    width: calc(50% - 5px);
    display: inline-block
}

.fr-image-size-layer .fr-image-group .fr-input-line+.fr-input-line {
    margin-left: 10px
}

.fr-uploading {
    -webkit-opacity: .4;
    -moz-opacity: .4;
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

@keyframes loading {
    0% {
        left: -25%
    }

    to {
        left: 100%
    }
}

img.fr-draggable {
    -webkit-user-select: none;
    user-select: none
}

.fr-modal .fr-modal-head .fr-modal-head-line:after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more {
    margin-top: 10px
}

.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more.fr-not-available {
    opacity: 0;
    width: 0;
    padding: 12px 0
}

.fr-modal .fr-modal-head .fr-modal-tags {
    padding: 0 20px;
    display: none;
    text-align: left
}

.fr-modal .fr-modal-head .fr-modal-tags a {
    display: inline-block;
    opacity: 0;
    padding: 6px 12px;
    margin: 8px 0 8px 8px;
    text-decoration: none;
    border-radius: 32px;
    -moz-border-radius: 32px;
    -webkit-border-radius: 32px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: opacity .2s ease 0s, background .2s ease 0s;
    -moz-transition: opacity .2s ease 0s, background .2s ease 0s;
    -ms-transition: opacity .2s ease 0s, background .2s ease 0s;
    -o-transition: opacity .2s ease 0s, background .2s ease 0s;
    cursor: pointer;
    background-color: #f5f5f5
}

.fr-modal .fr-modal-head .fr-modal-tags a:focus {
    outline: none;
    background-color: #ebebeb
}

.fr-modal .fr-modal-head .fr-modal-tags a:hover {
    background-color: #ebebeb
}

.fr-modal .fr-modal-head .fr-modal-tags a:active {
    background-color: #d6d6d6
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag {
    background-color: #ecf5ff;
    color: #0098f7
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:focus {
    outline: none;
    background-color: #ebebeb
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:hover {
    background-color: #ebebeb
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:active {
    background-color: #d6d6d6
}

.fr-show-tags .fr-modal-more svg path {
    fill: #0098f7
}

div.fr-modal-body {
    -webkit-transition: background .2s ease 0s;
    -moz-transition: background .2s ease 0s;
    -ms-transition: background .2s ease 0s;
    -o-transition: background .2s ease 0s
}

div.fr-modal-body .fr-preloader {
    display: block;
    margin: 50px auto
}

div.fr-modal-body div.fr-image-list {
    text-align: center;
    margin: 0 20px;
    padding: 0
}

div.fr-modal-body div.fr-image-list .fr-list-column {
    float: left;
    width: calc((100% - 20px)/2)
}

@media (min-width: 768px) and (max-width: 1199px) {
    div.fr-modal-body div.fr-image-list .fr-list-column {
        width: calc((100% - 40px) / 3)
    }
}

@media (min-width: 1200px) {
    div.fr-modal-body div.fr-image-list .fr-list-column {
        width: calc((100% - 60px)/4)
    }
}

div.fr-modal-body div.fr-image-list .fr-list-column+.fr-list-column {
    margin-left: 20px
}

div.fr-modal-body div.fr-image-list div.fr-image-container {
    position: relative;
    width: 100%;
    display: block;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    overflow: hidden
}

div.fr-modal-body div.fr-image-list div.fr-image-container:first-child {
    margin-top: 20px
}

div.fr-modal-body div.fr-image-list div.fr-image-container+div {
    margin-top: 20px
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting:after {
    position: absolute;
    -webkit-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .2s ease 0s;
    -moz-transition: opacity .2s ease 0s;
    -ms-transition: opacity .2s ease 0s;
    -o-transition: opacity .2s ease 0s;
    background: #000;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting:before {
    content: attr(data-deleting);
    color: #fff;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    position: absolute;
    z-index: 3;
    font-size: 15px;
    height: 20px
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty {
    height: 95px;
    background: #CCCCCC;
    z-index: 1
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty:after {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: attr(data-loading);
    display: inline-block;
    height: 20px
}

div.fr-modal-body div.fr-image-list div.fr-image-container img {
    width: 100%;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .2s ease 0s, filter .2s ease 0s;
    -moz-transition: opacity .2s ease 0s, filter .2s ease 0s;
    -ms-transition: opacity .2s ease 0s, filter .2s ease 0s;
    -o-transition: opacity .2s ease 0s, filter .2s ease 0s;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0)
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img {
    -webkit-opacity: .75;
    -moz-opacity: .75;
    opacity: .75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-delete-img,
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-insert-img {
    display: inline-block
}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img,
div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
    display: none;
    top: 50%;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: background .2s ease 0s, color .2s ease 0s;
    -moz-transition: background .2s ease 0s, color .2s ease 0s;
    -ms-transition: background .2s ease 0s, color .2s ease 0s;
    -o-transition: background .2s ease 0s, color .2s ease 0s;
    box-sizing: border-box;
    position: absolute;
    cursor: pointer;
    margin: 0;
    line-height: 40px;
    text-decoration: none;
    z-index: 3
}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img {
    background: #B8312F;
    fill: #fff;
    padding: 8px;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(25%);
    -moz-transform: translateY(-50%) translateX(25%);
    -ms-transform: translateY(-50%) translateX(25%);
    -o-transform: translateY(-50%) translateX(25%)
}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
    background: #FFF;
    fill: #0098f7;
    padding: 8px;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-125%);
    -moz-transform: translateY(-50%) translateX(-125%);
    -ms-transform: translateY(-50%) translateX(-125%);
    -o-transform: translateY(-50%) translateX(-125%)
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img {
    -webkit-opacity: .75;
    -moz-opacity: .75;
    opacity: .75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img,
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img {
    display: inline-block;
    width: 40px;
    height: 40px
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover {
    background: #bf4644;
    color: #fff
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover {
    background: #ebebeb
}

.fr-line-breaker {
    cursor: text;
    border-top: 1px solid #0098f7;
    position: fixed;
    z-index: 2;
    display: none
}

.fr-line-breaker.fr-visible {
    display: block
}

.fr-line-breaker a.fr-floating-btn {
    position: absolute;
    left: calc(50% - 20px);
    top: -20px
}

.fr-line-breaker a.fr-floating-btn svg {
    margin: 8px;
    height: 24px;
    width: 24px
}

.fr-wrapper-markdown {
    display: flex
}

.fr-markdown-view {
    width: calc(52% - 1px);
    box-sizing: inherit
}

.fr-markdown-editor {
    width: calc(48% - 1px);
    box-sizing: inherit;
    background-color: #eee
}

.fr-markdown-editor>p {
    margin: 0
}

.fr-markdown-view>p {
    margin-top: 0
}

.gutter-horizontal {
    display: flex;
    z-index: 9;
    background-color: #dadada;
    cursor: col-resize;
    width: 2px
}

.e-resize-handler {
    z-index: 9;
    width: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    position: relative;
    font-size: 10px;
    color: #c5c5c5
}

.fr-markdown-view>dl {
    margin-top: 0;
    margin-bottom: 1rem
}

.fr-markdown-view>dt {
    font-weight: 700
}

.fr-markdown-view>dd {
    margin-bottom: .5rem;
    margin-left: 0
}

.fr-markdown-view>pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    background-color: #f8f8f8;
    border: 1px solid #dfdfdf;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    padding: .125rem .3125rem .0625rem
}

.fr-markdown-view>code {
    background-color: #f8f8f8;
    border-color: #dfdfdf;
    border-style: solid;
    border-width: 1px;
    color: #333;
    font-family: Consolas, Liberation Mono, Courier, monospace;
    font-weight: 400;
    padding: .125rem .3125rem .0625rem
}

.fr-markdown-view>pre code {
    background-color: transparent;
    border: 0;
    padding: 0
}

.fr-markdown-view>sup {
    top: -.5em
}

.footnote-a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

.fr-markdown-view>hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.blockquote {
    margin: 0 0 1rem;
    border-left: 5px solid #eee;
    padding: 10px 20px;
    font-size: 1.25rem
}

.fr-markdown-view>table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    background-color: transparent;
    border-spacing: 0;
    border-collapse: collapse
}

.fr-markdown-view>table>tbody>tr>td,
.fr-markdown-view>table>tbody>tr>th,
.fr-markdown-view>table>thead>tr>td,
.fr-markdown-view>table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border: 1px solid #ddd
}

.fr-markdown-view>table>thead>tr>td,
.fr-markdown-view>table>thead>tr>th {
    border-bottom-width: 2px
}

.fr-markdown-view>table>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.fr-markdown-view>a {
    color: #337ab7;
    text-decoration: none
}

.fr-markdown-view>h1 {
    font-size: 2em !important
}

.fr-markdown-view>h2 {
    font-size: 1.5em !important
}

.fr-quick-insert {
    position: absolute;
    z-index: 2147483639;
    white-space: nowrap;
    padding-right: 10px;
    box-sizing: content-box
}

.fr-quick-insert a.fr-floating-btn svg {
    margin: 8px;
    width: 24px;
    height: 24px
}

.fr-quick-insert.fr-on a.fr-floating-btn svg {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg)
}

.fr-quick-insert.fr-hidden {
    display: none
}

.fr-qi-helper {
    position: absolute;
    z-index: 3;
    padding-left: 20px;
    white-space: nowrap
}

.fr-qi-helper a.fr-btn.fr-floating-btn {
    text-align: center;
    padding: 6px 10px 10px;
    display: inline-block;
    color: #222;
    background: #FFF;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0)
}

.fr-qi-helper a.fr-btn.fr-floating-btn svg {
    fill: #222
}

.fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1 {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1)
}

.fr-popup .fr-buttons.fr-tabs .fr-special-character-category {
    padding: 10px 15px
}

.fr-popup .fr-buttons.fr-tabs .fr-special-character-category span {
    font-weight: 400;
    font-size: 16px
}

.fr-popup .fr-special-character {
    width: 24px;
    height: 24px
}

@media screen and (-ms-high-contrast: active) and (min-width: 768px),
(-ms-high-contrast: none) and (min-width: 768px) {
    .fr-popup .fr-icon-container.fr-sc-container {
        width: 368px
    }
}

.fr-element table td.fr-selected-cell,
.fr-element table th.fr-selected-cell {
    border: 1px double #0098f7
}

.fr-element table td,
.fr-element table th {
    user-select: text;
    -o-user-select: text;
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text
}

.fr-element .fr-no-selection table td,
.fr-element .fr-no-selection table th {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-table-resizer {
    cursor: col-resize;
    position: absolute;
    z-index: 3;
    display: none
}

.fr-table-resizer.fr-moving {
    z-index: 2
}

.fr-table-resizer div {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border-right: 1px solid #0098f7
}

.fr-no-selection {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-popup .fr-table-size {
    margin: 20px
}

.fr-popup .fr-table-size .fr-table-size-info {
    text-align: center;
    font-size: 14px
}

.fr-popup .fr-table-size .fr-select-table-size {
    line-height: 0;
    padding: 5px;
    white-space: nowrap
}

.fr-popup .fr-table-size .fr-select-table-size>span {
    display: inline-block;
    padding: 0 4px 4px 0;
    background: transparent
}

.fr-popup .fr-table-size .fr-select-table-size>span>span {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #DDD
}

.fr-popup .fr-table-size .fr-select-table-size>span.hover {
    background: transparent
}

.fr-popup .fr-table-size .fr-select-table-size>span.hover>span {
    background: rgba(0, 152, 247, .3);
    border: solid 1px #0098f7
}

.fr-popup .fr-table-size .fr-select-table-size .new-line:after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-popup.fr-above .fr-table-size .fr-select-table-size>span {
    display: inline-block !important
}

.fr-popup .fr-table-colors {
    display: block;
    padding: 20px 20px 0
}

.fr-popup.fr-desktop .fr-table-size .fr-select-table-size>span>span {
    width: 12px;
    height: 12px
}

.fr-insert-helper {
    position: absolute;
    z-index: 9999;
    white-space: nowrap
}

#fr-form-container {
    margin: auto;
    position: relative;
    top: 10%;
    background-color: #f5f5f5;
    width: 60%;
    border-radius: 5px;
    z-index: 9002;
    overflow: auto;
    background-color: #fefefe
}

.fr-trim-video-name {
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 15px
}

.fr-file-loader {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #53777a;
    display: inline-block !important;
    animation: spin 2s linear infinite;
    width: 20px;
    height: 20px;
    display: block !important;
    align-items: center
}

.fr-trim-button {
    margin-top: 5px;
    height: 36px;
    line-height: 1;
    color: #0098f7;
    padding: 10px;
    cursor: pointer;
    text-decoration: none;
    border: none;
    background: none;
    font-size: 16px;
    border-radius: 5px;
    background-color: #eff5fa;
    outline: none
}

.fr-trim-button:hover {
    background: #ebebeb
}

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

    to {
        transform: rotate(360deg)
    }
}

.fr-slidecontainer {
    width: 100%
}

.fr-slider {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    background: #d3d3d3
}

.fr-video-trim-buttons {
    text-align: right;
    padding-bottom: 5px;
    padding-right: 15px;
    margin-top: 10px
}

.fr-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    cursor: pointer
}

.fr-slider::-moz-range-thumb {
    width: 15px;
    height: 15px;
    background: #3498db;
    border-radius: 50%;
    cursor: pointer
}

.fr-range-value-start {
    position: absolute
}

.fr-range-value-start>span {
    width: 60px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #03a9f4;
    color: #fff;
    font-size: 12px;
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-85%);
    border-radius: 6px
}

.fr-range-value-start>span:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    left: 86%;
    margin-left: -5px;
    margin-top: -1px
}

.fr-range-value-end {
    position: absolute
}

.fr-range-value-end>span {
    width: 60px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #03a9f4;
    color: #fff;
    font-size: 12px;
    display: block;
    position: absolute;
    left: 14%;
    transform: translate(-8%);
    border-radius: 6px
}

.fr-range-value-end>span:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    left: 14%;
    margin-left: -5px;
    margin-top: -1px
}

#startTimeValue {
    top: -153% !important
}

#startTimeValue span:before {
    border-top: 10px solid #03a9f4;
    top: 100%
}

#endTimeValue {
    top: -153% !important
}

#endTimeValue span:before {
    border-top: 10px solid #03a9f4;
    top: 100%
}

.fr-range-slider {
    position: relative;
    width: 80%;
    height: 15px
}

.fr-range-slider>input {
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 10px;
    width: 100%;
    outline: none;
    height: 6px;
    border-radius: 10px
}

.fr-range-slider>input::-webkit-slider-thumb {
    pointer-events: all;
    position: relative;
    z-index: 1;
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    background: #3498db;
    cursor: pointer;
    border-radius: 7px;
    margin-top: -3.6px
}

.fr-range-slider>input::-moz-range-thumb {
    pointer-events: all;
    position: relative;
    z-index: 10;
    -moz-appearance: none;
    width: 9px;
    height: 15px;
    border-radius: 7px;
    margin-top: -3.6px
}

.fr-range-slider>input::-moz-range-track {
    position: relative;
    z-index: -1;
    background-color: #000;
    border: 0;
    height: 15px;
    border-radius: 50%;
    margin-top: -3.6px
}

.fr-range-slider>input:last-of-type::-moz-range-track {
    -moz-appearance: none;
    background: none transparent;
    border: 0
}

.fr-range-slider>input[type=range]::-moz-focus-outer {
    border: 0
}

@media screen and (max-width: 430px) {
    .range-value span {
        width: 40px;
        font-size: 10px
    }

    #fr-form-container {
        top: 20%
    }
}

#fr-video-edit {
    width: 80%;
    text-align: center;
    height: 50%;
    margin-bottom: 20px;
    padding-top: 8px;
    padding-bottom: 8px
}

.fr-clearfix:after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-element .fr-video {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-element .fr-video:after {
    position: absolute;
    content: "";
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    display: block;
    background: rgba(0, 0, 0, 0)
}

.fr-element .fr-video.fr-active>* {
    z-index: 2;
    position: relative
}

.fr-element .fr-video>* {
    box-sizing: content-box;
    max-width: 100%;
    border: none
}

.fr-box .fr-video-resizer {
    position: absolute;
    border: solid 1px #0098f7;
    display: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-box .fr-video-resizer.fr-active {
    display: block
}

.fr-box .fr-video-resizer .fr-handler {
    display: block;
    position: absolute;
    background: #0098f7;
    border: solid 1px #FFF;
    z-index: 4;
    box-sizing: border-box
}

.fr-box .fr-video-resizer .fr-handler.fr-hnw {
    cursor: nw-resize
}

.fr-box .fr-video-resizer .fr-handler.fr-hne {
    cursor: ne-resize
}

.fr-box .fr-video-resizer .fr-handler.fr-hsw {
    cursor: sw-resize
}

.fr-box .fr-video-resizer .fr-handler.fr-hse {
    cursor: se-resize
}

.fr-box .fr-video-resizer .fr-handler {
    width: 12px;
    height: 12px
}

.fr-box .fr-video-resizer .fr-handler.fr-hnw {
    left: -6px;
    top: -6px
}

.fr-box .fr-video-resizer .fr-handler.fr-hne {
    right: -6px;
    top: -6px
}

.fr-box .fr-video-resizer .fr-handler.fr-hsw {
    left: -6px;
    bottom: -6px
}

.fr-box .fr-video-resizer .fr-handler.fr-hse {
    right: -6px;
    bottom: -6px
}

@media (min-width: 1200px) {
    .fr-box .fr-video-resizer .fr-handler {
        width: 10px;
        height: 10px
    }

    .fr-box .fr-video-resizer .fr-handler.fr-hnw {
        left: -5px;
        top: -5px
    }

    .fr-box .fr-video-resizer .fr-handler.fr-hne {
        right: -5px;
        top: -5px
    }

    .fr-box .fr-video-resizer .fr-handler.fr-hsw {
        left: -5px;
        bottom: -5px
    }

    .fr-box .fr-video-resizer .fr-handler.fr-hse {
        right: -5px;
        bottom: -5px
    }
}

.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line {
    width: calc(50% - 5px);
    display: inline-block
}

.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line+.fr-input-line {
    margin-left: 10px
}

.fr-popup .fr-video-upload-layer {
    border: dashed 2px #bdbdbd;
    padding: 25px 0;
    margin: 20px;
    position: relative;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 140%;
    text-align: center
}

.fr-popup .fr-video-upload-layer:hover {
    background: #ebebeb
}

.fr-popup .fr-video-upload-layer.fr-drop {
    background: #ebebeb;
    border-color: #0098f7
}

.fr-popup .fr-video-upload-layer .fr-form {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483640;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important
}

.fr-popup .fr-video-upload-layer .fr-form input {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 500%;
    height: 100%;
    margin: 0;
    font-size: 400px
}

.fr-popup .fr-video-progress-bar-layer>h3 {
    font-size: 16px;
    margin: 10px 0;
    font-weight: 400
}

.fr-popup .fr-video-progress-bar-layer>div.fr-action-buttons {
    display: none
}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader {
    background: #b3e0fd;
    height: 10px;
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    position: relative
}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader span {
    display: block;
    height: 100%;
    width: 0%;
    background: #0098f7;
    -webkit-transition: width .2s ease 0s;
    -moz-transition: width .2s ease 0s;
    -ms-transition: width .2s ease 0s;
    -o-transition: width .2s ease 0s
}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader.fr-indeterminate span {
    width: 30% !important;
    position: absolute;
    top: 0;
    animation: loading 2s linear infinite
}

.fr-popup .fr-video-progress-bar-layer.fr-error>div.fr-loader {
    display: none
}

.fr-popup .fr-video-progress-bar-layer.fr-error>div.fr-action-buttons {
    display: block
}

.fr-video-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2147483640;
    display: none
}

.fr-autoplay-margin {
    margin-top: 0 !important
}

.fr-view img.fr-rounded,
.fr-view .fr-img-caption.fr-rounded img {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-view img.fr-shadow,
.fr-view .fr-img-caption.fr-shadow img {
    box-shadow: 10px 10px 5px #ccc
}

.fr-view img.fr-bordered,
.fr-view .fr-img-caption.fr-bordered img {
    border: solid 5px #CCC
}

.fr-view img.fr-bordered {
    box-sizing: content-box
}

.fr-view .fr-img-caption.fr-bordered img {
    box-sizing: border-box
}

.fr-view li img.fr-dii.fr-fil {
    margin-right: 20px
}

.fr-view {
    word-wrap: break-word
}

.fr-view span[style~="color:"] a {
    color: inherit
}

.fr-view strong {
    font-weight: 700
}

.fr-view table[border="0"] td:not([class]),
.fr-view table[border="0"] th:not([class]),
.fr-view table[border="0"] td[class=""],
.fr-view table[border="0"] th[class=""] {
    border-width: 0px
}

.fr-view table {
    border: none;
    border-collapse: collapse;
    empty-cells: show;
    max-width: 100%
}

.fr-view table td {
    min-width: 5px
}

.fr-view table.fr-dashed-borders td,
.fr-view table.fr-dashed-borders th {
    border-style: dashed
}

.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
    background: whitesmoke
}

.fr-view table td,
.fr-view table th {
    border: 1px solid #DDD
}

.fr-view table td:empty,
.fr-view table th:empty {
    height: 20px
}

.fr-view table td.fr-highlighted,
.fr-view table th.fr-highlighted {
    border: 1px double red
}

.fr-view table td.fr-thick,
.fr-view table th.fr-thick {
    border-width: 2px
}

.fr-view table th,
.fr-view table tfoot td {
    background: #ececec
}

.fr-view hr {
    clear: both;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    break-after: always;
    page-break-after: always
}

.fr-view .fr-file {
    position: relative
}

.fr-view .fr-file:after {
    position: relative;
    content: "\1f4ce";
    font-weight: 400
}

.fr-view pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: visible
}

.fr-view[dir=rtl] blockquote {
    border-left: none;
    border-right: solid 2px #5E35B1;
    margin-right: 0;
    padding-right: 5px;
    padding-left: 0
}

.fr-view[dir=rtl] blockquote blockquote {
    border-color: #00bcd4
}

.fr-view[dir=rtl] blockquote blockquote blockquote {
    border-color: #43a047
}

.fr-view blockquote {
    border-left: solid 2px #5E35B1;
    margin-left: 0;
    padding-left: 5px;
    color: #5e35b1
}

.fr-view blockquote blockquote {
    border-color: #00bcd4;
    color: #00bcd4
}

.fr-view blockquote blockquote blockquote {
    border-color: #43a047;
    color: #43a047
}

.fr-view span.fr-emoticon {
    font-weight: 400;
    font-family: "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, Segoe UI Symbol, "Android Emoji", EmojiSymbols;
    display: inline;
    line-height: 0
}

.fr-view span.fr-emoticon.fr-emoticon-img {
    background-repeat: no-repeat !important;
    font-size: inherit;
    height: 1em;
    width: 1em;
    min-height: 20px;
    min-width: 20px;
    display: inline-block;
    margin: -.1em .1em .1em;
    line-height: 1;
    vertical-align: middle
}

.fr-view .fr-text-gray {
    color: #aaa !important
}

.fr-view .fr-text-bordered {
    border-top: solid 1px #222;
    border-bottom: solid 1px #222;
    padding: 10px 0
}

.fr-view .fr-text-spaced {
    letter-spacing: 1px
}

.fr-view .fr-text-uppercase {
    text-transform: uppercase
}

.fr-view .fr-class-highlighted {
    background-color: #ff0
}

.fr-view .fr-class-code {
    border-color: #ccc;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: #f5f5f5;
    padding: 10px;
    font-family: Courier New, Courier, monospace
}

.fr-view .fr-class-transparency {
    opacity: .5
}

.fr-view img {
    position: relative;
    max-width: 100%
}

.fr-view img.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

.fr-view img.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

.fr-view img.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

.fr-view img.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - 10px)
}

.fr-view img.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

.fr-view img.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

.fr-view span.fr-img-caption {
    position: relative;
    max-width: 100%
}

.fr-view span.fr-img-caption.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

.fr-view span.fr-img-caption.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

.fr-view span.fr-img-caption.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

.fr-view span.fr-img-caption.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - 10px)
}

.fr-view span.fr-img-caption.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

.fr-view span.fr-img-caption.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

.fr-view .fr-video {
    text-align: center;
    position: relative
}

.fr-view .fr-video.fr-rv {
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.fr-view .fr-video.fr-rv>iframe,
.fr-view .fr-video.fr-rv object,
.fr-view .fr-video.fr-rv embed {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.fr-view .fr-video>* {
    box-sizing: content-box;
    max-width: 100%;
    border: none
}

.fr-view .fr-video.fr-dvb {
    display: block;
    clear: both
}

.fr-view .fr-video.fr-dvb.fr-fvl {
    text-align: left
}

.fr-view .fr-video.fr-dvb.fr-fvr {
    text-align: right
}

.fr-view .fr-video.fr-dvi {
    display: inline-block
}

.fr-view .fr-video.fr-dvi.fr-fvl {
    float: left
}

.fr-view .fr-video.fr-dvi.fr-fvr {
    float: right
}

.fr-view a.fr-strong {
    font-weight: 700
}

.fr-view a.fr-green {
    color: green
}

.fr-view .fr-img-caption {
    text-align: center
}

.fr-view .fr-img-caption .fr-img-wrap {
    padding: 0;
    margin: auto;
    text-align: center;
    width: 100%
}

.fr-view .fr-img-caption .fr-img-wrap a {
    display: block
}

.fr-view .fr-img-caption .fr-img-wrap img {
    display: block;
    margin: auto;
    width: 100%
}

.fr-view .fr-img-caption .fr-img-wrap>span {
    margin: auto;
    display: block;
    padding: 5px 5px 10px;
    font-size: 14px;
    font-weight: initial;
    box-sizing: border-box;
    -webkit-opacity: .9;
    -moz-opacity: .9;
    opacity: .9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    width: 100%;
    text-align: center
}

.fr-view button.fr-rounded,
.fr-view input.fr-rounded,
.fr-view textarea.fr-rounded {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-view button.fr-large,
.fr-view input.fr-large,
.fr-view textarea.fr-large {
    font-size: 24px
}

.fr-view span.fr-img-caption.fr-dii.fr-fil,
.fr-view p img.fr-dii.fr-fil {
    margin-right: 15px
}

a.fr-view.fr-strong {
    font-weight: 700
}

a.fr-view.fr-green {
    color: green
}

img.fr-view {
    position: relative;
    max-width: 100%
}

img.fr-view.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

img.fr-view.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

img.fr-view.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

img.fr-view.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - 10px)
}

img.fr-view.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

img.fr-view.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

span.fr-img-caption.fr-view {
    position: relative;
    max-width: 100%
}

span.fr-img-caption.fr-view.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

span.fr-img-caption.fr-view.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

span.fr-img-caption.fr-view.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

span.fr-img-caption.fr-view.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - 10px)
}

span.fr-img-caption.fr-view.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

span.fr-img-caption.fr-view.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

.fr-box .fr-counter {
    padding: 10px;
    float: right;
    color: #999;
    content: attr(data-chars);
    font-size: 14px;
    font-family: sans-serif;
    z-index: 1;
    border-radius: 2px 0 0;
    -moz-border-radius: 2px 0 0 0;
    -webkit-border-radius: 2px 0 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-box.fr-rtl .fr-counter {
    left: 0;
    right: auto;
    border-left: none;
    border-radius: 0 2px 0 0;
    -moz-border-radius: 0 2px 0 0;
    -webkit-border-radius: 0 2px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-box.fr-code-view .fr-counter {
    display: none
}

.fr-popup .fr-layer.fr-color-hex-layer {
    margin: 0;
    padding: 0 20px 20px;
    float: left
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-input-line {
    float: left;
    width: calc(100% - 50px);
    padding: 15px 0 0
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons {
    float: right;
    width: 38px;
    height: 40px;
    padding: 17px 0 0;
    margin: 0
}

.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-size: 13px;
    height: 40px;
    width: 38px
}

.fr-popup .fr-separator+.fr-colors-tabs {
    margin-left: 2px;
    margin-right: 2px
}

.fr-popup .fr-color-set {
    line-height: 0;
    display: none
}

.fr-popup .fr-color-set.fr-selected-set {
    display: block;
    padding: 20px 20px 0
}

.fr-popup .fr-color-set>span {
    display: inline-block;
    width: 32px;
    height: 32px;
    position: relative;
    z-index: 1
}

.fr-popup .fr-color-set>span>i,
.fr-popup .fr-color-set>span>svg {
    text-align: center;
    line-height: 32px;
    height: 24px;
    width: 24px;
    margin: 4px;
    font-size: 13px;
    position: absolute;
    bottom: 0;
    cursor: default;
    left: 0
}

.fr-popup .fr-color-set>span>i path,
.fr-popup .fr-color-set>span>svg path {
    fill: #222
}

.fr-popup .fr-color-set>span .fr-selected-color {
    color: #fff;
    font-family: FontAwesome;
    font-size: 13px;
    font-weight: 400;
    line-height: 32px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
    cursor: default
}

.fr-popup .fr-color-set>span:hover,
.fr-popup .fr-color-set>span:focus {
    outline: 1px solid #222;
    z-index: 2
}

.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1=text]~[data-param1=background]:after {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0)
}

.fr-drag-helper {
    background: #0098f7;
    height: 2px;
    margin-top: -1px;
    -webkit-opacity: .2;
    -moz-opacity: .2;
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    z-index: 2147483640;
    display: none
}

.fr-drag-helper.fr-visible {
    display: block
}

.fr-dragging {
    -webkit-opacity: .4;
    -moz-opacity: .4;
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-element .fr-embedly {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    position: relative
}

.fr-element .fr-embedly:after {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    display: block;
    background: transparent
}

.fr-element .fr-embedly>* {
    box-sizing: content-box;
    max-width: 100%;
    border: none
}

.fr-box .fr-embedly-resizer {
    position: absolute;
    z-index: 2;
    border: solid 1px #0098f7;
    display: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-box .fr-embedly-resizer.fr-active {
    display: block
}

.fr-popup .fr-emoticon {
    width: 24px;
    height: 24px;
    font-family: "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, Segoe UI Symbol, "Android Emoji", EmojiSymbols
}

.fr-popup .fr-emoticon img {
    height: 24px;
    width: 24px
}

.fr-popup .fr-command.fr-btn.fr-tabs-unicode {
    padding: 0 0 0 14px
}

@media screen and (-ms-high-contrast: active) and (min-width: 768px),
(-ms-high-contrast: none) and (min-width: 768px) {
    .fr-popup .fr-icon-container.fr-emoticon-container {
        width: 368px
    }
}

.fr-popup .fr-file-upload-layer {
    border: dashed 2px #bdbdbd;
    padding: 25px 0;
    margin: 20px;
    position: relative;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 140%;
    box-sizing: border-box;
    text-align: center
}

.fr-popup .fr-file-upload-layer:hover {
    background: #ebebeb
}

.fr-popup .fr-file-upload-layer.fr-drop {
    background: #ebebeb;
    border-color: #0098f7
}

.fr-popup .fr-file-upload-layer .fr-form {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483640;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important
}

.fr-popup .fr-file-upload-layer .fr-form input {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 500%;
    height: 100%;
    margin: 0;
    font-size: 400px
}

.fr-popup .fr-file-progress-bar-layer {
    box-sizing: border-box
}

.fr-popup .fr-file-progress-bar-layer>h3 {
    font-size: 16px;
    margin: 10px 0;
    font-weight: 400
}

.fr-popup .fr-file-progress-bar-layer>div.fr-action-buttons {
    display: none
}

.fr-popup .fr-file-progress-bar-layer>div.fr-loader {
    background: #b3e0fd;
    height: 10px;
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    position: relative
}

.fr-popup .fr-file-progress-bar-layer>div.fr-loader span {
    display: block;
    height: 100%;
    width: 0%;
    background: #0098f7;
    -webkit-transition: width .2s ease 0s;
    -moz-transition: width .2s ease 0s;
    -ms-transition: width .2s ease 0s;
    -o-transition: width .2s ease 0s
}

.fr-popup .fr-file-progress-bar-layer>div.fr-loader.fr-indeterminate span {
    width: 30% !important;
    position: absolute;
    top: 0;
    animation: loading 2s linear infinite
}

.fr-popup .fr-file-progress-bar-layer.fr-error>div.fr-loader {
    display: none
}

.fr-popup .fr-file-progress-bar-layer.fr-error>div.fr-action-buttons {
    display: block
}

.fr-popup .fr-icon.fr-fa-icon {
    width: 18px;
    padding: 8px;
    margin: 6px;
    font-size: 16px
}

@supports not (-ms-high-contrast: none) {
    .fr-popup .fr-icon-container.fr-fa-container {
        grid-template-columns: repeat(auto-fill, minmax(45px, 45px))
    }
}

@media screen and (-ms-high-contrast: active) and (min-width: 768px),
(-ms-high-contrast: none) and (min-width: 768px) {
    .fr-popup .fr-icon-container.fr-fa-container {
        width: 506px
    }
}

body.fr-fullscreen {
    overflow: hidden;
    height: 100%;
    width: 100%;
    position: fixed
}

.fr-box.fr-fullscreen {
    margin: 0 !important;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2147483630 !important;
    width: auto !important
}

.fr-box.fr-fullscreen .fr-wrapper {
    background-color: #fff
}

.fr-box.fr-fullscreen.fr-basic.fr-top .fr-wrapper,
.fr-box.fr-fullscreen.fr-basic.fr-bottom .fr-wrapper,
.fr-box.fr-fullscreen .fr-toolbar {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-box.fr-fullscreen .fr-toolbar.fr-top {
    top: 0 !important
}

.fr-box.fr-fullscreen .fr-toolbar.fr-bottom {
    bottom: 0 !important
}

.fr-box.fr-fullscreen .fr-second-toolbar {
    margin-top: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.fr-fullscreen-wrapper {
    z-index: 2147483640 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important
}

/*!
 * froala_editor v4.0.19 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2023 Froala Labs
 */
.fr-clearfix:after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal {
    text-align: left;
    padding: 20px 20px 10px
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table {
    border-collapse: collapse;
    font-size: 14px;
    line-height: 1.5;
    width: 100%
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table+table {
    margin-top: 20px
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr {
    border: 0
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th {
    text-align: left
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th,
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table td {
    padding: 6px 0 4px
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr {
    border-bottom: solid 1px #ebebeb
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child {
    width: 60%;
    color: #646464
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:nth-child(n+2) {
    letter-spacing: .5px
}

.fr-element img {
    cursor: pointer;
    padding: 0 1px
}

.fr-image-resizer {
    position: absolute;
    border: solid 1px #0098f7;
    display: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    box-sizing: content-box
}

.fr-image-resizer.fr-active {
    display: block
}

.fr-image-resizer .fr-handler {
    display: block;
    position: absolute;
    background: #0098f7;
    border: solid 1px #FFF;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 4;
    box-sizing: border-box
}

.fr-image-resizer .fr-handler.fr-hnw {
    cursor: nw-resize
}

.fr-image-resizer .fr-handler.fr-hne {
    cursor: ne-resize
}

.fr-image-resizer .fr-handler.fr-hsw {
    cursor: sw-resize
}

.fr-image-resizer .fr-handler.fr-hse {
    cursor: se-resize
}

.fr-image-resizer .fr-handler {
    width: 12px;
    height: 12px
}

.fr-image-resizer .fr-handler.fr-hnw {
    left: -6px;
    top: -6px
}

.fr-image-resizer .fr-handler.fr-hne {
    right: -6px;
    top: -6px
}

.fr-image-resizer .fr-handler.fr-hsw {
    left: -6px;
    bottom: -6px
}

.fr-image-resizer .fr-handler.fr-hse {
    right: -6px;
    bottom: -6px
}

@media (min-width: 1200px) {
    .fr-image-resizer .fr-handler {
        width: 10px;
        height: 10px
    }

    .fr-image-resizer .fr-handler.fr-hnw {
        left: -5px;
        top: -5px
    }

    .fr-image-resizer .fr-handler.fr-hne {
        right: -5px;
        top: -5px
    }

    .fr-image-resizer .fr-handler.fr-hsw {
        left: -5px;
        bottom: -5px
    }

    .fr-image-resizer .fr-handler.fr-hse {
        right: -5px;
        bottom: -5px
    }
}

.fr-image-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2147483640;
    display: none
}

.fr-popup .fr-image-upload-layer {
    border: dashed 2px #bdbdbd;
    padding: 25px 0;
    margin: 20px;
    position: relative;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 140%;
    text-align: center
}

.fr-popup .fr-image-upload-layer:hover {
    background: #ebebeb
}

.fr-popup .fr-image-upload-layer.fr-drop {
    background: #ebebeb;
    border-color: #0098f7
}

.fr-popup .fr-image-upload-layer .fr-form {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483640;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important
}

.fr-popup .fr-image-upload-layer .fr-form input {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 500%;
    height: 100%;
    margin: 0;
    font-size: 400px
}

.fr-popup .fr-image-progress-bar-layer>h3 {
    font-size: 16px;
    margin: 10px 0;
    font-weight: 400
}

.fr-popup .fr-image-progress-bar-layer>div.fr-action-buttons {
    display: none
}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader {
    background: #b3e0fd;
    height: 10px;
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    position: relative
}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader span {
    display: block;
    height: 100%;
    width: 0%;
    background: #0098f7;
    -webkit-transition: width .2s ease 0s;
    -moz-transition: width .2s ease 0s;
    -ms-transition: width .2s ease 0s;
    -o-transition: width .2s ease 0s
}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader.fr-indeterminate span {
    width: 30% !important;
    position: absolute;
    top: 0;
    animation: loading 2s linear infinite
}

.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-loader {
    display: none
}

.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-action-buttons {
    display: block
}

.fr-image-size-layer .fr-image-group .fr-input-line {
    width: calc(50% - 5px);
    display: inline-block
}

.fr-image-size-layer .fr-image-group .fr-input-line+.fr-input-line {
    margin-left: 10px
}

.fr-uploading {
    -webkit-opacity: .4;
    -moz-opacity: .4;
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

@keyframes loading {
    0% {
        left: -25%
    }

    to {
        left: 100%
    }
}

img.fr-draggable {
    -webkit-user-select: none;
    user-select: none
}

.fr-modal .fr-modal-head .fr-modal-head-line:after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more {
    margin-top: 10px
}

.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more.fr-not-available {
    opacity: 0;
    width: 0;
    padding: 12px 0
}

.fr-modal .fr-modal-head .fr-modal-tags {
    padding: 0 20px;
    display: none;
    text-align: left
}

.fr-modal .fr-modal-head .fr-modal-tags a {
    display: inline-block;
    opacity: 0;
    padding: 6px 12px;
    margin: 8px 0 8px 8px;
    text-decoration: none;
    border-radius: 32px;
    -moz-border-radius: 32px;
    -webkit-border-radius: 32px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: opacity .2s ease 0s, background .2s ease 0s;
    -moz-transition: opacity .2s ease 0s, background .2s ease 0s;
    -ms-transition: opacity .2s ease 0s, background .2s ease 0s;
    -o-transition: opacity .2s ease 0s, background .2s ease 0s;
    cursor: pointer;
    background-color: #f5f5f5
}

.fr-modal .fr-modal-head .fr-modal-tags a:focus {
    outline: none;
    background-color: #ebebeb
}

.fr-modal .fr-modal-head .fr-modal-tags a:hover {
    background-color: #ebebeb
}

.fr-modal .fr-modal-head .fr-modal-tags a:active {
    background-color: #d6d6d6
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag {
    background-color: #ecf5ff;
    color: #0098f7
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:focus {
    outline: none;
    background-color: #ebebeb
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:hover {
    background-color: #ebebeb
}

.fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:active {
    background-color: #d6d6d6
}

.fr-show-tags .fr-modal-more svg path {
    fill: #0098f7
}

div.fr-modal-body {
    -webkit-transition: background .2s ease 0s;
    -moz-transition: background .2s ease 0s;
    -ms-transition: background .2s ease 0s;
    -o-transition: background .2s ease 0s
}

div.fr-modal-body .fr-preloader {
    display: block;
    margin: 50px auto
}

div.fr-modal-body div.fr-image-list {
    text-align: center;
    margin: 0 20px;
    padding: 0
}

div.fr-modal-body div.fr-image-list .fr-list-column {
    float: left;
    width: calc((100% - 20px)/2)
}

@media (min-width: 768px) and (max-width: 1199px) {
    div.fr-modal-body div.fr-image-list .fr-list-column {
        width: calc((100% - 40px) / 3)
    }
}

@media (min-width: 1200px) {
    div.fr-modal-body div.fr-image-list .fr-list-column {
        width: calc((100% - 60px)/4)
    }
}

div.fr-modal-body div.fr-image-list .fr-list-column+.fr-list-column {
    margin-left: 20px
}

div.fr-modal-body div.fr-image-list div.fr-image-container {
    position: relative;
    width: 100%;
    display: block;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    overflow: hidden
}

div.fr-modal-body div.fr-image-list div.fr-image-container:first-child {
    margin-top: 20px
}

div.fr-modal-body div.fr-image-list div.fr-image-container+div {
    margin-top: 20px
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting:after {
    position: absolute;
    -webkit-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .2s ease 0s;
    -moz-transition: opacity .2s ease 0s;
    -ms-transition: opacity .2s ease 0s;
    -o-transition: opacity .2s ease 0s;
    background: #000;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting:before {
    content: attr(data-deleting);
    color: #fff;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    position: absolute;
    z-index: 3;
    font-size: 15px;
    height: 20px
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty {
    height: 95px;
    background: #ccc;
    z-index: 1
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty:after {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: attr(data-loading);
    display: inline-block;
    height: 20px
}

div.fr-modal-body div.fr-image-list div.fr-image-container img {
    width: 100%;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .2s ease 0s, filter .2s ease 0s;
    -moz-transition: opacity .2s ease 0s, filter .2s ease 0s;
    -ms-transition: opacity .2s ease 0s, filter .2s ease 0s;
    -o-transition: opacity .2s ease 0s, filter .2s ease 0s;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0)
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img {
    -webkit-opacity: .75;
    -moz-opacity: .75;
    opacity: .75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-delete-img,
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-insert-img {
    display: inline-block
}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img,
div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
    display: none;
    top: 50%;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: background .2s ease 0s, color .2s ease 0s;
    -moz-transition: background .2s ease 0s, color .2s ease 0s;
    -ms-transition: background .2s ease 0s, color .2s ease 0s;
    -o-transition: background .2s ease 0s, color .2s ease 0s;
    box-sizing: border-box;
    position: absolute;
    cursor: pointer;
    margin: 0;
    line-height: 40px;
    text-decoration: none;
    z-index: 3
}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img {
    background: #B8312F;
    fill: #fff;
    padding: 8px;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(25%);
    -moz-transform: translateY(-50%) translateX(25%);
    -ms-transform: translateY(-50%) translateX(25%);
    -o-transform: translateY(-50%) translateX(25%)
}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
    background: #FFF;
    fill: #0098f7;
    padding: 8px;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-125%);
    -moz-transform: translateY(-50%) translateX(-125%);
    -ms-transform: translateY(-50%) translateX(-125%);
    -o-transform: translateY(-50%) translateX(-125%)
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img {
    -webkit-opacity: .75;
    -moz-opacity: .75;
    opacity: .75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img,
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img {
    display: inline-block;
    width: 40px;
    height: 40px
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover {
    background: #bf4644;
    color: #fff
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover {
    background: #ebebeb
}

.tui-image-editor-container {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 10
}

.tui-editor-cancel-btn {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #222
}

.tui-editor-save-btn {
    background-color: #fdba3b;
    border: 1px solid #fdba3b;
    color: #fff
}

.fr-line-breaker {
    cursor: text;
    border-top: 1px solid #0098f7;
    position: fixed;
    z-index: 2;
    display: none
}

.fr-line-breaker.fr-visible {
    display: block
}

.fr-line-breaker a.fr-floating-btn {
    position: absolute;
    left: calc(50% - 20px);
    top: -20px
}

.fr-line-breaker a.fr-floating-btn svg {
    margin: 8px;
    height: 24px;
    width: 24px
}

.fr-quick-insert {
    position: absolute;
    z-index: 2147483639;
    white-space: nowrap;
    padding-right: 10px;
    box-sizing: content-box
}

.fr-quick-insert a.fr-floating-btn svg {
    margin: 8px;
    width: 24px;
    height: 24px
}

.fr-quick-insert.fr-on a.fr-floating-btn svg {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg)
}

.fr-quick-insert.fr-hidden {
    display: none
}

.fr-qi-helper {
    position: absolute;
    z-index: 3;
    padding-left: 20px;
    white-space: nowrap
}

.fr-qi-helper a.fr-btn.fr-floating-btn {
    text-align: center;
    padding: 6px 10px 10px;
    display: inline-block;
    color: #222;
    background: #FFF;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0)
}

.fr-qi-helper a.fr-btn.fr-floating-btn svg {
    fill: #222
}

.fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1 {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1)
}

.fr-popup .fr-buttons.fr-tabs .fr-special-character-category {
    padding: 10px 15px
}

.fr-popup .fr-buttons.fr-tabs .fr-special-character-category span {
    font-weight: 400;
    font-size: 16px
}

.fr-popup .fr-special-character {
    width: 24px;
    height: 24px
}

@media screen and (-ms-high-contrast: active) and (min-width: 768px),
(-ms-high-contrast: none) and (min-width: 768px) {
    .fr-popup .fr-icon-container.fr-sc-container {
        width: 368px
    }
}

.examples-variante>a {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif
}

.sc-cm-holder>.sc-cm {
    border-top: 5px solid #222 !important;
    padding: 0 !important;
    line-height: 200% !important
}

.sc-cm .sc-cm__item.examples-variante.sc-cm__item_active>a>i {
    display: none !important
}

.sc-cm .sc-cm__item.examples-variante>a>i {
    display: none !important
}

.sc-cm__item_dropdown .i-icon {
    display: none !important
}

.sc-cm__item_dropdown .i-icon:before {
    display: none !important
}

.sc-cm:before {
    display: none !important
}

div.sc-cm-holder.sc-cm_show>ul>li.sc-cm__item.sc-cm__item_dropdown.sc-cm__item_arrow>div>ul {
    border-style: none !important;
    padding: 0 !important
}

.sc-cm__item_dropdown:hover>a,
.sc-cm a:hover {
    background-color: #ebebeb !important
}

.sc-cm__item_active>a,
.sc-cm__item_active>a:hover,
.sc-cm a:active,
.sc-cm a:focus {
    background-color: #d6d6d6 !important
}

.sc-cm__item>a {
    line-height: 200% !important
}

.sc-cm-holder>.sc-cm:before {
    background-color: #ebebeb !important
}

.sc-cm-holder {
    display: none
}

.fr-element table td.fr-selected-cell,
.fr-element table th.fr-selected-cell {
    border: 1px double #0098f7
}

.fr-element table td,
.fr-element table th {
    user-select: text;
    -o-user-select: text;
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text
}

.fr-element .fr-no-selection table td,
.fr-element .fr-no-selection table th {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-table-resizer {
    cursor: col-resize;
    position: absolute;
    z-index: 3;
    display: none
}

.fr-table-resizer.fr-moving {
    z-index: 2
}

.fr-table-resizer div {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border-right: 1px solid #0098f7
}

.fr-no-selection {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-popup .fr-table-size {
    margin: 20px
}

.fr-popup .fr-table-size .fr-table-size-info {
    text-align: center;
    font-size: 14px
}

.fr-popup .fr-table-size .fr-select-table-size {
    line-height: 0;
    padding: 5px;
    white-space: nowrap
}

.fr-popup .fr-table-size .fr-select-table-size>span {
    display: inline-block;
    padding: 0 4px 4px 0;
    background: transparent
}

.fr-popup .fr-table-size .fr-select-table-size>span>span {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #DDD
}

.fr-popup .fr-table-size .fr-select-table-size>span.hover {
    background: transparent
}

.fr-popup .fr-table-size .fr-select-table-size>span.hover>span {
    background: rgba(0, 152, 247, .3);
    border: solid 1px #0098f7
}

.fr-popup .fr-table-size .fr-select-table-size .new-line:after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-popup.fr-above .fr-table-size .fr-select-table-size>span {
    display: inline-block !important
}

.fr-popup .fr-table-colors {
    display: block;
    padding: 20px 20px 0
}

.fr-popup.fr-desktop .fr-table-size .fr-select-table-size>span>span {
    width: 12px;
    height: 12px
}

.fr-insert-helper {
    position: absolute;
    z-index: 9999;
    white-space: nowrap
}

/*!
 * froala_editor v4.0.19 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2023 Froala Labs
 */
.fr-clearfix:after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-element .fr-video {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-element .fr-video:after {
    position: absolute;
    content: "";
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    display: block;
    background: transparent
}

.fr-element .fr-video.fr-active>* {
    z-index: 2;
    position: relative
}

.fr-element .fr-video>* {
    box-sizing: content-box;
    max-width: 100%;
    border: none
}

.fr-box .fr-video-resizer {
    position: absolute;
    border: solid 1px #0098f7;
    display: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-box .fr-video-resizer.fr-active {
    display: block
}

.fr-box .fr-video-resizer .fr-handler {
    display: block;
    position: absolute;
    background: #0098f7;
    border: solid 1px #FFF;
    z-index: 4;
    box-sizing: border-box
}

.fr-box .fr-video-resizer .fr-handler.fr-hnw {
    cursor: nw-resize
}

.fr-box .fr-video-resizer .fr-handler.fr-hne {
    cursor: ne-resize
}

.fr-box .fr-video-resizer .fr-handler.fr-hsw {
    cursor: sw-resize
}

.fr-box .fr-video-resizer .fr-handler.fr-hse {
    cursor: se-resize
}

.fr-box .fr-video-resizer .fr-handler {
    width: 12px;
    height: 12px
}

.fr-box .fr-video-resizer .fr-handler.fr-hnw {
    left: -6px;
    top: -6px
}

.fr-box .fr-video-resizer .fr-handler.fr-hne {
    right: -6px;
    top: -6px
}

.fr-box .fr-video-resizer .fr-handler.fr-hsw {
    left: -6px;
    bottom: -6px
}

.fr-box .fr-video-resizer .fr-handler.fr-hse {
    right: -6px;
    bottom: -6px
}

@media (min-width: 1200px) {
    .fr-box .fr-video-resizer .fr-handler {
        width: 10px;
        height: 10px
    }

    .fr-box .fr-video-resizer .fr-handler.fr-hnw {
        left: -5px;
        top: -5px
    }

    .fr-box .fr-video-resizer .fr-handler.fr-hne {
        right: -5px;
        top: -5px
    }

    .fr-box .fr-video-resizer .fr-handler.fr-hsw {
        left: -5px;
        bottom: -5px
    }

    .fr-box .fr-video-resizer .fr-handler.fr-hse {
        right: -5px;
        bottom: -5px
    }
}

.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line {
    width: calc(50% - 5px);
    display: inline-block
}

.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line+.fr-input-line {
    margin-left: 10px
}

.fr-popup .fr-video-upload-layer {
    border: dashed 2px #bdbdbd;
    padding: 25px 0;
    margin: 20px;
    position: relative;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 140%;
    text-align: center
}

.fr-popup .fr-video-upload-layer:hover {
    background: #ebebeb
}

.fr-popup .fr-video-upload-layer.fr-drop {
    background: #ebebeb;
    border-color: #0098f7
}

.fr-popup .fr-video-upload-layer .fr-form {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483640;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important
}

.fr-popup .fr-video-upload-layer .fr-form input {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 500%;
    height: 100%;
    margin: 0;
    font-size: 400px
}

.fr-popup .fr-video-progress-bar-layer>h3 {
    font-size: 16px;
    margin: 10px 0;
    font-weight: 400
}

.fr-popup .fr-video-progress-bar-layer>div.fr-action-buttons {
    display: none
}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader {
    background: #b3e0fd;
    height: 10px;
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    position: relative
}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader span {
    display: block;
    height: 100%;
    width: 0%;
    background: #0098f7;
    -webkit-transition: width .2s ease 0s;
    -moz-transition: width .2s ease 0s;
    -ms-transition: width .2s ease 0s;
    -o-transition: width .2s ease 0s
}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader.fr-indeterminate span {
    width: 30% !important;
    position: absolute;
    top: 0;
    animation: loading 2s linear infinite
}

.fr-popup .fr-video-progress-bar-layer.fr-error>div.fr-loader {
    display: none
}

.fr-popup .fr-video-progress-bar-layer.fr-error>div.fr-action-buttons {
    display: block
}

.fr-video-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2147483640;
    display: none
}

.fr-autoplay-margin {
    margin-top: 0 !important
}

.ng-select.ng-select-opened>.ng-select-container {
    background: #ffffff;
    border-color: #b3b3b3 #ccc #d9d9d9
}

.ng-select.ng-select-opened>.ng-select-container:hover {
    box-shadow: none
}

.ng-select.ng-select-opened>.ng-select-container .ng-arrow {
    top: -2px;
    border-color: transparent transparent #999999;
    border-width: 0 5px 5px
}

.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover {
    border-color: transparent transparent #333333
}

.ng-select.ng-select-opened.ng-select-top>.ng-select-container {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.ng-select.ng-select-opened.ng-select-right>.ng-select-container {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.ng-select.ng-select-opened.ng-select-left>.ng-select-container {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container {
    border-color: #007eff;
    box-shadow: inset 0 1px 1px #00000013, 0 0 0 3px #007eff1a
}

.ng-select.ng-select-disabled>.ng-select-container {
    background-color: #f9f9f9
}

.ng-select .ng-has-value .ng-placeholder {
    display: none
}

.ng-select .ng-select-container {
    color: #333;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ccc;
    min-height: 36px;
    align-items: center
}

.ng-select .ng-select-container:hover {
    box-shadow: 0 1px #0000000f
}

.ng-select .ng-select-container .ng-value-container {
    align-items: center;
    padding-left: 10px
}

[dir=rtl] .ng-select .ng-select-container .ng-value-container {
    padding-right: 10px;
    padding-left: 0
}

.ng-select .ng-select-container .ng-value-container .ng-placeholder {
    color: #999
}

.ng-select.ng-select-single .ng-select-container {
    height: 36px
}

.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
    top: 5px;
    left: 0;
    padding-left: 10px;
    padding-right: 50px
}

[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
    padding-right: 10px;
    padding-left: 50px
}

.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value {
    background-color: #f9f9f9;
    border: 1px solid #e6e6e6
}

.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label {
    padding: 0 5px
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container {
    padding-top: 5px;
    padding-left: 7px
}

[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container {
    padding-right: 7px;
    padding-left: 0
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
    font-size: .9em;
    margin-bottom: 5px;
    color: #333;
    background-color: #ebf5ff;
    border-radius: 2px;
    margin-right: 5px
}

[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
    margin-right: 0;
    margin-left: 5px
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled {
    background-color: #f9f9f9
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
    padding-left: 5px
}

[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
    padding-left: 0;
    padding-right: 5px
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label,
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
    display: inline-block;
    padding: 1px 5px
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
    background-color: #d1e8ff
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
    border-right: 1px solid #b8dbff
}

[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
    border-left: 1px solid #b8dbff;
    border-right: none
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
    border-left: 1px solid #b8dbff
}

[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
    border-left: 0;
    border-right: 1px solid #b8dbff
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
    padding: 0 0 3px 3px
}

[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
    padding: 0 3px 3px 0
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input {
    color: #000
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
    top: 5px;
    padding-bottom: 5px;
    padding-left: 3px
}

[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
    padding-right: 3px;
    padding-left: 0
}

.ng-select .ng-clear-wrapper {
    color: #999
}

.ng-select .ng-clear-wrapper:hover .ng-clear {
    color: #d0021b
}

.ng-select .ng-spinner-zone {
    padding: 5px 5px 0 0
}

[dir=rtl] .ng-select .ng-spinner-zone {
    padding: 5px 0 0 5px
}

.ng-select .ng-arrow-wrapper {
    width: 25px;
    padding-right: 5px
}

[dir=rtl] .ng-select .ng-arrow-wrapper {
    padding-left: 5px;
    padding-right: 0
}

.ng-select .ng-arrow-wrapper:hover .ng-arrow {
    border-top-color: #666
}

.ng-select .ng-arrow-wrapper .ng-arrow {
    border-color: #999999 transparent transparent;
    border-style: solid;
    border-width: 5px 5px 2.5px
}

.ng-dropdown-panel {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 1px #0000000f;
    left: 0
}

.ng-dropdown-panel.ng-select-top {
    bottom: 100%;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-color: #e6e6e6;
    margin-bottom: -1px
}

.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px
}

.ng-dropdown-panel.ng-select-right {
    left: 100%;
    top: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-color: #e6e6e6;
    margin-bottom: -1px
}

.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child {
    border-top-right-radius: 4px
}

.ng-dropdown-panel.ng-select-bottom {
    top: 100%;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-color: #e6e6e6;
    margin-top: -1px
}

.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.ng-dropdown-panel.ng-select-left {
    left: -100%;
    top: 0;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-color: #e6e6e6;
    margin-bottom: -1px
}

.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child {
    border-top-left-radius: 4px
}

.ng-dropdown-panel .ng-dropdown-header {
    border-bottom: 1px solid #ccc;
    padding: 5px 7px
}

.ng-dropdown-panel .ng-dropdown-footer {
    border-top: 1px solid #ccc;
    padding: 5px 7px
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
    -webkit-user-select: none;
    user-select: none;
    padding: 8px 10px;
    font-weight: 500;
    color: #0000008a;
    cursor: pointer
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled {
    cursor: default
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked {
    background-color: #f5faff
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked {
    color: #0000008a;
    background-color: #ebf5ff;
    font-weight: 600
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    background-color: #fff;
    color: #000000de;
    padding: 8px 10px
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked {
    color: #333;
    background-color: #ebf5ff
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label {
    font-weight: 600
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
    background-color: #f5faff;
    color: #333
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
    color: #ccc
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
    padding-left: 22px
}

[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
    padding-right: 22px;
    padding-left: 0
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
    font-size: 80%;
    font-weight: 400;
    padding-right: 5px
}

[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
    padding-left: 5px;
    padding-right: 0
}

[dir=rtl] .ng-dropdown-panel {
    direction: rtl;
    text-align: right
}

@charset "UTF-8";

/*!
 * Bootstrap  v5.2.0 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
    --white-color: #fff;
    --main-color: #1B3999;
    --link-color: #2E87DF;
    --link-color2: #0E60FF;
    --blue-color: #1B3999;
    --orange-color: #FE9900;
    --orange-color2: #EE7F00;
    --light-orange-color: #FFF9F1;
    --green-color: #01D167;
    --green-color2: #20BF30;
    --header-bg-color: #F1F8FE;
    --light-grey-color: #F6F9FC;
    --clamp14: clamp(12px, .72916vw, 14px);
    --clamp16: clamp(14px, .8333vw, 16px);
    --clamp18: clamp(16px, .9375vw, 18px);
    --clamp24: clamp(16px, 1.25vw, 24px);
    --clamp26: clamp(18px, 1.3541vw, 26px);
    --clamp28: clamp(20px, 1.4583vw, 28px);
    --clamp36: clamp(24px, 1.875vw, 36px);
    --clamp48: clamp(25px, 2.5vw, 48px);
    --clamp56: clamp(30px, 2.916vw, 56px);
    --clamp70: clamp(54px, 3.6458vw, 70px);
    --font-family: "Poppins", sans-serif
}

.cal-month-view .cal-header {
    text-align: center;
    font-weight: bolder
}

.cal-month-view .cal-header .cal-cell {
    padding: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap
}

.cal-month-view .cal-days {
    border: 1px solid;
    border-bottom: 0
}

.cal-month-view .cal-cell-top {
    min-height: 78px;
    flex: 1
}

.cal-month-view .cal-cell-row {
    -js-display: flex;
    display: flex
}

.cal-month-view .cal-cell {
    float: left;
    flex: 1;
    -js-display: flex;
    display: flex;
    flex-direction: column;
    align-items: stretch
}

.cal-month-view .cal-cell .cal-event {
    pointer-events: all !important
}

.cal-month-view .cal-day-cell {
    min-height: 100px
}

@media all and (-ms-high-contrast: none) {
    .cal-month-view .cal-day-cell {
        display: block
    }
}

.cal-month-view .cal-day-cell:not(:last-child) {
    border-right: 1px solid
}

[dir=rtl] .cal-month-view .cal-day-cell:not(:last-child) {
    border-right: initial;
    border-left: 1px solid
}

.cal-month-view .cal-days .cal-cell-row {
    border-bottom: 1px solid
}

.cal-month-view .cal-day-badge {
    margin-top: 18px;
    margin-left: 10px;
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 10px
}

.cal-month-view .cal-day-number {
    font-size: 1.2em;
    font-weight: 400;
    opacity: .5;
    margin-top: 15px;
    margin-right: 15px;
    float: right;
    margin-bottom: 10px
}

.cal-month-view .cal-events {
    flex: 1;
    align-items: flex-end;
    margin: 3px;
    line-height: 10px;
    -js-display: flex;
    display: flex;
    flex-wrap: wrap
}

.cal-month-view .cal-event {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    margin: 2px
}

.cal-month-view .cal-day-cell.cal-in-month.cal-has-events {
    cursor: pointer
}

.cal-month-view .cal-day-cell.cal-out-month .cal-day-number {
    opacity: .1;
    cursor: default
}

.cal-month-view .cal-day-cell.cal-today .cal-day-number {
    font-size: 1.9em
}

.cal-month-view .cal-open-day-events {
    padding: 15px
}

.cal-month-view .cal-open-day-events .cal-event {
    position: relative;
    top: 2px
}

.cal-month-view .cal-out-month .cal-day-badge,
.cal-month-view .cal-out-month .cal-event {
    opacity: .3
}

.cal-month-view .cal-draggable {
    cursor: move
}

.cal-month-view .cal-drag-active * {
    pointer-events: none
}

.cal-month-view .cal-event-title {
    cursor: pointer
}

.cal-month-view .cal-event-title:hover {
    text-decoration: underline
}

.cal-month-view {
    background-color: #fff
}

.cal-month-view .cal-cell-row:hover {
    background-color: #fafafa
}

.cal-month-view .cal-cell-row .cal-cell:hover,
.cal-month-view .cal-cell.cal-has-events.cal-open {
    background-color: #ededed
}

.cal-month-view .cal-days {
    border-color: #e1e1e1
}

.cal-month-view .cal-day-cell:not(:last-child) {
    border-right-color: #e1e1e1
}

[dir=rtl] .cal-month-view .cal-day-cell:not(:last-child) {
    border-right-color: initial;
    border-left-color: #e1e1e1
}

.cal-month-view .cal-days .cal-cell-row {
    border-bottom-color: #e1e1e1
}

.cal-month-view .cal-day-badge {
    background-color: #b94a48;
    color: #fff
}

.cal-month-view .cal-event {
    background-color: #1e90ff;
    border-color: #d1e8ff;
    color: #fff
}

.cal-month-view .cal-day-cell.cal-weekend .cal-day-number {
    color: #8b0000
}

.cal-month-view .cal-day-cell.cal-today {
    background-color: #e8fde7
}

.cal-month-view .cal-day-cell.cal-drag-over {
    background-color: #e0e0e0 !important
}

.cal-month-view .cal-open-day-events {
    color: #fff;
    background-color: #555;
    box-shadow: inset 0 0 15px #00000080
}

.cal-week-view * {
    box-sizing: border-box
}

.cal-week-view .cal-day-headers {
    -js-display: flex;
    display: flex;
    padding-left: 70px;
    border: 1px solid
}

[dir=rtl] .cal-week-view .cal-day-headers {
    padding-left: initial;
    padding-right: 70px
}

.cal-week-view .cal-day-headers .cal-header {
    flex: 1;
    text-align: center;
    padding: 5px
}

.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
    border-right: 1px solid
}

[dir=rtl] .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
    border-right: initial;
    border-left: 1px solid
}

.cal-week-view .cal-day-headers .cal-header:first-child {
    border-left: 1px solid
}

[dir=rtl] .cal-week-view .cal-day-headers .cal-header:first-child {
    border-left: initial;
    border-right: 1px solid
}

.cal-week-view .cal-day-headers span {
    font-weight: 400;
    opacity: .5
}

.cal-week-view .cal-day-column {
    flex-grow: 1;
    border-left: solid 1px
}

[dir=rtl] .cal-week-view .cal-day-column {
    border-left: initial;
    border-right: solid 1px
}

.cal-week-view .cal-event {
    font-size: 12px;
    border: 1px solid;
    direction: ltr
}

.cal-week-view .cal-time-label-column {
    width: 70px;
    height: 100%
}

.cal-week-view .cal-current-time-marker {
    position: absolute;
    width: 100%;
    height: 2px;
    z-index: 2
}

.cal-week-view .cal-all-day-events {
    border: solid 1px;
    border-top: 0;
    border-bottom-width: 3px;
    padding-top: 3px;
    position: relative
}

.cal-week-view .cal-all-day-events .cal-day-columns {
    height: 100%;
    width: 100%;
    -js-display: flex;
    display: flex;
    position: absolute;
    top: 0;
    z-index: 0
}

.cal-week-view .cal-all-day-events .cal-events-row {
    position: relative;
    height: 31px;
    margin-left: 70px
}

[dir=rtl] .cal-week-view .cal-all-day-events .cal-events-row {
    margin-left: initial;
    margin-right: 70px
}

.cal-week-view .cal-all-day-events .cal-event-container {
    display: inline-block;
    position: absolute
}

.cal-week-view .cal-all-day-events .cal-event-container.resize-active {
    z-index: 1;
    pointer-events: none
}

.cal-week-view .cal-all-day-events .cal-event {
    padding: 0 5px;
    margin-left: 2px;
    margin-right: 2px;
    height: 28px;
    line-height: 28px
}

.cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

[dir=rtl] .cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
    border-top-left-radius: initial;
    border-bottom-left-radius: initial;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important
}

.cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

[dir=rtl] .cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
    border-top-right-radius: initial;
    border-bottom-right-radius: initial;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.cal-week-view .cal-all-day-events .cal-time-label-column {
    -js-display: flex;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px
}

.cal-week-view .cal-all-day-events .cal-resize-handle {
    width: 6px;
    height: 100%;
    cursor: col-resize;
    position: absolute;
    top: 0
}

.cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
    right: 0
}

[dir=rtl] .cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
    right: initial;
    left: 0
}

.cal-week-view .cal-event,
.cal-week-view .cal-header {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cal-week-view .cal-drag-active {
    pointer-events: none;
    z-index: 1
}

.cal-week-view .cal-drag-active * {
    pointer-events: none
}

.cal-week-view .cal-time-events {
    position: relative;
    border: solid 1px;
    border-top: 0;
    -js-display: flex;
    display: flex
}

.cal-week-view .cal-time-events .cal-day-columns {
    -js-display: flex;
    display: flex;
    flex-grow: 1
}

.cal-week-view .cal-time-events .cal-day-column,
.cal-week-view .cal-time-events .cal-events-container {
    position: relative
}

.cal-week-view .cal-time-events .cal-event-container {
    position: absolute;
    z-index: 1
}

.cal-week-view .cal-time-events .cal-event {
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    margin: 1px;
    padding: 0 5px;
    line-height: 25px
}

.cal-week-view .cal-time-events .cal-resize-handle {
    width: 100%;
    height: 4px;
    cursor: row-resize;
    position: absolute
}

.cal-week-view .cal-time-events .cal-resize-handle.cal-resize-handle-after-end {
    bottom: 0
}

.cal-week-view .cal-hour-segment {
    position: relative
}

.cal-week-view .cal-hour-segment:after {
    content: "\a0"
}

.cal-week-view .cal-event-container:not(.cal-draggable) {
    cursor: pointer
}

.cal-week-view .cal-draggable {
    cursor: move
}

.cal-week-view mwl-calendar-week-view-hour-segment,
.cal-week-view .cal-hour-segment {
    display: block
}

.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
    border-bottom: thin dashed
}

.cal-week-view .cal-time {
    font-weight: 700;
    padding-top: 5px;
    width: 70px;
    text-align: center
}

.cal-week-view .cal-hour-segment.cal-after-hour-start .cal-time {
    display: none
}

.cal-week-view .cal-starts-within-day .cal-event {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.cal-week-view .cal-ends-within-day .cal-event {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.cal-week-view {
    background-color: #fff;
    border-top: solid 1px #e1e1e1
}

.cal-week-view .cal-day-headers {
    border-color: #e1e1e1;
    border-top: 0
}

.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
    border-right-color: #e1e1e1
}

[dir=rtl] .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
    border-right-color: initial;
    border-left: solid 1px #e1e1e1 !important
}

.cal-week-view .cal-day-headers .cal-header:first-child {
    border-left-color: #e1e1e1
}

[dir=rtl] .cal-week-view .cal-day-headers .cal-header:first-child {
    border-left-color: initial;
    border-right-color: #e1e1e1
}

.cal-week-view .cal-day-headers .cal-header:hover,
.cal-week-view .cal-day-headers .cal-drag-over {
    background-color: #ededed
}

.cal-week-view .cal-day-column {
    border-left-color: #e1e1e1
}

[dir=rtl] .cal-week-view .cal-day-column {
    border-left-color: initial;
    border-right-color: #e1e1e1
}

.cal-week-view .cal-event {
    background-color: #d1e8ff;
    border-color: #1e90ff;
    color: #1e90ff
}

.cal-week-view .cal-all-day-events {
    border-color: #e1e1e1
}

.cal-week-view .cal-header.cal-today {
    background-color: #e8fde7
}

.cal-week-view .cal-header.cal-weekend span {
    color: #8b0000
}

.cal-week-view .cal-time-events {
    border-color: #e1e1e1
}

.cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-hour-segment:hover {
    background-color: #ededed
}

.cal-week-view .cal-hour-odd {
    background-color: #fafafa
}

.cal-week-view .cal-drag-over .cal-hour-segment {
    background-color: #ededed
}

.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
    border-bottom-color: #e1e1e1
}

.cal-week-view .cal-current-time-marker {
    background-color: #ea4334
}

.cal-day-view mwl-calendar-week-view-header {
    display: none
}

.cal-day-view .cal-events-container {
    margin-left: 70px
}

[dir=rtl] .cal-day-view .cal-events-container {
    margin-left: initial;
    margin-right: 70px
}

.cal-day-view .cal-day-column {
    border-left: 0
}

.cal-day-view .cal-current-time-marker {
    margin-left: 70px;
    width: calc(100% - 70px)
}

[dir=rtl] .cal-day-view .cal-current-time-marker {
    margin-left: initial;
    margin-right: 70px
}

.cal-tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    font-size: 11px;
    word-wrap: break-word;
    opacity: .9
}

.cal-tooltip.cal-tooltip-top {
    padding: 5px 0;
    margin-top: -3px
}

.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0
}

.cal-tooltip.cal-tooltip-right {
    padding: 0 5px;
    margin-left: 3px
}

.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0
}

.cal-tooltip.cal-tooltip-bottom {
    padding: 5px 0;
    margin-top: 3px
}

.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px
}

.cal-tooltip.cal-tooltip-left {
    padding: 0 5px;
    margin-left: -3px
}

.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px
}

.cal-tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    text-align: center;
    border-radius: .25rem
}

.cal-tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
    border-top-color: #000
}

.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
    border-right-color: #000
}

.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
    border-bottom-color: #000
}

.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
    border-left-color: #000
}

.cal-tooltip-inner {
    color: #fff;
    background-color: #000
}

:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, .175);
    --bs-border-radius: .375rem;
    --bs-border-radius-sm: .25rem;
    --bs-border-radius-lg: .5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-link-color: #0d6efd;
    --bs-link-hover-color: #0a58ca;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd
}

*,
*:before,
*:after {
    box-sizing: border-box
}

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: 1px solid;
    opacity: .25
}

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

h1,
.h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media (min-width: 1200px) {

    h1,
    .h1 {
        font-size: 2.5rem
    }
}

h2,
.h2 {
    font-size: calc(1.325rem + .9vw)
}

@media (min-width: 1200px) {

    h2,
    .h2 {
        font-size: 2rem
    }
}

h3,
.h3 {
    font-size: calc(1.3rem + .6vw)
}

@media (min-width: 1200px) {

    h3,
    .h3 {
        font-size: 1.75rem
    }
}

h4,
.h4 {
    font-size: calc(1.275rem + .3vw)
}

@media (min-width: 1200px) {

    h4,
    .h4 {
        font-size: 1.5rem
    }
}

h5,
.h5 {
    font-size: 1.25rem
}

h6,
.h6 {
    font-size: 1rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,
ul {
    padding-left: 2rem
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small,
.small {
    font-size: .875em
}

mark,
.mark {
    padding: .1875em;
    background-color: var(--bs-highlight-bg)
}

sub,
sup {
    position: relative;
    font-size: .75em;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: var(--bs-link-color);
    text-decoration: underline
}

a:hover {
    color: var(--bs-link-hover-color)
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

pre,
code,
kbd,
samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: .875em
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

code {
    font-size: .875em;
    color: var(--bs-code-color);
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .1875rem .375rem;
    font-size: .875em;
    color: var(--bs-body-bg);
    background-color: var(--bs-body-color);
    border-radius: .25rem
}

kbd kbd {
    padding: 0;
    font-size: 1em
}

figure {
    margin: 0 0 1rem
}

img,
svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: #6c757d;
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

thead,
tbody,
tfoot,
tr,
td,
th {
    border-color: inherit;
    border-style: solid;
    border-width: 0
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none !important
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit
}

@media (min-width: 1200px) {
    legend {
        font-size: 1.5rem
    }
}

legend+* {
    clear: left
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

::file-selector-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    display: list-item;
    cursor: pointer
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-1 {
        font-size: 5rem
    }
}

.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-2 {
        font-size: 4.5rem
    }
}

.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-3 {
        font-size: 4rem
    }
}

.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-4 {
        font-size: 3.5rem
    }
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-5 {
        font-size: 3rem
    }
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-6 {
        font-size: 2.5rem
    }
}

.list-unstyled,
.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: .875em;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote>:last-child {
    margin-bottom: 0
}

.blockquote-footer {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: .875em;
    color: #6c757d
}

.blockquote-footer:before {
    content: "\2014\a0"
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid var(--bs-border-color);
    border-radius: .375rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: .875em;
    color: #6c757d
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {

    .container-sm,
    .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {

    .container-md,
    .container-sm,
    .container {
        max-width: 720px
    }
}

@media (min-width: 992px) {

    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {

    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1140px
    }
}

@media (min-width: 1400px) {

    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1320px
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

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

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

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

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

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

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

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

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

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

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

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

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0,
.gx-0 {
    --bs-gutter-x: 0
}

.g-0,
.gy-0 {
    --bs-gutter-y: 0
}

.g-1,
.gx-1 {
    --bs-gutter-x: .25rem
}

.g-1,
.gy-1 {
    --bs-gutter-y: .25rem
}

.g-2,
.gx-2 {
    --bs-gutter-x: .5rem
}

.g-2,
.gy-2 {
    --bs-gutter-y: .5rem
}

.g-3,
.gx-3 {
    --bs-gutter-x: 1rem
}

.g-3,
.gy-3 {
    --bs-gutter-y: 1rem
}

.g-4,
.gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4,
.gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5,
.gx-5 {
    --bs-gutter-x: 3rem
}

.g-5,
.gy-5 {
    --bs-gutter-y: 3rem
}

@media (min-width: 576px) {
    .col-sm {
        flex: 1 0 0%
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

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

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

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

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

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

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

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

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-0,
    .gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0,
    .gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1,
    .gx-sm-1 {
        --bs-gutter-x: .25rem
    }

    .g-sm-1,
    .gy-sm-1 {
        --bs-gutter-y: .25rem
    }

    .g-sm-2,
    .gx-sm-2 {
        --bs-gutter-x: .5rem
    }

    .g-sm-2,
    .gy-sm-2 {
        --bs-gutter-y: .5rem
    }

    .g-sm-3,
    .gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3,
    .gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4,
    .gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4,
    .gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5,
    .gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5,
    .gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 768px) {
    .col-md {
        flex: 1 0 0%
    }

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

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

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

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

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

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

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

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

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }

    .g-md-0,
    .gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0,
    .gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1,
    .gx-md-1 {
        --bs-gutter-x: .25rem
    }

    .g-md-1,
    .gy-md-1 {
        --bs-gutter-y: .25rem
    }

    .g-md-2,
    .gx-md-2 {
        --bs-gutter-x: .5rem
    }

    .g-md-2,
    .gy-md-2 {
        --bs-gutter-y: .5rem
    }

    .g-md-3,
    .gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3,
    .gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4,
    .gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4,
    .gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5,
    .gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5,
    .gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex: 1 0 0%
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

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

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

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

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

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

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

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

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .g-lg-0,
    .gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0,
    .gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1,
    .gx-lg-1 {
        --bs-gutter-x: .25rem
    }

    .g-lg-1,
    .gy-lg-1 {
        --bs-gutter-y: .25rem
    }

    .g-lg-2,
    .gx-lg-2 {
        --bs-gutter-x: .5rem
    }

    .g-lg-2,
    .gy-lg-2 {
        --bs-gutter-y: .5rem
    }

    .g-lg-3,
    .gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3,
    .gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4,
    .gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4,
    .gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5,
    .gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5,
    .gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex: 1 0 0%
    }

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

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

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

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

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

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

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

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

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-0,
    .gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0,
    .gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1,
    .gx-xl-1 {
        --bs-gutter-x: .25rem
    }

    .g-xl-1,
    .gy-xl-1 {
        --bs-gutter-y: .25rem
    }

    .g-xl-2,
    .gx-xl-2 {
        --bs-gutter-x: .5rem
    }

    .g-xl-2,
    .gy-xl-2 {
        --bs-gutter-y: .5rem
    }

    .g-xl-3,
    .gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3,
    .gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4,
    .gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4,
    .gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5,
    .gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5,
    .gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1400px) {
    .col-xxl {
        flex: 1 0 0%
    }

    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

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

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

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

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

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

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

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

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxl-0,
    .gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0,
    .gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1,
    .gx-xxl-1 {
        --bs-gutter-x: .25rem
    }

    .g-xxl-1,
    .gy-xxl-1 {
        --bs-gutter-y: .25rem
    }

    .g-xxl-2,
    .gx-xxl-2 {
        --bs-gutter-x: .5rem
    }

    .g-xxl-2,
    .gy-xxl-2 {
        --bs-gutter-y: .5rem
    }

    .g-xxl-3,
    .gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3,
    .gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4,
    .gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4,
    .gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5,
    .gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5,
    .gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

.table {
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-striped-bg: rgba(0, 0, 0, .05);
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-active-bg: rgba(0, 0, 0, .1);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: rgba(0, 0, 0, .075);
    width: 100%;
    margin-bottom: 1rem;
    color: var(--bs-table-color);
    vertical-align: top;
    border-color: var(--bs-table-border-color)
}

.table>:not(caption)>*>* {
    padding: .5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)
}

.table>tbody {
    vertical-align: inherit
}

.table>thead {
    vertical-align: bottom
}

.table-group-divider {
    border-top: 2px solid currentcolor
}

.caption-top {
    caption-side: top
}

.table-sm>:not(caption)>*>* {
    padding: .25rem
}

.table-bordered>:not(caption)>* {
    border-width: 1px 0
}

.table-bordered>:not(caption)>*>* {
    border-width: 0 1px
}

.table-borderless>:not(caption)>*>* {
    border-bottom-width: 0
}

.table-borderless>:not(:first-child) {
    border-top-width: 0
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color)
}

.table-striped-columns>:not(caption)>tr>:nth-child(even) {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color)
}

.table-active {
    --bs-table-accent-bg: var(--bs-table-active-bg);
    color: var(--bs-table-active-color)
}

.table-hover>tbody>tr:hover>* {
    --bs-table-accent-bg: var(--bs-table-hover-bg);
    color: var(--bs-table-hover-color)
}

.table-primary {
    --bs-table-color: #000;
    --bs-table-bg: #cfe2ff;
    --bs-table-border-color: #bacbe6;
    --bs-table-striped-bg: #c5d7f2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bacbe6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfd1ec;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-secondary {
    --bs-table-color: #000;
    --bs-table-bg: #e2e3e5;
    --bs-table-border-color: #cbccce;
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-success {
    --bs-table-color: #000;
    --bs-table-bg: #d1e7dd;
    --bs-table-border-color: #bcd0c7;
    --bs-table-striped-bg: #c7dbd2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bcd0c7;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c1d6cc;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-info {
    --bs-table-color: #000;
    --bs-table-bg: #cff4fc;
    --bs-table-border-color: #badce3;
    --bs-table-striped-bg: #c5e8ef;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #badce3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfe2e9;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-warning {
    --bs-table-color: #000;
    --bs-table-bg: #fff3cd;
    --bs-table-border-color: #e6dbb9;
    --bs-table-striped-bg: #f2e7c3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e6dbb9;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ece1be;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-danger {
    --bs-table-color: #000;
    --bs-table-bg: #f8d7da;
    --bs-table-border-color: #dfc2c4;
    --bs-table-striped-bg: #eccccf;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfc2c4;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5c7ca;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-light {
    --bs-table-color: #000;
    --bs-table-bg: #f8f9fa;
    --bs-table-border-color: #dfe0e1;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-dark {
    --bs-table-color: #fff;
    --bs-table-bg: #212529;
    --bs-table-border-color: #373b3e;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 1399.98px) {
    .table-responsive-xxl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

.form-label {
    margin-bottom: .5rem
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem
}

.form-text {
    margin-top: .25rem;
    font-size: .875em;
    color: #6c757d
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    appearance: none;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none
    }
}

.form-control[type=file] {
    overflow: hidden
}

.form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

.form-control::-webkit-date-and-time-value {
    height: 1.5em
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled {
    background-color: #e9ecef;
    opacity: 1
}

.form-control::-webkit-file-upload-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    margin-inline-end: .75rem;
    color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control::file-selector-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    margin-inline-end: .75rem;
    color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none
    }

    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #dde0e3
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #dde0e3
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

.form-control-plaintext:focus {
    outline: 0
}

.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    min-height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .25rem
}

.form-control-sm::-webkit-file-upload-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    margin-inline-end: .5rem
}

.form-control-sm::file-selector-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    margin-inline-end: .5rem
}

.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .5rem
}

.form-control-lg::-webkit-file-upload-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    margin-inline-end: 1rem
}

.form-control-lg::file-selector-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    margin-inline-end: 1rem
}

textarea.form-control {
    min-height: calc(1.5em + .75rem + 2px)
}

textarea.form-control-sm {
    min-height: calc(1.5em + .5rem + 2px)
}

textarea.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px)
}

.form-control-color {
    width: 3rem;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem
}

.form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control-color::-moz-color-swatch {
    border: 0 !important;
    border-radius: .375rem
}

.form-control-color::-webkit-color-swatch {
    border-radius: .375rem
}

.form-control-color.form-control-sm {
    height: calc(1.5em + .5rem + 2px)
}

.form-control-color.form-control-lg {
    height: calc(1.5em + 1rem + 2px)
}

.form-select {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion: reduce) {
    .form-select {
        transition: none
    }
}

.form-select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

.form-select[multiple],
.form-select[size]:not([size="1"]) {
    padding-right: .75rem;
    background-image: none
}

.form-select:disabled {
    background-color: #e9ecef
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #212529
}

.form-select-sm {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem;
    border-radius: .25rem
}

.form-select-lg {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
    border-radius: .5rem
}

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem
}

.form-check .form-check-input {
    float: left;
    margin-left: -1.5em
}

.form-check-reverse {
    padding-right: 1.5em;
    padding-left: 0;
    text-align: right
}

.form-check-reverse .form-check-input {
    float: right;
    margin-right: -1.5em;
    margin-left: 0
}

.form-check-input {
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, .25);
    -webkit-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    print-color-adjust: exact
}

.form-check-input[type=checkbox] {
    border-radius: .25em
}

.form-check-input[type=radio] {
    border-radius: 50%
}

.form-check-input:active {
    filter: brightness(90%)
}

.form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

.form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd
}

.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #0d6efd;
    border-color: #0d6efd;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: .5
}

.form-check-input[disabled]~.form-check-label,
.form-check-input:disabled~.form-check-label {
    cursor: default;
    opacity: .5
}

.form-switch {
    padding-left: 2.5em
}

.form-switch .form-check-input {
    width: 2em;
    margin-left: -2.5em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    background-position: left center;
    border-radius: 2em;
    transition: background-position .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-switch .form-check-input {
        transition: none
    }
}

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.form-switch.form-check-reverse {
    padding-right: 2.5em;
    padding-left: 0
}

.form-switch.form-check-reverse .form-check-input {
    margin-right: -2.5em;
    margin-left: 0
}

.form-check-inline {
    display: inline-block;
    margin-right: 1rem
}

.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.btn-check[disabled]+.btn,
.btn-check:disabled+.btn {
    pointer-events: none;
    filter: none;
    opacity: .65
}

.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none
}

.form-range:focus {
    outline: 0
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem #0d6efd40
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem #0d6efd40
}

.form-range::-moz-focus-outer {
    border: 0
}

.form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion: reduce) {
    .form-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: #b6d4fe
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion: reduce) {
    .form-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.form-range::-moz-range-thumb:active {
    background-color: #b6d4fe
}

.form-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.form-range:disabled {
    pointer-events: none
}

.form-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.form-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.form-floating {
    position: relative
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
    height: calc(3.5rem + 2px);
    line-height: 1.25
}

.form-floating>label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1rem .75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out, transform .1s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-floating>label {
        transition: none
    }
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext {
    padding: 1rem .75rem
}

.form-floating>.form-control::placeholder,
.form-floating>.form-control-plaintext::placeholder {
    color: transparent
}

.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown),
.form-floating>.form-control-plaintext:focus,
.form-floating>.form-control-plaintext:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control:-webkit-autofill,
.form-floating>.form-control-plaintext:-webkit-autofill {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-select {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-control-plaintext~label,
.form-floating>.form-select~label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translate(.15rem)
}

.form-floating>.form-control:-webkit-autofill~label {
    opacity: .65;
    transform: scale(.85) translateY(-.5rem) translate(.15rem)
}

.form-floating>.form-control-plaintext~label {
    border-width: 1px 0
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.form-control,
.input-group>.form-select,
.input-group>.form-floating {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0
}

.input-group>.form-control:focus,
.input-group>.form-select:focus,
.input-group>.form-floating:focus-within {
    z-index: 3
}

.input-group .btn {
    position: relative;
    z-index: 2
}

.input-group .btn:focus {
    z-index: 3
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .375rem
}

.input-group-lg>.form-control,
.input-group-lg>.form-select,
.input-group-lg>.input-group-text,
.input-group-lg>.btn {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .5rem
}

.input-group-sm>.form-control,
.input-group-sm>.form-select,
.input-group-sm>.input-group-text,
.input-group-sm>.btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .25rem
}

.input-group-lg>.form-select,
.input-group-sm>.form-select {
    padding-right: 3rem
}

.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.form-floating):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback),
.input-group>.form-floating:not(:first-child)>.form-control,
.input-group>.form-floating:not(:first-child)>.form-select {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #198754
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: #198754e6;
    border-radius: .375rem
}

.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip,
.is-valid~.valid-feedback,
.is-valid~.valid-tooltip {
    display: block
}

.was-validated .form-control:valid,
.form-control.is-valid {
    border-color: #198754;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 .25rem #19875440
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.was-validated .form-select:valid,
.form-select.is-valid {
    border-color: #198754
}

.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"],
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-position: right .75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
}

.was-validated .form-select:valid:focus,
.form-select.is-valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 .25rem #19875440
}

.was-validated .form-control-color:valid,
.form-control-color.is-valid {
    width: calc(3.75rem + 1.5em)
}

.was-validated .form-check-input:valid,
.form-check-input.is-valid {
    border-color: #198754
}

.was-validated .form-check-input:valid:checked,
.form-check-input.is-valid:checked {
    background-color: #198754
}

.was-validated .form-check-input:valid:focus,
.form-check-input.is-valid:focus {
    box-shadow: 0 0 0 .25rem #19875440
}

.was-validated .form-check-input:valid~.form-check-label,
.form-check-input.is-valid~.form-check-label {
    color: #198754
}

.form-check-inline .form-check-input~.valid-feedback {
    margin-left: .5em
}

.was-validated .input-group .form-control:valid,
.input-group .form-control.is-valid,
.was-validated .input-group .form-select:valid,
.input-group .form-select.is-valid {
    z-index: 1
}

.was-validated .input-group .form-control:valid:focus,
.input-group .form-control.is-valid:focus,
.was-validated .input-group .form-select:valid:focus,
.input-group .form-select.is-valid:focus {
    z-index: 3
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: #dc3545e6;
    border-radius: .375rem
}

.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip,
.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip {
    display: block
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .25rem #dc354540
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.was-validated .form-select:invalid,
.form-select.is-invalid {
    border-color: #dc3545
}

.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"],
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-position: right .75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
}

.was-validated .form-select:invalid:focus,
.form-select.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .25rem #dc354540
}

.was-validated .form-control-color:invalid,
.form-control-color.is-invalid {
    width: calc(3.75rem + 1.5em)
}

.was-validated .form-check-input:invalid,
.form-check-input.is-invalid {
    border-color: #dc3545
}

.was-validated .form-check-input:invalid:checked,
.form-check-input.is-invalid:checked {
    background-color: #dc3545
}

.was-validated .form-check-input:invalid:focus,
.form-check-input.is-invalid:focus {
    box-shadow: 0 0 0 .25rem #dc354540
}

.was-validated .form-check-input:invalid~.form-check-label,
.form-check-input.is-invalid~.form-check-label {
    color: #dc3545
}

.form-check-inline .form-check-input~.invalid-feedback {
    margin-left: .5em
}

.was-validated .input-group .form-control:invalid,
.input-group .form-control.is-invalid,
.was-validated .input-group .form-select:invalid,
.input-group .form-select.is-invalid {
    z-index: 2
}

.was-validated .input-group .form-control:invalid:focus,
.input-group .form-control.is-invalid:focus,
.was-validated .input-group .form-select:invalid:focus,
.input-group .form-select.is-invalid:focus {
    z-index: 3
}

.btn {
    --bs-btn-padding-x: .75rem;
    --bs-btn-padding-y: .375rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: #212529;
    --bs-btn-bg: transparent;
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: .375rem;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    --bs-btn-disabled-opacity: .65;
    --bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color)
}

.btn-check:focus+.btn,
.btn:focus {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:checked+.btn,
.btn-check:active+.btn,
.btn:active,
.btn.active,
.btn.show {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color)
}

.btn-check:checked+.btn:focus,
.btn-check:active+.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.show:focus {
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn:disabled,
.btn.disabled,
fieldset:disabled .btn {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity)
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5c636a;
    --bs-btn-hover-border-color: #565e64;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #565e64;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #157347;
    --bs-btn-hover-border-color: #146c43;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #146c43;
    --bs-btn-active-border-color: #13653f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #198754;
    --bs-btn-disabled-border-color: #198754
}

.btn-info {
    --bs-btn-color: #000;
    --bs-btn-bg: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #31d2f2;
    --bs-btn-hover-border-color: #25cff2;
    --bs-btn-focus-shadow-rgb: 11, 172, 204;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #3dd5f3;
    --bs-btn-active-border-color: #25cff2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #0dcaf0;
    --bs-btn-disabled-border-color: #0dcaf0
}

.btn-warning {
    --bs-btn-color: #000;
    --bs-btn-bg: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffca2c;
    --bs-btn-hover-border-color: #ffc720;
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffcd39;
    --bs-btn-active-border-color: #ffc720;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ffc107;
    --bs-btn-disabled-border-color: #ffc107
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bb2d3b;
    --bs-btn-hover-border-color: #b02a37;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b02a37;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545
}

.btn-light {
    --bs-btn-color: #000;
    --bs-btn-bg: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #d3d4d5;
    --bs-btn-hover-border-color: #c6c7c8;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c6c7c8;
    --bs-btn-active-border-color: #babbbc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa
}

.btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #424649;
    --bs-btn-hover-border-color: #373b3e;
    --bs-btn-focus-shadow-rgb: 66, 70, 73;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4d5154;
    --bs-btn-active-border-color: #373b3e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #212529;
    --bs-btn-disabled-border-color: #212529
}

.btn-outline-primary {
    --bs-btn-color: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0d6efd;
    --bs-btn-hover-border-color: #0d6efd;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0d6efd;
    --bs-btn-active-border-color: #0d6efd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #0d6efd;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0d6efd;
    --bs-gradient: none
}

.btn-outline-secondary {
    --bs-btn-color: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6c757d;
    --bs-btn-active-border-color: #6c757d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6c757d;
    --bs-gradient: none
}

.btn-outline-success {
    --bs-btn-color: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #198754;
    --bs-btn-hover-border-color: #198754;
    --bs-btn-focus-shadow-rgb: 25, 135, 84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #198754;
    --bs-btn-active-border-color: #198754;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #198754;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #198754;
    --bs-gradient: none
}

.btn-outline-info {
    --bs-btn-color: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #0dcaf0;
    --bs-btn-hover-border-color: #0dcaf0;
    --bs-btn-focus-shadow-rgb: 13, 202, 240;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #0dcaf0;
    --bs-btn-active-border-color: #0dcaf0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #0dcaf0;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0dcaf0;
    --bs-gradient: none
}

.btn-outline-warning {
    --bs-btn-color: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffc107;
    --bs-btn-hover-border-color: #ffc107;
    --bs-btn-focus-shadow-rgb: 255, 193, 7;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffc107;
    --bs-btn-active-border-color: #ffc107;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #ffc107;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ffc107;
    --bs-gradient: none
}

.btn-outline-danger {
    --bs-btn-color: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #dc3545;
    --bs-btn-hover-border-color: #dc3545;
    --bs-btn-focus-shadow-rgb: 220, 53, 69;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #dc3545;
    --bs-btn-active-border-color: #dc3545;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #dc3545;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #dc3545;
    --bs-gradient: none
}

.btn-outline-light {
    --bs-btn-color: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f8f9fa;
    --bs-btn-hover-border-color: #f8f9fa;
    --bs-btn-focus-shadow-rgb: 248, 249, 250;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f8f9fa;
    --bs-btn-active-border-color: #f8f9fa;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #f8f9fa;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f8f9fa;
    --bs-gradient: none
}

.btn-outline-dark {
    --bs-btn-color: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #212529;
    --bs-btn-hover-border-color: #212529;
    --bs-btn-focus-shadow-rgb: 33, 37, 41;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #212529;
    --bs-btn-active-border-color: #212529;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #212529;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #212529;
    --bs-gradient: none
}

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: none;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    text-decoration: underline
}

.btn-link:focus {
    color: var(--bs-btn-color)
}

.btn-link:hover {
    color: var(--bs-btn-hover-color)
}

.btn-lg,
.btn-group-lg>.btn {
    --bs-btn-padding-y: .5rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 1.25rem;
    --bs-btn-border-radius: .5rem
}

.btn-sm,
.btn-group-sm>.btn {
    --bs-btn-padding-y: .25rem;
    --bs-btn-padding-x: .5rem;
    --bs-btn-font-size: .875rem;
    --bs-btn-border-radius: .25rem
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion: reduce) {
    .collapsing.collapse-horizontal {
        transition: none
    }
}

.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty:after {
    margin-left: 0
}

.dropdown-menu {
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: .5rem;
    --bs-dropdown-spacer: .125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: #212529;
    --bs-dropdown-bg: #fff;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: .375rem;
    --bs-dropdown-border-width: 1px;
    --bs-dropdown-inner-border-radius: calc(.375rem - 1px);
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: .5rem;
    --bs-dropdown-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    --bs-dropdown-link-color: #212529;
    --bs-dropdown-link-hover-color: #1e2125;
    --bs-dropdown-link-hover-bg: #e9ecef;
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: .25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: .5rem;
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius)
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: var(--bs-dropdown-spacer)
}

.dropdown-menu-start {
    --bs-position: start
}

.dropdown-menu-start[data-bs-popper] {
    right: auto;
    left: 0
}

.dropdown-menu-end {
    --bs-position: end
}

.dropdown-menu-end[data-bs-popper] {
    right: 0;
    left: auto
}

@media (min-width: 576px) {
    .dropdown-menu-sm-start {
        --bs-position: start
    }

    .dropdown-menu-sm-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-sm-end {
        --bs-position: end
    }

    .dropdown-menu-sm-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 768px) {
    .dropdown-menu-md-start {
        --bs-position: start
    }

    .dropdown-menu-md-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-md-end {
        --bs-position: end
    }

    .dropdown-menu-md-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-start {
        --bs-position: start
    }

    .dropdown-menu-lg-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-lg-end {
        --bs-position: end
    }

    .dropdown-menu-lg-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-start {
        --bs-position: start
    }

    .dropdown-menu-xl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xl-end {
        --bs-position: end
    }

    .dropdown-menu-xl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 1400px) {
    .dropdown-menu-xxl-start {
        --bs-position: start
    }

    .dropdown-menu-xxl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xxl-end {
        --bs-position: end
    }

    .dropdown-menu-xxl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: var(--bs-dropdown-spacer)
}

.dropup .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: var(--bs-dropdown-spacer)
}

.dropend .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropend .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropend .dropdown-toggle:after {
    vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: var(--bs-dropdown-spacer)
}

.dropstart .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropstart .dropdown-toggle:after {
    display: none
}

.dropstart .dropdown-toggle:before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropstart .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropstart .dropdown-toggle:before {
    vertical-align: 0
}

.dropdown-divider {
    height: 0;
    margin: var(--bs-dropdown-divider-margin-y) 0;
    overflow: hidden;
    border-top: 1px solid var(--bs-dropdown-divider-bg);
    opacity: 1
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: var(--bs-dropdown-link-hover-color);
    background-color: var(--bs-dropdown-link-hover-bg)
}

.dropdown-item.active,
.dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: var(--bs-dropdown-link-active-bg)
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: var(--bs-dropdown-link-disabled-color);
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
    margin-bottom: 0;
    font-size: .875rem;
    color: var(--bs-dropdown-header-color);
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    color: var(--bs-dropdown-link-color)
}

.dropdown-menu-dark {
    --bs-dropdown-color: #dee2e6;
    --bs-dropdown-bg: #343a40;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-box-shadow: ;
    --bs-dropdown-link-color: #dee2e6;
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-link-hover-bg: rgba(255, 255, 255, .15);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-header-color: #adb5bd
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group>.btn,
.btn-group-vertical>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group>.btn-check:checked+.btn,
.btn-group>.btn-check:focus+.btn,
.btn-group>.btn:hover,
.btn-group>.btn:focus,
.btn-group>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn-check:checked+.btn,
.btn-group-vertical>.btn-check:focus+.btn,
.btn-group-vertical>.btn:hover,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn.active {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group {
    border-radius: .375rem
}

.btn-group>.btn:not(:first-child),
.btn-group>.btn-group:not(:first-child) {
    margin-left: -1px
}

.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group>.btn.dropdown-toggle-split:first-child,
.btn-group>.btn-group:not(:last-child)>.btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn:nth-child(n+3),
.btn-group>:not(.btn-check)+.btn,
.btn-group>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split:after,
.dropup .dropdown-toggle-split:after,
.dropend .dropdown-toggle-split:after {
    margin-left: 0
}

.dropstart .dropdown-toggle-split:before {
    margin-right: 0
}

.btn-sm+.dropdown-toggle-split,
.btn-group-sm>.btn+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-lg+.dropdown-toggle-split,
.btn-group-lg>.btn+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn:not(:first-child),
.btn-group-vertical>.btn-group:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical>.btn-group:not(:last-child)>.btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn~.btn,
.btn-group-vertical>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: .5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: #6c757d;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .nav-link {
        transition: none
    }
}

.nav-link:hover,
.nav-link:focus {
    color: var(--bs-nav-link-hover-color)
}

.nav-link.disabled {
    color: var(--bs-nav-link-disabled-color);
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    --bs-nav-tabs-border-width: 1px;
    --bs-nav-tabs-border-color: #dee2e6;
    --bs-nav-tabs-border-radius: .375rem;
    --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
    --bs-nav-tabs-link-active-color: #495057;
    --bs-nav-tabs-link-active-bg: #fff;
    --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}

.nav-tabs .nav-link {
    margin-bottom: calc(var(--bs-nav-tabs-border-width) * -1);
    background: none;
    border: var(--bs-nav-tabs-border-width) solid transparent;
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
    border-top-right-radius: var(--bs-nav-tabs-border-radius)
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    isolation: isolate;
    border-color: var(--bs-nav-tabs-link-hover-border-color)
}

.nav-tabs .nav-link.disabled,
.nav-tabs .nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: var(--bs-nav-tabs-link-active-color);
    background-color: var(--bs-nav-tabs-link-active-bg);
    border-color: var(--bs-nav-tabs-link-active-border-color)
}

.nav-tabs .dropdown-menu {
    margin-top: calc(var(--bs-nav-tabs-border-width) * -1);
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills {
    --bs-nav-pills-border-radius: .375rem;
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #0d6efd
}

.nav-pills .nav-link {
    background: none;
    border: 0;
    border-radius: var(--bs-nav-pills-border-radius)
}

.nav-pills .nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    background-color: transparent;
    border-color: transparent
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: var(--bs-nav-pills-link-active-bg)
}

.nav-fill>.nav-link,
.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified>.nav-link,
.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
    width: 100%
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: .5rem;
    --bs-navbar-color: rgba(0, 0, 0, .55);
    --bs-navbar-hover-color: rgba(0, 0, 0, .7);
    --bs-navbar-disabled-color: rgba(0, 0, 0, .3);
    --bs-navbar-active-color: rgba(0, 0, 0, .9);
    --bs-navbar-brand-padding-y: .3125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: rgba(0, 0, 0, .9);
    --bs-navbar-brand-hover-color: rgba(0, 0, 0, .9);
    --bs-navbar-nav-link-padding-x: .5rem;
    --bs-navbar-toggler-padding-y: .25rem;
    --bs-navbar-toggler-padding-x: .75rem;
    --bs-navbar-toggler-font-size: 1.25rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --bs-navbar-toggler-border-color: rgba(0, 0, 0, .1);
    --bs-navbar-toggler-border-radius: .375rem;
    --bs-navbar-toggler-focus-width: .25rem;
    --bs-navbar-toggler-transition: box-shadow .15s ease-in-out;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)
}

.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-sm,
.navbar>.container-md,
.navbar>.container-lg,
.navbar>.container-xl,
.navbar>.container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    padding-top: var(--bs-navbar-brand-padding-y);
    padding-bottom: var(--bs-navbar-brand-padding-y);
    margin-right: var(--bs-navbar-brand-margin-end);
    font-size: var(--bs-navbar-brand-font-size);
    color: var(--bs-navbar-brand-color);
    text-decoration: none;
    white-space: nowrap
}

.navbar-brand:hover,
.navbar-brand:focus {
    color: var(--bs-navbar-brand-hover-color)
}

.navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: .5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .show>.nav-link,
.navbar-nav .nav-link.active {
    color: var(--bs-navbar-active-color)
}

.navbar-nav .dropdown-menu {
    position: static
}

.navbar-text {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: var(--bs-navbar-color)
}

.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
    color: var(--bs-navbar-active-color)
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: transparent;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition)
}

@media (prefers-reduced-motion: reduce) {
    .navbar-toggler {
        transition: none
    }
}

.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width)
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.navbar-nav-scroll {
    max-height: var(--bs-scroll-height, 75vh);
    overflow-y: auto
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-sm .navbar-toggler {
        display: none
    }

    .navbar-expand-sm .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }

    .navbar-expand-sm .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-sm .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-md .navbar-toggler {
        display: none
    }

    .navbar-expand-md .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }

    .navbar-expand-md .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-md .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler {
        display: none
    }

    .navbar-expand-lg .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }

    .navbar-expand-lg .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-lg .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-xl .navbar-toggler {
        display: none
    }

    .navbar-expand-xl .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }

    .navbar-expand-xl .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-xl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 1400px) {
    .navbar-expand-xxl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xxl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-xxl .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-xxl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-xxl .navbar-toggler {
        display: none
    }

    .navbar-expand-xxl .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: transparent !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }

    .navbar-expand-xxl .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-xxl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x)
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-expand .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none
}

.navbar-expand .offcanvas .offcanvas-header {
    display: none
}

.navbar-expand .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
}

.navbar-dark {
    --bs-navbar-color: rgba(255, 255, 255, .55);
    --bs-navbar-hover-color: rgba(255, 255, 255, .75);
    --bs-navbar-disabled-color: rgba(255, 255, 255, .25);
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, .1);
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: .5rem;
    --bs-card-border-width: 1px;
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: .375rem;
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(.375rem - 1px);
    --bs-card-cap-padding-y: .5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(0, 0, 0, .03);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: #fff;
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: .75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius)
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color)
}

.card-title {
    margin-bottom: var(--bs-card-title-spacer-y)
}

.card-subtitle {
    margin-top: calc(-.5 * var(--bs-card-title-spacer-y));
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link+.card-link {
    margin-left: var(--bs-card-spacer-x)
}

.card-header {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    margin-bottom: 0;
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

.card-header:first-child {
    border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
}

.card-footer {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-top: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

.card-footer:last-child {
    border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
}

.card-header-tabs {
    margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
    margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
    margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
    border-bottom: 0
}

.card-header-tabs .nav-link.active {
    background-color: var(--bs-card-bg);
    border-bottom-color: var(--bs-card-bg)
}

.card-header-pills {
    margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
    margin-left: calc(-.5 * var(--bs-card-cap-padding-x))
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: var(--bs-card-img-overlay-padding);
    border-radius: var(--bs-card-inner-border-radius)
}

.card-img,
.card-img-top,
.card-img-bottom {
    width: 100%
}

.card-img,
.card-img-top {
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

.card-group>.card {
    margin-bottom: var(--bs-card-group-margin)
}

@media (min-width: 576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }

    .card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0
    }

    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }

    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-img-top,
    .card-group>.card:not(:last-child) .card-header {
        border-top-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-img-bottom,
    .card-group>.card:not(:last-child) .card-footer {
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-img-top,
    .card-group>.card:not(:first-child) .card-header {
        border-top-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-img-bottom,
    .card-group>.card:not(:first-child) .card-footer {
        border-bottom-left-radius: 0
    }
}

.accordion {
    --bs-accordion-color: #000;
    --bs-accordion-bg: #fff;
    --bs-accordion-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: 1px;
    --bs-accordion-border-radius: .375rem;
    --bs-accordion-inner-border-radius: calc(.375rem - 1px);
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-body-color%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform .2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-border-color: #86b7fe;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: #0c63e4;
    --bs-accordion-active-bg: #e7f1ff
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition)
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button {
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color)
}

.accordion-button:not(.collapsed):after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform)
}

.accordion-button:after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition)
}

@media (prefers-reduced-motion: reduce) {
    .accordion-button:after {
        transition: none
    }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    z-index: 3;
    border-color: var(--bs-accordion-btn-focus-border-color);
    outline: 0;
    box-shadow: var(--bs-accordion-btn-focus-box-shadow)
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
}

.accordion-item:first-of-type {
    border-top-left-radius: var(--bs-accordion-border-radius);
    border-top-right-radius: var(--bs-accordion-border-radius)
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: var(--bs-accordion-inner-border-radius);
    border-top-right-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:not(:first-of-type) {
    border-top: 0
}

.accordion-item:last-of-type {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius)
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
    border-bottom-left-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius)
}

.accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
}

.accordion-flush .accordion-collapse {
    border-width: 0
}

.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.accordion-flush .accordion-item:first-child {
    border-top: 0
}

.accordion-flush .accordion-item:last-child {
    border-bottom: 0
}

.accordion-flush .accordion-item .accordion-button {
    border-radius: 0
}

.breadcrumb {
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 0;
    --bs-breadcrumb-margin-bottom: 1rem;
    --bs-breadcrumb-bg: ;
    --bs-breadcrumb-border-radius: ;
    --bs-breadcrumb-divider-color: #6c757d;
    --bs-breadcrumb-item-padding-x: .5rem;
    --bs-breadcrumb-item-active-color: #6c757d;
    display: flex;
    flex-wrap: wrap;
    padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
    margin-bottom: var(--bs-breadcrumb-margin-bottom);
    font-size: var(--bs-breadcrumb-font-size);
    list-style: none;
    background-color: var(--bs-breadcrumb-bg);
    border-radius: var(--bs-breadcrumb-border-radius)
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: var(--bs-breadcrumb-item-padding-x)
}

.breadcrumb-item+.breadcrumb-item:before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: var(--bs-breadcrumb-divider-color);
    content: var(--bs-breadcrumb-divider, "/")
}

.breadcrumb-item.active {
    color: var(--bs-breadcrumb-item-active-color)
}

.pagination {
    --bs-pagination-padding-x: .75rem;
    --bs-pagination-padding-y: .375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--bs-link-color);
    --bs-pagination-bg: #fff;
    --bs-pagination-border-width: 1px;
    --bs-pagination-border-color: #dee2e6;
    --bs-pagination-border-radius: .375rem;
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: #e9ecef;
    --bs-pagination-hover-border-color: #dee2e6;
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: #e9ecef;
    --bs-pagination-focus-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #0d6efd;
    --bs-pagination-active-border-color: #0d6efd;
    --bs-pagination-disabled-color: #6c757d;
    --bs-pagination-disabled-bg: #fff;
    --bs-pagination-disabled-border-color: #dee2e6;
    display: flex;
    padding-left: 0;
    list-style: none
}

.page-link {
    position: relative;
    display: block;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    color: var(--bs-pagination-color);
    text-decoration: none;
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .page-link {
        transition: none
    }
}

.page-link:hover {
    z-index: 2;
    color: var(--bs-pagination-hover-color);
    background-color: var(--bs-pagination-hover-bg);
    border-color: var(--bs-pagination-hover-border-color)
}

.page-link:focus {
    z-index: 3;
    color: var(--bs-pagination-focus-color);
    background-color: var(--bs-pagination-focus-bg);
    outline: 0;
    box-shadow: var(--bs-pagination-focus-box-shadow)
}

.page-link.active,
.active>.page-link {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color)
}

.page-link.disabled,
.disabled>.page-link {
    color: var(--bs-pagination-disabled-color);
    pointer-events: none;
    background-color: var(--bs-pagination-disabled-bg);
    border-color: var(--bs-pagination-disabled-border-color)
}

.page-item:not(:first-child) .page-link {
    margin-left: -1px
}

.page-item:first-child .page-link {
    border-top-left-radius: var(--bs-pagination-border-radius);
    border-bottom-left-radius: var(--bs-pagination-border-radius)
}

.page-item:last-child .page-link {
    border-top-right-radius: var(--bs-pagination-border-radius);
    border-bottom-right-radius: var(--bs-pagination-border-radius)
}

.pagination-lg {
    --bs-pagination-padding-x: 1.5rem;
    --bs-pagination-padding-y: .75rem;
    --bs-pagination-font-size: 1.25rem;
    --bs-pagination-border-radius: .5rem
}

.pagination-sm {
    --bs-pagination-padding-x: .5rem;
    --bs-pagination-padding-y: .25rem;
    --bs-pagination-font-size: .875rem;
    --bs-pagination-border-radius: .25rem
}

.badge {
    --bs-badge-padding-x: .65em;
    --bs-badge-padding-y: .35em;
    --bs-badge-font-size: .75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: .375rem;
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius)
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: 1px solid var(--bs-alert-border-color);
    --bs-alert-border-radius: .375rem;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius)
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 3rem
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1rem
}

.alert-primary {
    --bs-alert-color: #084298;
    --bs-alert-bg: #cfe2ff;
    --bs-alert-border-color: #b6d4fe
}

.alert-primary .alert-link {
    color: #06357a
}

.alert-secondary {
    --bs-alert-color: #41464b;
    --bs-alert-bg: #e2e3e5;
    --bs-alert-border-color: #d3d6d8
}

.alert-secondary .alert-link {
    color: #34383c
}

.alert-success {
    --bs-alert-color: #0f5132;
    --bs-alert-bg: #d1e7dd;
    --bs-alert-border-color: #badbcc
}

.alert-success .alert-link {
    color: #0c4128
}

.alert-info {
    --bs-alert-color: #055160;
    --bs-alert-bg: #cff4fc;
    --bs-alert-border-color: #b6effb
}

.alert-info .alert-link {
    color: #04414d
}

.alert-warning {
    --bs-alert-color: #664d03;
    --bs-alert-bg: #fff3cd;
    --bs-alert-border-color: #ffecb5
}

.alert-warning .alert-link {
    color: #523e02
}

.alert-danger {
    --bs-alert-color: #842029;
    --bs-alert-bg: #f8d7da;
    --bs-alert-border-color: #f5c2c7
}

.alert-danger .alert-link {
    color: #6a1a21
}

.alert-light {
    --bs-alert-color: #636464;
    --bs-alert-bg: #fefefe;
    --bs-alert-border-color: #fdfdfe
}

.alert-light .alert-link {
    color: #4f5050
}

.alert-dark {
    --bs-alert-color: #141619;
    --bs-alert-bg: #d3d3d4;
    --bs-alert-border-color: #bcbebf
}

.alert-dark .alert-link {
    color: #101214
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}

.progress {
    --bs-progress-height: 1rem;
    --bs-progress-font-size: .75rem;
    --bs-progress-bg: #e9ecef;
    --bs-progress-border-radius: .375rem;
    --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);
    --bs-progress-bar-color: #fff;
    --bs-progress-bar-bg: #0d6efd;
    --bs-progress-bar-transition: width .6s ease;
    display: flex;
    height: var(--bs-progress-height);
    overflow: hidden;
    font-size: var(--bs-progress-font-size);
    background-color: var(--bs-progress-bg);
    border-radius: var(--bs-progress-border-radius)
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: var(--bs-progress-bar-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-progress-bar-bg);
    transition: var(--bs-progress-bar-transition)
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: var(--bs-progress-height) var(--bs-progress-height)
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.list-group {
    --bs-list-group-color: #212529;
    --bs-list-group-bg: #fff;
    --bs-list-group-border-color: rgba(0, 0, 0, .125);
    --bs-list-group-border-width: 1px;
    --bs-list-group-border-radius: .375rem;
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: .5rem;
    --bs-list-group-action-color: #495057;
    --bs-list-group-action-hover-color: #495057;
    --bs-list-group-action-hover-bg: #f8f9fa;
    --bs-list-group-action-active-color: #212529;
    --bs-list-group-action-active-bg: #e9ecef;
    --bs-list-group-disabled-color: #6c757d;
    --bs-list-group-disabled-bg: #fff;
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #0d6efd;
    --bs-list-group-active-border-color: #0d6efd;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: var(--bs-list-group-border-radius)
}

.list-group-numbered {
    list-style-type: none;
    counter-reset: section
}

.list-group-numbered>.list-group-item:before {
    content: counters(section, ".") ". ";
    counter-increment: section
}

.list-group-item-action {
    width: 100%;
    color: var(--bs-list-group-action-color);
    text-align: inherit
}

.list-group-item-action:hover,
.list-group-item-action:focus {
    z-index: 1;
    color: var(--bs-list-group-action-hover-color);
    text-decoration: none;
    background-color: var(--bs-list-group-action-hover-bg)
}

.list-group-item-action:active {
    color: var(--bs-list-group-action-active-color);
    background-color: var(--bs-list-group-action-active-bg)
}

.list-group-item {
    position: relative;
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    color: var(--bs-list-group-color);
    text-decoration: none;
    background-color: var(--bs-list-group-bg);
    border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: var(--bs-list-group-disabled-color);
    pointer-events: none;
    background-color: var(--bs-list-group-disabled-bg)
}

.list-group-item.active {
    z-index: 2;
    color: var(--bs-list-group-active-color);
    background-color: var(--bs-list-group-active-bg);
    border-color: var(--bs-list-group-active-border-color)
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: calc(var(--bs-list-group-border-width) * -1);
    border-top-width: var(--bs-list-group-border-width)
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: calc(var(--bs-list-group-border-width) * -1);
    border-left-width: var(--bs-list-group-border-width)
}

@media (min-width: 576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }

    .list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-sm>.list-group-item:last-child {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: calc(var(--bs-list-group-border-width) * -1);
        border-left-width: var(--bs-list-group-border-width)
    }
}

@media (min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }

    .list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-md>.list-group-item:last-child {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: calc(var(--bs-list-group-border-width) * -1);
        border-left-width: var(--bs-list-group-border-width)
    }
}

@media (min-width: 992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }

    .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-lg>.list-group-item:last-child {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: calc(var(--bs-list-group-border-width) * -1);
        border-left-width: var(--bs-list-group-border-width)
    }
}

@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }

    .list-group-horizontal-xl>.list-group-item:first-child {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-xl>.list-group-item:last-child {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: calc(var(--bs-list-group-border-width) * -1);
        border-left-width: var(--bs-list-group-border-width)
    }
}

@media (min-width: 1400px) {
    .list-group-horizontal-xxl {
        flex-direction: row
    }

    .list-group-horizontal-xxl>.list-group-item:first-child {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-xxl>.list-group-item:last-child {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-xxl>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xxl>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
        margin-left: calc(var(--bs-list-group-border-width) * -1);
        border-left-width: var(--bs-list-group-border-width)
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 var(--bs-list-group-border-width)
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    color: #084298;
    background-color: #cfe2ff
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
    color: #084298;
    background-color: #bacbe6
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #084298;
    border-color: #084298
}

.list-group-item-secondary {
    color: #41464b;
    background-color: #e2e3e5
}

.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
    color: #41464b;
    background-color: #cbccce
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #41464b;
    border-color: #41464b
}

.list-group-item-success {
    color: #0f5132;
    background-color: #d1e7dd
}

.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
    color: #0f5132;
    background-color: #bcd0c7
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #0f5132;
    border-color: #0f5132
}

.list-group-item-info {
    color: #055160;
    background-color: #cff4fc
}

.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
    color: #055160;
    background-color: #badce3
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #055160;
    border-color: #055160
}

.list-group-item-warning {
    color: #664d03;
    background-color: #fff3cd
}

.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
    color: #664d03;
    background-color: #e6dbb9
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #664d03;
    border-color: #664d03
}

.list-group-item-danger {
    color: #842029;
    background-color: #f8d7da
}

.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
    color: #842029;
    background-color: #dfc2c4
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #842029;
    border-color: #842029
}

.list-group-item-light {
    color: #636464;
    background-color: #fefefe
}

.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
    color: #636464;
    background-color: #e5e5e5
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #636464;
    border-color: #636464
}

.list-group-item-dark {
    color: #141619;
    background-color: #d3d3d4
}

.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
    color: #141619;
    background-color: #bebebf
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #141619;
    border-color: #141619
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: .5
}

.btn-close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75
}

.btn-close:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40;
    opacity: 1
}

.btn-close:disabled,
.btn-close.disabled {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    opacity: .25
}

.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%)
}

.toast {
    --bs-toast-padding-x: .75rem;
    --bs-toast-padding-y: .5rem;
    --bs-toast-spacing: 1.5rem;
    --bs-toast-max-width: 350px;
    --bs-toast-font-size: .875rem;
    --bs-toast-color: ;
    --bs-toast-bg: rgba(255, 255, 255, .85);
    --bs-toast-border-width: 1px;
    --bs-toast-border-color: var(--bs-border-color-translucent);
    --bs-toast-border-radius: .375rem;
    --bs-toast-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    --bs-toast-header-color: #6c757d;
    --bs-toast-header-bg: rgba(255, 255, 255, .85);
    --bs-toast-header-border-color: rgba(0, 0, 0, .05);
    width: var(--bs-toast-max-width);
    max-width: 100%;
    font-size: var(--bs-toast-font-size);
    color: var(--bs-toast-color);
    pointer-events: auto;
    background-color: var(--bs-toast-bg);
    background-clip: padding-box;
    border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
    box-shadow: var(--bs-toast-box-shadow);
    border-radius: var(--bs-toast-border-radius)
}

.toast.showing {
    opacity: 0
}

.toast:not(.show) {
    display: none
}

.toast-container {
    position: absolute;
    z-index: 1090;
    width: max-content;
    max-width: 100%;
    pointer-events: none
}

.toast-container>:not(:last-child) {
    margin-bottom: var(--bs-toast-spacing)
}

.toast-header {
    display: flex;
    align-items: center;
    padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
    color: var(--bs-toast-header-color);
    background-color: var(--bs-toast-header-bg);
    background-clip: padding-box;
    border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
    border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
    border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))
}

.toast-header .btn-close {
    margin-right: calc(var(--bs-toast-padding-x) * -.5);
    margin-left: var(--bs-toast-padding-x)
}

.toast-body {
    padding: var(--bs-toast-padding-x);
    word-wrap: break-word
}

.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: .5rem;
    --bs-modal-color: ;
    --bs-modal-bg: #fff;
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: 1px;
    --bs-modal-border-radius: .5rem;
    --bs-modal-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    --bs-modal-inner-border-radius: calc(.5rem - 1px);
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: 1px;
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: .5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: 1px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: var(--bs-modal-margin);
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translateY(-50px)
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    outline: 0
}

.modal-backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: .5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg)
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: var(--bs-backdrop-opacity)
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-modal-header-padding);
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius)
}

.modal-header .btn-close {
    padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
    margin: calc(var(--bs-modal-header-padding-y) * -.5) calc(var(--bs-modal-header-padding-x) * -.5) calc(var(--bs-modal-header-padding-y) * -.5) auto
}

.modal-title {
    margin-bottom: 0;
    line-height: var(--bs-modal-title-line-height)
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding)
}

.modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
    background-color: var(--bs-modal-footer-bg);
    border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
    border-bottom-left-radius: var(--bs-modal-inner-border-radius)
}

.modal-footer>* {
    margin: calc(var(--bs-modal-footer-gap) * .5)
}

@media (min-width: 576px) {
    .modal {
        --bs-modal-margin: 1.75rem;
        --bs-modal-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)
    }

    .modal-dialog {
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: auto
    }

    .modal-sm {
        --bs-modal-width: 300px
    }
}

@media (min-width: 992px) {

    .modal-lg,
    .modal-xl {
        --bs-modal-width: 800px
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        --bs-modal-width: 1140px
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
}

.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-header,
    .modal-fullscreen-sm-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-header,
    .modal-fullscreen-md-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-header,
    .modal-fullscreen-lg-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-header,
    .modal-fullscreen-xl-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-header,
    .modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }
}

.tooltip {
    --bs-tooltip-zindex: 1080;
    --bs-tooltip-max-width: 200px;
    --bs-tooltip-padding-x: .5rem;
    --bs-tooltip-padding-y: .25rem;
    --bs-tooltip-margin: ;
    --bs-tooltip-font-size: .875rem;
    --bs-tooltip-color: #fff;
    --bs-tooltip-bg: #000;
    --bs-tooltip-border-radius: .375rem;
    --bs-tooltip-opacity: .9;
    --bs-tooltip-arrow-width: .8rem;
    --bs-tooltip-arrow-height: .4rem;
    z-index: var(--bs-tooltip-zindex);
    display: block;
    padding: var(--bs-tooltip-arrow-height);
    margin: var(--bs-tooltip-margin);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-tooltip-font-size);
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: var(--bs-tooltip-opacity)
}

.tooltip .tooltip-arrow {
    display: block;
    width: var(--bs-tooltip-arrow-width);
    height: var(--bs-tooltip-arrow-height)
}

.tooltip .tooltip-arrow:before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-top .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
    bottom: 0
}

.bs-tooltip-top .tooltip-arrow:before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before {
    top: -1px;
    border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
    border-top-color: var(--bs-tooltip-bg)
}

.bs-tooltip-end .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
    left: 0;
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

.bs-tooltip-end .tooltip-arrow:before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before {
    right: -1px;
    border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
    border-right-color: var(--bs-tooltip-bg)
}

.bs-tooltip-bottom .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
    top: 0
}

.bs-tooltip-bottom .tooltip-arrow:before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before {
    bottom: -1px;
    border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
    border-bottom-color: var(--bs-tooltip-bg)
}

.bs-tooltip-start .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
    right: 0;
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

.bs-tooltip-start .tooltip-arrow:before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before {
    left: -1px;
    border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
    border-left-color: var(--bs-tooltip-bg)
}

.tooltip-inner {
    max-width: var(--bs-tooltip-max-width);
    padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
    color: var(--bs-tooltip-color);
    text-align: center;
    background-color: var(--bs-tooltip-bg);
    border-radius: var(--bs-tooltip-border-radius)
}

.popover {
    --bs-popover-zindex: 1070;
    --bs-popover-max-width: 276px;
    --bs-popover-font-size: .875rem;
    --bs-popover-bg: #fff;
    --bs-popover-border-width: 1px;
    --bs-popover-border-color: var(--bs-border-color-translucent);
    --bs-popover-border-radius: .5rem;
    --bs-popover-inner-border-radius: calc(.5rem - 1px);
    --bs-popover-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    --bs-popover-header-padding-x: 1rem;
    --bs-popover-header-padding-y: .5rem;
    --bs-popover-header-font-size: 1rem;
    --bs-popover-header-color: var(--bs-heading-color);
    --bs-popover-header-bg: #f0f0f0;
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: 1rem;
    --bs-popover-body-color: #212529;
    --bs-popover-arrow-width: 1rem;
    --bs-popover-arrow-height: .5rem;
    --bs-popover-arrow-border: var(--bs-popover-border-color);
    z-index: var(--bs-popover-zindex);
    display: block;
    max-width: var(--bs-popover-max-width);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-popover-font-size);
    word-wrap: break-word;
    background-color: var(--bs-popover-bg);
    background-clip: padding-box;
    border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-radius: var(--bs-popover-border-radius)
}

.popover .popover-arrow {
    display: block;
    width: var(--bs-popover-arrow-width);
    height: var(--bs-popover-arrow-height)
}

.popover .popover-arrow:before,
.popover .popover-arrow:after {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
    border-width: 0
}

.bs-popover-top>.popover-arrow,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow {
    bottom: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width))
}

.bs-popover-top>.popover-arrow:before,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,
.bs-popover-top>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after {
    border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
}

.bs-popover-top>.popover-arrow:before,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before {
    bottom: 0;
    border-top-color: var(--bs-popover-arrow-border)
}

.bs-popover-top>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after {
    bottom: var(--bs-popover-border-width);
    border-top-color: var(--bs-popover-bg)
}

.bs-popover-end>.popover-arrow,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow {
    left: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width)
}

.bs-popover-end>.popover-arrow:before,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,
.bs-popover-end>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after {
    border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
}

.bs-popover-end>.popover-arrow:before,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before {
    left: 0;
    border-right-color: var(--bs-popover-arrow-border)
}

.bs-popover-end>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after {
    left: var(--bs-popover-border-width);
    border-right-color: var(--bs-popover-bg)
}

.bs-popover-bottom>.popover-arrow,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow {
    top: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width))
}

.bs-popover-bottom>.popover-arrow:before,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,
.bs-popover-bottom>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after {
    border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
}

.bs-popover-bottom>.popover-arrow:before,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before {
    top: 0;
    border-bottom-color: var(--bs-popover-arrow-border)
}

.bs-popover-bottom>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after {
    top: var(--bs-popover-border-width);
    border-bottom-color: var(--bs-popover-bg)
}

.bs-popover-bottom .popover-header:before,
.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: var(--bs-popover-arrow-width);
    margin-left: calc(var(--bs-popover-arrow-width) * -.5);
    content: "";
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg)
}

.bs-popover-start>.popover-arrow,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow {
    right: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width)
}

.bs-popover-start>.popover-arrow:before,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,
.bs-popover-start>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after {
    border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
}

.bs-popover-start>.popover-arrow:before,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before {
    right: 0;
    border-left-color: var(--bs-popover-arrow-border)
}

.bs-popover-start>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after {
    right: var(--bs-popover-border-width);
    border-left-color: var(--bs-popover-bg)
}

.popover-header {
    padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
    margin-bottom: 0;
    font-size: var(--bs-popover-header-font-size);
    color: var(--bs-popover-header-color);
    background-color: var(--bs-popover-header-bg);
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-top-left-radius: var(--bs-popover-inner-border-radius);
    border-top-right-radius: var(--bs-popover-inner-border-radius)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
    color: var(--bs-popover-body-color)
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner:after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: block
}

.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
    transform: translate(100%)
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
    transform: translate(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion: reduce) {

    .carousel-fade .active.carousel-item-start,
    .carousel-fade .active.carousel-item-end {
        transition: none
    }
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: none;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion: reduce) {

    .carousel-control-prev,
    .carousel-control-next {
        transition: none
    }
}

.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion: reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center
}

.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
    filter: invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #000
}

.carousel-dark .carousel-caption {
    color: #000
}

.spinner-grow,
.spinner-border {
    display: inline-block;
    width: var(--bs-spinner-width);
    height: var(--bs-spinner-height);
    vertical-align: var(--bs-spinner-vertical-align);
    border-radius: 50%;
    animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -.125em;
    --bs-spinner-border-width: .25em;
    --bs-spinner-animation-speed: .75s;
    --bs-spinner-animation-name: spinner-border;
    border: var(--bs-spinner-border-width) solid currentcolor;
    border-right-color: transparent
}

.spinner-border-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem;
    --bs-spinner-border-width: .2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -.125em;
    --bs-spinner-animation-speed: .75s;
    --bs-spinner-animation-name: spinner-grow;
    background-color: currentcolor;
    opacity: 0
}

.spinner-grow-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem
}

@media (prefers-reduced-motion: reduce) {

    .spinner-border,
    .spinner-grow {
        --bs-spinner-animation-speed: 1.5s
    }
}

.offcanvas,
.offcanvas-xxl,
.offcanvas-xl,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm {
    --bs-offcanvas-width: 400px;
    --bs-offcanvas-height: 30vh;
    --bs-offcanvas-padding-x: 1rem;
    --bs-offcanvas-padding-y: 1rem;
    --bs-offcanvas-color: ;
    --bs-offcanvas-bg: #fff;
    --bs-offcanvas-border-width: 1px;
    --bs-offcanvas-border-color: var(--bs-border-color-translucent);
    --bs-offcanvas-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)
}

@media (max-width: 575.98px) {
    .offcanvas-sm {
        position: fixed;
        bottom: 0;
        z-index: 1045;
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform .3s ease-in-out
    }
}

@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-sm {
        transition: none
    }
}

@media (max-width: 575.98px) {
    .offcanvas-sm.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(-100%)
    }
}

@media (max-width: 575.98px) {
    .offcanvas-sm.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(100%)
    }
}

@media (max-width: 575.98px) {
    .offcanvas-sm.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width: 575.98px) {
    .offcanvas-sm.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (max-width: 575.98px) {

    .offcanvas-sm.showing,
    .offcanvas-sm.show:not(.hiding) {
        transform: none
    }
}

@media (max-width: 575.98px) {

    .offcanvas-sm.showing,
    .offcanvas-sm.hiding,
    .offcanvas-sm.show {
        visibility: visible
    }
}

@media (min-width: 576px) {
    .offcanvas-sm {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

    .offcanvas-sm .offcanvas-header {
        display: none
    }

    .offcanvas-sm .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md {
        position: fixed;
        bottom: 0;
        z-index: 1045;
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform .3s ease-in-out
    }
}

@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-md {
        transition: none
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(-100%)
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(100%)
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (max-width: 767.98px) {

    .offcanvas-md.showing,
    .offcanvas-md.show:not(.hiding) {
        transform: none
    }
}

@media (max-width: 767.98px) {

    .offcanvas-md.showing,
    .offcanvas-md.hiding,
    .offcanvas-md.show {
        visibility: visible
    }
}

@media (min-width: 768px) {
    .offcanvas-md {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

    .offcanvas-md .offcanvas-header {
        display: none
    }

    .offcanvas-md .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg {
        position: fixed;
        bottom: 0;
        z-index: 1045;
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform .3s ease-in-out
    }
}

@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-lg {
        transition: none
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(-100%)
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(100%)
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (max-width: 991.98px) {

    .offcanvas-lg.showing,
    .offcanvas-lg.show:not(.hiding) {
        transform: none
    }
}

@media (max-width: 991.98px) {

    .offcanvas-lg.showing,
    .offcanvas-lg.hiding,
    .offcanvas-lg.show {
        visibility: visible
    }
}

@media (min-width: 992px) {
    .offcanvas-lg {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

    .offcanvas-lg .offcanvas-header {
        display: none
    }

    .offcanvas-lg .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl {
        position: fixed;
        bottom: 0;
        z-index: 1045;
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform .3s ease-in-out
    }
}

@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-xl {
        transition: none
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(-100%)
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(100%)
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (max-width: 1199.98px) {

    .offcanvas-xl.showing,
    .offcanvas-xl.show:not(.hiding) {
        transform: none
    }
}

@media (max-width: 1199.98px) {

    .offcanvas-xl.showing,
    .offcanvas-xl.hiding,
    .offcanvas-xl.show {
        visibility: visible
    }
}

@media (min-width: 1200px) {
    .offcanvas-xl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

    .offcanvas-xl .offcanvas-header {
        display: none
    }

    .offcanvas-xl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl {
        position: fixed;
        bottom: 0;
        z-index: 1045;
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform .3s ease-in-out
    }
}

@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-xxl {
        transition: none
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(-100%)
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(100%)
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (max-width: 1399.98px) {

    .offcanvas-xxl.showing,
    .offcanvas-xxl.show:not(.hiding) {
        transform: none
    }
}

@media (max-width: 1399.98px) {

    .offcanvas-xxl.showing,
    .offcanvas-xxl.hiding,
    .offcanvas-xxl.show {
        visibility: visible
    }
}

@media (min-width: 1400px) {
    .offcanvas-xxl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent !important
    }

    .offcanvas-xxl .offcanvas-header {
        display: none
    }

    .offcanvas-xxl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent !important
    }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: 1045;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform .3s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .offcanvas {
        transition: none
    }
}

.offcanvas.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translate(-100%)
}

.offcanvas.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translate(100%)
}

.offcanvas.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
}

.offcanvas.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
}

.offcanvas.showing,
.offcanvas.show:not(.hiding) {
    transform: none
}

.offcanvas.showing,
.offcanvas.hiding,
.offcanvas.show {
    visibility: visible
}

.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.offcanvas-backdrop.fade {
    opacity: 0
}

.offcanvas-backdrop.show {
    opacity: .5
}

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}

.offcanvas-header .btn-close {
    padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
    margin-top: calc(var(--bs-offcanvas-padding-y) * -.5);
    margin-right: calc(var(--bs-offcanvas-padding-x) * -.5);
    margin-bottom: calc(var(--bs-offcanvas-padding-y) * -.5)
}

.offcanvas-title {
    margin-bottom: 0;
    line-height: 1.5
}

.offcanvas-body {
    flex-grow: 1;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
    overflow-y: auto
}

.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentcolor;
    opacity: .5
}

.placeholder.btn:before {
    display: inline-block;
    content: ""
}

.placeholder-xs {
    min-height: .6em
}

.placeholder-sm {
    min-height: .8em
}

.placeholder-lg {
    min-height: 1.2em
}

.placeholder-glow .placeholder {
    animation: placeholder-glow 2s ease-in-out infinite
}

@keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

.placeholder-wave {
    -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, .8) 75%, #000 95%);
    mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, .8) 75%, #000 95%);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    animation: placeholder-wave 2s linear infinite
}

@keyframes placeholder-wave {
    to {
        -webkit-mask-position: -200% 0%;
        mask-position: -200% 0%
    }
}

.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.text-bg-primary {
    color: #fff !important;
    background-color: RGBA(13, 110, 253, var(--bs-bg-opacity, 1)) !important
}

.text-bg-secondary {
    color: #fff !important;
    background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important
}

.text-bg-success {
    color: #fff !important;
    background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important
}

.text-bg-info {
    color: #000 !important;
    background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important
}

.text-bg-warning {
    color: #000 !important;
    background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important
}

.text-bg-danger {
    color: #fff !important;
    background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important
}

.text-bg-light {
    color: #000 !important;
    background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important
}

.text-bg-dark {
    color: #fff !important;
    background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important
}

.link-primary {
    color: #0d6efd !important
}

.link-primary:hover,
.link-primary:focus {
    color: #0a58ca !important
}

.link-secondary {
    color: #6c757d !important
}

.link-secondary:hover,
.link-secondary:focus {
    color: #565e64 !important
}

.link-success {
    color: #198754 !important
}

.link-success:hover,
.link-success:focus {
    color: #146c43 !important
}

.link-info {
    color: #0dcaf0 !important
}

.link-info:hover,
.link-info:focus {
    color: #3dd5f3 !important
}

.link-warning {
    color: #ffc107 !important
}

.link-warning:hover,
.link-warning:focus {
    color: #ffcd39 !important
}

.link-danger {
    color: #dc3545 !important
}

.link-danger:hover,
.link-danger:focus {
    color: #b02a37 !important
}

.link-light {
    color: #f8f9fa !important
}

.link-light:hover,
.link-light:focus {
    color: #f9fafb !important
}

.link-dark {
    color: #212529 !important
}

.link-dark:hover,
.link-dark:focus {
    color: #1a1e21 !important
}

.ratio {
    position: relative;
    width: 100%
}

.ratio:before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: ""
}

.ratio>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.8571428571%
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020
}

.sticky-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020
}

@media (min-width: 576px) {
    .sticky-sm-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-sm-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 768px) {
    .sticky-md-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-md-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 992px) {
    .sticky-lg-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-lg-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 1200px) {
    .sticky-xl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xl-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 1400px) {
    .sticky-xxl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xxl-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch
}

.vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.stretched-link:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}

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

.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentcolor;
    opacity: .25
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.float-start {
    float: left !important
}

.float-end {
    float: right !important
}

.float-none {
    float: none !important
}

.opacity-0 {
    opacity: 0 !important
}

.opacity-25 {
    opacity: .25 !important
}

.opacity-50 {
    opacity: .5 !important
}

.opacity-75 {
    opacity: .75 !important
}

.opacity-100 {
    opacity: 1 !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-scroll {
    overflow: scroll !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.shadow {
    box-shadow: 0 .5rem 1rem #00000026 !important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem #00000013 !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem #0000002d !important
}

.shadow-none {
    box-shadow: none !important
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

.top-0 {
    top: 0 !important
}

.top-50 {
    top: 50% !important
}

.top-100 {
    top: 100% !important
}

.bottom-0 {
    bottom: 0 !important
}

.bottom-50 {
    bottom: 50% !important
}

.bottom-100 {
    bottom: 100% !important
}

.start-0 {
    left: 0 !important
}

.start-50 {
    left: 50% !important
}

.start-100 {
    left: 100% !important
}

.end-0 {
    right: 0 !important
}

.end-50 {
    right: 50% !important
}

.end-100 {
    right: 100% !important
}

.translate-middle {
    transform: translate(-50%, -50%) !important
}

.translate-middle-x {
    transform: translate(-50%) !important
}

.translate-middle-y {
    transform: translateY(-50%) !important
}

.border {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-end {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-end-0 {
    border-right: 0 !important
}

.border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-start {
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-start-0 {
    border-left: 0 !important
}

.border-primary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important
}

.border-secondary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important
}

.border-success {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important
}

.border-info {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important
}

.border-warning {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important
}

.border-danger {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important
}

.border-light {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important
}

.border-dark {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important
}

.border-white {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important
}

.border-1 {
    --bs-border-width: 1px
}

.border-2 {
    --bs-border-width: 2px
}

.border-3 {
    --bs-border-width: 3px
}

.border-4 {
    --bs-border-width: 4px
}

.border-5 {
    --bs-border-width: 5px
}

.border-opacity-10 {
    --bs-border-opacity: .1
}

.border-opacity-25 {
    --bs-border-opacity: .25
}

.border-opacity-50 {
    --bs-border-opacity: .5
}

.border-opacity-75 {
    --bs-border-opacity: .75
}

.border-opacity-100 {
    --bs-border-opacity: 1
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.vw-100 {
    width: 100vw !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mh-100 {
    max-height: 100% !important
}

.vh-100 {
    height: 100vh !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.flex-fill {
    flex: 1 1 auto !important
}

.flex-row {
    flex-direction: row !important
}

.flex-column {
    flex-direction: column !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-between {
    justify-content: space-between !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-evenly {
    justify-content: space-evenly !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.align-items-baseline {
    align-items: baseline !important
}

.align-items-stretch {
    align-items: stretch !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 3rem !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 3rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

.gap-0 {
    gap: 0 !important
}

.gap-1 {
    gap: .25rem !important
}

.gap-2 {
    gap: .5rem !important
}

.gap-3 {
    gap: 1rem !important
}

.gap-4 {
    gap: 1.5rem !important
}

.gap-5 {
    gap: 3rem !important
}

.font-monospace {
    font-family: var(--bs-font-monospace) !important
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
    font-size: calc(1.325rem + .9vw) !important
}

.fs-3 {
    font-size: calc(1.3rem + .6vw) !important
}

.fs-4 {
    font-size: calc(1.275rem + .3vw) !important
}

.fs-5 {
    font-size: 1.25rem !important
}

.fs-6 {
    font-size: 1rem !important
}

.fst-italic {
    font-style: italic !important
}

.fst-normal {
    font-style: normal !important
}

.fw-light {
    font-weight: 300 !important
}

.fw-lighter {
    font-weight: lighter !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-bold {
    font-weight: 700 !important
}

.fw-semibold {
    font-weight: 600 !important
}

.fw-bolder {
    font-weight: bolder !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-sm {
    line-height: 1.25 !important
}

.lh-base {
    line-height: 1.5 !important
}

.lh-lg {
    line-height: 2 !important
}

.text-start {
    text-align: left !important
}

.text-end {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-decoration-none {
    text-decoration: none !important
}

.text-decoration-underline {
    text-decoration: underline !important
}

.text-decoration-line-through {
    text-decoration: line-through !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
}

.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
}

.text-muted {
    --bs-text-opacity: 1;
    color: #6c757d !important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: #00000080 !important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: #ffffff80 !important
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit !important
}

.text-opacity-25 {
    --bs-text-opacity: .25
}

.text-opacity-50 {
    --bs-text-opacity: .5
}

.text-opacity-75 {
    --bs-text-opacity: .75
}

.text-opacity-100 {
    --bs-text-opacity: 1
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent !important
}

.bg-opacity-10 {
    --bs-bg-opacity: .1
}

.bg-opacity-25 {
    --bs-bg-opacity: .25
}

.bg-opacity-50 {
    --bs-bg-opacity: .5
}

.bg-opacity-75 {
    --bs-bg-opacity: .75
}

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.bg-gradient {
    background-image: var(--bs-gradient) !important
}

.user-select-all {
    -webkit-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    user-select: none !important
}

.pe-none {
    pointer-events: none !important
}

.pe-auto {
    pointer-events: auto !important
}

.rounded {
    border-radius: var(--bs-border-radius) !important
}

.rounded-0 {
    border-radius: 0 !important
}

.rounded-1 {
    border-radius: var(--bs-border-radius-sm) !important
}

.rounded-2 {
    border-radius: var(--bs-border-radius) !important
}

.rounded-3 {
    border-radius: var(--bs-border-radius-lg) !important
}

.rounded-4 {
    border-radius: var(--bs-border-radius-xl) !important
}

.rounded-5 {
    border-radius: var(--bs-border-radius-2xl) !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: var(--bs-border-radius-pill) !important
}

.rounded-top {
    border-top-left-radius: var(--bs-border-radius) !important;
    border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-end {
    border-top-right-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: var(--bs-border-radius) !important
}

.rounded-bottom {
    border-bottom-right-radius: var(--bs-border-radius) !important;
    border-bottom-left-radius: var(--bs-border-radius) !important
}

.rounded-start {
    border-bottom-left-radius: var(--bs-border-radius) !important;
    border-top-left-radius: var(--bs-border-radius) !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media (min-width: 576px) {
    .float-sm-start {
        float: left !important
    }

    .float-sm-end {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-grid {
        display: grid !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .d-sm-none {
        display: none !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }

    .order-sm-first {
        order: -1 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-last {
        order: 6 !important
    }

    .m-sm-0 {
        margin: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-1 {
        margin-top: .25rem !important
    }

    .mt-sm-2 {
        margin-top: .5rem !important
    }

    .mt-sm-3 {
        margin-top: 1rem !important
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important
    }

    .mt-sm-5 {
        margin-top: 3rem !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .me-sm-0 {
        margin-right: 0 !important
    }

    .me-sm-1 {
        margin-right: .25rem !important
    }

    .me-sm-2 {
        margin-right: .5rem !important
    }

    .me-sm-3 {
        margin-right: 1rem !important
    }

    .me-sm-4 {
        margin-right: 1.5rem !important
    }

    .me-sm-5 {
        margin-right: 3rem !important
    }

    .me-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mb-sm-1 {
        margin-bottom: .25rem !important
    }

    .mb-sm-2 {
        margin-bottom: .5rem !important
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ms-sm-0 {
        margin-left: 0 !important
    }

    .ms-sm-1 {
        margin-left: .25rem !important
    }

    .ms-sm-2 {
        margin-left: .5rem !important
    }

    .ms-sm-3 {
        margin-left: 1rem !important
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important
    }

    .ms-sm-5 {
        margin-left: 3rem !important
    }

    .ms-sm-auto {
        margin-left: auto !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pt-sm-1 {
        padding-top: .25rem !important
    }

    .pt-sm-2 {
        padding-top: .5rem !important
    }

    .pt-sm-3 {
        padding-top: 1rem !important
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important
    }

    .pt-sm-5 {
        padding-top: 3rem !important
    }

    .pe-sm-0 {
        padding-right: 0 !important
    }

    .pe-sm-1 {
        padding-right: .25rem !important
    }

    .pe-sm-2 {
        padding-right: .5rem !important
    }

    .pe-sm-3 {
        padding-right: 1rem !important
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important
    }

    .pe-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pb-sm-1 {
        padding-bottom: .25rem !important
    }

    .pb-sm-2 {
        padding-bottom: .5rem !important
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important
    }

    .ps-sm-0 {
        padding-left: 0 !important
    }

    .ps-sm-1 {
        padding-left: .25rem !important
    }

    .ps-sm-2 {
        padding-left: .5rem !important
    }

    .ps-sm-3 {
        padding-left: 1rem !important
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important
    }

    .ps-sm-5 {
        padding-left: 3rem !important
    }

    .gap-sm-0 {
        gap: 0 !important
    }

    .gap-sm-1 {
        gap: .25rem !important
    }

    .gap-sm-2 {
        gap: .5rem !important
    }

    .gap-sm-3 {
        gap: 1rem !important
    }

    .gap-sm-4 {
        gap: 1.5rem !important
    }

    .gap-sm-5 {
        gap: 3rem !important
    }

    .text-sm-start {
        text-align: left !important
    }

    .text-sm-end {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width: 768px) {
    .float-md-start {
        float: left !important
    }

    .float-md-end {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-grid {
        display: grid !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .d-md-none {
        display: none !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .order-md-first {
        order: -1 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-last {
        order: 6 !important
    }

    .m-md-0 {
        margin: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mt-md-1 {
        margin-top: .25rem !important
    }

    .mt-md-2 {
        margin-top: .5rem !important
    }

    .mt-md-3 {
        margin-top: 1rem !important
    }

    .mt-md-4 {
        margin-top: 1.5rem !important
    }

    .mt-md-5 {
        margin-top: 3rem !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .me-md-0 {
        margin-right: 0 !important
    }

    .me-md-1 {
        margin-right: .25rem !important
    }

    .me-md-2 {
        margin-right: .5rem !important
    }

    .me-md-3 {
        margin-right: 1rem !important
    }

    .me-md-4 {
        margin-right: 1.5rem !important
    }

    .me-md-5 {
        margin-right: 3rem !important
    }

    .me-md-auto {
        margin-right: auto !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-1 {
        margin-bottom: .25rem !important
    }

    .mb-md-2 {
        margin-bottom: .5rem !important
    }

    .mb-md-3 {
        margin-bottom: 1rem !important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-md-5 {
        margin-bottom: 3rem !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ms-md-0 {
        margin-left: 0 !important
    }

    .ms-md-1 {
        margin-left: .25rem !important
    }

    .ms-md-2 {
        margin-left: .5rem !important
    }

    .ms-md-3 {
        margin-left: 1rem !important
    }

    .ms-md-4 {
        margin-left: 1.5rem !important
    }

    .ms-md-5 {
        margin-left: 3rem !important
    }

    .ms-md-auto {
        margin-left: auto !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pt-md-1 {
        padding-top: .25rem !important
    }

    .pt-md-2 {
        padding-top: .5rem !important
    }

    .pt-md-3 {
        padding-top: 1rem !important
    }

    .pt-md-4 {
        padding-top: 1.5rem !important
    }

    .pt-md-5 {
        padding-top: 3rem !important
    }

    .pe-md-0 {
        padding-right: 0 !important
    }

    .pe-md-1 {
        padding-right: .25rem !important
    }

    .pe-md-2 {
        padding-right: .5rem !important
    }

    .pe-md-3 {
        padding-right: 1rem !important
    }

    .pe-md-4 {
        padding-right: 1.5rem !important
    }

    .pe-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pb-md-1 {
        padding-bottom: .25rem !important
    }

    .pb-md-2 {
        padding-bottom: .5rem !important
    }

    .pb-md-3 {
        padding-bottom: 1rem !important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-md-5 {
        padding-bottom: 3rem !important
    }

    .ps-md-0 {
        padding-left: 0 !important
    }

    .ps-md-1 {
        padding-left: .25rem !important
    }

    .ps-md-2 {
        padding-left: .5rem !important
    }

    .ps-md-3 {
        padding-left: 1rem !important
    }

    .ps-md-4 {
        padding-left: 1.5rem !important
    }

    .ps-md-5 {
        padding-left: 3rem !important
    }

    .gap-md-0 {
        gap: 0 !important
    }

    .gap-md-1 {
        gap: .25rem !important
    }

    .gap-md-2 {
        gap: .5rem !important
    }

    .gap-md-3 {
        gap: 1rem !important
    }

    .gap-md-4 {
        gap: 1.5rem !important
    }

    .gap-md-5 {
        gap: 3rem !important
    }

    .text-md-start {
        text-align: left !important
    }

    .text-md-end {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width: 992px) {
    .float-lg-start {
        float: left !important
    }

    .float-lg-end {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-grid {
        display: grid !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-1 {
        margin-top: .25rem !important
    }

    .mt-lg-2 {
        margin-top: .5rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mt-lg-5 {
        margin-top: 3rem !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .me-lg-0 {
        margin-right: 0 !important
    }

    .me-lg-1 {
        margin-right: .25rem !important
    }

    .me-lg-2 {
        margin-right: .5rem !important
    }

    .me-lg-3 {
        margin-right: 1rem !important
    }

    .me-lg-4 {
        margin-right: 1.5rem !important
    }

    .me-lg-5 {
        margin-right: 3rem !important
    }

    .me-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ms-lg-0 {
        margin-left: 0 !important
    }

    .ms-lg-1 {
        margin-left: .25rem !important
    }

    .ms-lg-2 {
        margin-left: .5rem !important
    }

    .ms-lg-3 {
        margin-left: 1rem !important
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important
    }

    .ms-lg-5 {
        margin-left: 3rem !important
    }

    .ms-lg-auto {
        margin-left: auto !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-1 {
        padding-top: .25rem !important
    }

    .pt-lg-2 {
        padding-top: .5rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pt-lg-5 {
        padding-top: 3rem !important
    }

    .pe-lg-0 {
        padding-right: 0 !important
    }

    .pe-lg-1 {
        padding-right: .25rem !important
    }

    .pe-lg-2 {
        padding-right: .5rem !important
    }

    .pe-lg-3 {
        padding-right: 1rem !important
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important
    }

    .pe-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

    .pb-lg-2 {
        padding-bottom: .5rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important
    }

    .ps-lg-0 {
        padding-left: 0 !important
    }

    .ps-lg-1 {
        padding-left: .25rem !important
    }

    .ps-lg-2 {
        padding-left: .5rem !important
    }

    .ps-lg-3 {
        padding-left: 1rem !important
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important
    }

    .ps-lg-5 {
        padding-left: 3rem !important
    }

    .gap-lg-0 {
        gap: 0 !important
    }

    .gap-lg-1 {
        gap: .25rem !important
    }

    .gap-lg-2 {
        gap: .5rem !important
    }

    .gap-lg-3 {
        gap: 1rem !important
    }

    .gap-lg-4 {
        gap: 1.5rem !important
    }

    .gap-lg-5 {
        gap: 3rem !important
    }

    .text-lg-start {
        text-align: left !important
    }

    .text-lg-end {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width: 1200px) {
    .float-xl-start {
        float: left !important
    }

    .float-xl-end {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-grid {
        display: grid !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .d-xl-none {
        display: none !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }

    .order-xl-first {
        order: -1 !important
    }

    .order-xl-0 {
        order: 0 !important
    }

    .order-xl-1 {
        order: 1 !important
    }

    .order-xl-2 {
        order: 2 !important
    }

    .order-xl-3 {
        order: 3 !important
    }

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-last {
        order: 6 !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mt-xl-1 {
        margin-top: .25rem !important
    }

    .mt-xl-2 {
        margin-top: .5rem !important
    }

    .mt-xl-3 {
        margin-top: 1rem !important
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xl-5 {
        margin-top: 3rem !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .me-xl-0 {
        margin-right: 0 !important
    }

    .me-xl-1 {
        margin-right: .25rem !important
    }

    .me-xl-2 {
        margin-right: .5rem !important
    }

    .me-xl-3 {
        margin-right: 1rem !important
    }

    .me-xl-4 {
        margin-right: 1.5rem !important
    }

    .me-xl-5 {
        margin-right: 3rem !important
    }

    .me-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ms-xl-0 {
        margin-left: 0 !important
    }

    .ms-xl-1 {
        margin-left: .25rem !important
    }

    .ms-xl-2 {
        margin-left: .5rem !important
    }

    .ms-xl-3 {
        margin-left: 1rem !important
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xl-5 {
        margin-left: 3rem !important
    }

    .ms-xl-auto {
        margin-left: auto !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pt-xl-1 {
        padding-top: .25rem !important
    }

    .pt-xl-2 {
        padding-top: .5rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xl-5 {
        padding-top: 3rem !important
    }

    .pe-xl-0 {
        padding-right: 0 !important
    }

    .pe-xl-1 {
        padding-right: .25rem !important
    }

    .pe-xl-2 {
        padding-right: .5rem !important
    }

    .pe-xl-3 {
        padding-right: 1rem !important
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xl-0 {
        padding-left: 0 !important
    }

    .ps-xl-1 {
        padding-left: .25rem !important
    }

    .ps-xl-2 {
        padding-left: .5rem !important
    }

    .ps-xl-3 {
        padding-left: 1rem !important
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xl-5 {
        padding-left: 3rem !important
    }

    .gap-xl-0 {
        gap: 0 !important
    }

    .gap-xl-1 {
        gap: .25rem !important
    }

    .gap-xl-2 {
        gap: .5rem !important
    }

    .gap-xl-3 {
        gap: 1rem !important
    }

    .gap-xl-4 {
        gap: 1.5rem !important
    }

    .gap-xl-5 {
        gap: 3rem !important
    }

    .text-xl-start {
        text-align: left !important
    }

    .text-xl-end {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

@media (min-width: 1400px) {
    .float-xxl-start {
        float: left !important
    }

    .float-xxl-end {
        float: right !important
    }

    .float-xxl-none {
        float: none !important
    }

    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-grid {
        display: grid !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: inline-flex !important
    }

    .d-xxl-none {
        display: none !important
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important
    }

    .flex-xxl-row {
        flex-direction: row !important
    }

    .flex-xxl-column {
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        justify-content: center !important
    }

    .justify-content-xxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        justify-content: space-around !important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xxl-start {
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        align-items: center !important
    }

    .align-items-xxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        align-items: stretch !important
    }

    .align-content-xxl-start {
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        align-content: center !important
    }

    .align-content-xxl-between {
        align-content: space-between !important
    }

    .align-content-xxl-around {
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        align-self: auto !important
    }

    .align-self-xxl-start {
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        align-self: center !important
    }

    .align-self-xxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        align-self: stretch !important
    }

    .order-xxl-first {
        order: -1 !important
    }

    .order-xxl-0 {
        order: 0 !important
    }

    .order-xxl-1 {
        order: 1 !important
    }

    .order-xxl-2 {
        order: 2 !important
    }

    .order-xxl-3 {
        order: 3 !important
    }

    .order-xxl-4 {
        order: 4 !important
    }

    .order-xxl-5 {
        order: 5 !important
    }

    .order-xxl-last {
        order: 6 !important
    }

    .m-xxl-0 {
        margin: 0 !important
    }

    .m-xxl-1 {
        margin: .25rem !important
    }

    .m-xxl-2 {
        margin: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 3rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xxl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mt-xxl-1 {
        margin-top: .25rem !important
    }

    .mt-xxl-2 {
        margin-top: .5rem !important
    }

    .mt-xxl-3 {
        margin-top: 1rem !important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xxl-5 {
        margin-top: 3rem !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .me-xxl-0 {
        margin-right: 0 !important
    }

    .me-xxl-1 {
        margin-right: .25rem !important
    }

    .me-xxl-2 {
        margin-right: .5rem !important
    }

    .me-xxl-3 {
        margin-right: 1rem !important
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important
    }

    .me-xxl-5 {
        margin-right: 3rem !important
    }

    .me-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ms-xxl-0 {
        margin-left: 0 !important
    }

    .ms-xxl-1 {
        margin-left: .25rem !important
    }

    .ms-xxl-2 {
        margin-left: .5rem !important
    }

    .ms-xxl-3 {
        margin-left: 1rem !important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xxl-5 {
        margin-left: 3rem !important
    }

    .ms-xxl-auto {
        margin-left: auto !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 3rem !important
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xxl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pt-xxl-1 {
        padding-top: .25rem !important
    }

    .pt-xxl-2 {
        padding-top: .5rem !important
    }

    .pt-xxl-3 {
        padding-top: 1rem !important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xxl-5 {
        padding-top: 3rem !important
    }

    .pe-xxl-0 {
        padding-right: 0 !important
    }

    .pe-xxl-1 {
        padding-right: .25rem !important
    }

    .pe-xxl-2 {
        padding-right: .5rem !important
    }

    .pe-xxl-3 {
        padding-right: 1rem !important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xxl-5 {
        padding-right: 3rem !important
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xxl-0 {
        padding-left: 0 !important
    }

    .ps-xxl-1 {
        padding-left: .25rem !important
    }

    .ps-xxl-2 {
        padding-left: .5rem !important
    }

    .ps-xxl-3 {
        padding-left: 1rem !important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xxl-5 {
        padding-left: 3rem !important
    }

    .gap-xxl-0 {
        gap: 0 !important
    }

    .gap-xxl-1 {
        gap: .25rem !important
    }

    .gap-xxl-2 {
        gap: .5rem !important
    }

    .gap-xxl-3 {
        gap: 1rem !important
    }

    .gap-xxl-4 {
        gap: 1.5rem !important
    }

    .gap-xxl-5 {
        gap: 3rem !important
    }

    .text-xxl-start {
        text-align: left !important
    }

    .text-xxl-end {
        text-align: right !important
    }

    .text-xxl-center {
        text-align: center !important
    }
}

@media (min-width: 1200px) {
    .fs-1 {
        font-size: 2.5rem !important
    }

    .fs-2 {
        font-size: 2rem !important
    }

    .fs-3 {
        font-size: 1.75rem !important
    }

    .fs-4 {
        font-size: 1.5rem !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-grid {
        display: grid !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }

    .d-print-none {
        display: none !important
    }
}

.toast-center-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 12px;
    left: 12px
}

.toast-top-right {
    top: 12px;
    right: 12px
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

.toast-title {
    font-weight: 700
}

.toast-message {
    word-wrap: break-word
}

.toast-message a,
.toast-message label {
    color: #fff
}

.toast-message a:hover {
    color: #ccc;
    text-decoration: none
}

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 1px 0 #ffffff
}

.toast-close-button:hover,
.toast-close-button:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0
}

.toast-container {
    pointer-events: none;
    position: fixed;
    z-index: 999999
}

.toast-container * {
    box-sizing: border-box
}

.toast-container .ngx-toastr {
    position: relative;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    border-radius: 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: 24px;
    box-shadow: 0 0 12px #999;
    color: #fff
}

.toast-container .ngx-toastr:hover {
    box-shadow: 0 0 12px #000;
    opacity: 1;
    cursor: pointer
}

.toast-info {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+)
}

.toast-error {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+)
}

.toast-success {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==)
}

.toast-warning {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==)
}

.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
    width: 300px;
    margin-left: auto;
    margin-right: auto
}

.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
    width: 96%;
    margin-left: auto;
    margin-right: auto
}

.ngx-toastr {
    background-color: #030303;
    pointer-events: auto
}

.toast-success {
    background-color: #51a351
}

.toast-error {
    background-color: #bd362f
}

.toast-info {
    background-color: #2f96b4
}

.toast-warning {
    background-color: #f89406
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: .4
}

@media all and (max-width: 240px) {
    .toast-container .ngx-toastr.div {
        padding: 8px 8px 8px 50px;
        width: 11em
    }

    .toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media all and (min-width: 241px) and (max-width: 480px) {
    .toast-container .ngx-toastr.div {
        padding: 8px 8px 8px 50px;
        width: 18em
    }

    .toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    .toast-container .ngx-toastr.div {
        padding: 15px 15px 15px 50px;
        width: 25em
    }
}

:root,
[data-theme=light] {
    --otrim-text: #fff;
    --otrim-primary-color: #084753;
    --otrim-text-link: #345BC0;
    --otrim-btn-bg: linear-gradient(290.98deg, #007289 27.72%, #123A92 85.16%);
    --otrim-hover-btn-bg: linear-gradient(290.98deg, #007289 27.72%, #123A92 85.16%);
    --otrim-border-color: #084753;
    --otrim-card-bg: linear-gradient(290.98deg, #007289 27.72%, #123A92 85.16%)
}

[data-theme=dark] {
    --otrim-text: #384455;
    --otrim-card-bg: #161819;
    --otrim-border-color: #084753
}

.otrim-cursior-pointer {
    cursor: pointer
}

.otrim-text-link {
    color: #345bc0
}

.otrim-font-family-poppins {
    font-family: poppins, sans-serif !important
}

.otrim-font-family-cursive {
    font-family: cursive, sans-serif !important
}

.btn.btn-otrim-theme {
    font-size: 14px;
    cursor: pointer;
    color: #fff;
    border-radius: 10px;
    padding: .565rem 1rem;
    background: linear-gradient(290.98deg, #007289 27.72%, #123A92 85.16%);
    box-shadow: 0 .125rem .25rem #00000014;
    border: none;
    background-size: 150% 100%;
    transition: .2s ease-in-out
}

.btn.btn-otrim-theme:hover,
.btn.btn-otrim-theme:focus,
.btn.btn-otrim-theme.active {
    color: #fff;
    background-color: transparent;
    box-shadow: 0 .25rem .35rem #0000002e;
    background-position: 100% 50%
}

.btn.btn-otrim-theme:not(:first-child) {
    margin-left: .65rem
}

.btn.btn-otrim-theme-outline {
    font-size: 14px;
    cursor: pointer;
    border-radius: 10px;
    padding: .45rem 1rem;
    color: #084753;
    background: transparent;
    border: 1px solid #084753;
    background-size: 150% 100%;
    transition: .2s ease-in-out
}

.btn.btn-otrim-theme-outline:hover,
.btn.btn-otrim-theme-outline:focus,
.btn.btn-otrim-theme-outline.active {
    color: #fff;
    background-color: transparent;
    background: linear-gradient(290.98deg, #007289 27.72%, #123A92 85.16%);
    border: 1px solid transparent;
    background-position: 100% 50%
}

.btn.btn-otrim-theme-outline:not(:first-child) {
    margin-left: .65rem
}

.ngb-dp-weekday {
    color: #0d6efd !important;
    font-style: normal !important
}

.custom-day {
    text-align: center;
    padding: .185rem .25rem;
    display: inline-block;
    height: 2rem;
    width: 2rem
}

.custom-day.focused {
    background-color: #e6e6e6
}

.custom-day.range,
.custom-day:hover {
    background-color: #0275d8;
    color: #fff
}

.custom-day.faded {
    background-color: #0275d880
}

.otrim_tooltip.tooltip {
    opacity: 1;
    z-index: 1090
}

.otrim_tooltip.tooltip .tooltip-inner {
    font-size: var(--clamp14);
    font-weight: 600;
    color: #1f4393;
    background: #DEE8FF !important;
    border: 1px solid #1F4393 !important;
    max-width: 250px
}

.otrim_tooltip.tooltip .tooltip-inner .share-list {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.otrim_tooltip.tooltip .tooltip-inner .share-list a {
    color: #1f4393 !important;
    display: flex
}

.otrim_tooltip.tooltip .tooltip-inner .share-list a:not(:last-child) {
    margin-right: .02rem
}

.otrim_tooltip.tooltip.bs-tooltip-top .tooltip-arrow:before,
.otrim_tooltip.tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before,
.otrim_tooltip.tooltip .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before {
    width: 1px;
    content: "";
    z-index: -1;
    border-top-color: #1f4393;
    border-bottom: none
}

.otrim_tooltip.tooltip.bs-tooltip-top .tooltip-arrow:after,
.otrim_tooltip.tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:after,
.otrim_tooltip.tooltip .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:after {
    box-sizing: content-box;
    position: absolute;
    border: 6px solid transparent;
    height: 0;
    width: 1px;
    content: "";
    z-index: -1;
    border-width: 6px;
    bottom: 9px;
    top: -2px;
    border-top-color: #dee8ff
}

.otrim_tooltip.tooltip.bs-tooltip-end .tooltip-arrow:before,
.otrim_tooltip.tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before,
.otrim_tooltip.tooltip .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before {
    width: 1px;
    content: "";
    z-index: -1;
    border-right-color: #1f4393;
    border-left: none
}

.otrim_tooltip.tooltip.bs-tooltip-end .tooltip-arrow:after,
.otrim_tooltip.tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:after,
.otrim_tooltip.tooltip .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:after {
    box-sizing: content-box;
    position: absolute;
    border: 6px solid transparent;
    height: 0;
    width: 1px;
    content: "";
    z-index: -1;
    border-width: 6px;
    right: -2px;
    border-right-color: #dee8ff
}

.otrim_tooltip.tooltip.bs-tooltip-bottom .tooltip-arrow:before,
.otrim_tooltip.tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before,
.otrim_tooltip.tooltip .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before {
    width: 1px;
    content: "";
    z-index: -1;
    border-bottom-color: #1f4393;
    border-top: none
}

.otrim_tooltip.tooltip.bs-tooltip-bottom .tooltip-arrow:after,
.otrim_tooltip.tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:after,
.otrim_tooltip.tooltip .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:after {
    box-sizing: content-box;
    position: absolute;
    border: 6px solid transparent;
    height: 0;
    width: 1px;
    content: "";
    z-index: -1;
    border-width: 6px;
    bottom: -2px;
    border-bottom-color: #dee8ff
}

.otrim_tooltip.tooltip.bs-tooltip-start .tooltip-arrow:before,
.otrim_tooltip.tooltip.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before,
.otrim_tooltip.tooltip .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before {
    width: 1px;
    content: "";
    z-index: -1;
    border-left-color: #1f4393;
    border-right: none
}

.otrim_tooltip.tooltip.bs-tooltip-start .tooltip-arrow:after,
.otrim_tooltip.tooltip.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:after,
.otrim_tooltip.tooltip .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:after {
    box-sizing: content-box;
    position: absolute;
    border: 6px solid transparent;
    height: 0;
    width: 1px;
    content: "";
    z-index: -1;
    border-width: 6px;
    right: 9px;
    left: -2px;
    border-left-color: #dee8ff
}

.otrima_modal {
    z-index: 9999 !important
}

.otrima_modal .otrim_tooltip.tooltip {
    opacity: 1;
    z-index: 9999
}

.otrima_modal .otrim_tooltip.tooltip .tooltip-inner {
    font-size: var(--clamp14);
    font-weight: 600;
    color: #1f4393;
    background: #DEE8FF !important;
    border: 1px solid #1F4393 !important;
    max-width: 250px
}

.otrima_modal.maxWidthNone {
    max-width: none
}

.otrima_modal .modal-content {
    position: relative;
    border-radius: 1rem;
    border: none;
    z-index: 999
}

.otrima_modal .modal-content .modal-header {
    color: #fff;
    background: linear-gradient(290.98deg, #007289 27.72%, #123A92 85.16%), #1F4393;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem
}

.otrima_modal .modal-content .modal-header .btn-close {
    background-image: none;
    display: flex;
    align-items: center;
    color: #fff
}

.otrima_modal .modal-content *>.table-responsive {
    scrollbar-width: auto !important
}

.otrima_modal .modal-content *>.table-responsive::-webkit-scrollbar-thumb {
    background: #AEC3E4 !important;
    border-radius: 5px;
    width: 5px !important
}

.otrima_modal .modal-content *>.table-responsive::scrollbar-thumb {
    background: #AEC3E4 !important;
    border-radius: 5px;
    width: 5px !important
}

.otrima_modal .modal-content *>.table-responsive::-webkit-scrollbar {
    width: 5px !important;
    height: 5px
}

.otrima_modal .modal-content .table {
    vertical-align: baseline;
    border-collapse: separate;
    border-spacing: 0px;
    width: 100%;
    border-radius: 1rem;
    min-width: 100%
}

.otrima_modal .modal-content .table thead {
    display: table;
    width: 100%;
    table-layout: fixed;
    vertical-align: middle;
    z-index: 1
}

.otrima_modal .modal-content .table thead tr {
    display: table;
    width: 100%;
    table-layout: fixed;
    color: #fff;
    background: linear-gradient(-290.98deg, #007289 27.72%, #123A92 85.16%), #1F4393;
    border-radius: 12px 12px 0 0
}

.otrima_modal .modal-content .table thead tr th {
    height: 3.5rem;
    font-weight: 600;
    font-size: 14px;
    color: var(---text-color);
    border: none
}

.otrima_modal .modal-content .table thead tr th:first-child {
    border-top-left-radius: 12px;
    padding-left: 20px
}

.otrima_modal .modal-content .table thead tr th:last-child {
    border-top-right-radius: 12px;
    padding-right: 20px
}

.otrima_modal .modal-content .table thead tr.space {
    width: 1px;
    height: 1px;
    display: block;
    margin-left: 20.3333px !important;
    margin-top: 7.53333px !important
}

.otrima_modal .modal-content .table tbody {
    display: block;
    max-height: 350px;
    border: none;
    overflow-y: auto;
    box-shadow: 4px 4px 10px #437fec1a;
    border-radius: 0 0 16px 16px
}

.otrima_modal .modal-content .table tbody::-webkit-scrollbar-thumb {
    background: #E4ECF9 !important;
    border-radius: 5px;
    width: 5px !important
}

.otrima_modal .modal-content .table tbody::scrollbar-thumb {
    background: #E4ECF9 !important;
    border-radius: 5px;
    width: 5px !important
}

.otrima_modal .modal-content .table tbody::-webkit-scrollbar {
    width: 5px !important;
    height: 5px
}

.otrima_modal .modal-content .table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed
}

.otrima_modal .modal-content .table tbody tr td {
    border: none;
    padding: 1rem .65rem;
    font-size: 14px;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: default
}

.otrima_modal .modal-content .table tbody tr td:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    padding-left: 22px
}

.otrima_modal .modal-content .table tbody tr td:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    padding-right: 22px
}

.otrima_modal .modal-content .table tbody tr td .action-list {
    display: flex;
    align-items: center
}

.otrima_modal .modal-content .table tbody tr td .action-list a {
    color: #1f4393
}

.otrima_modal .modal-content .table tbody tr td .action-list a:not(:last-child) {
    margin-right: .65rem
}

.otrima_modal .modal-content .table tbody tr:nth-of-type(odd) {
    background: #fff
}

.otrima_modal .modal-content .table tbody tr:nth-of-type(even) {
    background: #F7F9FF
}

.otrima_modal .modal-content .o-trim_pagination .pagination .page-item .page-link {
    color: #007289;
    border-color: #007289
}

.otrima_modal .modal-content .o-trim_pagination .pagination .page-item.disabled .page-link {
    cursor: none
}

.otrima_modal .modal-content .o-trim_pagination .pagination .page-item.disabled:hover .page-link,
.otrima_modal .modal-content .o-trim_pagination .pagination .page-item.disabled.active .page-link {
    background: linear-gradient(290.98deg, #00728983 27.72%, #123b928e 85.16%);
    border-color: #00728970
}

.otrima_modal .modal-content .o-trim_pagination .pagination .page-item:hover .page-link,
.otrima_modal .modal-content .o-trim_pagination .pagination .page-item.active .page-link {
    color: #fff;
    background: linear-gradient(290.98deg, #007289 27.72%, #123A92 85.16%);
    border-color: #007289
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .otrim_daterange_picker .input-group.rightALign .md-drppicker.shown.double {
        right: -185px !important
    }
}

@media (min-width: 1440px) and (max-width: 1600px) {
    .otrim_daterange_picker .input-group.rightALign .md-drppicker.shown.double {
        right: -160px !important
    }
}

.otrim_daterange_picker .custom-filter {
    max-width: 100%
}

.otrim_daterange_picker .custom-filter .form-control {
    font-size: var(--clamp14);
    height: clamp(40px, 2.032vw, 40px);
    border-radius: 10px !important
}

.otrim_daterange_picker .custom-filter .form-control.otrim-border-theme {
    border: 1px solid #8FA1C9
}

.otrim_daterange_picker .custom-filter .form-control::placeholder {
    color: #1f4393;
    opacity: .3
}

.otrim_daterange_picker .custom-filter .form-control:focus,
.otrim_daterange_picker .custom-filter .form-control:focus-visible {
    outline: none;
    box-shadow: 0 0 0 .1rem #8743ff33
}

.otrim_daterange_picker .custom-filter .right-icon {
    color: #1f4393;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .45rem;
    background: none;
    box-shadow: none;
    border: transparent;
    border-radius: 10px !important;
    transition: all .1s ease
}

.otrim_daterange_picker .input-group.left_Align .md-drppicker.shown.double {
    left: 0 !important;
    right: auto !important
}

.otrim_daterange_picker .input-group .md-drppicker {
    top: 46px !important;
    left: auto !important;
    right: 0 !important
}

.otrim_daterange_picker .input-group .md-drppicker.shown.double {
    top: 48px !important;
    padding: 6px 6px 60px !important
}

.otrim_daterange_picker .input-group .md-drppicker .ranges ul li button.active {
    background: linear-gradient(290.98deg, #007289 27.72%, #123A92 85.16%);
    border-radius: 8px
}

.otrim_daterange_picker .input-group .md-drppicker th {
    color: #1f4393;
    text-transform: capitalize
}

.otrim_daterange_picker .input-group .md-drppicker td.active {
    color: #fff !important;
    background: linear-gradient(290.98deg, #007289 27.72%, #123A92 85.16%)
}

.otrim_daterange_picker .input-group .md-drppicker td.off {
    color: #1f4393
}

.otrim_daterange_picker .input-group .md-drppicker .buttons_input .btn {
    font-size: 14px;
    text-transform: capitalize;
    border-radius: 10px;
    padding: .15rem 1rem
}

.otrim_daterange_picker .input-group .md-drppicker .buttons_input .btn:first-child {
    color: #084753;
    background: transparent;
    border: 1px solid #084753
}

.otrim_daterange_picker .input-group .md-drppicker .buttons_input .btn:first-child svg {
    color: #084753
}

.otrim_daterange_picker .input-group .md-drppicker .buttons_input .btn:first-child:hover,
.otrim_daterange_picker .input-group .md-drppicker .buttons_input .btn:first-child:focus,
.otrim_daterange_picker .input-group .md-drppicker .buttons_input .btn:first-child.active {
    color: #fff;
    background-color: transparent;
    background: linear-gradient(290.98deg, #123A92 27.72%, #007289 85.16%);
    border: 1px solid #084753
}

.otrim_daterange_picker .input-group .md-drppicker .buttons_input .btn:first-child:hover svg,
.otrim_daterange_picker .input-group .md-drppicker .buttons_input .btn:first-child:focus svg,
.otrim_daterange_picker .input-group .md-drppicker .buttons_input .btn:first-child.active svg {
    color: #fff
}

.otrim_daterange_picker .input-group .md-drppicker .buttons_input .btn:last-child {
    color: #fff;
    background: linear-gradient(290.98deg, #007289 27.72%, #123A92 85.16%);
    box-shadow: 0 .125rem .25rem #00000014;
    border: 1px solid transparent;
    transition: all .1s ease
}

.otrim_daterange_picker .input-group .md-drppicker .buttons_input .btn:last-child:hover,
.otrim_daterange_picker .input-group .md-drppicker .buttons_input .btn:last-child:focus,
.otrim_daterange_picker .input-group .md-drppicker .buttons_input .btn:last-child.active {
    color: #fff;
    background-color: transparent;
    background: linear-gradient(290.98deg, #123A92 27.72%, #007289 85.16%);
    box-shadow: 0 .25rem .35rem #0000002e
}

.otrim_daterange_picker .md-drppicker option.disabled,
.otrim_daterange_picker .md-drppicker td {
    opacity: 1
}

.otrim_daterange_picker .md-drppicker option.disabled.disabled,
.otrim_daterange_picker .md-drppicker td.disabled {
    text-decoration: none !important
}

.otrim_daterange_picker .md-drppicker td.available:hover,
.otrim_daterange_picker .md-drppicker th.available:hover {
    border-radius: 6px
}

.otrim_daterange_picker .md-drppicker .calendar td,
.otrim_daterange_picker .md-drppicker .calendar th {
    min-width: 25px;
    font-size: 14px
}

@media (min-width: 992px) {
    .otrim_daterange_picker .md-drppicker.double {
        width: auto
    }
}

.custom-dropdown-ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
    color: #fff;
    background: #1F4393
}

.custom-dropdown-ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
.custom-dropdown-ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked {
    color: #fff;
    background: #2757be
}

.custom-ng-select .ng-dropdown-panel.ng-select-multiple .ng-dropdown-panel-items .ng-option.ng-option-marked {
    color: #fff;
    background: #1F4393
}

.introjs-tooltip.otrim_tour_guide {
    background-color: transparent;
    box-shadow: none;
    margin-bottom: 2rem
}

.introjs-tooltip.otrim_tour_guide .introjs-tooltiptext {
    color: #fff;
    font-size: var(--clamp16);
    text-shadow: 2px 2px 6px #000;
    font-family: cursive;
    padding: 15px 0;
    line-height: 28px
}

.introjs-tooltip.otrim_tour_guide .introjs-tooltiptext img.bottom {
    position: absolute;
    top: -64px;
    right: 0px;
    transform: rotateY(0) rotateX(30deg)
}

.introjs-tooltip.otrim_tour_guide.introjs-top-middle-aligned img.bottom,
.introjs-tooltip.otrim_tour_guide.introjs-top-left-aligned img.bottom {
    position: absolute;
    top: auto;
    bottom: -100px;
    transform: rotateY(30deg) rotateX(0)
}

.introjs-tooltip.otrim_tour_guide .introjs-tooltipbuttons {
    border-top: none;
    padding: 0 0 10px;
    display: flex;
    gap: .85rem
}

.introjs-tooltip.otrim_tour_guide .introjs-tooltipbuttons .introjs-button {
    color: #fff;
    border-radius: 10px;
    padding: .45rem 1rem;
    background: linear-gradient(290.98deg, #007289 27.72%, #123A92 85.16%);
    box-shadow: 0 .125rem .25rem #00000014;
    border: none;
    transition: all .1s ease
}

.introjs-tooltip.otrim_tour_guide .introjs-tooltipbuttons .introjs-button:hover,
.introjs-tooltip.otrim_tour_guide .introjs-tooltipbuttons .introjs-button:focus,
.introjs-tooltip.otrim_tour_guide .introjs-tooltipbuttons .introjs-button.active {
    color: #fff;
    background-color: transparent;
    background: linear-gradient(290.98deg, #123A92 27.72%, #007289 85.16%);
    box-shadow: 0 .25rem .35rem #0000002e
}

.introjs-tooltip.otrim_tour_guide .introjs-skipbutton {
    left: 0
}

.introjs-tooltip.otrim_tour_guide .introjs-skipbutton span {
    color: var(--white-color);
    font-size: var(--clamp16)
}

.introjs-tooltip.otrim_tour_guide .introjs-arrow {
    display: none !important
}

.otrim_heighlight_box {
    background: none;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    box-shadow: 0 0, #212121cc 0 0 0 5000px !important
}

:root,
[data-trc-theme=light] {
    --color-scheme: light;
    --menu-toggle: #8340FA;
    --menu-toggle-bg: #ffffff;
    --asidemenu-collepse-icon: #1F4393;
    --logo-text: #483AA7;
    --text-white: #ffffff;
    --text-dark: #2A3F51;
    --aside-menu-bg: #f1f1f1;
    --obsT_primary: #1DA1F2;
    --obsT_body: #E4ECF9;
    --obsT_color: #FFFFFF;
    --text-color: #173545;
    --text-color2: #616F81;
    --breadcrumb-bg: #ffffff;
    --section-card-bg: #ffffff;
    --btn-gb-color: #CBEBFF;
    --border-color: #E0E0E0;
    --border-color-50: #EBEAFF;
    --obsT_title: #1F4393;
    --obsT_subtitle: #0A2477;
    --input-bg-color: #F8F8FF;
    --label-color: #313131;
    --input-border-color: #F8F8FF;
    --input-check-bgcolor: #1DA1F2;
    --placeholder-color: #616F81;
    --input-color: #000;
    --input-btn-disabled-bg: #efefef;
    --map-bg: #def3ff;
    --map-color: #fff;
    --card-bg: #ffffff;
    --card-bg-secondary: #EDF1FF;
    --card-bg-third: #f8f8ff;
    --card-header-bg: #E8F3FF;
    --card-border-color: #e1eaf5;
    --table-bg: #ffffff;
    --table-bg2: #DCF2FD;
    --table-head-bg: rgba(28, 160, 242, .12);
    --table-text-color: #173545;
    --table-border: #D8E8FF;
    --table-footer-bg: rgba(28, 160, 242, .12);
    --modal-header: rgba(28, 160, 242, .12);
    --modal-border-color: #D8E8FF;
    --modal-body: #fff;
    --obsT_danger: #E8524A;
    --obsT_success: #01D167;
    --obsT_warning: #FEC600;
    --obsT_link: #3677F6;
    --filterObject: invert(0)
}

[data-trc-theme=dark] {
    --color-scheme: dark;
    --menu-toggle: #1DA1F2;
    --menu-toggle-bg: #0a162f;
    --logo-text: #fff;
    --asidemenu-collepse-icon: #1DA1F2;
    --aside-menu-bg: #1A2744;
    --obsT_body: #0a162f;
    --obsT_color: #1A2744;
    --text-color: #f5f5f5;
    --text-color2: #f0f0f0;
    --breadcrumb-bg: #1A2744;
    --section-card-bg: #1A2744;
    --btn-gb-color: #2a354a;
    --border-color: #4F6084;
    --border-color-50: #4F608480;
    --obsT_title: #fff;
    --obsT_subtitle: #fff;
    --label-color: #f1f1f1;
    --input-bg-color: #0a162f;
    --input-border-color: #0a162f;
    --input-check-bgcolor: #1DA1F2;
    --placeholder-color: #616F81;
    --input-color: #d4d4d4;
    --input-btn-disabled-bg: #1a2744;
    --map-bg: #1a2744;
    --map-color: #6D8FD9;
    --card-bg: #0a162f;
    --card-bg-secondary: #0a162f;
    --card-bg-third: #0a162f;
    --card-header-bg: #354875;
    --card-border-color: #4f608480;
    --table-bg: #0a162f;
    --table-bg2: #0a162fe5;
    --table-head-bg: #354875;
    --table-text-color: #e4e4e4;
    --table-border: #4f608480;
    --table-footer-bg: #4F6084;
    --modal-header: #354875;
    --modal-border-color: #4f608480;
    --modal-body: #1A2744;
    --filterObject: invert(1)
}

.widget-fields {
    border-color: var(--border-color-50) !important
}

.widget-fields li,
.cart-profile,
.custom-dropdown.dropdown-menu {
    background: var(--card-bg) !important;
    color: var(--obsT_title);
    border-color: var(--border-color-50) !important
}

.widget-fields li .dropdown-item,
.cart-profile .dropdown-item,
.custom-dropdown.dropdown-menu .dropdown-item {
    color: var(--text-color)
}

.widget-fields li .dropdown-item img,
.cart-profile .dropdown-item img,
.custom-dropdown.dropdown-menu .dropdown-item img {
    filter: var(--filterObject)
}

.widget-fields li .dropdown-item:hover,
.widget-fields li .dropdown-item:focus,
.widget-fields li .dropdown-item:active,
.cart-profile .dropdown-item:hover,
.cart-profile .dropdown-item:focus,
.cart-profile .dropdown-item:active,
.custom-dropdown.dropdown-menu .dropdown-item:hover,
.custom-dropdown.dropdown-menu .dropdown-item:focus,
.custom-dropdown.dropdown-menu .dropdown-item:active {
    color: var(--text-color);
    background: var(--obsT_primary)
}

[data-trc-theme=dark] .main-layout header {
    background: var(--aside-menu-bg)
}

[data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar {
    background-color: var(--menu-toggle-bg)
}

[data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li:not(:last-child),
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li:not(:last-child),
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li:not(:last-child),
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li:not(:last-child) {
    margin-bottom: 1px
}

[data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li a,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li a,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li a,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li a {
    background: var(--aside-menu-bg);
    border-bottom: 1px solid var(--border-color-50)
}

@media only screen and (max-width: 767px) {

    [data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li a,
    [data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li a,
    [data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li a,
    [data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li a {
        padding-top: 10px
    }
}

[data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li a .title,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li a .title,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li a .title,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li a .title {
    color: var(--text-color)
}

[data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li a.active,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li a:hover,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li a.active,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li a:hover,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li a.active,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li a:hover,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li a.active,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li a:hover {
    background: #8743FF
}

[data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li a.active .icon,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li a:hover .icon,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li a.active .icon,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li a:hover .icon,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li a.active .icon,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li a:hover .icon,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li a.active .icon,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li a:hover .icon {
    background: var(--text-white) !important
}

[data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li a .icon,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li a .icon,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li a .icon,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li a .icon {
    width: 48px;
    height: 48px;
    background: var(--card-bg);
    border-radius: 6px;
    margin-bottom: 0;
    border-color: var(--border-color-50)
}

[data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li a .icon img,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li a .icon img,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li a .icon img,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li a .icon img {
    filter: none
}

[data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list li a .hover-title,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-main-content .obs-menus .sidebar-products-list-fixed li a .hover-title,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list li a .hover-title,
[data-trc-theme=dark] .main-layout .obs-main-layout .obs-sidebar .obs-menus .sidebar-products-list-fixed li a .hover-title {
    top: 22px
}

[data-trc-theme=dark] .main-layout .header-right .widget-fields li,
[data-trc-theme=dark] .main-layout .header-right .cart-profile,
[data-trc-theme=dark] .main-layout .header-right .custom-dropdown.dropdown-menu {
    background: var(--card-bg) !important;
    color: var(--obsT_title)
}

[data-trc-theme=dark] .main-layout .header-right .widget-fields li .dropdown-item,
[data-trc-theme=dark] .main-layout .header-right .cart-profile .dropdown-item,
[data-trc-theme=dark] .main-layout .header-right .custom-dropdown.dropdown-menu .dropdown-item {
    color: var(--text-color)
}

[data-trc-theme=dark] .main-layout .header-right .widget-fields li .dropdown-item img,
[data-trc-theme=dark] .main-layout .header-right .cart-profile .dropdown-item img,
[data-trc-theme=dark] .main-layout .header-right .custom-dropdown.dropdown-menu .dropdown-item img {
    filter: var(--filterObject)
}

[data-trc-theme=dark] .main-layout .header-right .widget-fields li .dropdown-item:hover,
[data-trc-theme=dark] .main-layout .header-right .widget-fields li .dropdown-item:focus,
[data-trc-theme=dark] .main-layout .header-right .widget-fields li .dropdown-item:active,
[data-trc-theme=dark] .main-layout .header-right .cart-profile .dropdown-item:hover,
[data-trc-theme=dark] .main-layout .header-right .cart-profile .dropdown-item:focus,
[data-trc-theme=dark] .main-layout .header-right .cart-profile .dropdown-item:active,
[data-trc-theme=dark] .main-layout .header-right .custom-dropdown.dropdown-menu .dropdown-item:hover,
[data-trc-theme=dark] .main-layout .header-right .custom-dropdown.dropdown-menu .dropdown-item:focus,
[data-trc-theme=dark] .main-layout .header-right .custom-dropdown.dropdown-menu .dropdown-item:active {
    color: var(--text-color);
    background: var(--obsT_primary)
}

[data-trc-theme=light] .main-layout .obs-main-content .sidebar-products-list li:not(:last-child),
[data-trc-theme=light] .main-layout .obs-main-content .sidebar-products-list-fixed li:not(:last-child) {
    margin-bottom: 1px
}

[data-trc-theme=light] .main-layout .obs-main-content .sidebar-products-list li a,
[data-trc-theme=light] .main-layout .obs-main-content .sidebar-products-list-fixed li a {
    background: #fff;
    border-bottom: 1px solid var(--border-color-50)
}

@media only screen and (max-width: 767px) {

    [data-trc-theme=light] .main-layout .obs-main-content .sidebar-products-list li a,
    [data-trc-theme=light] .main-layout .obs-main-content .sidebar-products-list-fixed li a {
        padding-top: 10px
    }
}

[data-trc-theme=light] .main-layout .obs-main-content .sidebar-products-list li a.active,
[data-trc-theme=light] .main-layout .obs-main-content .sidebar-products-list li a:hover,
[data-trc-theme=light] .main-layout .obs-main-content .sidebar-products-list-fixed li a.active,
[data-trc-theme=light] .main-layout .obs-main-content .sidebar-products-list-fixed li a:hover {
    background: #8743FF
}

[data-trc-theme=light] .main-layout .obs-main-content .sidebar-products-list li a.active .icon,
[data-trc-theme=light] .main-layout .obs-main-content .sidebar-products-list li a:hover .icon,
[data-trc-theme=light] .main-layout .obs-main-content .sidebar-products-list-fixed li a.active .icon,
[data-trc-theme=light] .main-layout .obs-main-content .sidebar-products-list-fixed li a:hover .icon {
    background: var(--text-white) !important
}

[data-trc-theme=light] .main-layout .obs-main-content .sidebar-products-list li a .icon,
[data-trc-theme=light] .main-layout .obs-main-content .sidebar-products-list-fixed li a .icon {
    width: 48px;
    height: 48px;
    background: var(--card-bg);
    border-radius: 6px;
    margin-bottom: 0;
    border-color: var(--border-color-50)
}

[data-trc-theme=light] .main-layout .obs-main-content .sidebar-products-list li a .icon img,
[data-trc-theme=light] .main-layout .obs-main-content .sidebar-products-list-fixed li a .icon img {
    filter: none
}

:root {
    --font-family: "Poppins", sans-serif;
    --primary-color: #2D7EC1;
    --secondary-color: #CBE8FE;
    --primary-btn-bg: transparent linear-gradient(270deg, var(--primary-color) 0%, var(--secondary-color) 100%) 0% 0% no-repeat padding-box;
    --text-color: #0F1419;
    --text-muted-color: #969696;
    --link-color: #125df2;
    --header-text-color: #463742;
    --header-border-color: #f1f1f1;
    --card-border-color: #d7d3e0;
    --black-color: #000000;
    --white-color: #ffffff;
    --error-color: #e61800;
    --body-bg: #EFF3F4;
    --bg-color1: #8743ff33;
    --input-bg: #EEF7FF;
    --table-head-bg: #DEF1FF;
    --input-height: 42px;
    --input-height-lg: 42px;
    --input-height-sm: 40px;
    --body-content-bg: #f7f7f7;
    --success-bg: #1ad5984d;
    --success-text-color: #45B549;
    --pending-bg: #217efd4d;
    --pending-text-color: #217efd;
    --failed-bg: #ea3a3d4d;
    --failed-text-color: #ff2f33;
    --font-weght-medium: 500;
    --font-weght-bold: 600;
    --uppercase: uppercase;
    --border-radius1: 8px;
    --border-radius2: 10px;
    --border-radius3: 16px;
    --border-color-ticket-from: #eae9ed;
    --arrow-btn-bg: #dccafc;
    --btn-outline-bg: #f1ebff80;
    --table-even-color: #F8F8F8;
    --voilet-color: #7b41fd;
    --title-color: #015391;
    --oes-secondary-color: #E8F5FD;
    --oes-text-color: #616B80;
    --btn-primary-color: #2A76B4;
    --oes-title-color: #064B8B;
    --oes-table-color: #2E3744;
    --back-btn-bg: #015391;
    --clamp12: clamp(10px, .625vw, 12px);
    --clamp13: clamp(11px, .677vw, 13px);
    --clamp14: clamp(12px, .72916vw, 14px);
    --clamp15: clamp(13px, .78125vw, 15px);
    --clamp16: clamp(14px, .8333vw, 16px);
    --clamp18: clamp(15px, .9375vw, 18px);
    --clamp20: clamp(16px, 1.0416vw, 20px);
    --clamp22: clamp(16px, 1.14583vw, 22px);
    --clamp24: clamp(18px, 1.25vw, 24px);
    --clamp26: clamp(20px, 1.3541vw, 26px);
    --clamp28: clamp(22px, 1.4583vw, 28px);
    --clamp30: clamp(20px, 1.5625vw, 30px);
    --clamp32: clamp(24px, 1.6666vw, 32px);
    --clamp34: clamp(25px, 1.77083vw, 34px);
    --clamp36: clamp(25px, 1.875vw, 36px);
    --clamp38: clamp(26px, 1.97916vw, 38px);
    --clamp40: clamp(25px, 2.083vw, 40px);
    --clamp42: clamp(25px, 2.1875vw, 42px);
    --clamp44: clamp(25px, 2.2916vw, 44px);
    --clamp46: clamp(36px, 2.39583vw, 46px);
    --clamp48: clamp(30px, 2.5vw, 48px);
    --clamp60: clamp(35px, 3.125vw, 60px);
    --clamp78: clamp(40px, 4.0625vw, 78px)
}

html,
body {
    scroll-behavior: smooth;
    scrollbar-width: none
}

::-webkit-scrollbar {
    width: 0;
    height: 0
}

body {
    margin: 0;
    font-family: Poppins, sans-serif;
    min-height: 100%;
    background-color: var(--body-bg) !important
}

ol,
ul {
    padding: 0;
    margin: 0;
    list-style: none
}

a {
    text-decoration: none !important;
    color: inherit
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-bottom: 0
}

.text-error {
    color: var(--error-color);
    font-size: var(--clamp12)
}

.text-error.search-error {
    position: absolute;
    bottom: -20px;
    font-size: 12px;
    left: 12px
}

.link-color {
    color: var(--link-color)
}

.cursor-pointer {
    cursor: pointer
}

.primary-color {
    color: var(--primary-color) !important
}

.border-bottom {
    border-bottom: 1px solid #f1f1f1
}

.hide-arrow.dropdown-toggle:after {
    display: none
}

input::-ms-reveal {
    display: none
}

.form-control:focus,
.form-control:focus-visible,
.form-select:focus {
    box-shadow: none;
    border-color: var(--primary-color)
}

.custom-input {
    background: var(--input-bg);
    color: var(--text-color);
    font-size: var(--clamp14);
    border-radius: 6px;
    border: none;
    font-weight: 400;
    width: 100%;
    height: var(--input-height)
}

@media screen and (max-width: 1400px) {
    .custom-input {
        height: var(--input-height-lg)
    }
}

@media screen and (max-width: 992px) {
    .custom-input {
        height: var(--input-height-sm)
    }
}

.custom-input::placeholder {
    opacity: .5
}

.custom-input:focus {
    background: var(--input-bg)
}

.custom-select {
    background: url(dropdown-arrow1.428481df1725ecd2.svg) no-repeat var(--input-bg);
    background-position: 94% center;
    cursor: pointer;
    color: var(--title-color);
    font-size: var(--clamp14);
    border-radius: var(--border-radius2);
    border: none;
    font-weight: 400;
    width: 100%;
    height: var(--input-height);
    border: 2px solid #EFF3F4
}

@media screen and (max-width: 1400px) {
    .custom-select {
        height: var(--input-height-lg)
    }
}

@media screen and (max-width: 992px) {
    .custom-select {
        height: var(--input-height-sm)
    }
}

.custom-select::placeholder {
    opacity: .5
}

.custom-select:focus {
    background: url(dropdown-arrow1.428481df1725ecd2.svg) no-repeat var(--input-bg);
    background-position: 94% center;
    outline: none;
    box-shadow: 0 0;
    border: 1px solid var(--primary-color)
}

.custom-select.text-muted {
    cursor: initial;
    color: var(--text-color)
}

.custom-search {
    position: relative;
    min-width: 230px;
    width: 100%
}

@media screen and (max-width: 767px) {
    .custom-search {
        max-width: 100%
    }
}

.custom-search:focus-visible {
    border: none !important;
    box-shadow: none !important;
    outline: none
}

.custom-search input {
    padding-right: 44px;
    padding-left: 12px;
    background: var(--input-bg);
    border: none;
    width: 100%;
    max-width: 100%;
    border-radius: var(--border-radius2) !important;
    color: var(--text-color);
    height: var(--input-height);
    caret-color: var(--primary-color);
    background: #EEF7FF 0% 0% no-repeat padding-box;
    border: 1px solid #00000000;
    border-radius: 10px
}

@media screen and (max-width: 1400px) {
    .custom-search input {
        height: var(--input-height-lg)
    }
}

@media screen and (max-width: 992px) {
    .custom-search input {
        height: var(--input-height-sm)
    }
}

.custom-search input:focus,
.custom-search input:focus-visible {
    background: #EEF7FF 0% 0% no-repeat padding-box;
    box-shadow: none;
    outline: 1px solid var(--primary-color);
    border: none
}

.custom-search ::-webkit-input-placeholder {
    color: var(--black-color) !important;
    opacity: .4;
    font-size: 14px;
    color: #00000085
}

.custom-search :-moz-placeholder {
    color: var(--black-color) !important;
    opacity: .4;
    font-size: 14px;
    color: #00000085
}

.custom-search ::-moz-placeholder {
    color: var(--black-color) !important;
    opacity: .4;
    font-size: 14px;
    color: #00000085
}

.custom-search :-ms-input-placeholder {
    color: var(--black-color) !important;
    opacity: .4;
    font-size: 14px;
    color: #00000085
}

.custom-search .right-icon {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: var(--primary-color);
    box-shadow: none;
    outline: none;
    border: none;
    color: var(--white-color);
    height: 32px;
    font-size: var(--clamp14);
    width: 32px;
    z-index: 4;
    border-radius: var(--border-radius2) !important;
    cursor: pointer;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding-top: 2px
}

.custom-search.close-icon input {
    padding-right: 75px
}

.custom-filter {
    position: relative;
    min-width: 230px;
    width: 100%
}

@media screen and (max-width: 767px) {
    .custom-filter {
        max-width: 100%
    }
}

.custom-filter:focus-visible {
    border: none !important;
    box-shadow: none !important;
    outline: none
}

.custom-filter input {
    padding-right: 44px;
    padding-left: 12px;
    background: var(--input-bg);
    border: none;
    width: 100%;
    max-width: 100%;
    border-radius: var(--border-radius2) !important;
    color: var(--text-color);
    height: var(--input-height);
    caret-color: var(--primary-color);
    background: #EEF7FF 0% 0% no-repeat padding-box;
    border: 1px solid #00000000;
    border-radius: 10px
}

@media screen and (max-width: 1400px) {
    .custom-filter input {
        height: var(--input-height-lg)
    }
}

@media screen and (max-width: 992px) {
    .custom-filter input {
        height: var(--input-height-sm)
    }
}

.custom-filter input:focus,
.custom-filter input:focus-visible {
    background: #EEF7FF 0% 0% no-repeat padding-box;
    box-shadow: none;
    outline: 1px solid var(--primary-color);
    border: none
}

.custom-filter ::-webkit-input-placeholder {
    color: var(--black-color) !important;
    opacity: .4;
    font-size: 14px;
    color: #00000085
}

.custom-filter :-moz-placeholder {
    color: var(--black-color) !important;
    opacity: .4;
    font-size: 14px;
    color: #00000085
}

.custom-filter ::-moz-placeholder {
    color: var(--black-color) !important;
    opacity: .4;
    font-size: 14px;
    color: #00000085
}

.custom-filter :-ms-input-placeholder {
    color: var(--black-color) !important;
    opacity: .4;
    font-size: 14px;
    color: #00000085
}

.custom-filter .right-icon {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: var(--primary-color);
    box-shadow: none;
    outline: none;
    border: none;
    color: var(--white-color);
    height: 32px;
    font-size: var(--clamp14);
    width: 32px;
    z-index: 4;
    border-radius: var(--border-radius2) !important;
    cursor: pointer;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding-top: 2px
}

.custom-filter.close-icon input {
    padding-right: 75px
}

.custom-filter .left-icon {
    position: absolute;
    left: 10px;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
    padding-top: 2px;
    color: var(--text-color);
    opacity: .4
}

.custom-filter.date-field {
    font-size: 14px !important;
    min-width: 250px !important
}

.custom-filter.date-field input {
    font-size: 14px !important
}

.obs-custom-tooltip .tooltip-inner {
    background-color: var(--primary-color);
    font-size: 12px;
    line-height: 16px
}

.obs-custom-tooltip.bs-tooltip-end .tooltip-arrow:before,
.obs-custom-tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before {
    border-right-color: var(--primary-color)
}

.obs-custom-tooltip.bs-tooltip-start .tooltip-arrow:before,
.obs-custom-tooltip.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before {
    border-left-color: var(--primary-color)
}

.obs-custom-tooltip.bs-tooltip-top .tooltip-arrow:before,
.obs-custom-tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before {
    border-top-color: var(--primary-color)
}

.obs-custom-tooltip.bs-tooltip-bottom .tooltip-arrow:before,
.obs-custom-tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before {
    border-bottom-color: var(--primary-color)
}

.mat-table {
    font-family: var(--font-family)
}

.table-responsive::-webkit-scrollbar {
    background-color: transparent;
    height: 6px
}

.table-responsive:hover::-webkit-scrollbar {
    height: 6px
}

.table-responsive:hover::-webkit-scrollbar-thumb {
    background-color: #0003
}

.custom-dropdown2 .btn-view {
    background: var(--input-bg);
    border: none;
    border-radius: 8px !important;
    color: var(--primary-color);
    height: var(--input-height);
    padding-left: 24px;
    padding-right: 15px
}

.custom-dropdown2 .btn-view .fa {
    padding: 0 5px 0 10px;
    color: var(--primary-color);
    font-size: var(--clamp18)
}

@media screen and (max-width: 1400px) {
    .custom-dropdown2 .btn-view {
        height: var(--input-height-lg)
    }
}

@media screen and (max-width: 992px) {
    .custom-dropdown2 .btn-view {
        height: var(--input-height-sm)
    }
}

.custom-dropdown2 .btn-view:focus {
    background: var(--input-bg)
}

.mat-checkbox-checked.mat-accent .mat-checkbox-background {
    background: linear-gradient(94deg, #015391 0%, #2D7EC1 100%)
}

.custom-btn.btn,
.custom-btn {
    background-color: var(--title-color);
    border-radius: var(--border-radius2);
    color: var(--white-color);
    font-size: var(--clamp16);
    font-weight: 500;
    text-align: center;
    min-width: 120px;
    padding: 14px 14px 12px;
    outline: none;
    border: 1px solid var(--title-color);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: var(--input-height);
    line-height: 18px
}

.custom-btn.btn i,
.custom-btn i {
    margin-right: 12px
}

.custom-btn.btn:hover,
.custom-btn.btn.active,
.custom-btn.btn:focus,
.custom-btn.btn:focus-visible,
.custom-btn:hover,
.custom-btn.active,
.custom-btn:focus,
.custom-btn:focus-visible {
    color: var(--white-color)
}

.custom-btn.btn.green-btn,
.custom-btn.green-btn {
    background-color: #45b549;
    border: 1px solid #45B549
}

.custom-btn-outline {
    background: var(--white-color);
    border-radius: var(--border-radius2);
    color: #666;
    font-size: var(--clamp16);
    font-weight: 500;
    text-align: center;
    min-width: 100px;
    padding: 14px 14px 12px;
    outline: none;
    border: 1px solid #2D7EC1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: var(--input-height);
    line-height: 18px
}

.custom-btn-outline i {
    color: var(--primary-color);
    margin-right: 12px
}

.addfavorite-fill .fa {
    color: #ff009b !important
}

.addfavorite-outline .fal {
    color: #ff99d7 !important
}

.back-btn {
    background: linear-gradient(129deg, #015391 0%, #2D7EC1 100%);
    width: 35px;
    height: 35px;
    border-radius: 6px;
    cursor: pointer;
    color: var(--white-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    border: none
}

.back-btn:hover {
    color: var(--white-color)
}

.animation-btn {
    color: #fff;
    position: relative;
    background: #012670;
    font-size: var(--clamp16);
    text-transform: capitalize;
    padding: 13px 50px 13px 13px;
    border-radius: 33px;
    border: 1px solid #1d9cf0;
    overflow: hidden;
    transition: all .3s ease 0s;
    z-index: 1;
    min-height: 60px
}

.animation-btn:before {
    content: "";
    background: #1d9cf0;
    width: 100%;
    height: 100%;
    border-radius: 33px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all .3s ease
}

.animation-btn span {
    transition: all .4s ease-in
}

.animation-btn .icon {
    width: 30px;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: calc(100% - 40px);
    transition: all .3s ease 0s
}

.animation-btn:hover {
    color: #fff;
    padding: 13px 13px 13px 50px;
    border-radius: 33px;
    box-shadow: 0 0 10px #0000004d;
    border: 1px solid #FFFFFF99;
    background-color: #0c4b8c
}

.animation-btn:hover .icon {
    left: 10px
}

.animation-btn:hover:before {
    background: #60bcfa61;
    width: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    box-shadow: 0 0 20px #569ff7
}

@keyframes blurText {
    0% {
        filter: blur(0px)
    }

    50% {
        filter: blur(6px)
    }

    to {
        filter: blur(0px)
    }
}

.sub-sidebar::-webkit-scrollbar,
.obs-sidebar::-webkit-scrollbar {
    width: 0
}

.sub-sidebar::-webkit-scrollbar-thumb,
.obs-sidebar::-webkit-scrollbar-thumb {
    background: var(--bg-color1);
    box-sizing: border-box;
    box-shadow: inset 0 10px 10px #ffffff40;
    border-radius: 3px
}

.obs-title2 {
    font-size: var(--clamp24);
    color: var(--title-color);
    font-weight: 600
}

.obs-title2 span {
    color: var(--success-text-color);
    display: inline-block
}

.obs-title3 {
    font-size: var(--clamp20);
    color: var(--title-color);
    font-weight: 600
}

.obs-title4 {
    font-size: var(--clamp18);
    color: var(--title-color);
    font-weight: 600
}

.obs-title5 {
    font-size: var(--clamp18);
    color: var(--title-color);
    font-weight: 500
}

.obs-inside-page {
    background-color: var(--white-color);
    border-radius: 16px;
    padding: 24px
}

@media (max-width: 991px) {
    .obs-inside-page {
        padding: 16px
    }
}

.obs-inside-page .page-header {
    padding-bottom: 16px;
    border-bottom: 1px solid var(--header-border-color);
    margin-bottom: 20px
}

.input-group .md-drppicker.shown.double {
    top: 60px !important;
    padding: 15px 30px 60px 15px;
    display: flex;
    overflow: inherit;
    left: auto !important;
    right: 0 !important
}

@media screen and (max-width: 651px) {
    .input-group .md-drppicker.shown.double {
        display: inherit
    }
}

.input-group .md-drppicker .buttons_input {
    display: flex;
    justify-content: flex-end
}

.input-group .md-drppicker .buttons_input .btn {
    background: var(--white-color);
    border-radius: 6px;
    color: var(--primary-color);
    font-size: var(--clamp16);
    font-weight: 500;
    min-width: 100px;
    padding: 1px 8px;
    border: 1px solid var(--primary-color);
    color: var(--text-color)
}

@media screen and (max-width: 768px) {
    .input-group .md-drppicker .buttons_input .btn {
        font-size: 12px !important
    }
}

.input-group .md-drppicker .buttons_input .btn.btn-default {
    margin-right: 8px;
    color: var(--primary-color)
}

.input-group .md-drppicker .buttons_input .btn svg {
    width: 20px;
    position: relative;
    top: -5px;
    color: #015391
}

.input-group .md-drppicker .buttons_input .btn:last-child {
    background-color: var(--primary-color);
    color: var(--white-color);
    text-align: center
}

.input-group .md-drppicker .ranges ul li button {
    color: var(--of-main-text-color);
    white-space: nowrap
}

.input-group .md-drppicker .ranges ul li button.active {
    background-color: var(--primary-color);
    border-radius: 8px
}

.input-group .md-drppicker .ranges ul li:hover {
    border-radius: 8px
}

.input-group .md-drppicker th {
    color: var(--primary-color)
}

.input-group .md-drppicker th.prev,
.input-group .md-drppicker th.next {
    filter: sepia(100%) hue-rotate(190deg) saturate(460%)
}

.input-group .md-drppicker td {
    color: var(--text-color)
}

.input-group .md-drppicker td.off {
    color: var(--primary-color);
    opacity: .5
}

.input-group .md-drppicker td.active {
    background-color: var(--primary-color)
}

.input-group .md-drppicker .buttons {
    text-align: right;
    margin: 0 5px 5px 0;
    position: absolute;
    bottom: 10px;
    right: 10px
}

.table-wrapper {
    width: 100%;
    font-size: var(--clamp16);
    color: var(--db-tittle)
}

.table-wrapper table {
    width: 100%;
    margin-bottom: 0
}

.table-wrapper table thead {
    background: var(--table-head-bg);
    border-radius: var(--border-radius2) !important;
    -webkit-border-radius: var(--border-radius2);
    -moz-border-radius: var(--border-radius2);
    vertical-align: middle
}

.table-wrapper table thead tr th:first-child {
    border-top-left-radius: var(--border-radius2);
    border-bottom-left-radius: var(--border-radius2)
}

.table-wrapper table thead tr th:last-child {
    border-top-right-radius: var(--border-radius2);
    border-bottom-right-radius: var(--border-radius2)
}

.table-wrapper table thead tr th {
    background: var(--table-head-bg);
    font-size: var(--clamp15);
    font-weight: 600;
    border-bottom-width: 0px;
    padding: 0 .5em;
    border-radius: 0;
    line-height: 20px;
    color: #015391
}

.table-wrapper table tbody {
    color: var(--label-color)
}

.table-wrapper table tbody tr {
    background-color: var(--table-row-color);
    height: 52px
}

.table-wrapper table tbody tr:nth-child(even) {
    background-color: var(--table-even-color)
}

.table-wrapper table tbody tr td {
    vertical-align: middle;
    border-bottom-width: 0px;
    padding: 0 .5em;
    color: var(--oes-table-color);
    font-size: var(--clamp15);
    font-weight: 400;
    background-color: #fff
}

.table-wrapper table tbody tr td:last-child {
    vertical-align: middle
}

.table-wrapper table tbody tr td button {
    border: none
}

.table-wrapper table tbody tr td button.success-full-btn {
    color: #00aa0d;
    font-size: var(--clamp13);
    font-weight: 500;
    background-color: transparent;
    position: relative;
    padding-left: 22px
}

.table-wrapper table tbody tr td button.success-full-btn:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 20px;
    width: 20px;
    background-size: 13px;
    background-position: center;
    background-repeat: no-repeat
}

.table-wrapper table tbody tr td button.success-full-btn:before {
    background-image: url(success-icon.17ab357bd911fa41.svg)
}

.table-wrapper table tbody tr td button.pending-full-btn {
    color: #d59351;
    font-size: var(--clamp13);
    font-weight: 500;
    background-color: transparent;
    position: relative;
    padding-left: 22px
}

.table-wrapper table tbody tr td button.pending-full-btn:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 20px;
    width: 20px;
    background-size: 13px;
    background-position: center;
    background-repeat: no-repeat
}

.table-wrapper table tbody tr td button.pending-full-btn:before {
    background-image: url(pending-icon.fcf7d12d3e407b3d.svg)
}

.table-wrapper table tbody tr td button.failed-full-btn {
    color: #e85b49;
    font-size: var(--clamp13);
    font-weight: 500;
    background-color: transparent;
    position: relative;
    padding-left: 22px
}

.table-wrapper table tbody tr td button.failed-full-btn:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 20px;
    width: 20px;
    background-size: 13px;
    background-position: center;
    background-repeat: no-repeat
}

.table-wrapper table tbody tr td button.failed-full-btn:before {
    background-image: url(rejected-icon.7488741c069b068d.svg)
}

.table-wrapper table tbody tr td button.expired-full-btn {
    color: #e85b49;
    font-size: var(--clamp13);
    font-weight: 500;
    background-color: transparent;
    position: relative;
    padding-left: 22px
}

.table-wrapper table tbody tr td button.expired-full-btn:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 20px;
    width: 20px;
    background-size: 13px;
    background-position: center;
    background-repeat: no-repeat
}

.table-wrapper table tbody tr td button.expired-full-btn:before {
    background-image: url(expired-icon.e0fffc64f3e01039.svg)
}

.table-wrapper table tbody tr td button.registred-full-btn {
    color: #00aa0d;
    font-size: var(--clamp13);
    font-weight: 500;
    background-color: transparent;
    position: relative;
    padding-left: 22px
}

.table-wrapper table tbody tr td button.registred-full-btn:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 20px;
    width: 20px;
    background-size: 13px;
    background-position: center;
    background-repeat: no-repeat
}

.table-wrapper table tbody tr td button.registred-full-btn:before {
    background-image: url(success-icon.17ab357bd911fa41.svg)
}

.table-wrapper table tbody tr td button.refunded-full-btn {
    color: #00aa0d;
    font-size: var(--clamp13);
    font-weight: 500;
    background-color: transparent;
    position: relative;
    padding-left: 22px
}

.table-wrapper table tbody tr td button.refunded-full-btn:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 20px;
    width: 20px;
    background-size: 13px;
    background-position: center;
    background-repeat: no-repeat
}

.table-wrapper table tbody tr td button.refunded-full-btn:before {
    background-image: url(success-icon.17ab357bd911fa41.svg)
}

.table-wrapper table tbody tr td .trans-id-arrow {
    border-radius: 12px;
    background: #e3ffe2;
    display: inline-table;
    width: 20px
}

.table-wrapper table tbody tr:hover {
    box-shadow: 0 12px 24px #36363612
}

.table-wrapper table tbody tr:hover td {
    background-color: var(--input-bg) !important
}

.table-wrapper table.mat-table mat-header-row,
.table-wrapper table.mat-table mat-footer-row,
.table-wrapper table.mat-table th.mat-header-cell,
.table-wrapper table.mat-table td.mat-cell,
.table-wrapper table.mat-table td.mat-footer-cell {
    border-bottom-color: transparent !important;
    border-bottom-style: none !important
}

.table-wrapper table.mat-table th,
.table-wrapper table.mat-table td {
    outline: none
}

.table-wrapper table.mat-table th:focus-visible,
.table-wrapper table.mat-table td:focus-visible {
    outline: none
}

.mat-form-field-appearance-fill .mat-form-field-flex {
    background-color: var(--body-bg);
    border-radius: var(--border-radius1)
}

.mat-form-field-label {
    color: var(--black-color)
}

.pre-loader {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 99999;
    background: transparent;
    color: var(--primary-color);
    display: flex;
    justify-content: center;
    overflow: hidden;
    left: 300px;
    top: 128px
}

@media (max-width: 991px) {
    .pre-loader {
        left: 0;
        top: 0
    }
}

.pre-loader-box {
    height: 100px;
    width: 100px;
    display: flex;
    position: fixed;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    background-color: var(--white-color);
    border-radius: 8px;
    box-shadow: 0 0 5px #eee;
    top: 40%;
    left: 50%
}

.pre-loader-box .spinner-border {
    color: var(--primary-color);
    width: 40px;
    height: 40px;
    border-width: 4px
}

.mat-tooltip {
    color: #fff !important;
    padding: 15px;
    background: #453963
}

ngx-intl-tel-input {
    width: 100%
}

ngx-intl-tel-input .iti {
    width: 100%
}

ngx-intl-tel-input .iti .iti__flag-container {
    left: 45px
}

ngx-intl-tel-input .iti input.custom {
    width: 100%;
    height: 50px;
    border-radius: 12px;
    padding-left: 100px;
    border: none
}

ngx-intl-tel-input .iti input.custom:focus-visible {
    border: none
}

.otp {
    margin-top: 5px
}

.otp .ng-otp-input-wrapper {
    display: flex;
    justify-content: space-between
}

.otp .ng-otp-input-wrapper .otp-input {
    border-radius: 8px;
    border: none
}

.otp .ng-otp-input-wrapper .otp-input:focus-visible {
    outline: none
}

.introjs-tooltip.chat-tour-guide {
    background-color: transparent;
    box-shadow: none
}

.introjs-tooltip.chat-tour-guide .introjs-tooltiptext {
    color: #fff;
    font-size: var(--clamp16);
    text-shadow: 2px 2px 6px #000;
    font-family: cursive;
    padding: 15px 0;
    line-height: 28px
}

.introjs-tooltip.chat-tour-guide .introjs-tooltipbuttons {
    border-top: none;
    padding: 0 0 10px
}

.introjs-tooltip.chat-tour-guide .introjs-tooltipbuttons .introjs-button {
    background: var(--primary-btn-bg);
    border-radius: var(--border-radius2);
    color: var(--white-color);
    font-size: var(--clamp14);
    font-weight: 500;
    text-align: center
}

.introjs-tooltip.chat-tour-guide .introjs-tooltipbuttons .introjs-prevbutton {
    margin-right: 5px
}

.introjs-tooltip.chat-tour-guide .introjs-skipbutton i {
    font-family: "Font Awesome 5 Pro" !important;
    color: red;
    background-color: var(--white-color);
    width: 25px;
    height: 25px;
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--clamp16)
}

.introjs-tooltip.chat-tour-guide .introjs-arrow {
    display: none !important
}

.introjs-tooltip.obs-tour-guide {
    background-color: var(--white-color);
    box-shadow: none;
    padding: 10px 20px;
    border-radius: 15px
}

@media screen and (min-width: 1200px) {
    .introjs-tooltip.obs-tour-guide {
        background-color: transparent
    }
}

@media screen and (max-width: 992px) {
    .introjs-tooltip.obs-tour-guide {
        padding: 0 24px
    }
}

.introjs-tooltip.obs-tour-guide .introjs-tooltiptext {
    color: var(--title-color);
    font-size: var(--clamp16);
    text-shadow: none;
    font-family: poppins;
    padding: 15px 0;
    font-weight: 600
}

@media screen and (min-width: 1200px) {
    .introjs-tooltip.obs-tour-guide .introjs-tooltiptext {
        color: var(--white-color);
        font-size: var(--clamp22);
        text-shadow: 2px 2px 6px #000;
        font-family: cursive;
        line-height: 28px
    }
}

.introjs-tooltip.obs-tour-guide .introjs-tooltipbuttons {
    border-top: none;
    padding: 0 0 10px
}

.introjs-tooltip.obs-tour-guide .introjs-tooltipbuttons .introjs-button {
    background: var(--title-bg);
    border-radius: 15px;
    color: var(--white-color);
    font-size: var(--clamp14);
    font-weight: 500;
    text-align: center;
    padding: 6px 16px;
    font-family: poppins
}

@media screen and (min-width: 1200px) {
    .introjs-tooltip.obs-tour-guide .introjs-tooltipbuttons .introjs-button {
        background: var(--primary-btn-bg);
        border-radius: var(--border-radius2);
        color: var(--white-color);
        font-size: var(--clamp14);
        font-weight: 500;
        text-align: center;
        padding: 6px 16px
    }
}

@media screen and (max-width: 1199px) {
    .introjs-tooltip.obs-tour-guide .introjs-tooltipbuttons .introjs-button.introjs-prevbutton {
        background: var(--title-bg);
        color: var(--title-color);
        border-color: #ccc
    }
}

@media screen and (max-width: 1199px) {
    .introjs-tooltip.obs-tour-guide .introjs-tooltipbuttons .introjs-button.introjs-nextbutton {
        background: var(--title-color);
        color: var(--white-color);
        border: 0
    }
}

.introjs-tooltip.obs-tour-guide .introjs-tooltipbuttons .introjs-prevbutton {
    margin-right: 5px
}

.introjs-tooltip.obs-tour-guide .introjs-skipbutton i {
    font-family: "Font Awesome 5 Pro" !important;
    color: var(--white-color);
    background-color: var(--title-color);
    width: 25px;
    height: 25px;
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--clamp16)
}

@media screen and (min-width: 1199px) {
    .introjs-tooltip.obs-tour-guide .introjs-skipbutton i {
        background-color: var(--white-color);
        color: red
    }
}

.introjs-tooltip.obs-tour-guide .introjs-arrow {
    display: none !important
}

.links-layout {
    width: 100%;
    max-width: 1024px;
    margin: 25px auto
}

.links-layout .tab-header {
    color: #fff;
    min-height: 210px;
    align-items: center;
    display: flex;
    padding: 35px;
    background: linear-gradient(94deg, #015391 0%, #2D7EC1 100%);
    background-size: cover;
    background-position: center
}

@media screen and (max-width: 767px) {
    .links-layout .tab-header {
        min-height: 100px
    }
}

.links-layout .tab-body-content {
    background-color: #fff;
    padding: 20px 25px
}

.links-layout .tab-body-content h4,
.links-layout .tab-body-content .h4 {
    font-size: var(--clamp18);
    color: var(--title-color);
    font-weight: 500;
    margin-bottom: 6px
}

.links-layout .tab-body-content h4:not(:nth-of-type(1)),
.links-layout .tab-body-content .h4:not(:nth-of-type(1)) {
    margin-top: 20px
}

.links-layout .tab-body-content p {
    color: var(--text-color);
    font-size: var(--clamp16);
    line-height: 26px
}

.links-layout .mat-tab-group {
    border: none;
    background: transparent;
    margin-bottom: 2px
}

.links-layout .mat-tab-group .mat-tab-labels .mat-tab-label {
    background-color: #fff;
    color: var(--primary-color);
    font-size: var(--clamp16);
    font-weight: 600;
    border: 1px solid var(--primary-color);
    border-radius: 4px;
    margin-right: 2px
}

.links-layout .mat-tab-group .mat-tab-labels .mat-tab-label.mat-tab-label-active {
    background: linear-gradient(94deg, #015391 0%, #2D7EC1 100%);
    color: var(--white-color);
    opacity: 9
}

.c1 {
    color: #f58932 !important
}

body .wsc-badge--small:not(:hover):not(.wsc-badge--focused) {
    display: none !important
}

.mat-table thead th .mat-sort-header-arrow {
    position: relative;
    opacity: 1 !important;
    transform: none !important;
    height: 16px !important;
    width: 20px !important
}

.mat-table thead th .mat-sort-header-arrow:after {
    content: "\f0dc";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    left: 4px;
    top: -2px;
    color: #015391;
    font-weight: 600;
    font-size: 16px
}

.mat-table thead th .mat-sort-header-arrow .mat-sort-header-stem,
.mat-table thead th .mat-sort-header-arrow .mat-sort-header-indicator {
    display: none !important
}

.disabledDiv {
    pointer-events: none;
    opacity: .8
}

input::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0
}

input::-webkit-textfield-decoration-container {
    visibility: hidden
}

.translated-rtl body,
.translated-ltr body {
    margin-top: 0 !important;
    top: 0 !important
}

.translated-rtl .skiptranslate .skiptranslate,
.translated-ltr .skiptranslate .skiptranslate,
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf,
.skiptranslate .skiptranslate {
    display: none !important
}

html[lang=auto] body {
    top: 0 !important
}

.omail-custom-btn {
    background: #006BCE;
    border-radius: 6px;
    color: #fff;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    border: none;
    padding: 10px 24px;
    cursor: pointer;
    margin: 0
}

.omail-custom-btn:hover {
    background: #0288D9
}

.omail-custom-btn:disabled {
    background: #BFE7FE;
    cursor: no-drop
}

.omail-custom-btn-outline {
    background: #FFFFFF;
    border: 1px solid #006BCE;
    border-radius: 6px;
    color: #006bce;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    padding: 10px 24px;
    cursor: pointer;
    margin: 0
}

.omail-custom-btn-outline:hover {
    background: #F0F9FF
}

.omail-custom-btn-outline:disabled {
    color: #7ecefe;
    border: 1px solid #7ECEFE;
    cursor: no-drop
}

.omail-auto-switch .readrecipt-text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #003b93
}

.omail-auto-switch .mat-slide-toggle-label .mat-slide-toggle-bar {
    background-color: transparent;
    height: 20px;
    width: 32px;
    border-radius: 12px;
    border: 1px solid #A3A3A3
}

.omail-auto-switch .mat-slide-toggle-thumb-container {
    top: 1px;
    left: 2px
}

.omail-auto-switch .mat-slide-toggle-thumb-container .mat-slide-toggle-thumb {
    height: 16px;
    width: 16px;
    border-radius: 50%;
    display: block;
    background: #A3A3A3
}

.omail-auto-switch .mat-slide-toggle-thumb-container .mat-slide-toggle .mat-checked .mat-slide-toggle-thumb {
    background-color: #0288d9
}

.omail-auto-switch .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
    background-color: #0288d9;
    border: 1px solid #0288D9
}

.omail-auto-switch .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
    background-color: #fff
}

.omail-auto-switch .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container {
    top: 1px;
    left: -2px
}

.snack-bar-failure {
    color: #fff !important;
    background-color: #ec6262 !important
}

.snack-bar-success {
    color: #fff !important;
    background-color: #31b477 !important;
    white-space: pre-wrap !important
}

snack-bar-container button {
    color: #fff !important
}

.mat-dialog-container {
    padding: 0 !important;
    box-shadow: none !important;
    border-radius: 8px !important
}

.omail-link-copy {
    margin-bottom: 5px !important
}

@media screen and (max-width: 640px) {
    .omail-link-copy {
        display: none
    }
}

.omail-link-copy .tooltip-inner {
    background: #003B93;
    border-radius: 4px;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #fff
}

.omail-link-copy .tooltip-arrow:before {
    border-top-color: #003b93
}

.omail-link-copy-left .tooltip-arrow:before {
    border-top-color: transparent;
    border-left-color: #003b93
}

.omail-list-text1 {
    display: none !important
}

.omail-event-calendar .cal-month-view {
    background-color: #fff
}

.omail-event-calendar .cal-month-view .cal-header {
    text-align: center;
    font-weight: bolder
}

.omail-event-calendar .cal-month-view .cal-header .cal-cell {
    padding: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap
}

.omail-event-calendar .cal-month-view .cal-days {
    border: 1px solid;
    border-bottom: 0;
    border-color: #ececec
}

.omail-event-calendar .cal-month-view .cal-days .cal-cell-row {
    border-bottom: 1px solid;
    border-bottom-color: #ececec
}

.omail-event-calendar .cal-month-view .cal-cell-top {
    min-height: 78px;
    flex: 1
}

.omail-event-calendar .cal-month-view .cal-cell-row {
    display: flex
}

.omail-event-calendar .cal-month-view .cal-cell-row:hover {
    background-color: transparent
}

.omail-event-calendar .cal-month-view .cal-cell-row .cal-cell:hover {
    background-color: #f5fbff
}

.omail-event-calendar .cal-month-view .cal-cell {
    float: left;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: stretch
}

.omail-event-calendar .cal-month-view .cal-cell .cal-event {
    pointer-events: all !important
}

.omail-event-calendar .cal-month-view .cal-day-cell {
    min-height: 100px
}

.omail-event-calendar .cal-month-view .cal-day-cell:not(:last-child) {
    border-right: 1px solid;
    border-right-color: #e1e1e1
}

.omail-event-calendar .cal-month-view .cal-day-badge {
    margin-top: 18px;
    margin-left: 10px;
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 10px;
    background-color: #b94a48;
    color: #fff
}

.omail-event-calendar .cal-month-view .cal-day-number {
    font-size: 1.2em;
    font-weight: 400;
    opacity: .5;
    margin-top: 15px;
    margin-right: 15px;
    float: right;
    margin-bottom: 10px
}

.omail-event-calendar .cal-month-view .cal-events {
    flex: 1;
    align-items: flex-end;
    margin: 5px 5px 5px 0;
    line-height: 10px;
    flex-wrap: wrap;
    display: flex
}

@media screen and (max-width: 1440px) {
    .omail-event-calendar .cal-month-view .cal-events {
        position: relative;
        left: -8px;
        margin-top: 0
    }
}

@media screen and (max-width: 360px) {
    .omail-event-calendar .cal-month-view .cal-events {
        left: 0px
    }
}

.omail-event-calendar .cal-month-view .cal-event {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    margin: 2px;
    background-color: #1e90ff;
    border-color: #d1e8ff;
    color: #fff
}

.omail-event-calendar .cal-month-view .cal-day-cell.cal-in-month.cal-has-events {
    cursor: pointer
}

.omail-event-calendar .cal-month-view .cal-day-cell.cal-out-month .cal-day-number {
    opacity: .1;
    cursor: default
}

.omail-event-calendar .cal-month-view .cal-day-cell.cal-today {
    border-top: 3px solid #F87405 !important;
    background-color: #f5fbff;
    border-radius: 0 !important
}

.omail-event-calendar .cal-month-view .cal-day-cell.cal-today .cal-day-number {
    font-size: 1.9em;
    color: #fff
}

.omail-event-calendar .cal-month-view .cal-open-day-events {
    padding: 15px;
    color: #fff;
    background-color: #555;
    box-shadow: inset 0 0 15px #00000080
}

.omail-event-calendar .cal-month-view .cal-open-day-events .cal-event {
    position: relative;
    top: 2px
}

.omail-event-calendar .cal-month-view .cal-out-month .cal-day-badge,
.omail-event-calendar .cal-month-view .cal-out-month .cal-event {
    opacity: .3
}

.omail-event-calendar .cal-month-view .cal-draggable {
    cursor: move
}

.omail-event-calendar .cal-month-view .cal-drag-active * {
    pointer-events: none
}

.omail-event-calendar .cal-month-view .cal-event-title {
    cursor: pointer
}

.omail-event-calendar .cal-month-view .cal-event-title:hover {
    text-decoration: underline
}

.omail-event-calendar .cal-month-view .cal-cell.cal-has-events.cal-open {
    background-color: #ededed
}

.omail-event-calendar .cal-month-view .cal-day-cell.cal-weekend .cal-day-number {
    color: #8b0000
}

.omail-event-calendar .cal-month-view .cal-day-cell.cal-drag-over {
    background-color: #e0e0e0 !important
}

.omail-event-calendar .cal-week-view {
    background-color: #fff;
    border-top: solid 1px #e1e1e1
}

.omail-event-calendar .cal-week-view * {
    box-sizing: border-box
}

.omail-event-calendar .cal-week-view .cal-day-headers {
    -js-display: flex;
    display: flex;
    padding-left: 70px;
    border: 1px solid;
    border-color: #e1e1e1;
    border-top: 0
}

.omail-event-calendar .cal-week-view .cal-day-headers .cal-header {
    flex: 1;
    text-align: center;
    padding: 5px
}

.omail-event-calendar .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
    border-right: 1px solid;
    border-right-color: #e1e1e1
}

.omail-event-calendar .cal-week-view .cal-day-headers .cal-header:first-child {
    border-left: 1px solid;
    border-left-color: #e1e1e1
}

.omail-event-calendar .cal-week-view .cal-day-headers .cal-header:hover {
    background-color: #ededed
}

.omail-event-calendar .cal-week-view .cal-day-headers span {
    font-weight: 400;
    opacity: .5
}

.omail-event-calendar .cal-week-view .cal-day-headers .cal-drag-over {
    background-color: #ededed
}

.omail-event-calendar .cal-week-view .cal-day-column {
    flex-grow: 1;
    border-left: solid 1px;
    border-left-color: #e1e1e1
}

.omail-event-calendar .cal-week-view .cal-event {
    font-size: 12px;
    border: 1px solid;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #d1e8ff;
    border-color: #1e90ff;
    color: #1e90ff
}

.omail-event-calendar .cal-week-view .cal-time-label-column {
    width: 70px;
    height: 100%
}

.omail-event-calendar .cal-week-view .cal-current-time-marker {
    position: absolute;
    width: 100%;
    height: 2px;
    z-index: 2;
    background-color: transparent
}

.omail-event-calendar .cal-week-view .cal-all-day-events {
    border: solid 1px;
    border-top: 0;
    border-bottom-width: 3px;
    padding-top: 3px;
    position: relative;
    border-color: #e1e1e1
}

.omail-event-calendar .cal-week-view .cal-all-day-events .cal-day-columns {
    height: 100%;
    width: 100%;
    -js-display: flex;
    display: flex;
    position: absolute;
    top: 0;
    z-index: 0
}

.omail-event-calendar .cal-week-view .cal-all-day-events .cal-events-row {
    position: relative;
    height: 31px;
    margin-left: 70px
}

.omail-event-calendar .cal-week-view .cal-all-day-events .cal-event-container {
    display: inline-block;
    position: absolute
}

.omail-event-calendar .cal-week-view .cal-all-day-events .cal-event-container.resize-active {
    z-index: 1;
    pointer-events: none
}

.omail-event-calendar .cal-week-view .cal-all-day-events .cal-event {
    padding: 0 5px;
    margin-left: 2px;
    margin-right: 2px;
    height: 28px;
    line-height: 28px
}

.omail-event-calendar .cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.omail-event-calendar .cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.omail-event-calendar .cal-week-view .cal-all-day-events .cal-time-label-column {
    -js-display: flex;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px
}

.omail-event-calendar .cal-week-view .cal-all-day-events .cal-resize-handle {
    width: 6px;
    height: 100%;
    cursor: col-resize;
    position: absolute;
    top: 0
}

.omail-event-calendar .cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
    right: 0
}

.omail-event-calendar .cal-week-view .cal-header {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.omail-event-calendar .cal-week-view .cal-drag-active {
    pointer-events: none;
    z-index: 1
}

.omail-event-calendar .cal-week-view .cal-drag-active * {
    pointer-events: none
}

.omail-event-calendar .cal-week-view .cal-time-events {
    position: relative;
    border: solid 1px;
    border-top: 0;
    -js-display: flex;
    display: flex;
    border-color: #e1e1e1
}

.omail-event-calendar .cal-week-view .cal-time-events .cal-day-columns {
    -js-display: flex;
    display: flex;
    flex-grow: 1
}

.omail-event-calendar .cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-hour-segment:hover {
    background-color: #f5fbff
}

.omail-event-calendar .cal-week-view .cal-time-events .cal-day-column,
.omail-event-calendar .cal-week-view .cal-time-events .cal-events-container {
    position: relative
}

.omail-event-calendar .cal-week-view .cal-time-events .cal-event-container {
    position: absolute;
    z-index: 1
}

.omail-event-calendar .cal-week-view .cal-time-events .cal-event {
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    margin: 1px;
    padding: 0 5px;
    line-height: 25px
}

.omail-event-calendar .cal-week-view .cal-time-events .cal-resize-handle {
    width: 100%;
    height: 4px;
    cursor: row-resize;
    position: absolute
}

.omail-event-calendar .cal-week-view .cal-time-events .cal-resize-handle.cal-resize-handle-after-end {
    bottom: 0
}

.omail-event-calendar .cal-week-view .cal-hour-segment {
    position: relative;
    display: block
}

.omail-event-calendar .cal-week-view .cal-hour-segment:after {
    content: "\a0"
}

.omail-event-calendar .cal-week-view .cal-event-container:not(.cal-draggable) {
    cursor: pointer
}

.omail-event-calendar .cal-week-view .cal-draggable {
    cursor: move
}

.omail-event-calendar .cal-week-view mwl-calendar-week-view-hour-segment {
    display: block
}

.omail-event-calendar .cal-week-view .cal-hour:not(:last-child) .cal-hour-segment {
    border-bottom: thin dashed;
    border-bottom-color: #e1e1e1
}

.omail-event-calendar .cal-week-view .cal-hour:last-child:not(:last-child) .cal-hour-segment {
    border-bottom: thin dashed;
    border-bottom-color: #e1e1e1
}

.omail-event-calendar .cal-week-view .cal-time {
    font-weight: 700;
    padding-top: 5px;
    width: 70px;
    text-align: center
}

.omail-event-calendar .cal-week-view .cal-hour-segment.cal-after-hour-start .cal-time {
    display: none
}

.omail-event-calendar .cal-week-view .cal-starts-within-day .cal-event {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.omail-event-calendar .cal-week-view .cal-ends-within-day .cal-event {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.omail-event-calendar .cal-week-view .cal-header.cal-today {
    background-color: #e8fde7
}

.omail-event-calendar .cal-week-view .cal-header.cal-weekend span {
    color: #8b0000
}

.omail-event-calendar .cal-week-view .cal-hour-odd {
    background-color: #fff
}

.omail-event-calendar .cal-week-view .cal-drag-over .cal-hour-segment {
    background-color: #ededed
}

.omail-event-calendar .cal-day-view mwl-calendar-week-view-header {
    display: none
}

.omail-event-calendar .cal-day-view .cal-events-container {
    margin-left: 70px
}

.omail-event-calendar .cal-day-view .cal-day-column {
    border-left: 0
}

.omail-event-calendar .cal-day-view .cal-current-time-marker {
    margin-left: 70px;
    width: calc(100% - 70px)
}

.omail-readmenu .mat-menu-content {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.omail-readmenu .mat-menu-content .mat-menu-item {
    background: var(--white-color);
    border-radius: 6px;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    font-size: var(--clamp14);
    font-weight: 400;
    height: 40px;
    line-height: 40px
}

.omailapp-mainwrap {
    background: #F3F2FF;
    height: calc(100vh - 76px);
    overflow: hidden;
    margin-right: 32px
}

.omailapp-mainwrap .was-validated .form-control:invalid,
.omailapp-mainwrap .form-control.is-invalid {
    background-image: none
}

.omailapp-mainwrap input {
    outline: none
}

.omailapp-mainwrap input :focus-visible {
    outline: none;
    border: none
}

.omailapp-mainwrap .btn:not(:first-child) {
    margin-left: 0
}

.omailapp-mainwrap .mat-tooltip {
    font-weight: 500;
    font-size: var(--clamp14);
    white-space: pre-wrap;
    color: var(--primary-color) !important;
    background-color: var(--white-color);
    border: 1px solid var(--primary-color);
    border-radius: 8px
}

.omail-app-header {
    padding: 0 0 15px;
    margin: 0;
    position: absolute;
    background-color: #fff;
    z-index: 1;
    width: 240px;
    border-right: 1px solid #DEDEDE
}

@media screen and (max-width: 1024px) {
    .omail-app-header {
        position: absolute;
        z-index: 3
    }
}

@media screen and (max-width: 768px) {
    .omail-app-header {
        z-index: 4 !important
    }
}

.omail-app-header .omail-logo {
    padding: 10px 12px;
    cursor: pointer;
    border-bottom: 1px solid #ECECEC;
    margin-bottom: 18px
}

.omail-app-header .omail-modules-link {
    border-bottom: 1px solid #ECECEC
}

.omail-app-header .omail-modules-link ul {
    display: flex;
    align-items: center
}

.omail-app-header .omail-modules-link ul li:hover span:first-child {
    transform: translateY(100%)
}

.omail-app-header .omail-modules-link ul li {
    cursor: pointer;
    padding: 0 18px 4px;
    border-bottom: 3px solid transparent;
    overflow: hidden;
    position: relative
}

.omail-app-header .omail-modules-link ul li span {
    transition: transform .2s ease-out
}

.omail-app-header .omail-modules-link ul li span:first-child {
    display: inline-block
}

.omail-app-header .omail-modules-link ul li span:last-child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-100%)
}

.omail-app-header .omail-modules-link ul li span:last-child img {
    position: relative;
    top: -2px
}

.omail-app-header .omail-modules-link ul li.active {
    border-bottom: 3px solid #006BCE
}

.omail-app-header .omail-modules-link ul li.active:hover img {
    filter: invert(0)
}

.omail-app-header .omail-modules-link ul li.active span:first-child {
    transform: translateY(-100%)
}

.omail-app-header .omail-modules-link ul li.active span:last-child {
    transform: inherit
}

.omail-app-header .omail-modules-link ul li:last-child:hover span:first-child,
.omail-app-header .omail-modules-link ul li:last-child:hover span:last-child {
    transform: translateY(0);
    transform: rotate(720deg);
    opacity: 1
}

.omail-app-header .omail-modules-link ul li:last-child span:last-child {
    transform: inherit;
    opacity: 0
}

.omail-app-header .omail-modules-link ul li:last-child span:last-child img {
    top: -1px
}

.omail-app-header .omail-modules-link ul li:last-child.active span:last-child {
    opacity: 1
}

.omail-app-header .omail-modules-link ul li:last-child:hover img {
    position: relative;
    top: 2px
}

.omail-app-header .omail-modules-link ul li:hover span:last-child,
.omail-app-header .omail-modules-link ul[data-animation] li:hover span:last-child {
    transform: none
}

.omail-app-header .omail-modules-link ul[data-animation=to-top] span:last-child {
    transform: translateY(100%)
}

.omail-app-header .omail-modules-link ul[data-animation=to-top] li:hover span:first-child {
    transform: translateY(-100%)
}

.omail-app-header .omail-rightside-links {
    display: flex;
    align-items: center;
    gap: 0
}

@media screen and (max-width: 768px) {
    .omail-app-header .omail-rightside-links {
        gap: 0
    }
}

@media screen and (max-width: 767px) {
    .omail-app-header .omail-rightside-links {
        gap: 0
    }
}

.omail-app-header .omail-rightside-links .omail-modules-link li {
    opacity: .5;
    cursor: pointer
}

.omail-app-header .omail-rightside-links .omail-modules-link li.active,
.omail-app-header .omail-rightside-links .omail-modules-link li:hover {
    opacity: 1;
    cursor: pointer
}

.omail-app-header .omail-rightside-links .omail-header-user-profile-block {
    text-align: right;
    display: flex;
    align-items: center;
    gap: 10px
}

.omail-app-header .omail-rightside-links .omail-header-user-profile-block:after {
    display: none
}

.omail-app-header .omail-rightside-links .omail-header-user-profile-block .omail-user-info .omail-user-name {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #4136f1
}

.omail-app-header .omail-rightside-links .omail-header-user-profile-block .omail-user-info .omail-user-mail {
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    color: #464255
}

.omail-app-header .omail-rightside-links .omail-header-user-profile-block .omail-user-img-block {
    width: 36px;
    height: 36px;
    border-radius: 50%
}

.omail-app-header .omail-rightside-links .omail-header-user-profile-block .omail-user-img-block img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    object-position: center
}

.omail-app-header .omail-rightside-links .omail-header-user-profile-block .omail-user-img-block i {
    font-size: 36px;
    color: #4136f1
}

.omail-app-header .omail-rightside-links .omail-header-user-profile-block .omail-toggle-arrow i {
    font-size: 26px;
    color: #4136f1
}

.omail-app-header .omail-rightside-links span,
.omail-modules-link li {
    cursor: pointer
}

.omail-modules-link li.active,
.omail-modules-link li:hover {
    opacity: 1;
    cursor: pointer
}

.omail-notifications-block {
    position: relative;
    border-left: 1px solid #D2CFFF
}

.omail-notifications-block .omail-notifications-icon {
    cursor: pointer
}

.omail-notifications-block .omail-notifications-icon:after {
    display: none
}

.omail-notifications-block .omail-notifications-icon img {
    -webkit-animation: ring 4s .7s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 4s .7s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 4s .7s ease-in-out infinite;
    transform-origin: 50% 4px
}

@keyframes ring {
    0% {
        transform: rotate(0)
    }

    1% {
        transform: rotate(30deg)
    }

    3% {
        transform: rotate(-28deg)
    }

    5% {
        transform: rotate(34deg)
    }

    7% {
        transform: rotate(-32deg)
    }

    9% {
        transform: rotate(30deg)
    }

    11% {
        transform: rotate(-28deg)
    }

    13% {
        transform: rotate(26deg)
    }

    15% {
        transform: rotate(-24deg)
    }

    17% {
        transform: rotate(22deg)
    }

    19% {
        transform: rotate(-20deg)
    }

    21% {
        transform: rotate(18deg)
    }

    23% {
        transform: rotate(-16deg)
    }

    25% {
        transform: rotate(14deg)
    }

    27% {
        transform: rotate(-12deg)
    }

    29% {
        transform: rotate(10deg)
    }

    31% {
        transform: rotate(-8deg)
    }

    33% {
        transform: rotate(6deg)
    }

    35% {
        transform: rotate(-4deg)
    }

    37% {
        transform: rotate(2deg)
    }

    39% {
        transform: rotate(-1deg)
    }

    41% {
        transform: rotate(1deg)
    }

    43% {
        transform: rotate(0)
    }

    to {
        transform: rotate(0)
    }
}

.omail-notifications-block .omail-notifications-circle {
    display: inline-block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background-color: #e84c3d;
    position: absolute;
    right: -2px;
    top: 1px;
    border: 2px solid #fff;
    z-index: 1
}

.omail-notifications-block .omail-noti-category-block {
    display: flex;
    width: 711px;
    overflow: hidden;
    box-shadow: 0 8px 17px #0000004d;
    border-radius: 3px
}

@media screen and (max-width: 640px) {
    .omail-notifications-block .omail-noti-category-block {
        display: block;
        width: 350px
    }
}

@media screen and (max-width: 360px) {
    .omail-notifications-block .omail-noti-category-block {
        width: 310px
    }
}

.omail-notifications-block .omail-noti-category-block h5,
.omail-notifications-block .omail-noti-category-block .h5 {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #464255;
    margin: 0 0 9px;
    padding-bottom: 5px
}

.omail-notifications-block .omail-noti-category-block .omail-noti-category-links {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 36px
}

@media screen and (max-width: 640px) {
    .omail-notifications-block .omail-noti-category-block .omail-noti-category-links {
        min-height: auto
    }
}

.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block {
    max-height: 580px;
    min-height: 580px;
    overflow: hidden;
    overflow-y: auto;
    margin-top: 9px
}

@media screen and (max-width: 640px) {
    .omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block {
        max-height: 330px;
        min-height: 70px
    }
}

.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box {
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    margin: 0 0 4px;
    cursor: pointer
}

.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-one {
    display: flex;
    align-items: center;
    justify-content: start;
    margin: 0 0 6px;
    gap: 10px;
    padding: 10px 10px 0
}

.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-one .box-left .omail-user-icon i {
    font-size: 32px;
    color: #006bce
}

.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-one .box-left .omail-user-name {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #334554
}

.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-one .box-left .maillist-rounded-block {
    display: block;
    position: relative;
    line-height: 0;
    padding-left: 0;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-one .box-left .maillist-rounded-block .check-img-block {
    cursor: pointer
}

.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-one .box-left .maillist-rounded-block .check-img-block .contact-pic-text {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-one .box-left .maillist-rounded-block .check-img-block .contact-pic-text img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-one .box-left .maillist-rounded-block .check-img-block .contact-pic-text span {
    font-size: var(--clamp14);
    font-weight: 600;
    color: var(--white-color);
    line-height: 15px
}

.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-one .box-left .maillist-rounded-block .check-img-block input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-one .box-left .maillist-rounded-block .check-img-block .check-mark {
    position: absolute;
    bottom: -2px;
    left: 5px;
    height: 24px;
    width: 24px;
    opacity: 0
}

.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-one .box-left .maillist-rounded-block .check-img-block input:checked~.check-mark {
    background: url(checked.619c1258f02de1ab.svg) no-repeat top left;
    opacity: 1
}

.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-one .box-right {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #a3a3a3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 3px
}

.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-one .alloweduser-text {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    color: #0a2477;
    white-space: nowrap
}

.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-one .timeduration-text {
    white-space: nowrap
}

.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-two {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #a3a3a3;
    padding: 0 10px
}

.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-two span i {
    color: #fe7a00
}

.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-two .box-left {
    display: flex;
    align-items: center;
    gap: 4px
}

.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-two .box-left .rightspam-subtext {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #e84c3d
}

.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-two .box-left .rightspam-subtext .right-sub {
    margin-left: 3px
}

.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-two .box-right {
    display: flex;
    align-items: center;
    gap: 4px
}

.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-two .box-right .mail-other-links {
    margin: 0;
    padding: 0;
    cursor: pointer
}

.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box .omaillist-inner-two .box-right .mail-other-links img {
    width: 15px
}

.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box.activemail {
    background: #006BCE;
    color: #fff
}

.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box.activemail .omaillist-inner-one,
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box.activemail .omaillist-inner-one .omail-user-name,
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box.activemail .omaillist-inner-one .box-left i,
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box.activemail .omaillist-inner-one .box-right,
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box.activemail .omaillist-inner-two,
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box.activemail .omaillist-inner-two i,
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box.activemail .omaillist-inner-four {
    color: #fff
}

.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box.activemail .omaillist-inner-four img {
    filter: brightness(0) invert(1)
}

.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box.activemail:hover .check_img i {
    color: #006bce !important
}

.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box.activemail:hover .omail-user-name {
    color: #334554 !important
}

.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box.activemail:hover .omaillist-inner-two,
.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box.activemail:hover .omaillist-inner-one .box-right {
    color: #a3a3a3 !important
}

.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box:hover {
    background: #F0EFFF;
    border: 1px solid #006BCE
}

.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box.newMailText .omaillist-inner-one .omail-user-name {
    font-style: normal;
    font-weight: 400;
    color: #334554;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 95px
}

.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-box.newMailText .omaillist-inner-two {
    font-style: normal;
    font-weight: 400;
    color: #0a2477
}

.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-inner-three {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px 10px
}

.omail-notifications-block .omail-noti-category-block .omail-category-mail-list-block .omaillist-inner-three .box-left {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #a3a3a3;
    font-style: normal;
    font-weight: 400;
    font-size: 12px
}

.omail-notifications-block .omail-noti-category-block .omail-noti-category-left {
    background: #EAFAFF;
    width: 356px;
    padding: 18px;
    border-right: 1px solid #E6E6E6;
    box-shadow: 0 3px 3px #5038f414;
    border-radius: 8px 0 0 8px
}

@media screen and (max-width: 360px) {
    .omail-notifications-block .omail-noti-category-block .omail-noti-category-left {
        width: 100%
    }
}

.omail-notifications-block .omail-noti-category-block .omail-noti-category-left h5,
.omail-notifications-block .omail-noti-category-block .omail-noti-category-left .h5 {
    border-bottom: 1px solid #B2D3DD
}

.omail-notifications-block .omail-noti-category-block .omail-noti-category-right {
    background: #FFF9E8;
    width: 356px;
    padding: 18px;
    border-left: 1px solid #E6E6E6;
    box-shadow: 0 3px 3px #5038f414;
    border-radius: 0 8px 8px 0
}

@media screen and (max-width: 360px) {
    .omail-notifications-block .omail-noti-category-block .omail-noti-category-right {
        width: 100%
    }
}

.omail-notifications-block .omail-noti-category-block .omail-noti-category-right h5,
.omail-notifications-block .omail-noti-category-block .omail-noti-category-right .h5 {
    border-bottom: 1px solid #E4DCC3
}

.omail-notifications-block .omail-noti-category-block .notification-deny-btn {
    color: #e84c3d;
    background: #FFEAEA;
    border: 1px solid #FFEAEA
}

.omail-notifications-block .omail-noti-category-block .notification-allow-btn {
    color: #0089be;
    background: #D8F4FF;
    border: 1px solid #D8F4FF;
    margin-left: 3px
}

.omail-notifications-block .omail-noti-category-block .notification-discard-btn {
    color: #242539;
    background: #EBEBF0;
    border: 1px solid #EBEBF0
}

.omail-notifications-block .omail-noti-category-block .notification-accept-btn {
    color: #277800;
    background: #D3FFD8;
    border: 1px solid #D3FFD8;
    margin-left: 3px
}

.omail-notifications-block .omailcat-link-btn {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #4136f1;
    border: 1px solid #fff;
    padding: 4px 13px;
    margin: 0 0 0 4px;
    text-decoration: none
}

.omail-notifications-block .omailcat-link-btn:hover {
    color: #4136f1 !important;
    border-color: #4136f1 !important
}

.omail-notifications-block .dropdown-menu {
    border: none;
    padding: 0
}

.omail-mailbox-module {
    display: flex;
    height: calc(100vh - 77px);
    overflow: hidden;
    background-color: #f0f9ff;
    position: relative
}

.omail-mailbox-module .omail-mailbox-sidenav-block {
    width: 276px;
    height: calc(100vh - 77px);
    overflow: hidden;
    position: relative;
    padding-top: 123px;
    border-right: 1px solid #DEDEDE
}

@media screen and (max-width: 1440px) {
    .omail-mailbox-module .omail-mailbox-sidenav-block {
        width: 293px
    }
}

@media screen and (max-width: 1280px) {
    .omail-mailbox-module .omail-mailbox-sidenav-block {
        width: 301px
    }
}

@media screen and (max-width: 1024px) {
    .omail-mailbox-module .omail-mailbox-sidenav-block {
        position: absolute;
        width: 240px;
        background: #fff;
        z-index: 1;
        box-shadow: 2px 2px 15px #0003
    }
}

@media screen and (max-width: 768px) {
    .omail-mailbox-module .omail-mailbox-sidenav-block {
        z-index: 3
    }
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar {
    background-color: #fff;
    transition: width .2s;
    box-shadow: 0 3px 6px #00000029;
    height: calc(100vh - 77px);
    padding-left: 12px;
    padding-right: 12px
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sidebar-toggle {
    position: fixed;
    left: 282px;
    top: 90px;
    z-index: 2;
    color: #a3a3a3;
    cursor: pointer;
    transition: left .2s;
    font-size: 20px
}

@media screen and (max-width: 1024px) {
    .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sidebar-toggle {
        left: 245px
    }
}

@media screen and (max-width: 992px) {
    .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sidebar-toggle {
        left: 170px
    }
}

@media screen and (max-width: 991px) {
    .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sidebar-toggle {
        left: 207px
    }
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list {
    padding: 0;
    margin: 0
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    cursor: pointer;
    background: transparent;
    color: #30353d;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    padding: 10px;
    text-align: left;
    border-radius: 0;
    border-right: 4px solid transparent;
    margin-bottom: 2px
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list li.activefolder-list {
    background: #BFE7FE;
    color: #006bce;
    border-radius: 6px
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list li.activefolder-list .list-icon img {
    filter: invert(22%) sepia(67%) saturate(4594%) hue-rotate(197deg) brightness(96%) contrast(101%)
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list li.activefolder-list .omail-badge {
    color: #fff;
    background: #006BCE;
    border: 1px solid #006BCE
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list li.activefolder-list:hover {
    background: #BFE7FE;
    color: #006bce
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list li.activefolder-list:hover .list-icon img {
    filter: invert(22%) sepia(67%) saturate(4594%) hue-rotate(197deg) brightness(96%) contrast(101%) !important
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list li.activefolder-list:hover .omail-badge {
    color: #fff;
    background: #006BCE;
    border: 1px solid #006BCE
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list li .list-icon {
    width: 20px;
    display: inline-block;
    text-align: center
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list li:hover {
    background: #DFF3FF;
    border-radius: 6px
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list li:hover span img {
    filter: none !important
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list li:hover .omail-badge {
    color: #fff;
    background: #A3A3A3;
    border: 1px solid #A3A3A3
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list li .omail-badge {
    color: #fff;
    height: 20px;
    min-width: 20px;
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    border-radius: 28px;
    background: #A3A3A3;
    text-align: center;
    line-height: 20px
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list li .list-text {
    margin-left: 8px;
    position: relative;
    top: 2px
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list li .trash-badge {
    margin-right: 15px
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .trash-inactive .omail-trash-list li.activefolder-list {
    background: #BFE7FE;
    border-right: 0
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .omail-trash-list {
    max-height: 200px;
    overflow-y: auto
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .omail-trash-list::-webkit-scrollbar {
    width: 4px !important
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .omail-trash-list::-webkit-scrollbar-thumb {
    background: #DFF3FF;
    box-sizing: border-box;
    box-shadow: inset 0 10px 10px #ffffff40;
    border-radius: 7px
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .omail-trash-list li {
    opacity: 1;
    justify-content: flex-start;
    position: relative;
    background-color: #f1faff;
    border-radius: 6px;
    padding: 0 0 0 38px
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .omail-trash-list li:hover {
    background-color: #dff3ff;
    border-color: transparent
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .omail-trash-list li:hover .fr-icon,
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .omail-trash-list li:hover span {
    opacity: 1 !important
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .omail-trash-list li:hover .folder-all-icons span:hover img {
    filter: invert(22%) sepia(67%) saturate(4594%) hue-rotate(197deg) brightness(96%) contrast(101%) !important
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .omail-trash-list li:hover .folder-all-icons span:hover i {
    color: #006bce
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .omail-trash-list li .generate-folder {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px 0
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .omail-trash-list li .folder-all-icons {
    position: absolute;
    right: 12px
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .omail-trash-list li .folder-all-icons .fr-icon {
    position: absolute;
    top: -2px;
    right: 22px
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .omail-trash-list li .folder-all-icons span {
    font-size: 17px;
    color: #b9b8b8
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .omail-trash-list li .ge-text {
    white-space: nowrap;
    width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .omail-trash-list li .fa-circle {
    margin-right: 6px
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .omail-trash-list li:hover .fr-icon {
    opacity: 1
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .omail-trash-list.active {
    min-height: .001px;
    max-height: .001px;
    overflow-y: hidden
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .omail-trash-list.active li {
    opacity: 0;
    padding-top: 14px;
    padding-bottom: 14px
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .omail-trash-list .trash-folder-img {
    position: relative;
    top: -2px
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .trash-list-main .list-arrow {
    position: absolute;
    right: 8px;
    top: -34px;
    cursor: pointer;
    width: 16px;
    text-align: center;
    color: #a3a3a3
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list hr {
    position: relative;
    top: 10px;
    margin: 0
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .folder-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #DFF3FF;
    color: #30353d;
    padding: 10px;
    position: relative;
    margin-top: 28px
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .folder-content .folder-plush-icon {
    cursor: pointer;
    background-color: #a3a3a3;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .folder-content .list-arrow {
    font-size: 18px;
    cursor: pointer
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .folder-content .create-folder {
    position: absolute;
    right: 36px
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .folder-content .create-folder-icon {
    position: relative;
    top: -3px;
    margin-right: 8px
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .folder-content.folder-inactive {
    background: transparent
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .folder-content.folder-inactive .folder-txt {
    color: #30353d
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .folder-content.folder-inactive .create-folder,
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .folder-content.folder-inactive .list-arrow {
    color: #a3a3a3
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .folder-content.folder-active {
    background: #BFE7FE;
    border-radius: 6px
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .folder-content.folder-active .folder-txt,
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .folder-content.folder-active .folder-plush-icon,
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .folder-content.folder-active .list-arrow {
    color: #006bce
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .folder-content.folder-active img {
    filter: invert(22%) sepia(67%) saturate(4594%) hue-rotate(197deg) brightness(96%) contrast(101%)
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .folder-content.folder-active .folder-plush-icon {
    background-color: #006bce
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .folder-content.folder-active .folder-plush-icon img {
    filter: none
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one li {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0 10px;
    cursor: pointer;
    background-color: #f1faff;
    margin-bottom: 1px;
    border-radius: 6px
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one li:hover {
    background: #DFF3FF
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one li:hover .folder-all-icons span:hover i {
    color: #006bce
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one li.activenewfolder-list {
    background-color: red
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one li .generate-folder {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px 0
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one li .generate-folder i {
    color: #006bce
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one li .generate-folder .ge-text {
    white-space: nowrap;
    max-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    text-transform: capitalize;
    margin-left: 10px;
    color: #30353d
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one li .generate-folder .ge-text .omail-badge {
    position: absolute;
    right: 0;
    top: 0px;
    color: #fff;
    height: 20px;
    min-width: 20px;
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    border-radius: 28px;
    background: #006BCE;
    text-align: center;
    line-height: 20px
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one li .folder-all-icons {
    position: relative;
    display: flex
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one li .folder-all-icons .omail-badge {
    position: absolute;
    left: -26px;
    top: 0px;
    color: #fff;
    height: 20px;
    min-width: 20px;
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    border-radius: 28px;
    background: #A3A3A3;
    text-align: center;
    line-height: 20px
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one li .folder-all-icons span img:hover {
    filter: invert(31%) sepia(85%) saturate(1439%) hue-rotate(179deg) brightness(103%) contrast(98%)
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one li div .fa-circle {
    font-size: 14px
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .omail-sub-folder-layout {
    overflow-y: auto;
    max-height: 227px
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .omail-sub-folder-layout::-webkit-scrollbar {
    width: 4px !important
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .omail-sub-folder-layout::-webkit-scrollbar-thumb {
    background: #DFF3FF;
    box-sizing: border-box;
    box-shadow: inset 0 10px 10px #ffffff40;
    border-radius: 7px
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .omail-sub-folder-layout.inactive {
    max-height: 342px;
    overflow-y: auto
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .omail-sub-folder-layout li.activefolder-list {
    background: #BFE7FE;
    box-shadow: inset 0 3px 6px #00000029;
    color: #fff
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .omail-sub-folder-layout.active li {
    display: none
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .omail-sub-folder-layout.active .no-folders-text {
    display: block
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .omail-sub-folder-layout .no-folders-text {
    font-size: 14px;
    color: #0a2477;
    margin-top: 12px;
    font-weight: 400;
    display: none
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-leftside-scrollsec {
    max-height: calc(100vh - 300px);
    overflow-y: auto
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-leftside-scrollsec::-webkit-scrollbar {
    width: 4px !important
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-leftside-scrollsec::-webkit-scrollbar-thumb {
    background: #DFF3FF;
    box-sizing: border-box;
    box-shadow: inset 0 10px 10px #ffffff40;
    border-radius: 7px
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .sidebar-storage {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    background-color: #f0f9ff;
    padding: 8px 0
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .sidebar-storage h5,
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .sidebar-storage .h5 {
    font-size: 12px;
    font-weight: 400;
    color: #6d747a
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .sidebar-storage h5 strong,
.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .sidebar-storage .h5 strong {
    margin-left: 6px;
    color: #464255;
    font-weight: 600
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .splitleftblock-partone {
    padding-bottom: 18px;
    border-bottom: 1px solid #DEDEDE;
    margin-bottom: 18px
}

.omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .splitleftblock-partone .omail-btn-group .dropdown-toggle {
    padding: 10px 14px 10px 13px
}

.omail-mailbox-module .omail-mailbox-split-block {
    width: 100%;
    height: calc(100vh - 77px);
    overflow: hidden;
    position: relative
}

@media screen and (max-width: 1024px) {
    .omail-mailbox-module .omail-mailbox-split-block {
        padding-left: 68px
    }
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block {
    background: #FFFFFF;
    border-right: 2px solid #F3F2FF;
    padding: 16px 0
}

@media screen and (max-width: 480px) {
    .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block {
        padding: 8px 0
    }
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .trash-alert {
    font-size: 12px;
    color: #334554;
    background-color: #fff3ea;
    border-color: #ffc899;
    padding: 8px 12px;
    border-radius: 6px;
    font-weight: 500
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partone {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 16px
}

@media screen and (max-width: 480px) {
    .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partone {
        margin: 0 0 8px
    }
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partone .omailsearch-refresh-block {
    display: flex;
    align-items: center;
    gap: 18px
}

@media screen and (max-width: 370px) {
    .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partone .omailsearch-refresh-block {
        gap: 10px
    }
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partone .omailsearch-refresh-block .search-block input {
    border-right: none;
    min-height: 46px;
    padding-right: 21px;
    border-color: #dedede
}

@media screen and (max-width: 1440px) {
    .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partone .omailsearch-refresh-block .search-block input {
        padding-right: 16px
    }
}

@media screen and (max-width: 370px) {
    .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partone .omailsearch-refresh-block .search-block input {
        min-height: 30px;
        padding-top: 5px;
        padding-bottom: 5px
    }
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partone .omailsearch-refresh-block .search-block .input-group-text {
    background: transparent;
    border-color: #dedede
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partone .omailsearch-refresh-block .search-block .input-group-text img {
    cursor: pointer
}

@media screen and (max-width: 1440px) {
    .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partone .omailsearch-refresh-block .search-block .input-group-text {
        padding-left: 0;
        padding-right: 4px
    }
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partone .omailsearch-refresh-block .search-block i {
    cursor: pointer
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partone .omailsearch-refresh-block .close-button {
    position: absolute;
    right: 50px;
    top: 14px;
    z-index: 3
}

@media screen and (max-width: 1440px) {
    .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partone .omailsearch-refresh-block .close-button {
        right: 26px
    }
}

@media screen and (max-width: 768px) {
    .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partone .omailsearch-refresh-block .close-button {
        right: 28px
    }
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partone .custom-btn {
    min-width: 133px
}

@media screen and (max-width: 1366px) {
    .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partone .custom-btn {
        min-width: 107px;
        padding: 0
    }
}

@media screen and (max-width: 1366px) {
    .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partone .custom-btn i {
        margin-right: 4px
    }
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-parttwo {
    background: #F5F5F5;
    border-radius: 6px;
    margin: 0 0 5px;
    padding: 6px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #E4E4E4
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-parttwo .left-block .mail_all_check .select-primary {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #334554
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-parttwo .left-block .mail_all_check .select-primary .mat-checkbox-layout .mat-checkbox-inner-container .mat-checkbox-frame {
    border: 1.5px solid #A3A3A3;
    border-radius: 4px
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-parttwo .right-block {
    display: flex;
    align-items: center
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-parttwo .right-block button {
    border: none;
    cursor: pointer;
    background: transparent
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-parttwo .right-block button:disabled {
    opacity: .5
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-parttwo .right-block button:disabled:hover img {
    filter: invert(0)
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-parttwo .right-block button:hover img {
    filter: invert(54%) sepia(87%) saturate(6221%) hue-rotate(184deg) brightness(99%) contrast(98%)
}

@media screen and (max-width: 768px) {
    .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-parttwo {
        margin: 0
    }
}

@media screen and (max-width: 767px) {
    .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-parttwo {
        margin: 0
    }
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-parttwo .omail-refresh-icon {
    margin-left: 4px
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partthree {
    margin: 0 0 5px
}

@media screen and (max-width: 768px) {
    .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partthree {
        margin: 0
    }
}

@media screen and (max-width: 767px) {
    .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partthree {
        margin: 0
    }
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partthree button {
    border: none;
    cursor: pointer;
    background: transparent
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partthree button img {
    filter: invert(75%) sepia(15%) saturate(4%) hue-rotate(26deg) brightness(85%) contrast(89%)
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partthree .read-mail-pagenation {
    font-size: 13px;
    color: #a3a3a3;
    margin: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partthree .read-mail-pagenation .mail-pagination {
    display: flex;
    align-items: center;
    gap: 4px
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partthree .read-mail-pagenation .mail-pagination button {
    filter: invert(34%) sepia(76%) saturate(1948%) hue-rotate(191deg) brightness(80%) contrast(105%)
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partthree .read-mail-pagenation .mail-pagination button:disabled {
    cursor: no-drop;
    filter: invert(82%) sepia(0%) saturate(515%) hue-rotate(134deg) brightness(82%) contrast(77%)
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partthree .read-mail-pagenation .received-block {
    color: #6d747a;
    font-size: 13px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 5px
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partthree .read-mail-pagenation .received-block i {
    color: #a3a3a3;
    font-size: 18px;
    cursor: pointer
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partthree .read-mail-pagenation .received-block .orderstatus-one i {
    transform: rotate(180deg)
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour {
    position: relative
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock {
    height: calc(100vh - 236px);
    overflow: hidden;
    overflow-y: auto
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock::-webkit-scrollbar {
    width: 4px !important
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock::-webkit-scrollbar-thumb {
    background: #DFF3FF;
    box-sizing: border-box;
    box-shadow: inset 0 10px 10px #ffffff40;
    border-radius: 7px
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omail-list-empty-block {
    padding: 0;
    margin: 0;
    height: calc(100vh - 237px);
    overflow: hidden;
    overflow-y: auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omail-mailreload-block {
    position: absolute;
    background-color: #f8f0f066;
    width: 100%;
    height: calc(100vh - 237px);
    z-index: 1400
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omail-mailreload-block .spinner-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box {
    background: #ffffff;
    border-top: 1px solid #ECECEC;
    cursor: pointer;
    position: relative;
    border-left: 3px solid transparent
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box:hover {
    background-color: #f9f9f9;
    border-left: 3px solid #BEE49F
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-user-block {
    position: absolute;
    top: 10px;
    left: 10px
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-user-block .maillist-rounded-block {
    display: block;
    position: relative;
    line-height: 0;
    padding-left: 0;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-user-block .maillist-rounded-block .check-img-block {
    cursor: pointer
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-user-block .maillist-rounded-block .check-img-block .contact-pic-text {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: #dedede
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-user-block .maillist-rounded-block .check-img-block .contact-pic-text img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-user-block .maillist-rounded-block .check-img-block .contact-pic-text span {
    font-size: var(--clamp14);
    font-weight: 600;
    color: var(--white-color);
    line-height: 15px
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-user-block .maillist-rounded-block .check-img-block input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-user-block .maillist-rounded-block .check-img-block .check-mark {
    position: absolute;
    bottom: -2px;
    left: 5px;
    height: 24px;
    width: 24px;
    opacity: 0
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-user-block .maillist-rounded-block .check-img-block input:checked~.check-mark {
    background: url(checked.619c1258f02de1ab.svg) no-repeat center center;
    opacity: 1;
    background-color: #0006;
    left: 0;
    top: 0;
    width: 28px;
    height: 28px;
    border-radius: 6px
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block {
    padding: 10px 10px 10px 50px;
    min-height: 59px;
    max-height: 80px
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block {
        max-height: initial
    }
}

@media screen and (max-width: 360px) {
    .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block {
        max-height: initial
    }
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-one {
    display: flex;
    align-items: center;
    justify-content: start
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-one {
        display: block
    }
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-one .box-left .omail-user-icon i {
    font-size: 32px;
    color: #006bce
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-one .box-left .omail-user-name {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #334554
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-one .box-right {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #a3a3a3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-one .box-right {
        display: block
    }
}

@media screen and (max-width: 360px) {
    .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-one .box-right {
        display: block
    }
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-one .omail-user-name {
    max-width: 60%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #30353d;
    font-weight: 400
}

@media screen and (max-width: 1600px) {
    .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-one .omail-user-name {
        max-width: 50%
    }
}

@media screen and (max-width: 1366px) {
    .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-one .omail-user-name {
        max-width: 36%
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-one .omail-user-name {
        max-width: 98%
    }
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #a3a3a3;
    display: block
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two span {
    margin-right: 4px
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two span i {
    color: #e84c3d
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two .box-left {
    display: flex;
    align-items: center
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two .box-left .omail-subject-name {
    max-width: 270px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #6d747a;
    font-weight: 500
}

@media screen and (max-width: 1440px) {
    .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two .box-left .omail-subject-name {
        max-width: 170px
    }
}

@media screen and (max-width: 1366px) {
    .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two .box-left .omail-subject-name {
        max-width: 110px
    }
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two .box-right,
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two .omail-bottom-links .box-left {
    display: flex;
    align-items: center;
    gap: 10px
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two .box-right .videomail-icon i,
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two .omail-bottom-links .box-left .videomail-icon i {
    color: #a3a3a3;
    line-height: 20px;
    font-size: 16px
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two .box-right .mail-other-links,
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two .omail-bottom-links .box-left .mail-other-links {
    margin: 0;
    padding: 0;
    cursor: pointer
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two .box-right .mail-other-links img,
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two .omail-bottom-links .box-left .mail-other-links img {
    width: 15px;
    filter: invert(75%) sepia(15%) saturate(4%) hue-rotate(26deg) brightness(85%) contrast(89%)
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two .box-right .mail-other-links img:hover,
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two .omail-bottom-links .box-left .mail-other-links img:hover,
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two .box-right .mail-other-links img.important-active,
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two .omail-bottom-links .box-left .mail-other-links img.important-active {
    filter: invert(66%) sepia(93%) saturate(1501%) hue-rotate(1deg) brightness(105%) contrast(87%)
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two .omail-bottom-links {
    display: flex;
    justify-content: space-between;
    margin-top: 2px
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two .omail-bottom-links .box-left {
    gap: 0px
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-two .mail-status-label {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #f87405
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-three {
    margin: 0 0 6px;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #706d7a
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .subject-highpriority {
    filter: invert(35%) sepia(54%) saturate(3330%) hue-rotate(342deg) brightness(99%) contrast(84%)
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .subject-highpriority img {
    width: 16px
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box.activemail {
    background: #F3F3F3;
    color: #fff;
    border-left: 3px solid #37AC00
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box.activemail:hover .check_img i {
    color: #006bce !important
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box.activemail:hover .omail-user-name {
    color: #334554 !important
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box.activemail:hover .omaillist-inner-two,
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box.activemail:hover .omaillist-inner-one .box-right {
    color: #a3a3a3 !important
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box.activemail:hover .mail-other-links img {
    filter: none
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box.newMailText .omaillist-inner-two {
    font-style: normal;
    font-weight: 500
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box.newMailText .omaillist-inner-two .omail-subject-name {
    color: #006bce !important;
    font-weight: 500
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block {
    overflow: auto
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock {
    height: calc(100vh - 77px);
    overflow: hidden;
    overflow-y: auto;
    background: #FFFFFF;
    position: relative
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main {
    overflow: hidden;
    height: calc(100vh - 85px);
    position: relative
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    position: relative;
    border-bottom: 1px solid #ECECEC
}

@media screen and (max-width: 480px) {
    .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone {
        display: block
    }
}

@media screen and (max-width: 480px) {
    .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-left-block {
        margin-bottom: 10px
    }
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-left-block .read-mail-user-text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #30353d
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-left-block .read-mail-usermailid-text {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #a3a3a3
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-rigth-block {
    display: flex;
    align-items: center;
    gap: 10px
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-rigth-block button {
    background: transparent;
    outline: none;
    border: 1px solid transparent;
    border-radius: 8px
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-rigth-block button:hover {
    filter: invert(60%) sepia(123%) saturate(1855%) hue-rotate(185deg) brightness(69%) contrast(138%)
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-rigth-block .text-to-speech-block {
    background: #37AC00;
    border: 2px solid transparent;
    border-radius: 4px;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    color: #464255;
    cursor: pointer;
    padding: 4px 6px;
    display: flex;
    align-items: center;
    gap: 4px
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-rigth-block .text-to-speech-block .omail-text-speech {
    padding: 2px 4px
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-rigth-block .text-to-speech-block:hover {
    border: 2px solid #37AC00;
    background: #37AC00
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-rigth-block .text-to-speech-block:hover .omail-text-speech {
    background: #2A8300;
    border-radius: 4px;
    padding: 2px 4px
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-rigth-block .text-to-speech-block .textspeech-pauseplay img {
    filter: invert(0)
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-rigth-block .text-to-speech-block .text-to-speech-dropdown .btn-arrow {
    border: none;
    padding: 0;
    vertical-align: middle
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-rigth-block .text-to-speech-block .text-to-speech-dropdown .btn-arrow:after {
    display: none
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-rigth-block .text-to-speech-block .text-to-speech-dropdown .btn-arrow img {
    filter: invert(100%) sepia(4%) saturate(0%) hue-rotate(220deg) brightness(318%) contrast(116%)
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-rigth-block .text-to-speech-block .text-to-speech-dropdown .speech-options-block {
    border: 1px solid #006BCE;
    padding: 0
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-rigth-block .text-to-speech-block .text-to-speech-dropdown .speech-options-block .speech-options {
    border: none;
    border-bottom: 1px solid #006BCE;
    border-radius: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #0a2477;
    padding-top: 7px;
    padding-bottom: 7px
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-rigth-block .text-to-speech-block .text-to-speech-dropdown .speech-options-block .speech-options:first-child {
    border-radius: 8px 8px 0 0
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-rigth-block .text-to-speech-block .text-to-speech-dropdown .speech-options-block .speech-options:last-child {
    border-bottom: none;
    border-radius: 0 0 8px 8px
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-rigth-block .text-to-speech-block .text-to-speech-dropdown .speech-options-block .speech-options:hover {
    background: #BFE7FE;
    filter: inherit
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-rigth-block .text-to-speech-block .text-to-speech-dropdown .speech-options-block .speech-options.voice-active {
    background: #BFE7FE
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-rigth-block .text-to-speech-block span img {
    filter: invert(100%) sepia(4%) saturate(0%) hue-rotate(220deg) brightness(318%) contrast(116%)
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-rigth-block .omail-other-links {
    display: flex;
    align-items: center
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headertwo {
    background: #FFFCF4;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ECECEC
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headertwo .headertwo-left-block {
    display: flex;
    align-items: center
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headertwo .headertwo-left-block .read-mail-subject-text {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #003b93
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headertwo .headertwo-right-block .read-mail-timedate-text {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #a3a3a3
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerthree {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #E6E6E6;
    justify-content: space-between;
    padding: 12px
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerthree .headerthree-left-block {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    color: #a3a3a3;
    font-size: 14px
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerthree .headerthree-left-block .omail-clip-block .mat-chip-list-wrapper {
    overflow-y: auto;
    max-height: 60px
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerthree .headerthree-left-block .omail-clip-block .mat-chip-list-wrapper::-webkit-scrollbar {
    width: 4px !important
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerthree .headerthree-left-block .omail-clip-block .mat-chip-list-wrapper::-webkit-scrollbar-thumb {
    background: #DFF3FF;
    box-sizing: border-box;
    box-shadow: inset 0 10px 10px #ffffff40;
    border-radius: 7px
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerthree .headerthree-right-block .email-more-list-block img:hover {
    filter: invert(38%) sepia(39%) saturate(6593%) hue-rotate(183deg) brightness(99%) contrast(98%)
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerfour {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 0;
    position: relative;
    background-color: #fff3e9
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerfour .read-mail-scheduled-text {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #30353d;
    padding: 10px 12px 9px
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-emailmorelist-dropdown {
    border: none;
    box-shadow: 0 8px 17px #0000004d;
    padding: 0
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-emailmorelist-dropdown .omail-morelist-header {
    background: #DFF3FF;
    border-radius: 8px 8px 0 0;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #30353d
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-emailmorelist-dropdown .omail-morelist-header h5,
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-emailmorelist-dropdown .omail-morelist-header .h5 {
    font-size: 14px
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-emailmorelist-dropdown .omail-morelist-header span {
    background: #FFFFFF;
    box-shadow: 0 4px 4px #3f597233;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-emailmorelist-dropdown .omail-morelist-header span:hover {
    background-color: #e84c3d
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-emailmorelist-dropdown .omail-morelist-header span:hover img,
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-emailmorelist-dropdown .omail-morelist-header span:hover img:hover {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(269deg) brightness(150%) contrast(101%)
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-emailmorelist-dropdown .omail-clip-block {
    max-height: 256px;
    padding: 6px;
    overflow-y: auto
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-emailmorelist-dropdown .omail-clip-block::-webkit-scrollbar {
    width: 4px !important
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-emailmorelist-dropdown .omail-clip-block::-webkit-scrollbar-thumb {
    background: #DFF3FF;
    box-sizing: border-box;
    box-shadow: inset 0 10px 10px #ffffff40;
    border-radius: 7px
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body {
    height: calc(100vh - 328px);
    overflow: hidden;
    overflow-y: auto;
    padding: 12px
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #464255;
    min-height: 500px;
    max-height: 100%;
    overflow: auto
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text::-webkit-scrollbar-thumb {
    background: #DFF3FF;
    box-sizing: border-box;
    box-shadow: inset 0 10px 10px #ffffff40;
    border-radius: 7px
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text video {
    width: 100%
}

@media screen and (max-width: 1366px) {
    .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text {
        min-height: 320px;
        max-height: 320px;
        overflow-y: auto
    }
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text dd p span.fr-emoticon-img {
    background-repeat: no-repeat !important;
    min-height: 20px;
    min-width: 20px;
    display: inline-block
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text .fr-video {
    width: 100%;
    max-height: 509px;
    text-align: left;
    display: flex
}

@media screen and (max-width: 1440px) {
    .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text .fr-video {
        max-height: 355px
    }
}

@media screen and (max-width: 1366px) {
    .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text .fr-video {
        max-height: 332px
    }
}

@media screen and (max-width: 1280px) {
    .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text .fr-video {
        max-height: 303px
    }
}

@media screen and (max-width: 1024px) {
    .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text .fr-video {
        max-height: 223px
    }
}

@media screen and (max-width: 991px) {
    .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text .fr-video {
        max-height: 289px
    }
}

@media screen and (max-width: 768px) {
    .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text .fr-video {
        max-height: 319px
    }
}

@media screen and (max-width: 640px) {
    .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text .fr-video {
        max-height: 260px
    }
}

@media screen and (max-width: 575px) {
    .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text .fr-video {
        max-height: 231px
    }
}

@media screen and (max-width: 480px) {
    .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text .fr-video {
        max-height: 185px
    }
}

@media screen and (max-width: 414px) {
    .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text .fr-video {
        max-height: 153px
    }
}

@media screen and (max-width: 360px) {
    .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text .fr-video {
        max-height: 131px
    }
}

@media screen and (max-width: 320px) {
    .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text .fr-video {
        max-height: 111px
    }
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text .fr-video video {
    object-fit: cover
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text p {
    margin-bottom: 0
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text p a {
    color: #0a58ca
}

@media screen and (max-width: 991px) {
    .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .omail-froalabg-block .video-block {
        width: 81%
    }
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .text-to-speech-block {
    background: #F3F2FF;
    border: 2px solid transparent;
    border-radius: 4px;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    color: #464255;
    cursor: pointer;
    padding: 4px 10px;
    display: flex;
    align-items: center;
    gap: 4px
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .text-to-speech-block:hover {
    border: 2px solid #F3F2FF;
    background: transparent
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .text-to-speech-block .text-to-speech-dropdown .btn-arrow {
    border: none;
    padding: 0;
    vertical-align: middle
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .text-to-speech-block .text-to-speech-dropdown .btn-arrow:after {
    display: none
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .text-to-speech-block .text-to-speech-dropdown .speech-options-block {
    border: 1px solid #006BCE;
    padding: 0
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .text-to-speech-block .text-to-speech-dropdown .speech-options-block .speech-options {
    border: none;
    border-bottom: 1px solid #006BCE;
    border-radius: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #0a2477;
    padding-top: 7px;
    padding-bottom: 7px
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .text-to-speech-block .text-to-speech-dropdown .speech-options-block .speech-options:first-child {
    border-radius: 8px 8px 0 0
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .text-to-speech-block .text-to-speech-dropdown .speech-options-block .speech-options:last-child {
    border-bottom: none;
    border-radius: 0 0 8px 8px
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .text-to-speech-block .text-to-speech-dropdown .speech-options-block .speech-options:hover,
.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .text-to-speech-block .text-to-speech-dropdown .speech-options-block .speech-options.voice-active {
    background: #F3F2FF
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer {
    padding: 12px;
    width: 100%
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer .readmailattachment-block {
    background: #F8F8F8;
    border-radius: 6px;
    overflow: hidden;
    position: absolute;
    bottom: 0px;
    z-index: 99;
    left: 10px;
    right: 10px
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer .readmailattachment-block .readmailattachment-header {
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer .readmailattachment-block .readmailattachment-header .allattach-text {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #6d747a
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer .readmailattachment-block .readmailattachment-header .allattach-text .attach-download-all {
    color: #4136f1;
    font-size: 12px;
    margin-left: 20px
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer .readmailattachment-block .readmailattachment-header .allattach-download-text {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #006bce;
    cursor: pointer
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer .readmailattachment-block .readmailattachment-body {
    margin: 12px;
    min-height: 53px;
    max-height: 53px;
    overflow-y: auto
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer .readmailattachment-block .readmailattachment-body::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer .readmailattachment-block .readmailattachment-body::-webkit-scrollbar-thumb {
    background: #DFF3FF;
    box-sizing: border-box;
    box-shadow: inset 0 10px 10px #ffffff40;
    border-radius: 7px
}

@media screen and (max-width: 1800px) {
    .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer .readmailattachment-block .readmailattachment-body {
        padding-top: 0;
        padding-bottom: 0
    }
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer .readmailattachment-block .readmailattachment-body .attachment-list {
    display: flex
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer .readmailattachment-block .readmailattachment-body .attachment-list li {
    cursor: pointer;
    background: #FFFFFF;
    border-radius: 6px;
    padding: 6px 9px;
    margin-right: 24px
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer .readmailattachment-block .readmailattachment-body .attachment-list li:last-child {
    margin-right: 0
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer .readmailattachment-block .readmailattachment-body .attachment-list li a {
    display: flex;
    gap: 10px
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer .readmailattachment-block .readmailattachment-body .attachment-list li a .read-attachment-filename {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    color: #30353d;
    display: inline-block
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer .readmailattachment-block .readmailattachment-body .attachment-list li a .read-attachment-filename .file-size-text {
    color: #a3a3a3;
    display: block
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock form {
    height: 100%
}

.omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field {
    padding: 8px 12px
}

.omail-mailbox-module .omail-mailbox-split-block .omail-search-content {
    padding-left: 12px;
    padding-right: 12px
}

.omail-compose-mail-block {
    padding: 12px 0 0;
    height: 100%;
    overflow: hidden
}

.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headerone {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 0 12px 10px;
    border-bottom: 1px solid #E6E6E6
}

.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headerone h4,
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headerone .h4 {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #334554
}

.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headerone .close-icon {
    cursor: pointer;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #334554
}

.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headerone .close-icon:hover {
    opacity: .5
}

.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #E6E6E6;
    padding: 4px 12px
}

.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-one {
    display: flex;
    align-items: center;
    width: 100%
}

.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-one h3,
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-one .h3 {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #a3a3a3;
    margin: 0 8px 0 0;
    min-width: 46px;
    text-align: center
}

.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-one .read-mail-sub {
    width: 100%
}

.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-one input {
    border: none !important;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #334554;
    width: 100%;
    outline: none;
    padding-left: 0
}

.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-one .attachment-list {
    width: 100%;
    min-height: auto;
    max-height: 60px;
    overflow-y: auto
}

.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-one .attachment-list::-webkit-scrollbar {
    width: 4px !important
}

.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-one .attachment-list::-webkit-scrollbar-thumb {
    background: #DFF3FF;
    box-sizing: border-box;
    box-shadow: inset 0 10px 10px #ffffff40;
    border-radius: 7px
}

.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-one .attachment-list ul {
    display: inline;
    margin-right: 10px
}

.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-one .attachment-list ul li {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-right: 10px;
    margin-bottom: 10px;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #30353d
}

.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-one .attachment-list ul li i,
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-one .attachment-list ul li span {
    color: #a3a3a3
}

.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-one .attachment-list ul li span i:hover {
    opacity: .5
}

.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-one .omail-clip-block {
    position: relative
}

.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-one .omail-clip-block .mat-chip-list-wrapper {
    overflow: auto;
    max-height: 60px
}

.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-one .omail-clip-block .mat-chip-list-wrapper::-webkit-scrollbar {
    width: 4px !important
}

.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-one .omail-clip-block .mat-chip-list-wrapper::-webkit-scrollbar-thumb {
    background: #DFF3FF;
    box-sizing: border-box;
    box-shadow: inset 0 10px 10px #ffffff40;
    border-radius: 7px
}

.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-one .sub-error-text {
    position: absolute;
    bottom: -14px
}

.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-two {
    display: flex;
    align-items: center;
    white-space: pre;
    gap: 4px;
    margin-left: 3px
}

.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-two .omail-addgroup-mails {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #f87405;
    cursor: pointer;
    margin-right: 10px
}

.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-two .contacts-user-add,
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-two .mail-importance-block {
    cursor: pointer
}

.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-two .mail-importance-block span img:hover {
    filter: invert(35%) sepia(54%) saturate(3330%) hue-rotate(342deg) brightness(99%) contrast(84%)
}

.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-two .minus-square {
    cursor: pointer
}

.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field:last-child {
    padding: 0 12px;
    border-bottom: none
}

.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-emailmorelist-dropdown {
    border: none;
    box-shadow: 0 8px 17px #0000004d;
    padding: 0
}

.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-emailmorelist-dropdown .omail-morelist-header {
    background: #DFF3FF;
    border-radius: 8px 8px 0 0;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #30353d
}

.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-emailmorelist-dropdown .omail-morelist-header h5,
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-emailmorelist-dropdown .omail-morelist-header .h5 {
    font-size: 14px
}

.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-emailmorelist-dropdown .omail-morelist-header span {
    background: #FFFFFF;
    box-shadow: 0 4px 4px #3f597233;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-emailmorelist-dropdown .omail-morelist-header span:hover {
    background-color: #e84c3d
}

.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-emailmorelist-dropdown .omail-morelist-header span:hover img,
.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-emailmorelist-dropdown .omail-morelist-header span:hover img:hover {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(269deg) brightness(150%) contrast(101%)
}

.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-emailmorelist-dropdown .event-more-mail-list {
    min-height: 100px;
    max-height: 300px;
    overflow-y: hidden;
    height: auto !important
}

.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-emailmorelist-dropdown .event-more-mail-list:hover {
    background-color: transparent !important
}

.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-emailmorelist-dropdown .event-more-mail-list .omail-clip-block {
    max-height: 256px;
    padding: 6px;
    overflow-y: auto
}

.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-emailmorelist-dropdown .event-more-mail-list .omail-clip-block .mail-text {
    margin: 0
}

.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-emailmorelist-dropdown .event-more-mail-list .omail-clip-block::-webkit-scrollbar {
    width: 4px !important
}

.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-emailmorelist-dropdown .event-more-mail-list .omail-clip-block::-webkit-scrollbar-thumb {
    background: #DFF3FF;
    box-sizing: border-box;
    box-shadow: inset 0 10px 10px #ffffff40;
    border-radius: 7px
}

.omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-custom-btn-outline {
    border-radius: 4px;
    margin-right: 4px;
    padding: 4px 10px
}

.omail-compose-mail-block .omailcomposemail-header .ccbcc-text-links {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    gap: 10px;
    padding-right: 10px
}

.omail-compose-mail-block .omailcomposemail-header .ccbcc-text-links span {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #006bce;
    cursor: pointer
}

.omail-compose-mail-block .omailcomposemail-body {
    margin: 0;
    max-height: -moz-fit-content;
    max-height: fit-content;
    overflow-y: hidden;
    height: calc(100vh - 193px)
}

.omail-compose-mail-block .omailcomposemail-body .fr-wrapper {
    height: calc(100vh - 323px) !important
}

.omail-compose-mail-block .omailcomposemail-body .fr-wrapper .fr-video {
    width: 100%;
    height: 481px;
    padding: 0;
    text-align: left;
    display: flex
}

@media screen and (max-width: 1440px) {
    .omail-compose-mail-block .omailcomposemail-body .fr-wrapper .fr-video {
        height: 330px
    }
}

@media screen and (max-width: 1366px) {
    .omail-compose-mail-block .omailcomposemail-body .fr-wrapper .fr-video {
        height: 308px
    }
}

@media screen and (max-width: 1280px) {
    .omail-compose-mail-block .omailcomposemail-body .fr-wrapper .fr-video {
        height: 278px
    }
}

@media screen and (max-width: 1024px) {
    .omail-compose-mail-block .omailcomposemail-body .fr-wrapper .fr-video {
        height: 200px
    }
}

@media screen and (max-width: 991px) {
    .omail-compose-mail-block .omailcomposemail-body .fr-wrapper .fr-video {
        height: 265px
    }
}

@media screen and (max-width: 768px) {
    .omail-compose-mail-block .omailcomposemail-body .fr-wrapper .fr-video {
        height: 294px
    }
}

@media screen and (max-width: 660px) {
    .omail-compose-mail-block .omailcomposemail-body .fr-wrapper .fr-video {
        height: 233px
    }
}

@media screen and (max-width: 480px) {
    .omail-compose-mail-block .omailcomposemail-body .fr-wrapper .fr-video {
        height: 160px
    }
}

@media screen and (max-width: 414px) {
    .omail-compose-mail-block .omailcomposemail-body .fr-wrapper .fr-video {
        height: 131px
    }
}

@media screen and (max-width: 360px) {
    .omail-compose-mail-block .omailcomposemail-body .fr-wrapper .fr-video {
        height: 105px
    }
}

@media screen and (max-width: 320px) {
    .omail-compose-mail-block .omailcomposemail-body .fr-wrapper .fr-video {
        height: 87px
    }
}

.omail-compose-mail-block .omailcomposemail-body .fr-wrapper .fr-video video {
    width: 100%;
    object-fit: cover
}

.omail-compose-mail-block .omailcomposemail-body .listening-txt {
    margin: 0 50px 0 0;
    text-align: right;
    color: #37ac00;
    animation: bounceListen .6s ease infinite alternate;
    -webkit-animation: bounceListen .6s ease infinite alternate
}

.omail-compose-mail-block .no-bg-video-block video {
    width: 80% !important
}

.omail-compose-mail-block .omail-smartreplay-block {
    margin: 10px 0 0
}

@media screen and (min-width: 1025px) {
    .omail-compose-mail-block .omail-smartreplay-block {
        position: fixed;
        bottom: 80px;
        z-index: 10;
        background: #fff;
        margin-left: 10px
    }
}

.omail-compose-mail-block .omail-smartreplay-block ul {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between
}

.omail-compose-mail-block .omail-smartreplay-block ul li {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #006bce;
    border: 1px solid #4693db;
    border-radius: 4px;
    padding: 6px 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 37%;
    cursor: pointer
}

.omail-compose-mail-block .omailcomposemail-footer {
    padding: 5px 12px;
    border-top: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    z-index: 2;
    background-color: #fff
}

@media screen and (max-width: 1024px) {
    .omail-compose-mail-block .omailcomposemail-footer {
        width: 100%
    }
}

@media screen and (max-width: 640px) {
    .omail-compose-mail-block .omailcomposemail-footer {
        display: block
    }
}

.omail-compose-mail-block .omailcomposemail-footer .omailcomposemail-footer-links-left {
    display: flex
}

.omail-compose-mail-block .omailcomposemail-footer .omailcomposemail-footer-links-left .omail-more-dropdown .dropdown-toggle {
    border: none;
    background: no-repeat;
    padding: 0
}

.omail-compose-mail-block .omailcomposemail-footer .omailcomposemail-footer-links-left .omail-more-dropdown .dropdown-toggle:disabled {
    cursor: no-drop;
    opacity: .5
}

@media screen and (max-width: 414px) {
    .omail-compose-mail-block .omailcomposemail-footer .omailcomposemail-footer-links-left {
        margin-bottom: 10px
    }
}

.omail-compose-mail-block .omailcomposemail-footer .omailcomposemail-footer-links-left .btn-link {
    padding: 0;
    margin: 0 12px 0 0
}

.omail-compose-mail-block .omailcomposemail-footer .omailcomposemail-footer-links-left .btn-link:hover {
    filter: invert(49%) sepia(85%) saturate(4431%) hue-rotate(180deg) brightness(93%) contrast(98%)
}

.omail-compose-mail-block .omailcomposemail-footer .omailcomposemail-footer-links-right {
    display: flex;
    align-items: center;
    gap: 10px
}

@media screen and (max-width: 354px) {
    .omail-compose-mail-block .omailcomposemail-footer .omailcomposemail-footer-links-right {
        display: block
    }
}

.omail-compose-mail-block .omailcomposemail-footer .omailcomposemail-footer-links-right .sendbtn {
    min-height: 32px;
    min-width: 32px;
    border-radius: 8px;
    padding: 0
}

.omail-compose-mail-block .omailcomposemail-footer .omailcomposemail-footer-links-right .resendbtn {
    min-height: 32px;
    min-width: 32px;
    border-radius: 8px;
    padding: 2px 5px
}

@media screen and (max-width: 640px) {
    .omail-compose-mail-block .omailcomposemail-footer .omailcomposemail-footer-links-right .omail-send-btngroup {
        margin-right: 0 !important
    }
}

@media screen and (max-width: 320px) {
    .omail-compose-mail-block .omailcomposemail-footer .omailcomposemail-footer-links-right .omail-send-btngroup {
        margin-top: 10px
    }
}

@media screen and (max-width: 640px) {
    .omail-compose-mail-block .omailcomposemail-footer .omailcomposemail-footer-links-right .schedule-btn {
        margin-right: 10px;
        margin-left: 6px
    }
}

@media screen and (max-width: 354px) {
    .omail-compose-mail-block .omailcomposemail-footer .omailcomposemail-footer-links-right .schedule-btn {
        margin-bottom: 4px
    }
}

.omail-compose-mail-block .omailcomposemail-footer .omailcomposemail-footer-links-right .schedule-btn img {
    margin-right: 4px
}

@media screen and (max-width: 640px) {
    .omail-compose-mail-block .omailcomposemail-footer .omailcomposemail-footer-links-right .btn-link {
        display: block;
        text-align: left;
        padding-left: 5px
    }
}

.omail-compose-mail-block .omailcomposemail-footer .omailcomposemail-footer-links-right .omail-custom-btn-outline {
    padding: 9px 24px 8px
}

.omail-compose-mail-block .omailcomposemail-footer .composemail-footer-inside {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media screen and (max-width: 414px) {
    .omail-compose-mail-block .omailcomposemail-footer .composemail-footer-inside {
        display: block
    }
}

.omail-compose-mail-block .schedule-text-compose {
    text-align: center
}

.omail-compose-mail-block .schedule-text-compose span {
    padding: 0;
    font-style: normal;
    font-weight: 400;
    font-size: var(--clamp12);
    text-decoration: none;
    cursor: inherit
}

.omail-compose-mail-block .composemail-form {
    height: 100%
}

.omail-clip-block,
.omail-email-catagory-types,
.omail-clip-block .form-control,
.omail-email-catagory-types .form-control {
    width: 100%
}

.omail-clip-block .form-control:focus,
.omail-email-catagory-types .form-control:focus {
    box-shadow: none
}

.omail-clip-block .mat-chip-list .mat-standard-chip,
.omail-email-catagory-types .mat-chip-list .mat-standard-chip {
    font-style: normal;
    font-weight: 400;
    font-size: var(--clamp12);
    color: #2a3f51;
    min-height: 25px;
    white-space: nowrap;
    background-color: #f5f5f5
}

@media screen and (min-width: 280px) and (max-width: 990px) {

    .omail-clip-block .mat-chip-list .mat-standard-chip,
    .omail-email-catagory-types .mat-chip-list .mat-standard-chip {
        word-break: break-all;
        white-space: pre-wrap !important;
        height: auto
    }
}

.omail-clip-block .mat-chip-list .mat-standard-chip,
.omail-email-catagory-types .mat-chip-list .mat-standard-chip {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.omail-clip-block .mat-chip-list .mat-standard-chip .mat-chip-remove,
.omail-email-catagory-types .mat-chip-list .mat-standard-chip .mat-chip-remove {
    opacity: 1 !important;
    display: flex
}

.omail-clip-block .mat-chip-list .mat-standard-chip .mat-chip-remove:hover img,
.omail-email-catagory-types .mat-chip-list .mat-standard-chip .mat-chip-remove:hover img {
    filter: invert(44%) sepia(88%) saturate(4143%) hue-rotate(341deg) brightness(98%) contrast(86%)
}

.omail-sidebar-toggle {
    position: fixed;
    left: 282px;
    top: 90px;
    z-index: 2;
    color: #a3a3a3;
    cursor: pointer;
    transition: left .2s;
    font-size: 20px
}

@media screen and (max-width: 1024px) {
    .omail-sidebar-toggle {
        position: absolute;
        top: 14px;
        z-index: 5
    }
}

@media screen and (max-width: 991px) {
    .omail-sidebar-toggle {
        left: 210px;
        z-index: 5
    }
}

.omailapp-mainwrap.active .omail-mobile-logo {
    display: block;
    margin: 0 auto
}

.omailapp-mainwrap.active .omail-main-logo {
    display: none
}

.omailapp-mainwrap.active .omail-app-header {
    width: 68px
}

.omailapp-mainwrap.active .omail-mailbox-sidenav-block {
    width: 71px
}

@media screen and (max-width: 1024px) {
    .omailapp-mainwrap.active .omail-mailbox-sidenav-block {
        width: 68px
    }
}

.omailapp-mainwrap.active .omail-sidebar-toggle {
    left: 134px
}

@media screen and (max-width: 991px) {
    .omailapp-mainwrap.active .omail-sidebar-toggle {
        left: 55px
    }
}

.omailapp-mainwrap.active .list-text,
.omailapp-mainwrap.active .folder-txt,
.omailapp-mainwrap.active .create-folder,
.omailapp-mainwrap.active .folder-content i,
.omailapp-mainwrap.active .generate-folder .ge-text {
    display: none
}

.omailapp-mainwrap.active .omail-badge {
    display: none !important
}

.omailapp-mainwrap.active .trash-list-main,
.omailapp-mainwrap.active .trash-list-main .list-arrow {
    display: none
}

.omailapp-mainwrap.active .trash-list-main.trash-inactive .omail-trash-list .activefolder-list {
    background-color: #d1cdff
}

.omailapp-mainwrap.active .folder-all-icons {
    display: none !important
}

.omailapp-mainwrap.active .omail-trash-list li {
    padding-left: 12px !important
}

.omailapp-mainwrap.active .trash-list-main {
    display: block
}

.omailapp-mainwrap.active .sidebar-storage,
.omailapp-mainwrap.active .omail-modules-link ul li {
    display: none
}

.omailapp-mainwrap.active .omail-modules-link ul li.active {
    display: block
}

.omailapp-mainwrap.active .omail-calendar .calendar-left-side,
.omailapp-mainwrap.active .omail-contacts-main-block .contact-left-padding {
    width: 68px
}

.omailapp-mainwrap.active .omail-contacts-main-block .omail-sub-delete-layout {
    display: none
}

.omailapp-mainwrap.active .omail-v-tabs .omail-vtabs-view {
    width: calc(100% - 68px)
}

@media screen and (max-width: 1024px) {
    .omailapp-mainwrap.active .omail-v-tabs .omail-vtabs-view {
        width: 100%
    }
}

.omailapp-mainwrap.active .omailapp-settings-wrap .calendar-leftside {
    width: 68px
}

.omailapp-mainwrap.active .omailapp-settings-wrap .omail-side-settings ul.sidenav-box li.list a img {
    margin-right: 0
}

.omailapp-mainwrap.active .omailapp-settings-wrap .omail-side-settings ul.sidenav-box li.list .align-items-center {
    justify-content: center
}

.omailapp-mainwrap.active .new-mail-btn {
    border-radius: 6px !important;
    padding-left: 11px !important;
    min-width: 40px
}

.omailapp-mainwrap.active .new-mail-btn span,
.omailapp-mainwrap.active .omail-sub-sidebar .splitleftblock-partone .btn-group .dropdown-toggle {
    display: none
}

.omailapp-mainwrap.active .omail-categories-list li {
    padding-left: 12px !important;
    padding-right: 12px !important
}

.omailapp-mainwrap.active .omailapp-settings-wrap .omail-side-settings {
    width: 68px
}

.omailapp-mainwrap.active .omailapp-settings-wrap .title {
    display: none
}

.omailapp-mainwrap.active .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav {
    width: 68px
}

.omailapp-mainwrap.active .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-btn-action-block .omail-btn-group .create-contact-btn,
.omailapp-mainwrap.active .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-btn-action-block .omail-btn-group .create-group-btn {
    border-radius: 6px
}

.omailapp-mainwrap.active .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-btn-action-block .omail-btn-group .create-contact-btn span,
.omailapp-mainwrap.active .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-btn-action-block .omail-btn-group .create-group-btn span,
.omailapp-mainwrap.active .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-btn-action-block .omail-btn-group .dropdown-toggle,
.omailapp-mainwrap.active .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-list-block li span,
.omailapp-mainwrap.active .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .omail-delete-list-one .delete-txt,
.omailapp-mainwrap.active .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .omail-delete-list-one .list-arrow,
.omailapp-mainwrap.active .omail-light-guide-block {
    display: none
}

.omail-btn-group .omail-custom-btn {
    border-radius: 6px 0 0 6px;
    text-align: left
}

.omail-btn-group .omail-custom-btn:after {
    display: none
}

.omail-btn-group .dropdown-toggle {
    border-radius: 0 6px 6px 0;
    border-left: 1px solid #0054A2;
    padding: 10px 14px 10px 13px
}

.omail-btn-group .dropdown-toggle:focus-visible {
    outline: none
}

.omail-btn-group .dropdown-menu {
    width: 216px;
    background: transparent;
    border: none;
    padding: 0;
    margin-top: -1px !important
}

.omail-btn-group .dropdown-menu button,
.omail-btn-group .dropdown-menu .drop-list {
    background-color: #006bce;
    border-radius: 6px;
    font-size: 14px;
    color: #fff;
    padding: 9px 12px;
    margin-bottom: 1px;
    cursor: pointer
}

.omail-btn-group .dropdown-menu button img,
.omail-btn-group .dropdown-menu .drop-list img {
    margin-right: 7px
}

.omail-btn-group .dropdown-menu button:hover,
.omail-btn-group .dropdown-menu .drop-list:hover {
    background-color: #0288d9
}

.omail-btn-group .new-mail-btn {
    padding-left: 10px;
    width: 100% !important
}

.omail-send-btngroup .dropdown-toggle {
    padding: 10px
}

.omail-send-btngroup .dropdown-menu {
    max-width: 116px;
    min-width: 109px;
    text-align: center
}

@media screen and (max-width: 414px) {
    .omail-send-btngroup .dropdown-menu {
        max-width: 165px
    }
}

@media screen and (max-width: 360px) {
    .omail-send-btngroup .dropdown-menu {
        max-width: 123px
    }
}

@media screen and (max-width: 320px) {
    .omail-send-btngroup .dropdown-menu {
        max-width: 178px
    }
}

.omail-send-btngroup .dropdown-menu button {
    text-align: center
}

.omail-contact-btn-group .dropdown-menu button {
    padding: 9px 16px
}

.omail-more-dropdown .dropdown-toggle:after {
    border: none
}

.omail-more-dropdown .dropdown-toggle:hover {
    filter: invert(49%) sepia(85%) saturate(4431%) hue-rotate(180deg) brightness(93%) contrast(98%)
}

.omail-more-dropdown .dropdown-menu {
    border: none;
    box-shadow: 0 1px 6px #0000004d;
    padding: 0;
    border-radius: 0
}

.omail-more-dropdown .dropdown-menu .dropdown-item {
    color: #0a2477;
    font-size: var(--clamp14);
    font-weight: 400;
    padding-left: 12px;
    padding-right: 12px
}

.omail-more-dropdown .dropdown-menu .dropdown-item:hover {
    background-color: #f0f9ff !important;
    border-radius: 4px !important;
    filter: invert(0) !important
}

.omail-more-dropdown.show .dropdown-toggle {
    filter: invert(49%) sepia(85%) saturate(4431%) hue-rotate(180deg) brightness(93%) contrast(98%)
}

.omail-more-dropdown .btn-link {
    border: none;
    background-color: transparent;
    padding-left: 0;
    padding-right: 0
}

.omail-more-dropdown .btn-link:disabled {
    cursor: no-drop;
    opacity: .5
}

.omail-contacts-main-block {
    width: 100%;
    height: calc(100vh - 159px)
}

.omail-contacts-main-block .contacts-toggle-btn {
    min-width: auto;
    min-height: auto;
    border-radius: 6px;
    background: #006BCE
}

@media screen and (max-width: 767px) {
    .omail-contacts-main-block .contacts-toggle-btn {
        padding: 6px 14px;
        text-align: center;
        margin-top: 9px
    }
}

.omail-contacts-main-block .contacts-toggle-btn i {
    margin-right: 0
}

.omail-contacts-main-block .no-list-block {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: calc(100vh - 76px);
    flex-direction: column
}

.omail-contacts-main-block .no-list-block .list-icon {
    margin: 0 0 26px
}

.omail-contacts-main-block .no-list-block .list-text {
    font-weight: 400;
    font-size: var(--clamp16);
    color: #003b93;
    margin: 0 0 26px
}

.omail-contacts-main-block .no-list-block .list-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px
}

.omail-contacts-main-block .contact-left-padding {
    padding-right: 0;
    width: 13.8%
}

@media screen and (max-width: 1440px) and (min-width: 1090px) {
    .omail-contacts-main-block .contact-left-padding {
        width: 32%
    }
}

@media screen and (min-width: 991px) and (max-width: 1024px) {
    .omail-contacts-main-block .contact-left-padding {
        width: 36%
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .omail-contacts-main-block .contact-left-padding {
        width: 38%
    }
}

@media screen and (max-width: 991px) {
    .omail-contacts-main-block .contact-left-padding {
        padding-right: .75rem
    }
}

.omail-contacts-main-block .contact-right-padding {
    padding-left: 0
}

@media screen and (max-width: 1440px) and (min-width: 1090px) {
    .omail-contacts-main-block .contact-right-padding {
        width: 68%
    }
}

@media screen and (min-width: 991px) and (max-width: 1024px) {
    .omail-contacts-main-block .contact-right-padding {
        width: 64%
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .omail-contacts-main-block .contact-right-padding {
        width: 62%
    }
}

@media screen and (max-width: 767px) {
    .omail-contacts-main-block .contact-right-padding {
        padding-left: .75rem
    }
}

.omail-contacts-main-block .contacts-left-block {
    background-color: #fff;
    height: calc(100vh - 76px);
    overflow: hidden;
    transition: .4s
}

@media screen and (max-width: 767px) {
    .omail-contacts-main-block .omailcontactsshow {
        visibility: hidden;
        position: absolute;
        width: 0px;
        padding: 0 !important
    }

    .omail-contacts-main-block .omailcontactshide {
        visibility: visible;
        position: absolute;
        width: 360px;
        box-shadow: 2px 2px 15px #0003;
        z-index: 1
    }
}

@media screen and (max-width: 480px) {
    .omail-contacts-main-block .omailcontactshide {
        width: 65%
    }
}

.omail-contacts-main-block .contacts-right-block {
    overflow: hidden;
    background-color: #fff;
    border-radius: 0 8px 8px 0;
    height: calc(100vh - 76px)
}

.omail-contacts-main-block .contacts-right-block .omail-tab-block {
    margin: 0
}

.omail-contacts-main-block .contacts-right-block .omail-tab-block .nav-tabs {
    border-bottom: 1px solid #ECECEC;
    padding: 10px
}

.omail-contacts-main-block .contacts-right-block .omail-tab-block .nav-tabs .nav-link {
    font-style: normal;
    font-weight: 400;
    font-size: var(--clamp18);
    color: #30353d;
    border: none;
    background-color: #f5f5f5;
    font-size: var(--clamp14);
    border-radius: 6px
}

.omail-contacts-main-block .contacts-right-block .omail-tab-block .nav-tabs .nav-link:hover {
    background: #F1FAFF;
    border: none
}

.omail-contacts-main-block .contacts-right-block .omail-tab-block .nav-tabs .nav-link.active {
    font-weight: 500;
    background-color: #9edafe;
    border: none;
    color: #30353d;
    border-radius: 6px
}

.omail-contacts-main-block .contacts-right-block .omail-tab-block .nav-tabs li a.active .tab-close img {
    opacity: .7
}

.omail-contacts-main-block .contacts-right-block .contacts-view-header {
    border-bottom: 1px solid #F3F2FF;
    padding: 10px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #dff3ff
}

@media screen and (max-width: 560px) {
    .omail-contacts-main-block .contacts-right-block .contacts-view-header {
        display: block;
        padding: 10px
    }
}

.omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info {
    display: flex;
    align-items: center;
    gap: 10px
}

.omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-text h4,
.omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-text .h4 {
    margin-bottom: 2px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #30353d;
    text-transform: capitalize
}

@media screen and (max-width: 1440px) {

    .omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-text h4,
    .omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-text .h4 {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 340px
    }
}

@media screen and (max-width: 1280px) {

    .omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-text h4,
    .omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-text .h4 {
        max-width: 240px
    }
}

@media screen and (max-width: 991px) {

    .omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-text h4,
    .omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-text .h4 {
        max-width: 160px
    }
}

.omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-text p {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    color: #a3a3a3;
    margin: 0;
    padding: 0
}

@media screen and (max-width: 1440px) {
    .omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-text p {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 340px
    }
}

@media screen and (max-width: 1280px) {
    .omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-text p {
        max-width: 240px
    }
}

@media screen and (max-width: 991px) {
    .omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-text p {
        max-width: 160px
    }
}

@media screen and (max-width: 414px) {
    .omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-text p {
        max-width: 120px
    }
}

.omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-pic-text {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #DEDEDE;
    overflow: hidden
}

.omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-pic-text img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px
}

.omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-pic-text span {
    font-size: var(--clamp16);
    font-weight: 600;
    color: #fff
}

@media screen and (max-width: 767px) {
    .omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-text {
        text-align: left
    }
}

@media screen and (max-width: 480px) {
    .omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-text {
        width: 220px
    }
}

@media screen and (max-width: 414px) {
    .omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-text {
        width: 194px
    }
}

@media screen and (max-width: 360px) {
    .omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-text {
        width: 120px
    }
}

@media screen and (max-width: 320px) {
    .omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-text {
        width: 106px
    }
}

.omail-contacts-main-block .contacts-right-block .contacts-view-header .user-view-actions {
    display: flex;
    align-items: center
}

@media screen and (max-width: 640px) {
    .omail-contacts-main-block .contacts-right-block .contacts-view-header .user-view-actions {
        margin-left: 0;
        display: block
    }

    .omail-contacts-main-block .contacts-right-block .contacts-view-header .user-view-actions button {
        margin-top: 8px
    }
}

.omail-contacts-main-block .contacts-right-block .contacts-view-header .user-view-actions button {
    color: #0a2477;
    display: flex;
    align-items: center;
    gap: 4px;
    text-decoration: none
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .omail-contacts-main-block .contacts-right-block .contacts-view-header .user-view-actions button {
        font-size: 12px
    }
}

@media screen and (max-width: 480px) {
    .omail-contacts-main-block .contacts-right-block .contacts-view-header .user-view-actions button {
        font-size: 12px
    }
}

.omail-contacts-main-block .contacts-right-block .contacts-view-header .user-view-actions button img {
    filter: invert(35%) sepia(99%) saturate(6727%) hue-rotate(199deg) brightness(98%) contrast(100%)
}

.omail-contacts-main-block .contacts-right-block .contacts-view-header .user-view-actions button.omail-custom-btn {
    background: #FFFFFF;
    color: #006bce;
    padding: 6px 16px 5px
}

.omail-contacts-main-block .contacts-right-block .contacts-view-header .user-view-actions button.omail-custom-btn:hover {
    background-color: #f0f9ff
}

.omail-contacts-main-block .contacts-right-block .contacts-view-block {
    position: relative
}

.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contacts-view-form-info {
    background: #FFFFFF;
    height: calc(100vh - 195px);
    overflow: hidden;
    overflow-y: auto
}

.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contacts-view-form-info .form-group {
    margin-bottom: 1rem
}

@media screen and (max-width: 767px) {
    .omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contacts-view-form-info .form-group {
        text-align: left
    }
}

@media screen and (max-width: 767px) {
    .omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contacts-view-form-info {
        height: calc(100vh - 286px)
    }
}

@media screen and (max-width: 480px) {
    .omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contacts-view-form-info {
        height: calc(100vh - 325px)
    }
}

.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contacts-view-form-info::-webkit-scrollbar {
    width: 4px !important
}

@media screen and (max-width: 540px) {
    .omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contacts-view-form-info::-webkit-scrollbar {
        width: 2px !important
    }
}

.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contacts-view-form-info::-webkit-scrollbar-thumb {
    background: #DFF3FF;
    box-sizing: border-box;
    box-shadow: inset 0 10px 10px #ffffff40;
    border-radius: 7px
}

.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contacts-view-form-info .action-links {
    text-align: right
}

.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contacts-view-form-info .action-links button {
    margin: 10px;
    outline: none
}

.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contacts-view-form-info .action-links ::ng-deep button:disabled {
    cursor: no-drop !important;
    opacity: .5;
    color: #fff
}

.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contacts-view-form-info .action-links ::ng-deep button:disabled:hover {
    color: #fff !important;
    background: linear-gradient(180deg, #3B82F6 0%, #1D4ED8 100%);
    border: 1px solid transparent
}

.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contacts-view-form-info .zip-error-text {
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545
}

.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contacts-view-form-info .contact-group-user-pic-block {
    background: none
}

.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .create-contact-maincontent .action-links {
    position: relative;
    z-index: 999
}

@media screen and (max-width: 767px) {
    .omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .create-contact-maincontent .action-links {
        z-index: 0
    }
}

.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contact-date-picker {
    position: relative
}

.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contact-date-picker .date-input input {
    width: 100%;
    height: 44px;
    border: 1px solid #5EC2FE;
    border-radius: 4px;
    padding: .375rem .75rem;
    background-color: #fff
}

.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contact-date-picker .date-input input:disabled {
    border: 1px solid #ECECEC;
    border-radius: 4px;
    color: #6d747a;
    background-color: #f8f8f8;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    cursor: no-drop
}

.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contact-date-picker mat-form-field {
    width: 100%;
    height: 44px
}

.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contact-date-picker .date-pic-icon {
    position: absolute;
    top: 2px;
    right: 0
}

.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contact-date-picker .mat-icon {
    vertical-align: inherit
}

.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab label {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #a3a3a3;
    margin: 0 0 6px
}

.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .form-control {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #30353d;
    border: 1px solid #5EC2FE;
    height: 40px;
    background-color: #fff
}

.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab textarea {
    width: 100%;
    border: 1px solid #F8F8FF;
    border-radius: 4px;
    resize: none;
    min-height: 140px;
    overflow: hidden;
    overflow-y: auto;
    background-color: #f8f8ff;
    padding: 10px
}

.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab textarea:disabled {
    border: 1px solid #ECECEC;
    border-radius: 4px;
    color: #6d747a;
    background-color: #f8f8f8;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    cursor: no-drop
}

.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .custom-select {
    background: none;
    border-left: none;
    border-radius: 4px;
    background: url(adressbook-select.9b5feae12a5dd307.png) no-repeat 97% center;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: #2a3f51;
    border: 1px solid #F8F8FF;
    background-color: #f8f8ff
}

.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .form-control:disabled,
.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .form-control[readonly] {
    border: 1px solid #ECECEC;
    border-radius: 4px;
    color: #6d747a;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    cursor: no-drop;
    background-color: #f8f8f8
}

.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .oesomail-form-control {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #30353d;
    border: 1px solid #5EC2FE;
    background-color: #fff
}

.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .oesomail-form-control:focus-visible {
    outline: none
}

.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .oesomail-date-form-control {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #30353d
}

.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .oesomail-date-form-control::placeholder {
    color: #30353d
}

.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .oesomail-date-form-control:-ms-input-placeholder {
    color: #30353d
}

.omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .oesomail-date-form-control::-ms-input-placeholder {
    color: #30353d
}

.omail-contacts-main-block .contacts-right-block .create-group-form {
    padding: 24px 24px 100px;
    overflow: hidden;
    overflow-y: auto;
    height: calc(100vh - 90px)
}

.omail-contacts-main-block .contacts-right-block .create-group-form .form-group {
    margin-bottom: 1rem
}

@media screen and (max-width: 1920px) {
    .omail-contacts-main-block .contacts-right-block .create-group-form {
        height: calc(100vh - 195px)
    }
}

@media screen and (max-width: 767px) {
    .omail-contacts-main-block .contacts-right-block .create-group-form {
        height: calc(100vh - 180px)
    }
}

@media screen and (max-width: 480px) {
    .omail-contacts-main-block .contacts-right-block .create-group-form {
        height: calc(100vh - 225px)
    }
}

.omail-contacts-main-block .contacts-right-block .create-group-form::-webkit-scrollbar {
    width: 4px !important
}

@media screen and (max-width: 540px) {
    .omail-contacts-main-block .contacts-right-block .create-group-form::-webkit-scrollbar {
        width: 2px !important
    }
}

.omail-contacts-main-block .contacts-right-block .create-group-form::-webkit-scrollbar-thumb {
    background: #DFF3FF;
    box-sizing: border-box;
    box-shadow: inset 0 10px 10px #ffffff40;
    border-radius: 7px
}

@media screen and (max-width: 768px) {
    .omail-contacts-main-block .contacts-right-block .create-group-form {
        padding: 0
    }
}

@media screen and (max-width: 767px) {
    .omail-contacts-main-block .contacts-right-block .create-group-form {
        padding: 0
    }
}

.omail-contacts-main-block .contacts-right-block .create-group-form label {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: var(--text-color-2)
}

.omail-contacts-main-block .contacts-right-block .create-group-form .form-control {
    border: 1px solid var(--border-color-2);
    border-radius: 4px;
    background: var(--input-bg-color-1)
}

.omail-contacts-main-block .contacts-right-block .create-group-form .add-book-btn-block {
    margin: 5px 0 25px;
    display: flex;
    align-items: center;
    gap: 24px
}

@media screen and (max-width: 510px) {
    .omail-contacts-main-block .contacts-right-block .create-group-form .add-book-btn-block {
        display: block
    }

    .omail-contacts-main-block .contacts-right-block .create-group-form .add-book-btn-block .group-rule-info-text {
        margin-top: 24px
    }
}

.omail-contacts-main-block .contacts-right-block .create-group-form .add-book-btn-block .group-rule-info-text {
    background: #FFFBF8;
    border: 1px solid #FFB97E;
    border-radius: 6px;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #464255;
    padding: 5px 8px
}

.omail-contacts-main-block .contacts-right-block .create-group-form .add-book-btn-block .group-rule-info-text .star-icon {
    color: #e84c3d
}

.omail-contacts-main-block .contacts-right-block .create-group-form .invalid-feedback {
    position: absolute;
    position: inherit;
    bottom: 0
}

.omail-contacts-main-block .contacts-right-block .create-group-form .create-group-form-actions .action-links {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 20px
}

.omail-contacts-main-block .contacts-right-block .create-group-form .group-error-text {
    position: inherit
}

.omail-contacts-main-block .contacts-right-block .email-catagory-block {
    display: flex
}

@media screen and (max-width: 767px) {
    .omail-contacts-main-block .contacts-right-block .email-catagory-block {
        display: block
    }
}

.omail-contacts-main-block .contacts-right-block .email-catagory-block .email-catagory-inner {
    background: #FFFFFF;
    box-shadow: 0 4px 4px #3f597233;
    border-radius: 8px;
    margin: 0 0 20px
}

@media screen and (max-width: 767px) {
    .omail-contacts-main-block .contacts-right-block .email-catagory-block .email-catagory-inner {
        width: 100%
    }
}

.omail-contacts-main-block .contacts-right-block .email-catagory-block .email-catagory-inner .sub-heading {
    background: #F0F9FF;
    border-radius: 12px 12px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px
}

.omail-contacts-main-block .contacts-right-block .email-catagory-block .email-catagory-inner .sub-heading h6,
.omail-contacts-main-block .contacts-right-block .email-catagory-block .email-catagory-inner .sub-heading .h6 {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #006bce
}

.omail-contacts-main-block .contacts-right-block .email-catagory-block .email-catagory-inner .sub-heading span {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #a3a3a3
}

.omail-contacts-main-block .contacts-right-block .email-catagory-block .email-catagory-inner .omail-email-catagory-types {
    min-height: 250px;
    max-height: 250px;
    overflow-x: auto;
    overflow-y: auto;
    padding: 12px
}

.omail-contacts-main-block .contacts-right-block .email-catagory-block .email-catagory-inner .omail-email-catagory-types::-webkit-scrollbar {
    width: 4px !important
}

.omail-contacts-main-block .contacts-right-block .email-catagory-block .email-catagory-inner .omail-email-catagory-types::-webkit-scrollbar-thumb {
    background: #DFF3FF;
    box-sizing: border-box;
    box-shadow: inset 0 10px 10px #ffffff40;
    border-radius: 7px
}

.omail-contacts-main-block .contacts-right-block .email-catagory-block .email-catagory-inner .omail-email-catagory-types mat-chip-list .mat-chip-list-wrapper {
    display: block
}

@media screen and (max-width: 767px) {
    .omail-contacts-main-block .contacts-right-block .email-catagory-block .email-catagory-inner .omail-email-catagory-types {
        min-height: 140px;
        max-height: 140px
    }
}

.omail-contacts-main-block .contacts-right-block .contact-group-user-pic-block {
    text-align: center;
    background-color: #f8f8f8;
    padding: 24px 0 10px;
    border-radius: 12px
}

.omail-contacts-main-block .contacts-right-block .contact-group-user-pic-block .form-group {
    margin-bottom: 1rem
}

.omail-contacts-main-block .contacts-right-block .contact-group-user-pic-block .contact-pic-text-block {
    position: relative;
    text-align: center;
    display: inline-block;
    margin: 0 0 20px
}

.omail-contacts-main-block .contacts-right-block .contact-group-user-pic-block .contact-pic-text-block .edit-block {
    position: absolute;
    top: 15px;
    right: 0;
    background: #ffffff;
    overflow: hidden;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer;
    border: none
}

.omail-contacts-main-block .contacts-right-block .contact-group-user-pic-block .contact-pic-text-block .edit-block:after {
    border: transparent
}

.omail-contacts-main-block .contacts-right-block .contact-group-user-pic-block .contact-pic-text-block .edit-block img {
    object-fit: none
}

.omail-contacts-main-block .contacts-right-block .contact-group-user-pic-block .contact-pic-text-block .edit-block:hover {
    background: #0288D9
}

.omail-contacts-main-block .contacts-right-block .contact-group-user-pic-block .contact-pic-text-block .edit-block:hover img {
    filter: invert(0) sepia(0%) saturate(15%) hue-rotate(0deg) brightness(206%) contrast(100%)
}

.omail-contacts-main-block .contacts-right-block .contact-group-user-pic-block .contact-pic-text-block .delete-block {
    width: 36px;
    height: 36px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    right: -14px;
    z-index: 145;
    cursor: pointer
}

.omail-contacts-main-block .contacts-right-block .contact-group-user-pic-block .contact-pic-text-block .delete-block button {
    border: none;
    background: none
}

.omail-contacts-main-block .contacts-right-block .contact-group-user-pic-block .contact-pic-text {
    width: 94px;
    height: 94px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0 auto;
    background-color: #dedede
}

.omail-contacts-main-block .contacts-right-block .contact-group-user-pic-block .contact-pic-text .show.dropdown .edit-block {
    background: #0288D9
}

.omail-contacts-main-block .contacts-right-block .contact-group-user-pic-block .contact-pic-text .show.dropdown .edit-block img {
    filter: brightness(0) invert(1)
}

.omail-contacts-main-block .contacts-right-block .contact-group-user-pic-block .contact-pic-text img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%
}

.omail-contacts-main-block .contacts-right-block .contact-group-user-pic-block .contact-pic-text span {
    font-size: var(--clamp18);
    font-weight: 600;
    color: var(--white-color)
}

.omail-contacts-main-block .contacts-right-block .create-group-content {
    padding: 24px
}

.omail-contacts-main-block .contacts-right-block .create-group-bgcontent {
    padding: 24px 0 100px
}

.omail-contacts-main-block .contacts-right-block .create-contact-maincontent {
    padding: 0 !important
}

.omail-contacts-main-block .contacts-right-block .create-contact-maincontent .contact-group-user-pic-block {
    background-color: #f8f8f8 !important;
    padding: 24px 0 10px;
    margin-top: 16px
}

.omail-contacts-main-block .contacts-right-block .create-contact-maincontent .create-contact-bodycontent {
    padding: 24px
}

@media screen and (max-width: 640px) {
    .omail-contacts-main-block .contacts-right-block .create-contact-maincontent .create-contact-bodycontent {
        padding-bottom: 0
    }
}

@media screen and (max-width: 480px) {
    .omail-contacts-main-block .contacts-right-block .create-contact-maincontent .create-contact-bodycontent {
        padding: 24px 10px
    }
}

@media screen and (max-width: 480px) {
    .omail-contacts-main-block .contacts-right-block .omail-selected-list-main {
        display: none
    }
}

.omail-contacts-main-block .omail-links-email {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.omail-contacts-main-block .omail-links-email .allow-email-switch {
    display: flex;
    align-items: center;
    margin-left: 20px;
    height: 60px
}

.omail-contacts-main-block .omail-links-email .allow-email-switch h3,
.omail-contacts-main-block .omail-links-email .allow-email-switch .h3 {
    color: #003b93;
    font-weight: 400;
    font-size: var(--clamp14);
    margin-bottom: 6px
}

.omail-contacts-main-block .omail-links-email .allow-email-switch .mat-slide-toggle-label .mat-slide-toggle-bar {
    background-color: transparent;
    height: 20px;
    width: 36px;
    border-radius: 12px;
    border: 1px solid #A3A3A3
}

.omail-contacts-main-block .omail-links-email .allow-email-switch .mat-slide-toggle-thumb-container {
    top: 1px;
    left: 1px
}

.omail-contacts-main-block .omail-links-email .allow-email-switch .mat-slide-toggle-thumb-container .mat-slide-toggle-thumb {
    height: 16px;
    width: 16px;
    border-radius: 50%;
    display: block;
    background: #A3A3A3
}

.omail-contacts-main-block .omail-links-email .allow-email-switch .mat-slide-toggle-thumb-container .mat-slide-toggle .mat-checked .mat-slide-toggle-thumb {
    background-color: #0288d9
}

.omail-contacts-main-block .omail-links-email .allow-email-switch .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
    background-color: #0288d9;
    border: 1px solid #0288D9
}

.omail-contacts-main-block .omail-links-email .allow-email-switch .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
    background-color: #fff
}

.omail-contacts-main-block .contacts-tab {
    overflow: hidden
}

.omail-contacts-main-block .contacts-tab .mat-tab-label {
    min-width: auto;
    font-size: 12px !important;
    color: #0a2477;
    opacity: 1;
    padding: 0 14px
}

.omail-contacts-main-block .contacts-tab .mat-tab-group.mat-primary .mat-ink-bar,
.omail-contacts-main-block .contacts-tab .mat-tab-nav-bar.mat-primary .mat-ink-bar {
    border-bottom: 3px solid #4136F1
}

.omail-contacts-main-block .contacts-tab .mat-tab-label-active .mat-tab-label-content {
    font-style: normal;
    font-weight: 600;
    color: #4136f1
}

.omail-contacts-main-block .contacts-tab .mat-tab-body.mat-tab-body-active {
    overflow: hidden
}

.omail-contacts-main-block .contacts-tab .mat-tab-label,
.omail-contacts-main-block .contacts-tab .mat-tab-link {
    font-family: Poppins, sans-serif
}

.omail-contacts-main-block .contacts-header-block .newcontactsadd-btn {
    align-items: center;
    width: 100%;
    gap: 12px;
    padding: 16px 12px;
    background-color: #fff
}

.omail-contacts-main-block .contacts-header-block .newcontactsadd-btn .custom-btn {
    font-size: 14px
}

.omail-contacts-main-block .contacts-header-block .newcontactsadd-btn .create-btn {
    width: 290px;
    margin-right: 15px
}

@media screen and (max-width: 320px) {
    .omail-contacts-main-block .contacts-header-block .newcontactsadd-btn .create-btn {
        width: 100%;
        margin-bottom: 10px
    }
}

.omail-contacts-main-block .contacts-header-block .newcontactsadd-btn .create-btn .omail-custom-btn {
    padding: 10px 22px
}

@media screen and (max-width: 320px) {
    .omail-contacts-main-block .contacts-header-block .newcontactsadd-btn .d-flex {
        display: block !important
    }
}

.omail-contacts-main-block .contacts-header-block .contacts-search-box {
    width: 100%;
    position: relative
}

.omail-contacts-main-block .contacts-header-block .contacts-search-box .search-box,
.omail-contacts-main-block .contacts-header-block .contacts-search-box .search-box .search-filter-block {
    position: relative
}

.omail-contacts-main-block .contacts-header-block .contacts-search-box .search-box .search-filter-block .form-control {
    border: 1px solid #e7e4e4;
    border-radius: 4px !important;
    background-color: #fff;
    height: 44px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    position: relative;
    width: 100%;
    padding-right: 60px
}

.omail-contacts-main-block .contacts-header-block .contacts-search-box .search-box .search-filter-block .newcontact-search-btn {
    border: none;
    position: absolute;
    right: 12px;
    top: 12px;
    height: 26px;
    width: 26px;
    background: url(contact-search-icon.662df26013beffc8.svg) no-repeat 0 0;
    z-index: 1100;
    cursor: pointer
}

.omail-contacts-main-block .contacts-header-block .contacts-search-box .search-box .search-filter-block .close-btn {
    border: none;
    background: transparent;
    position: absolute;
    right: 40px;
    top: 10px;
    height: 26px;
    width: 26px;
    cursor: pointer;
    z-index: 1100
}

.omail-contacts-main-block .contacts-header-block .contacts-action-links {
    background: #f5f5f5;
    border-radius: 4px;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 12px;
    border: 1px solid #E4E4E4
}

.omail-contacts-main-block .contacts-header-block .contacts-action-links .select-all-block {
    font-style: normal;
    font-weight: 400;
    font-size: var(--clamp16);
    color: #334554
}

.omail-contacts-main-block .contacts-header-block .contacts-action-links span {
    cursor: pointer;
    border-color: #a3a3a3;
    font-size: var(--clamp14)
}

.omail-contacts-main-block .contacts-header-block .contacts-action-links span:last-child {
    margin: 0
}

.omail-contacts-main-block .contacts-header-block .contacts-action-links span img {
    filter: invert(74%) sepia(0%) saturate(0%) hue-rotate(160deg) brightness(89%) contrast(89%)
}

.omail-contacts-main-block .contacts-header-block .contacts-action-links span img:hover {
    filter: invert(36%) sepia(86%) saturate(5024%) hue-rotate(185deg) brightness(104%) contrast(98%)
}

.omail-contacts-main-block .contacts-header-block .contacts-action-links label {
    margin-bottom: 0 !important
}

.omail-contacts-main-block .contacts-header-block .contacts-action-links .mat-checkbox {
    font-family: Poppins, sans-serif
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .omail-contacts-main-block .contacts-header-block .d-flex {
        display: block !important
    }

    .omail-contacts-main-block .contacts-header-block .d-flex .create-btn {
        width: 100%
    }

    .omail-contacts-main-block .contacts-header-block .d-flex .create-btn .custom-btn {
        margin-bottom: 10px
    }
}

.omail-list-of-contacts-block {
    margin: 0;
    height: calc(100vh - 194px);
    overflow: hidden
}

.omail-list-of-contacts-block .pannel-main {
    padding-top: 12px;
    height: calc(100vh - 194px);
    overflow: hidden;
    overflow-y: auto
}

.omail-list-of-contacts-block .pannel-main::-webkit-scrollbar {
    width: 4px !important
}

@media screen and (max-width: 540px) {
    .omail-list-of-contacts-block .pannel-main::-webkit-scrollbar {
        width: 2px !important
    }
}

.omail-list-of-contacts-block .pannel-main::-webkit-scrollbar-thumb {
    background: #DFF3FF;
    box-sizing: border-box;
    box-shadow: inset 0 10px 10px #ffffff40;
    border-radius: 7px
}

.omail-list-of-contacts-block .pannel-main h6,
.omail-list-of-contacts-block .pannel-main .h6 {
    text-align: center;
    font-style: normal;
    font-weight: 600;
    font-size: var(--clamp16);
    color: var(--main-color)
}

.omail-list-of-contacts-block .pannel-main .panner-content {
    padding: 12px;
    position: relative;
    cursor: pointer;
    border-top: 1px solid #ECECEC;
    border-left: 3px solid transparent
}

.omail-list-of-contacts-block .pannel-main .panner-content.active {
    background: #F3F3F3;
    border-left: 3px solid #37AC00
}

.omail-list-of-contacts-block .pannel-main .panner-content.active .contacts-lable-block span {
    color: #fff
}

.omail-list-of-contacts-block .pannel-main .panner-content.active:hover .favorites-icons span img:hover {
    filter: invert(64%) sepia(63%) saturate(454%) hue-rotate(330deg) brightness(135%) contrast(106%)
}

.omail-list-of-contacts-block .pannel-main .panner-content.active:hover .contacts-lable-block span {
    color: #464255
}

.omail-list-of-contacts-block .pannel-main .panner-content:hover {
    background: #ECECEC;
    border-left: 3px solid #BEE49F
}

.omail-list-of-contacts-block .pannel-main .panner-content:hover h4,
.omail-list-of-contacts-block .pannel-main .panner-content:hover .h4 {
    color: #334554 !important
}

.omail-list-of-contacts-block .pannel-main .panner-content .contact-img {
    width: 3.125vw
}

@media screen and (max-width: 1200px) {
    .omail-list-of-contacts-block .pannel-main .panner-content .contact-img {
        width: 40px
    }
}

.omail-list-of-contacts-block .pannel-main .panner-content .contact-text {
    padding: 0 25px 0 12px;
    width: 100vw;
    text-align: left
}

@media screen and (max-width: 1440px) {
    .omail-list-of-contacts-block .pannel-main .panner-content .contact-text {
        width: 80%
    }
}

@media screen and (max-width: 991px) {
    .omail-list-of-contacts-block .pannel-main .panner-content .contact-text {
        width: 75%
    }
}

@media screen and (max-width: 1000px) {
    .omail-list-of-contacts-block .pannel-main .panner-content .contact-text {
        padding: 0 0 0 12px
    }
}

.omail-list-of-contacts-block .pannel-main .panner-content .contact-text h4,
.omail-list-of-contacts-block .pannel-main .panner-content .contact-text .h4 {
    margin-bottom: 5px;
    font-size: var(--clamp14);
    color: #30353d;
    font-weight: 400;
    word-break: break-all;
    font-family: Poppins, sans-serif;
    max-width: 290px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media screen and (max-width: 1440px) {

    .omail-list-of-contacts-block .pannel-main .panner-content .contact-text h4,
    .omail-list-of-contacts-block .pannel-main .panner-content .contact-text .h4 {
        width: 100%
    }
}

.omail-list-of-contacts-block .pannel-main .panner-content .contact-text p {
    margin-bottom: 0;
    font-size: var(--clamp14);
    color: #0a2477;
    font-weight: 400;
    word-break: break-all;
    max-width: 290px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media screen and (max-width: 1440px) {
    .omail-list-of-contacts-block .pannel-main .panner-content .contact-text p {
        width: 100%
    }
}

.omail-list-of-contacts-block .pannel-main .panner-content .contactmail-text p {
    margin-bottom: 0;
    font-size: var(--clamp14);
    color: #006bce;
    font-weight: 500;
    word-break: break-all;
    font-family: Poppins, sans-serif
}

.omail-list-of-contacts-block .contacts-rounded-block {
    display: block;
    position: relative;
    padding-left: 0;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.omail-list-of-contacts-block .contacts-rounded-block .check-img-block .contact-pic-text {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #DEDEDE;
    overflow: hidden
}

.omail-list-of-contacts-block .contacts-rounded-block .check-img-block .contact-pic-text img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.omail-list-of-contacts-block .contacts-rounded-block .check-img-block .contact-pic-text span {
    font-size: var(--clamp14);
    font-weight: 600;
    color: var(--white-color)
}

.omail-list-of-contacts-block .contacts-rounded-block .check-img-block input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.omail-list-of-contacts-block .contacts-rounded-block .check-img-block .check-mark {
    position: absolute;
    bottom: -2px;
    left: 5px;
    height: 24px;
    width: 24px;
    opacity: 0
}

.omail-list-of-contacts-block .contacts-rounded-block .check-img-block input:checked~.check-mark {
    background: url(checked.619c1258f02de1ab.svg) no-repeat center center;
    opacity: 1;
    background-color: #0006;
    left: 0;
    top: 0;
    width: 28px;
    height: 28px;
    border-radius: 6px
}

.omail-list-of-contacts-block .favorites-icons {
    display: flex;
    align-items: center;
    justify-content: end;
    width: 100%;
    gap: 8px
}

.omail-list-of-contacts-block .favorites-icons .contacts-lable-block {
    font-family: Poppins, sans-serif
}

.omail-list-of-contacts-block .favorites-icons .contacts-lable-block span {
    font-size: var(--clamp12);
    color: #464255
}

.omail-list-of-contacts-block .favorites-icons span img {
    filter: invert(61%) sepia(84%) saturate(0%) hue-rotate(207deg) brightness(95%) contrast(77%)
}

.omail-list-of-contacts-block .favorites-icons span img:hover,
.omail-list-of-contacts-block .favorites-icons span img.fav-active {
    filter: invert(64%) sepia(63%) saturate(454%) hue-rotate(330deg) brightness(135%) contrast(106%)
}

.omail-selected-list-block {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 48px)
}

.omail-selected-list-block .selected-list-inner {
    display: flex;
    align-items: center;
    gap: 40px
}

.omail-selected-list-block .selected-list-inner h5,
.omail-selected-list-block .selected-list-inner .h5 {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: var(--text-color-2);
    margin: 0 0 20px
}

.omail-selected-list-block .selected-list-inner button {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: var(--text-color-1);
    display: flex;
    align-items: center
}

.omail-selected-list-block .selected-list-inner button img {
    padding: 0 10px 0 0
}

.omail-restore-block span {
    font-style: normal;
    font-weight: 600;
    font-size: var(--clamp12);
    color: #0a2477
}

.omail-calendar {
    overflow: hidden;
    width: 100%;
    display: block
}

.omail-calendar .calendar-left {
    border-radius: 8px 0 0 8px;
    padding: 12px;
    height: calc(100vh - 78px);
    overflow: hidden;
    overflow-y: hidden;
    background: var(--white-color)
}

.omail-calendar .calendar-left .custom-btn {
    border-radius: 6px
}

@media screen and (max-width: 767px) {
    .omail-calendar .calendar-left .custom-btn.omail-create-calbtn-main {
        display: none
    }
}

.omail-calendar .calendar-left .custom-btn.omail-create-calbtn-mobile {
    display: none
}

@media screen and (max-width: 767px) {
    .omail-calendar .calendar-left .custom-btn.omail-create-calbtn-mobile {
        display: block
    }
}

.omail-calendar .calendar-left .event-list-block {
    padding: 0
}

.omail-calendar .calendar-left .event-list-block h3,
.omail-calendar .calendar-left .event-list-block .h3 {
    font-style: normal;
    font-weight: 400;
    font-size: var(--clamp14);
    margin-bottom: 12px;
    margin-top: 24px;
    color: #464255
}

@media screen and (max-width: 767px) {

    .omail-calendar .calendar-left .event-list-block h3,
    .omail-calendar .calendar-left .event-list-block .h3 {
        margin-top: 5px
    }
}

.omail-calendar .calendar-left .event-list-block .event-list {
    overflow: hidden;
    overflow-y: auto;
    height: calc(100vh - 450px)
}

@media screen and (max-width: 991px) {
    .omail-calendar .calendar-left .event-list-block .event-list {
        height: auto;
        max-height: 300px;
        overflow-x: scroll;
        display: flex
    }
}

.omail-calendar .calendar-left .event-list-block .event-list::-webkit-scrollbar {
    width: 4px !important
}

@media screen and (max-width: 540px) {
    .omail-calendar .calendar-left .event-list-block .event-list::-webkit-scrollbar {
        width: 2px !important
    }
}

.omail-calendar .calendar-left .event-list-block .event-list::-webkit-scrollbar-thumb {
    background: #DFF3FF;
    box-sizing: border-box;
    box-shadow: inset 0 10px 10px #ffffff40;
    border-radius: 7px
}

.omail-calendar .calendar-left .event-list-block .event-list li .event-info-block {
    display: flex;
    gap: 6px;
    border-radius: 8px;
    padding: 12px;
    margin: 0 0 12px
}

@media screen and (max-width: 991px) {
    .omail-calendar .calendar-left .event-list-block .event-list li .event-info-block {
        margin: 0 5px
    }
}

.omail-calendar .calendar-left .event-list-block .event-list li .event-info-block.newevent-status {
    background: #E8F6F0
}

.omail-calendar .calendar-left .event-list-block .event-list li .event-info-block.cancelevent-status {
    background: #FDF3F3
}

.omail-calendar .calendar-left .event-list-block .event-list li .event-info-block.saveevent-status {
    background: #E8F3FF
}

.omail-calendar .calendar-left .event-list-block .event-list li .event-info-block .event-status {
    margin: 0
}

.omail-calendar .calendar-left .event-list-block .event-list li .event-info-block .event-action-links {
    margin: 0;
    cursor: pointer
}

.omail-calendar .calendar-left .event-list-block .event-list li .event-info-block .event-more-info {
    width: 100%
}

.omail-calendar .calendar-left .event-list-block .event-list li .event-info-block .event-more-info .event-title-links .event-title {
    font-style: normal;
    font-weight: 400;
    font-size: var(--clamp14);
    color: #0a2477;
    white-space: nowrap;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 344px
}

@media screen and (max-width: 1440px) {
    .omail-calendar .calendar-left .event-list-block .event-list li .event-info-block .event-more-info .event-title-links .event-title {
        max-width: 220px
    }
}

@media screen and (max-width: 1366px) {
    .omail-calendar .calendar-left .event-list-block .event-list li .event-info-block .event-more-info .event-title-links .event-title {
        max-width: 200px
    }
}

@media screen and (max-width: 1280px) {
    .omail-calendar .calendar-left .event-list-block .event-list li .event-info-block .event-more-info .event-title-links .event-title {
        max-width: 140px
    }
}

@media screen and (max-width: 1024px) {
    .omail-calendar .calendar-left .event-list-block .event-list li .event-info-block .event-more-info .event-title-links .event-title {
        max-width: 120px
    }
}

.omail-calendar .calendar-left .event-list-block .event-list li .event-info-block .event-more-info .event-locaion {
    font-weight: 400;
    font-size: var(--clamp12);
    text-transform: capitalize;
    width: auto;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #464255;
    max-width: 344px
}

@media screen and (max-width: 1440px) {
    .omail-calendar .calendar-left .event-list-block .event-list li .event-info-block .event-more-info .event-locaion {
        max-width: 220px
    }
}

@media screen and (max-width: 1366px) {
    .omail-calendar .calendar-left .event-list-block .event-list li .event-info-block .event-more-info .event-locaion {
        max-width: 200px
    }
}

@media screen and (max-width: 1280px) {
    .omail-calendar .calendar-left .event-list-block .event-list li .event-info-block .event-more-info .event-locaion {
        max-width: 140px
    }
}

@media screen and (max-width: 1024px) {
    .omail-calendar .calendar-left .event-list-block .event-list li .event-info-block .event-more-info .event-locaion {
        max-width: 120px
    }
}

.omail-calendar .calendar-left .event-list-block .event-list li .event-info-block .event-more-info .event-date-time {
    font-style: normal;
    font-weight: 400;
    font-size: var(--clamp12);
    text-transform: capitalize;
    width: auto;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #464255
}

.omail-calendar .calendar-left .event-list-block .event-list li .event-info-block .event-more-info .event-date-time span img {
    width: 12px
}

@media screen and (min-width: 992px) and (max-width: 1024px) {
    .omail-calendar .calendar-left .event-list-block .event-list li .event-info-block .event-more-info .event-date-time {
        white-space: break-spaces
    }
}

@media screen and (max-width: 767px) {
    .omail-calendar .calendar-left .event-list-block .upcomingevnts-mobile {
        display: flex;
        align-items: center
    }
}

@media screen and (max-width: 767px) {
    .omail-calendar .calendar-left .event-list-block .upcomingevnts-mobile .omail-create-calbtn-mobile {
        min-width: 40px;
        margin-right: 10px
    }
}

.omail-calendar .calendar-left .no-list-block {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: calc(100vh - 108px);
    flex-direction: column
}

@media screen and (max-width: 991px) {
    .omail-calendar .calendar-left .no-list-block {
        justify-content: flex-start
    }
}

.omail-calendar .calendar-left .no-list-block .list-icon {
    margin: 0 0 26px
}

@media screen and (max-width: 991px) {
    .omail-calendar .calendar-left .no-list-block .list-icon {
        display: none
    }
}

.omail-calendar .calendar-left .no-list-block .list-text {
    font-weight: 400;
    font-size: var(--clamp18);
    color: #2a3f51;
    margin: 0 0 26px
}

@media screen and (max-width: 991px) {
    .omail-calendar .calendar-left .no-list-block .list-text {
        margin-bottom: 10px
    }
}

.omail-calendar .calendar-right {
    border-radius: 0;
    height: calc(100vh - 78px);
    overflow: hidden;
    overflow-y: auto;
    padding: 0;
    background: #fff
}

.omail-calendar .calendar-right .day-view-block .cal-day-view .cal-week-view {
    background-color: var(--fill-color-4);
    border: none
}

.omail-calendar .calendar-right .day-view-block .cal-day-view .cal-week-view .cal-time-events {
    border: 1px solid #FFFFFF
}

.omail-calendar .calendar-right .day-view-block .cal-day-view .cal-week-view .cal-time-events .cal-day-columns .cal-day-column .cal-hour {
    background-color: #fff;
    margin: 0;
    border-top: 1px solid #ECECEC;
    border-radius: 0
}

.omail-calendar .calendar-right .day-view-block .cal-day-view .cal-week-view .cal-time-events .cal-day-columns .cal-day-column .cal-hour:last-child {
    border-bottom: 1px solid #ECECEC
}

.omail-calendar .calendar-right .day-view-block .cal-day-view .cal-week-view .cal-time-events .cal-day-columns .cal-day-column .cal-hour.cal-hour-odd {
    background: #fff;
    border-radius: 4px
}

.omail-calendar .calendar-right .day-view-block .cal-day-view .cal-week-view .cal-time-events .cal-day-columns .cal-day-column .cal-hour mwl-calendar-week-view-hour-segment {
    margin-left: 60px
}

.omail-calendar .calendar-right .day-view-block .cal-day-view .cal-week-view .cal-time-events .cal-day-columns .cal-day-column .cal-hour mwl-calendar-week-view-hour-segment:first-child {
    border-bottom: 1px dashed #ECECEC
}

.omail-calendar .calendar-right .day-view-block .cal-day-view .cal-week-view .cal-time {
    font-style: normal;
    font-weight: 400;
    font-size: var(--clamp16);
    color: #a3a3a3;
    text-transform: capitalize;
    position: relative;
    left: -60px;
    top: 12px
}

.omail-calendar .calendar-right .day-view-block .cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
.omail-calendar .calendar-right .day-view-block .cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
    border-bottom: transparent
}

.omail-calendar .calendar-right .show-day-strip {
    background: #DFF3FF;
    color: #30353d;
    border-radius: 6px;
    padding: 7px 8px;
    position: sticky;
    top: 0;
    z-index: 1;
    margin-bottom: 16px
}

.omail-calendar .calendar-right .show-day-strip h3,
.omail-calendar .calendar-right .show-day-strip .h3 {
    font-weight: 400;
    font-size: var(--clamp14);
    color: #30353d
}

.omail-calendar .calendar-right .omail-tab-block {
    margin: 0
}

.omail-calendar .calendar-right .omail-tab-block .tab-event {
    padding: 12px
}

.omail-calendar .calendar-right .omail-tab-block .tab-event .nav-tabs {
    border-bottom: none
}

.omail-calendar .calendar-right .omail-tab-block .tab-event .nav-tabs .nav-link {
    font-weight: 400;
    font-size: var(--clamp14);
    color: #30353d;
    background: #F5F5F5;
    border: none;
    border-bottom: none;
    padding: 8px;
    border-radius: 6px
}

.omail-calendar .calendar-right .omail-tab-block .tab-event .nav-tabs .nav-link:hover {
    background: #F1FAFF;
    border: none;
    border-bottom: none
}

.omail-calendar .calendar-right .omail-tab-block .tab-event .nav-tabs .nav-link.active {
    font-weight: 500;
    border: none;
    border-bottom: none;
    background: #9EDAFE;
    border-radius: 6px;
    color: #30353d;
    font-size: var(--clamp14);
    padding: 8px
}

.omail-calendar .calendar-right .omail-tab-block .tab-event .nav-tabs .nav-link.active span img {
    opacity: .7
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment.calendar-hide {
    display: none
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block {
    width: 100%;
    height: calc(100vh - 100px);
    overflow: hidden;
    padding: 0
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block {
    width: 100%;
    height: calc(100vh - 100px);
    overflow: hidden;
    overflow-y: auto
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .pad-t {
    padding: 0
}

@media screen and (max-width: 1440px) {
    .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block {
        height: calc(100vh - 175px)
    }
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important
}

@media screen and (max-width: 540px) {
    .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block::-webkit-scrollbar {
        width: 2px !important
    }
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block::-webkit-scrollbar-thumb {
    background: #DFF3FF;
    box-sizing: border-box;
    box-shadow: inset 0 10px 10px #ffffff40;
    border-radius: 7px
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-info-textarea {
    padding: 0 5px 0 0
}

@media screen and (max-width: 1440px) {
    .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-info-textarea {
        margin-bottom: 0
    }
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-info-textarea textarea {
    background: #FFFFFF;
    border: 1px solid rgba(140, 130, 255, .2);
    border-radius: 8px;
    resize: none;
    min-height: 236px;
    margin: 12px 0;
    font-style: normal;
    font-weight: 400;
    font-size: var(--clamp16);
    color: #334554
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-info-textarea textarea::placeholder {
    color: #9ca9b4;
    font-size: var(--clamp16)
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-info-textarea textarea:focus {
    box-shadow: none;
    border: none
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-info-textarea .invalid-feedback {
    padding-left: 12px
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-info-textarea .fr-toolbar .fr-top {
    background: #F3F2FF;
    border-radius: 8px 8px 0 0
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-info-textarea .omail-customtheam-froala-block .fr-basic .fr-toolbar {
    border: none;
    border-radius: 0;
    padding: 0 6px
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-info-textarea .omail-customtheam-froala-block .fr-second-toolbar {
    border: none
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-info-textarea .omail-customtheam-froala-block .fr-box.fr-basic .fr-element {
    overflow-y: auto;
    height: calc(100vh - 550px)
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-form-action-links {
    padding: 7px 12px;
    gap: 24px;
    bottom: 16px;
    z-index: 2;
    background-color: #fff;
    border-top: 1px solid #ECECEC;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 33px
}

@media screen and (max-width: 991px) {
    .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-form-action-links {
        width: 100%;
        position: inherit
    }
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-form-action-links .custom-btn {
    background: #4136F1;
    border-radius: 8px;
    min-width: 32px;
    min-height: 32px;
    padding: 0
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-form-action-links .custom-btn i {
    margin: 0
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-form-action-links .custom-btn-outline {
    min-width: 32px;
    min-height: 32px;
    height: 32px
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-form-action-links .custom-btn-link {
    border: none;
    background-color: transparent;
    margin-right: 12px;
    padding: 0
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-form-action-links .custom-btn-link:hover {
    filter: invert(49%) sepia(85%) saturate(4431%) hue-rotate(180deg) brightness(93%) contrast(98%)
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-form-action-links .custom-btn-outline {
    min-height: auto;
    padding: 4px 14px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 400
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-form-action-links .custom-btn-outline.cancel-event-btn {
    margin-left: 12px;
    font-size: var(--clamp14)
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-form-action-links .cal-event-form {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-form-action-links .cal-event-form .omail-cal-rght-btns button {
    padding: 8px 24px 9px
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mat-form-field-outline {
    background: #FFFFFF;
    border-radius: 8px;
    color: #e6e3fe
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mat-form-field-appearance-outline .mat-form-field-infix {
    padding: 8px 0;
    border-top: 4px solid transparent
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mat-select-arrow {
    color: #fff
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mat-form-field-appearance-legacy .mat-form-field-underline {
    background-color: transparent
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mat-form-field-appearance-outline .mat-form-field-wrapper {
    margin: 0;
    padding: 0
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mat-form-field-appearance-outline .mat-form-field-flex {
    color: #30353d;
    font-size: var(--clamp14)
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0 50px 0 12px;
    background: var(--white-color);
    border-top: solid 1px #E6E6E6
}

@media screen and (max-width: 480px) {
    .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field {
        padding-left: 0;
        padding-right: 4px
    }
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-1 h3,
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-1 .h3 {
    font-style: normal;
    font-weight: 400;
    font-size: var(--clamp14);
    color: #a3a3a3;
    margin: 0
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 {
    display: flex;
    align-items: center;
    width: 100%
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 img {
    cursor: pointer
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .event-to-block {
    display: flex;
    width: 100%;
    align-items: center
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .event-to-block .mat-chip-list-wrapper {
    margin: 0
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .event-to-block .mat-form-field-appearance-legacy .mat-form-field-infix {
    border: 0;
    padding: 0
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .event-to-block .mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding: 0
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .event-to-block input.mat-input-element {
    height: 40px;
    margin: 0 !important;
    padding-left: 6px;
    -webkit-appearance: none
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .event-to-block .mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .event-to-block .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
    background-color: transparent
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .event-to-block .mat-form-field.mat-focused .mat-form-field-ripple {
    background-color: transparent;
    opacity: 0
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .event-to-block .omail-clip-block {
    overflow: hidden;
    width: 100%;
    min-height: 40px;
    max-height: 60px;
    overflow-y: auto
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .event-to-block .omail-emailmorelist-dropdown {
    border: none;
    box-shadow: 0 8px 17px #0000004d;
    padding: 0;
    left: -223px !important
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .event-to-block .omail-emailmorelist-dropdown .omail-morelist-header {
    background: #DFF3FF;
    border-radius: 8px 8px 0 0;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #30353d
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .event-to-block .omail-emailmorelist-dropdown .omail-morelist-header h5,
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .event-to-block .omail-emailmorelist-dropdown .omail-morelist-header .h5 {
    font-size: 14px
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .event-to-block .omail-emailmorelist-dropdown .omail-morelist-header span {
    background: #FFFFFF;
    box-shadow: 0 4px 4px #3f597233;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .event-to-block .omail-emailmorelist-dropdown .omail-morelist-header span:hover {
    background-color: #e84c3d
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .event-to-block .omail-emailmorelist-dropdown .omail-morelist-header span:hover img,
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .event-to-block .omail-emailmorelist-dropdown .omail-morelist-header span:hover img:hover {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(269deg) brightness(150%) contrast(101%)
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .event-to-block .omail-emailmorelist-dropdown .event-more-mail-list {
    min-height: 100px;
    max-height: 300px;
    overflow-y: hidden;
    height: auto !important
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .event-to-block .omail-emailmorelist-dropdown .event-more-mail-list:hover {
    background-color: transparent !important
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .event-to-block .omail-emailmorelist-dropdown .event-more-mail-list .omail-clip-block {
    max-height: 256px;
    padding-left: 6px;
    padding-right: 6px
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .event-to-block .omail-emailmorelist-dropdown .event-more-mail-list .omail-clip-block .mail-text {
    white-space: nowrap;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .location-block {
    width: 100%;
    position: relative
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .location-block input {
    width: 100%;
    border: none;
    font-weight: 400;
    font-size: var(--clamp14);
    color: #334554;
    padding: 0 0 0 6px;
    outline: 0;
    height: 40px
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .location-block input::placeholder {
    font-weight: 400;
    font-size: var(--clamp14);
    color: #334554
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .location-block .invalid-feedback {
    padding-left: 6px;
    position: absolute;
    bottom: -5px
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2.reminder-field {
    padding: 0 0 0 12px;
    margin-top: 10px;
    margin-bottom: 10px
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2.reminder-field .custom-select {
    background: url(adressbook-select.9b5feae12a5dd307.png) no-repeat 94% center;
    font-style: normal;
    font-weight: 400;
    font-size: var(--clamp14);
    border: 1px solid #DEDEDE;
    border-radius: 4px;
    height: 32px;
    width: 170px;
    color: #0a2477
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-3 img {
    cursor: pointer
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .subject-block input {
    border: none;
    font-style: normal;
    font-weight: 400;
    font-size: var(--clamp14);
    padding: 0;
    outline: 0;
    color: #334554;
    height: 40px
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .subject-block .invalid-feedback {
    padding-left: 0;
    position: absolute;
    bottom: -5px
}

@media screen and (max-width: 414px) {
    .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .subject-block .invalid-feedback {
        font-size: 10px;
        bottom: -3px
    }
}

@media screen and (max-width: 330px) {
    .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .subject-block .invalid-feedback {
        font-size: 9px
    }
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block hr {
    border-top: 1px solid #D7DDE1;
    margin: 10px 0
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .to-hr {
    margin: 0 0 10px
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .omail-form-field {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #E6E6E6;
    padding-left: 12px
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .omail-form-field .omail-col-one {
    display: flex;
    align-items: center;
    width: 100%
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .omail-form-field .omail-col-one h3,
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .omail-form-field .omail-col-one .h3 {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #a3a3a3;
    margin: 0 8px 0 0;
    padding: 4px 10px;
    min-width: 46px;
    text-align: center
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .omail-form-field .omail-col-one input {
    border: none !important;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #30353d;
    width: 100%;
    outline: none;
    padding-left: 0
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .omail-form-field .omail-col-one .mat-chip-list-wrapper {
    overflow: auto;
    max-height: 60px;
    position: relative;
    top: 6px
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .omail-form-field .omail-col-one .mat-chip-list-wrapper::-webkit-scrollbar {
    width: 4px !important
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .omail-form-field .omail-col-one .mat-chip-list-wrapper::-webkit-scrollbar-thumb {
    background: #DFF3FF;
    box-sizing: border-box;
    box-shadow: inset 0 10px 10px #ffffff40;
    border-radius: 7px
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .omail-form-field .omail-col-two {
    display: flex;
    align-items: center;
    white-space: pre;
    gap: 4px;
    margin-left: 3px
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .omail-form-field .omail-col-two .contacts-user-add {
    cursor: pointer
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .omail-form-field h3,
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .omail-form-field .h3 {
    font-size: 14px;
    color: #a3a3a3
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block form {
    height: 100%
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block {
    padding: 12px;
    overflow-x: auto;
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 0 0 7px
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields h3,
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .h3 {
    font-style: normal;
    font-weight: 400;
    font-size: var(--clamp14);
    color: #a3a3a3;
    margin: 0;
    width: 40px
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-1 {
    width: 80px
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-2 {
    display: flex;
    align-items: center;
    gap: 4px
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-2 .mat-form-field-infix {
    width: 135px
}

@media screen and (max-width: 375px) {
    .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-2 .mat-form-field {
        width: 100%
    }
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-3 .mat-form-field-infix {
    width: 135px
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-3 .timer-field {
    padding: 0 0 0 12px
}

@media screen and (max-width: 480px) {
    .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-3 .timer-field {
        padding-left: 0;
        display: inline-block
    }
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-3 .timer-field .custom-select {
    background: url(adressbook-select.9b5feae12a5dd307.png) no-repeat 94% center;
    font-weight: 400;
    font-size: var(--clamp14);
    border-radius: 4px;
    height: 32px;
    width: 118px;
    color: #30353d;
    border: 1px solid #E6E3FE;
    background: var(--white-color)
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-4 {
    width: 100%
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-4 .omail-all-days-block .mat-slide-toggle-label .mat-slide-toggle-bar {
    background-color: transparent;
    height: 20px;
    width: 32px;
    border-radius: 12px;
    border: 1px solid #A3A3A3
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-4 .omail-all-days-block .mat-slide-toggle-thumb-container {
    top: 1px;
    left: 2px
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-4 .omail-all-days-block .mat-slide-toggle-thumb-container .mat-slide-toggle-thumb {
    height: 16px;
    width: 16px;
    border-radius: 50%;
    display: block;
    background: #A3A3A3
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-4 .omail-all-days-block .all-day {
    color: #464255;
    font-size: var(--clamp14);
    font-weight: 400;
    margin-left: 12px;
    margin-right: 10px;
    white-space: nowrap
}

@media screen and (max-width: 375px) {
    .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-4 .omail-all-days-block .all-day {
        margin-left: 0
    }
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-4 .omail-all-days-block .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
    background-color: #0288d9;
    border: 1px solid #0288D9
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-4 .omail-all-days-block .mat-slide-toggle-thumb-container .mat-slide-toggle-thumb {
    background-color: #a3a3a3
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-4 .omail-all-days-block .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
    background-color: #fff
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-4 .omail-all-days-block .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container {
    top: 1px;
    left: -3px
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .end-date-main .mat-error {
    position: absolute;
    bottom: -8px
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .end-date-main .mat-error .mat-error {
    font-size: .875em;
    color: #dc3545
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .week-days {
    margin-left: 12px
}

@media screen and (max-width: 375px) {
    .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .week-days {
        margin-left: 0
    }
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .week-days ul {
    display: flex;
    align-items: center;
    gap: 4px
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .week-days ul li {
    position: relative
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .week-days ul li input {
    display: none;
    width: 32px;
    height: 32px;
    border-radius: 4px
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .week-days ul li input:checked+label {
    background: #9EDAFE
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .week-days ul li label {
    width: 32px;
    height: 32px;
    border-radius: 4px;
    color: #30353d;
    font-style: normal;
    font-weight: 400;
    font-size: var(--clamp14);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: none;
    border: 1px solid #9EDAFE
}

@media screen and (max-width: 640px) {
    .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .week-days ul li label {
        width: 26px;
        height: 26px
    }
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-attachment-block {
    border-top: solid 1px #E6E6E6
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-attachment-block ul {
    padding: 0 50px 0 10px !important
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-attachment-block ul::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important
}

@media screen and (max-width: 540px) {
    .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-attachment-block ul::-webkit-scrollbar {
        width: 2px !important
    }
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-attachment-block ul::-webkit-scrollbar-thumb {
    background: #DFF3FF;
    box-sizing: border-box;
    box-shadow: inset 0 10px 10px #ffffff40;
    border-radius: 7px
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-attachment-block ul li {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    margin: 0 16px 0 0;
    line-height: 2rem
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-attachment-block ul li .attach-file-info {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #30353d
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-attachment-block ul li button {
    padding: 0;
    border: none;
    background: transparent
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-attachment-block ul li .attach-icon img {
    width: 70%
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .subject-block {
    width: 100%;
    position: relative
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .subject-block input {
    width: 100%;
    border: none;
    font-style: normal;
    font-weight: 600;
    font-size: var(--clamp18);
    color: #0a2477;
    padding: 0 0 0 6px !important
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .subject-block .invalid-feedback {
    padding-left: 6px
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .omail-clip-block {
    overflow: hidden;
    width: 100%;
    min-height: 41px;
    max-height: 60px;
    overflow-y: auto
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .omail-clip-block::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important
}

@media screen and (max-width: 540px) {
    .omail-calendar .calendar-right .omail-tab-block .omail-appointment .omail-clip-block::-webkit-scrollbar {
        width: 2px !important
    }
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .omail-clip-block::-webkit-scrollbar-thumb {
    background: #DFF3FF;
    box-sizing: border-box;
    box-shadow: inset 0 10px 10px #ffffff40;
    border-radius: 7px
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .omail-clip-block .mat-form-field-infix {
    margin: 0;
    padding: 0
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .omail-clip-block .mat-form-field-wrapper {
    padding-bottom: 0
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .omail-clip-block .mat-form-field-underline .mat-form-field-ripple {
    height: 0
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .calemail-more-list-block .omail-emailmorelist-dropdown {
    border: none;
    box-shadow: 0 8px 17px #0000004d;
    padding: 0
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .calemail-more-list-block .omail-emailmorelist-dropdown .omail-morelist-header {
    background: #DFF3FF;
    border-radius: 8px 8px 0 0;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #30353d
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .calemail-more-list-block .omail-emailmorelist-dropdown .omail-morelist-header h5,
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .calemail-more-list-block .omail-emailmorelist-dropdown .omail-morelist-header .h5 {
    font-size: 14px
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .calemail-more-list-block .omail-emailmorelist-dropdown .omail-morelist-header span {
    background: #FFFFFF;
    box-shadow: 0 4px 4px #3f597233;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .calemail-more-list-block .omail-emailmorelist-dropdown .omail-morelist-header span:hover {
    background-color: #e84c3d
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .calemail-more-list-block .omail-emailmorelist-dropdown .omail-morelist-header span:hover img,
.omail-calendar .calendar-right .omail-tab-block .omail-appointment .calemail-more-list-block .omail-emailmorelist-dropdown .omail-morelist-header span:hover img:hover {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(269deg) brightness(150%) contrast(101%)
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .calemail-more-list-block .omail-emailmorelist-dropdown .omail-clip-block {
    max-height: 256px;
    padding: 6px;
    overflow-y: auto
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .calemail-more-list-block .omail-emailmorelist-dropdown .omail-clip-block .mail-text {
    margin: 0
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .calemail-more-list-block .omail-emailmorelist-dropdown .omail-clip-block::-webkit-scrollbar {
    width: 4px !important
}

.omail-calendar .calendar-right .omail-tab-block .omail-appointment .calemail-more-list-block .omail-emailmorelist-dropdown .omail-clip-block::-webkit-scrollbar-thumb {
    background: #DFF3FF;
    box-sizing: border-box;
    box-shadow: inset 0 10px 10px #ffffff40;
    border-radius: 7px
}

.omail-calendar .pad-right {
    padding-right: 0
}

@media screen and (max-width: 992px) {
    .omail-calendar .pad-right {
        padding-right: calc(var(--bs-gutter-x) * .5);
        margin-top: 0
    }
}

.omail-calendar .pad-left {
    padding-left: 0
}

@media screen and (max-width: 992px) {
    .omail-calendar .pad-left {
        padding-left: calc(var(--bs-gutter-x) * .5)
    }
}

.omail-calendar .calendar-left-side {
    width: 13.3%
}

.omail-event-calendar {
    padding: 0 16px;
    background-color: transparent
}

.omail-event-calendar .omail-month-view .event-list li .event-info-block {
    margin: 0;
    line-height: 1.2rem;
    display: flex
}

.omail-event-calendar .omail-month-view .event-list li .event-info-block .event-status {
    margin-right: 10px
}

@media screen and (max-width: 1440px) {
    .omail-event-calendar .omail-month-view .event-list li .event-info-block .event-status {
        margin-right: 0
    }
}

.omail-event-calendar .omail-month-view .event-list li .event-info-block .event-status .calendar-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: none
}

@media screen and (max-width: 640px) {
    .omail-event-calendar .omail-month-view .event-list li .event-info-block .event-status .calendar-dot {
        display: block
    }
}

.omail-event-calendar .omail-month-view .event-list li .event-info-block .event-status .calendar-dot.green-dot-mobile {
    background-color: #37ac00
}

.omail-event-calendar .omail-month-view .event-list li .event-info-block .event-status .calendar-dot.red-dot-mobile {
    background-color: #e84c3d
}

.omail-event-calendar .omail-month-view .event-list li .event-info-block .event-status .calendar-dot.blue-dot-mobile {
    background-color: #009cd9
}

@media screen and (max-width: 640px) {
    .omail-event-calendar .omail-month-view .event-list li .event-info-block .event-status img {
        display: none
    }
}

@media screen and (max-width: 640px) {
    .omail-event-calendar .omail-month-view .event-list li .event-info-block .event-more-info {
        display: none
    }
}

@media screen and (max-width: 640px) {
    .omail-event-calendar .omail-month-view .event-list li .event-info-block .event-action-links {
        display: none
    }
}

.omail-event-calendar .omail-month-view .event-list li .event-info-block .event-title-links {
    margin-bottom: 2px
}

@media screen and (max-width: 991px) {
    .omail-event-calendar .omail-month-view .event-list li .event-info-block .event-title-links {
        margin-bottom: 0
    }
}

.omail-event-calendar .omail-month-view .event-list li .event-info-block .event-title {
    color: #0a2477;
    font-weight: 400;
    font-size: var(--clamp14);
    max-width: 112px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (max-width: 1440px) {
    .omail-event-calendar .omail-month-view .event-list li .event-info-block .event-title {
        max-width: 72px
    }
}

@media screen and (max-width: 991px) {
    .omail-event-calendar .omail-month-view .event-list li .event-info-block .event-title {
        max-width: 48px
    }
}

.omail-event-calendar .omail-month-view .event-list li .event-info-block .event-locaion {
    color: #464255;
    font-weight: 400;
    font-size: var(--clamp14);
    margin-bottom: 7px;
    max-width: 112px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (max-width: 1440px) {
    .omail-event-calendar .omail-month-view .event-list li .event-info-block .event-locaion {
        max-width: 72px
    }
}

@media screen and (max-width: 991px) {
    .omail-event-calendar .omail-month-view .event-list li .event-info-block .event-locaion {
        font-size: 10px;
        margin-bottom: 0;
        line-height: 16px;
        max-width: 49px
    }
}

.omail-event-calendar .omail-month-view .event-list li .event-info-block .event-date-time {
    color: #a3a3a3;
    font-weight: 400;
    font-size: var(--clamp12);
    line-height: 16px
}

.omail-event-calendar .omail-month-view .cal-month-view {
    background-color: #fff;
    border: none
}

.omail-event-calendar .omail-month-view .cal-month-view .cal-header {
    gap: 4px
}

.omail-event-calendar .omail-month-view .cal-month-view .cal-header .cal-cell {
    border-radius: 6px;
    font-size: var(--clamp14);
    font-weight: 400;
    max-width: auto;
    min-width: auto;
    background: #F5F5F5;
    color: #30353d;
    padding: 7px 8px
}

.omail-event-calendar .omail-month-view .cal-month-view .cal-header .cal-cell.cal-today,
.omail-event-calendar .omail-month-view .cal-month-view .cal-header .cal-cell:hover {
    background: #DFF3FF
}

@media screen and (max-width: 1440px) {
    .omail-event-calendar .omail-month-view .cal-month-view .cal-header .cal-cell {
        max-width: 134px;
        min-width: 134px
    }
}

@media screen and (max-width: 1366px) {
    .omail-event-calendar .omail-month-view .cal-month-view .cal-header .cal-cell {
        max-width: 125px;
        min-width: 125px
    }
}

@media screen and (max-width: 1280px) {
    .omail-event-calendar .omail-month-view .cal-month-view .cal-header .cal-cell {
        max-width: 117px;
        min-width: 116px
    }
}

@media screen and (max-width: 1024px) {
    .omail-event-calendar .omail-month-view .cal-month-view .cal-header .cal-cell {
        max-width: initial;
        min-width: auto
    }
}

@media screen and (max-width: 682px) {
    .omail-event-calendar .omail-month-view .cal-month-view .cal-header .cal-cell {
        max-width: 64px;
        min-width: 64px
    }
}

.omail-event-calendar .omail-month-view .cal-month-view .cal-days {
    border: none
}

.omail-event-calendar .omail-month-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell {
    border: none;
    border-radius: 0;
    min-height: 150px;
    max-height: 150px;
    max-width: auto;
    min-width: auto;
    position: relative;
    margin: 2px
}

.omail-event-calendar .omail-month-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell:hover {
    background-color: #f5fbff
}

@media screen and (max-width: 1440px) {
    .omail-event-calendar .omail-month-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell {
        max-width: 134px;
        min-width: 134px
    }
}

@media screen and (max-width: 1366px) {
    .omail-event-calendar .omail-month-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell {
        max-width: 125px;
        min-width: 125px
    }
}

@media screen and (max-width: 1280px) {
    .omail-event-calendar .omail-month-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell {
        max-width: 117px;
        min-width: 116px
    }
}

@media screen and (max-width: 1024px) {
    .omail-event-calendar .omail-month-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell {
        max-width: initial;
        min-width: auto
    }
}

@media screen and (max-width: 682px) {
    .omail-event-calendar .omail-month-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell {
        max-width: 64px;
        min-width: 64px
    }
}

.omail-event-calendar .omail-month-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell .cal-cell-top .cal-day-number {
    float: left;
    margin: 15px 0 15px 5px;
    font-size: 12px;
    color: #30353d;
    opacity: 1;
    font-style: normal;
    font-weight: 400;
    font-size: 14px
}

@media screen and (max-width: 320px) {
    .omail-event-calendar .omail-month-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell .cal-cell-top .cal-day-number {
        margin: 15px 0
    }
}

.omail-event-calendar .omail-month-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell.cal-today .cal-day-number {
    color: #30353d !important;
    font-style: normal;
    font-weight: 500 !important;
    font-size: 20px
}

@media screen and (max-width: 320px) {
    .omail-event-calendar .omail-month-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell.cal-today .cal-day-number {
        margin: 15px 0
    }
}

.omail-event-calendar .omail-month-view .cal-month-view .cal-day-badge {
    visibility: hidden
}

@media screen and (max-width: 480px) {
    .omail-event-calendar .omail-month-view .cal-month-view .cal-day-badge {
        margin: 0
    }
}

.omail-event-calendar .d-w-m-tab {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 20px 0
}

.omail-event-calendar .custom-btn-outline.active {
    border: none;
    color: var(--white-color);
    background: var(--primary-btn-bg)
}

.omail-event-calendar .short-view-cal {
    background: transparent;
    display: flex;
    align-items: center
}

@media screen and (max-width: 640px) {
    .omail-event-calendar .short-view-cal {
        justify-content: center;
        margin-bottom: 10px
    }
}

.omail-event-calendar .short-view-cal .s-v-cal-text {
    font-weight: 400;
    font-size: var(--clamp14);
    color: #464255
}

.omail-event-calendar .short-view-cal .s-v-cal-text ngb-datepicker {
    top: 28px !important;
    left: -58px !important;
    background: #FFFFFF !important;
    border-radius: 8px !important;
    border: none !important;
    box-shadow: 0 3px 10px #0003 !important
}

.omail-event-calendar .short-view-cal .s-v-cal-text ngb-datepicker .ngb-dp-header .custom-select {
    background: none;
    border-left: none;
    border-radius: 4px;
    background: url(adressbook-select.9b5feae12a5dd307.png) no-repeat 88% center;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: var(--text-color-2);
    border: none;
    text-transform: capitalize
}

.omail-event-calendar .short-view-cal .s-v-cal-text ngb-datepicker .ngb-dp-header .ngb-dp-arrow-btn span {
    border-width: 2px 2px 0 0 !important;
    color: #334272 !important
}

.omail-event-calendar .short-view-cal .s-v-cal-text ngb-datepicker .ngb-dp-months .ngb-dp-month ngb-datepicker-month .ngb-dp-weekdays {
    border: none !important;
    margin: 10px 0
}

.omail-event-calendar .short-view-cal .s-v-cal-text ngb-datepicker .ngb-dp-months .ngb-dp-month ngb-datepicker-month .ngb-dp-weekdays .ngb-dp-weekday {
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: var(--clamp14) !important;
    color: #0a2477 !important;
    background: #E8F3FF !important
}

.omail-event-calendar .short-view-cal .s-v-cal-text ngb-datepicker .ngb-dp-months .ngb-dp-month ngb-datepicker-month .ngb-dp-week .text-muted {
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: var(--clamp14) !important;
    color: #000 !important
}

.omail-event-calendar .short-view-cal .s-v-cal-text ngb-datepicker .ngb-dp-months .ngb-dp-month ngb-datepicker-month .ngb-dp-week .btn-light {
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: var(--clamp14) !important;
    color: #19181a !important
}

.omail-event-calendar .short-view-cal .s-v-cal-text ngb-datepicker .ngb-dp-months .ngb-dp-month ngb-datepicker-month .ngb-dp-week .btn-light:hover {
    background: #E8F3FF !important
}

.omail-event-calendar .short-view-cal .s-v-cal-text ngb-datepicker .ngb-dp-months .ngb-dp-month ngb-datepicker-month .ngb-dp-week .bg-primary {
    background: linear-gradient(180deg, #3B82F6 0%, #1D4ED8 100%) !important;
    border-radius: 4px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: var(--clamp14) !important;
    color: #fff !important;
    outline: none !important
}

.omail-event-calendar .short-view-cal .arrows .btn {
    padding: 0 12px;
    background: #9EDAFE;
    border-radius: 6px;
    border: 1px solid transparent
}

.omail-event-calendar .short-view-cal .arrows .btn:hover {
    background: #9EDAFE;
    border: 1px solid transparent;
    opacity: .5
}

.omail-event-calendar .dwm-block {
    width: 100%;
    overflow: auto
}

.omail-event-calendar .dwm-block::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important
}

@media screen and (max-width: 540px) {
    .omail-event-calendar .dwm-block::-webkit-scrollbar {
        width: 2px !important
    }
}

.omail-event-calendar .dwm-block::-webkit-scrollbar-thumb {
    background: #DFF3FF;
    box-sizing: border-box;
    box-shadow: inset 0 10px 10px #ffffff40;
    border-radius: 7px
}

@media screen and (max-width: 992px) {
    .omail-event-calendar .dwm-block {
        overflow: auto;
        overflow-x: scroll
    }
}

@media screen and (max-width: 640px) {
    .omail-event-calendar .dwm-block {
        height: 100%
    }
}

.omail-event-calendar .week-view-block .cal-week-view {
    background-color: #fff;
    border: none
}

.omail-event-calendar .week-view-block .cal-week-view .cal-day-headers {
    border: none;
    background: transparent;
    gap: 4px;
    position: sticky;
    top: 0;
    z-index: 1
}

.omail-event-calendar .week-view-block .cal-week-view .cal-day-headers .cal-header {
    border: none;
    background: #F5F5F5;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.omail-event-calendar .week-view-block .cal-week-view .cal-day-headers .cal-header.cal-today {
    background: #DFF3FF
}

.omail-event-calendar .week-view-block .cal-week-view .cal-day-headers .cal-header b {
    font-weight: 400;
    font-size: var(--clamp14);
    color: #30353d
}

@media screen and (max-width: 630px) {
    .omail-event-calendar .week-view-block .cal-week-view .cal-day-headers .cal-header b {
        white-space: nowrap;
        width: 13px;
        overflow: hidden;
        letter-spacing: 8px;
        text-align: center
    }
}

.omail-event-calendar .week-view-block .cal-week-view .cal-day-headers .cal-header span {
    display: none;
    font-weight: 400;
    font-size: var(--clamp14);
    opacity: 1;
    padding-left: 5px;
    color: #30353d
}

@media screen and (max-width: 630px) {
    .omail-event-calendar .week-view-block .cal-week-view .cal-day-headers .cal-header span {
        display: none
    }
}

.omail-event-calendar .week-view-block .cal-week-view .cal-day-headers .cal-header.cal-weekend span {
    color: #30353d;
    opacity: 1
}

.omail-event-calendar .week-view-block .cal-time {
    font-style: normal;
    font-weight: 400;
    font-size: var(--clamp14);
    color: #a3a3a3;
    text-transform: capitalize
}

.omail-event-calendar .week-view-block .cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
.omail-event-calendar .week-view-block .cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
    border: none
}

.omail-event-calendar .week-view-block .cal-week-view .cal-day-column {
    border: 1px solid #ECECEC
}

.omail-event-calendar .week-view-block .cal-week-view .cal-time-events {
    border: none;
    margin-top: 16px
}

.omail-event-calendar .week-view-block .cal-week-view .cal-current-time-marker {
    background-color: transparent;
    display: none
}

.omail-event-calendar .week-view-block .cal-day-columns {
    border: 1px solid #ECECEC;
    border-top: none;
    border-bottom: none
}

.omail-event-calendar .week-view-block .cal-hour {
    border-top: 1px solid #ECECEC
}

.omail-event-calendar .week-view-block .cal-hour:last-child {
    border-bottom: 1px solid #ECECEC
}

.omail-event-calendar .week-view-block .cal-hour mwl-calendar-week-view-hour-segment:first-child {
    border-bottom: 1px dashed #ECECEC
}

.omail-event-calendar .week-view-block .cal-time {
    padding-top: 20px
}

.omail-event-calendar .week-view-block .cal-time-events .cal-time-label-column .cal-hour mwl-calendar-week-view-hour-segment:first-child {
    border-bottom: none
}

@media screen and (max-width: 640px) {
    .omail-event-calendar .omail-date-week-month {
        display: block !important
    }
}

@media screen and (max-width: 360px) {
    .omail-event-calendar button {
        min-width: 76px
    }
}

.omail-event-list .event-info-block {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px
}

.omail-event-list .event-info-block .left-event {
    display: flex
}

.omail-event-list .event-info-block .left-event .event-more-info .event-title-links .event-title {
    color: #0a2477;
    font-weight: 400;
    font-size: var(--clamp14)
}

.omail-event-list .event-info-block .left-event .event-more-info .event-locaion {
    color: #464255;
    font-weight: 400;
    font-size: var(--clamp14)
}

.omail-event-list .event-info-block .left-event .event-more-info .event-date-time {
    color: #a3a3a3;
    font-weight: 400;
    font-size: var(--clamp12);
    line-height: 12px
}

.omail-showmore-event-link {
    justify-content: end;
    flex: 1;
    align-items: center;
    margin: 0;
    flex-wrap: wrap;
    display: flex
}

.omail-showmore-event-link .showmore {
    display: flex;
    font-style: normal;
    font-weight: 400;
    font-size: var(--clamp14);
    color: #1877f2;
    cursor: pointer
}

@media screen and (max-width: 640px) {
    .omail-showmore-event-link .showmore {
        font-size: 10px
    }
}

@media screen and (max-width: 480px) {
    .omail-showmore-event-link .showmore {
        display: block
    }
}

.omail-showmore-event-link .showmore:hover {
    color: #1877f2;
    opacity: .5
}

.omail-showmore-event-link .showmore .more-no {
    margin-right: 7px
}

.omail-showmore-event-link .showmore .show-arrow img {
    margin-top: -3px
}

@media screen and (max-width: 640px) {
    .omail-showmore-event-link .showmore .show-arrow img {
        width: 5px
    }
}

.omail-showmore-event-link .showmore .more-show {
    margin-left: 7px;
    margin-right: 7px
}

.omail-drop-down-menu {
    padding: 0;
    background: transparent;
    border: none;
    min-width: auto
}

.omail-drop-down-menu .dropdown-item {
    background: var(--white-color);
    border-radius: 6px;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    font-size: var(--clamp14);
    font-weight: 400;
    height: 40px
}

.omail-event-modal-link span:after {
    display: none
}

.omail-event-list-one {
    height: auto;
    width: 100%
}

@media screen and (max-width: 480px) {
    .omail-event-list-one {
        margin-top: 14px !important
    }
}

.omail-event-list-one li {
    margin: 0 0 4px;
    cursor: pointer
}

@media screen and (max-width: 991px) {
    .omail-event-list-one li {
        margin-bottom: 0
    }
}

.omail-event-list-one li .event-info-block {
    gap: 2px;
    padding: 0;
    width: 99%
}

.omailapp-settings-wrap {
    overflow: hidden;
    width: 100%;
    display: flex;
    padding: 0 0 18px
}

.omailapp-settings-wrap .omail-side-settings {
    border-radius: 8px 0 0 8px;
    border-right: 1px solid #DEDEDE;
    padding: 124px 12px 12px;
    height: calc(100vh - 77px);
    overflow: hidden;
    overflow-y: auto;
    background: #fff;
    transition: .4s;
    z-index: 999;
    width: 240px
}

@media screen and (max-width: 1024px) {
    .omailapp-settings-wrap .omail-side-settings {
        position: relative;
        z-index: 2
    }
}

.omailapp-settings-wrap .omail-side-settings::-webkit-scrollbar {
    width: 4px !important
}

.omailapp-settings-wrap .omail-side-settings::-webkit-scrollbar-thumb {
    background: #DFF3FF;
    box-sizing: border-box;
    box-shadow: inset 0 10px 10px #ffffff40;
    border-radius: 7px
}

@media screen and (max-width: 767px) {
    .omailapp-settings-wrap .omail-side-settings {
        border-radius: 8px;
        margin-top: 15px;
        box-shadow: 2px 2px 15px #0003;
        z-index: 3;
        padding-top: 75px
    }
}

.omailapp-settings-wrap .omail-side-settings ul.sidenav-box li.active {
    border-radius: 6px;
    font-size: var(--clamp14);
    font-weight: 400;
    cursor: pointer
}

.omailapp-settings-wrap .omail-side-settings ul.sidenav-box li.list {
    margin-bottom: 4px;
    cursor: pointer
}

.omailapp-settings-wrap .omail-side-settings ul.sidenav-box li.list a {
    display: block;
    color: #30353d;
    font-weight: 400;
    font-size: var(--clamp14);
    padding: 10px 12px;
    border-radius: 6px
}

.omailapp-settings-wrap .omail-side-settings ul.sidenav-box li.list a .settings-side-img {
    width: 20px;
    text-align: center;
    margin-right: 8px
}

.omailapp-settings-wrap .omail-side-settings ul.sidenav-box li.list a:hover {
    background: #DFF3FF;
    color: #30353d
}

@media screen and (max-width: 960px) {
    .omailapp-settings-wrap .omail-side-settings ul.sidenav-box li.list a {
        padding: 10px
    }
}

.omailapp-settings-wrap .omail-side-settings ul.sidenav-box li.active a {
    font-weight: 500;
    color: #006bce;
    background: #BFE7FE
}

.omailapp-settings-wrap .omail-side-settings ul.sidenav-box li.active a img {
    filter: invert(22%) sepia(67%) saturate(4594%) hue-rotate(186deg) brightness(102%) contrast(82%)
}

.omailapp-settings-wrap .omail-side-settings ul.sidenav-box li.active a:hover {
    background: #BFE7FE;
    color: #006bce
}

.omailapp-settings-wrap .omail-side-settings .sidenav-box li {
    display: block
}

.omailapp-settings-wrap .omail-settings-tab-content {
    border-radius: 0;
    height: calc(100vh - 77px);
    overflow: hidden;
    overflow-y: auto;
    padding: 24px 24px 0;
    background: #fff;
    position: relative
}

@media screen and (max-width: 1024px) {
    .omailapp-settings-wrap .omail-settings-tab-content {
        padding-left: 90px
    }
}

@media screen and (max-width: 640px) {
    .omailapp-settings-wrap .omail-settings-tab-content {
        padding-left: 80px
    }
}

@media screen and (max-width: 383px) {
    .omailapp-settings-wrap .omail-settings-tab-content {
        padding-left: 70px;
        padding-right: 15px
    }
}

.omailapp-settings-wrap .omail-settings-tab-content::-webkit-scrollbar {
    width: 4px !important
}

@media screen and (max-width: 540px) {
    .omailapp-settings-wrap .omail-settings-tab-content::-webkit-scrollbar {
        width: 2px !important
    }
}

.omailapp-settings-wrap .omail-settings-tab-content::-webkit-scrollbar-thumb {
    background: #DFF3FF;
    box-sizing: border-box;
    box-shadow: inset 0 10px 10px #ffffff40;
    border-radius: 7px
}

.omailapp-settings-wrap .omail-settings-tab-content .edit-user {
    background: #F8F8F8;
    border-radius: 12px;
    padding: 24px 0;
    margin-top: 4px;
    margin-left: 4px;
    margin-right: 4px
}

.omailapp-settings-wrap .omail-settings-tab-content .edit-user .setting-pic-block .pic-edit {
    width: 94px;
    height: 94px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0 auto
}

.omailapp-settings-wrap .omail-settings-tab-content .edit-user .setting-pic-block .pic-edit img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.omailapp-settings-wrap .omail-settings-tab-content .edit-user .setting-pic-block .pic-edit .pic-block {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transition: .3s ease;
    cursor: pointer
}

.omailapp-settings-wrap .omail-settings-tab-content .edit-user .setting-pic-block .pic-edit .pic-block .pic-icon {
    width: 40px;
    height: auto;
    object-fit: inherit;
    position: absolute;
    bottom: -32px;
    transform: translate(85%, -62%);
    text-align: center;
    border-radius: 50%;
    padding: 8.5px 6.5px;
    overflow: hidden;
    background: #F3F2FF;
    right: 25px
}

.omailapp-settings-wrap .omail-settings-tab-content .slide-up,
.omailapp-settings-wrap .omail-settings-tab-content .slide-down {
    overflow: hidden
}

.omailapp-settings-wrap .omail-settings-tab-content .slide-up form,
.omailapp-settings-wrap .omail-settings-tab-content .slide-down form {
    transform: translateY(-100%);
    transition: .4s ease-in-out;
    opacity: 0
}

.omailapp-settings-wrap .omail-settings-tab-content .slide-down form {
    transform: translateY(0);
    opacity: 1
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form {
    margin: 0
}

@media screen and (max-width: 767px) {
    .omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form {
        margin-bottom: 30px
    }
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .form-group {
    margin-bottom: 1rem
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form label {
    font-style: normal;
    font-weight: 400;
    font-size: var(--clamp12);
    color: #6d747a;
    margin-bottom: 2px
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .form-control {
    background: #FFFFFF;
    border: 1px solid #5EC2FE;
    box-shadow: 0 1px 2px #4d40551a;
    border-radius: 4px;
    height: 40px;
    padding: 9.5px 12px;
    font-size: var(--clamp14);
    font-weight: 400;
    color: #30353d;
    border: none
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .form-control::placeholder {
    color: #0a2477;
    font-size: var(--clamp14);
    font-weight: 400
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .form-control:disabled {
    border: 1px solid #5EC2FE;
    cursor: no-drop
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .text-muted {
    position: absolute;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #9ca9b4
}

@media screen and (max-width: 767px) {
    .omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .text-muted {
        font-size: 10px
    }
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form textarea {
    resize: none;
    border: 1px solid #A7C0F5;
    border-radius: 4px;
    padding: 10px
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form textarea:focus-visible {
    outline: none
}

@media screen and (max-width: 767px) {
    .omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .setting-info-text {
        margin-bottom: 1rem
    }
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-custom-select {
    background: url(down-arrow.512d1063cc0f3b73.svg) no-repeat 98% center;
    background-color: #fff;
    border: 1px solid #5EC2FE
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-sign-btn .custom-btn-outline {
    background: transparent;
    cursor: pointer;
    min-width: auto
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-sign-btn .custom-btn-outline:hover {
    border: 1px solid #615ADB
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-auto-followup-actions {
    display: flex;
    align-items: center;
    gap: 24px
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-form-field {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-form-field h3,
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-form-field .h3 {
    margin-right: 6px
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-form-field .omail-col-one {
    display: flex;
    align-items: center;
    width: 100%
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-form-field .omail-col-one input {
    background-color: transparent;
    border: none
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-form-field .omail-col-one .omail-custom-btn-outline {
    padding: 1px 10px 2px;
    min-width: 46px
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-form-field .omail-col-two {
    display: flex;
    align-items: center;
    white-space: pre;
    gap: 4px;
    margin-left: 3px
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-form-field .omail-clip-block input {
    padding: 0 10px
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .ccbcc-text-links {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    gap: 10px
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .ccbcc-text-links span {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #006bce;
    cursor: pointer
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .mat-form-field-appearance-outline .mat-form-field-flex {
    min-height: 40px !important
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .mat-form-field-appearance-outline .mat-form-field-flex .settings-msg {
    position: absolute;
    bottom: -20px;
    left: -11px;
    top: inherit
}

@media screen and (max-width: 767px) {
    .omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .mat-form-field-appearance-outline .mat-form-field-wrapper {
        padding-bottom: 0 !important
    }
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .event-more-mail-list .omail-morelist-header {
    background: #DFF3FF;
    border-radius: 8px 8px 0 0;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #30353d
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .event-more-mail-list .omail-morelist-header h5,
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .event-more-mail-list .omail-morelist-header .h5 {
    font-size: 14px
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .event-more-mail-list .omail-morelist-header span {
    background: #FFFFFF;
    box-shadow: 0 4px 4px #3f597233;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .event-more-mail-list .omail-morelist-header span:hover {
    background-color: #e84c3d
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .event-more-mail-list .omail-morelist-header span:hover img,
.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .event-more-mail-list .omail-morelist-header span:hover img:hover {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(269deg) brightness(150%) contrast(101%)
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-emailmorelist-dropdown {
    padding-top: 0;
    border: none;
    box-shadow: 0 8px 17px #0000004d
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-emailmorelist-dropdown .omail-clip-block {
    max-height: 256px;
    padding: 6px;
    overflow-y: auto
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-emailmorelist-dropdown .omail-clip-block::-webkit-scrollbar {
    width: 4px !important
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-emailmorelist-dropdown .omail-clip-block::-webkit-scrollbar-thumb {
    background: #DFF3FF;
    box-sizing: border-box;
    box-shadow: inset 0 10px 10px #ffffff40;
    border-radius: 7px
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .allow-limitvalidation {
    position: absolute;
    bottom: -18px;
    left: 9px
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .allow-subject-validation .allow-limitvalidation {
    position: absolute;
    bottom: -12px;
    left: 9px
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .auto-replies-footer {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .auto-replies-footer .actions {
    display: flex;
    align-items: center;
    gap: 24px
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .auto-replies-footer .omail-sign-btn {
    cursor: pointer
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-customtheam-froala-block .fr-box.fr-basic {
    box-shadow: 0 3px 4px #3f596433
}

@media screen and (max-width: 1024px) {
    .omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-customtheam-froala-block {
        position: relative;
        z-index: 1
    }
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-customtheam-froala-block .fr-box.fr-basic .fr-toolbar {
    position: inherit
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-customtheam-froala-block .fr-sticky-dummy {
    display: none !important
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .allow-calendar {
    border-bottom: 1px solid #E6E6E6
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .allow-calendar .mat-form-field-wrapper {
    padding-bottom: 0 !important
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-customtheam-froala-block .fr-wrapper {
    max-height: 460px
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie {
    padding: 0
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie h4,
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .h4 {
    color: #a3a3a3;
    font-weight: 400;
    font-size: var(--clamp14);
    margin-bottom: 8px
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie h3,
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .h3 {
    color: #003b93;
    font-weight: 400;
    font-size: var(--clamp14);
    margin-bottom: 8px
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie p {
    color: #30353d;
    font-size: var(--clamp14);
    font-weight: 400;
    margin-bottom: 24px
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .autofollowuplist-table {
    min-height: 160px;
    margin-bottom: 30px
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .autofollowuplist-table th,
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .autofollowuplist-table td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
    vertical-align: middle
}

@media screen and (max-width: 575px) {

    .omailapp-settings-wrap .omail-settings-tab-content .auto-replie .autofollowuplist-table th,
    .omailapp-settings-wrap .omail-settings-tab-content .auto-replie .autofollowuplist-table td {
        max-width: 200px
    }
}

@media screen and (max-width: 375px) {

    .omailapp-settings-wrap .omail-settings-tab-content .auto-replie .autofollowuplist-table th,
    .omailapp-settings-wrap .omail-settings-tab-content .auto-replie .autofollowuplist-table td {
        max-width: 140px;
        font-size: 12px
    }
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .autofollowuplist-table th:first-child,
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .autofollowuplist-table td:first-child {
    width: 40%;
    padding-left: 15px
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .autofollowuplist-table th:nth-child(2),
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .autofollowuplist-table td:nth-child(2) {
    width: 20%;
    text-align: center
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .autofollowuplist-table th:last-child,
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .autofollowuplist-table td:last-child {
    width: 40%;
    text-align: end;
    padding-right: 15px
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .autofollowuplist-table tbody tr:nth-child(even) {
    background-color: #fcfcff !important
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .autofollowuplist-table tbody tr:nth-child(odd) {
    background-color: #faf9ff !important
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-col-one h3,
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-col-one .h3 {
    margin-bottom: 0
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-col-one h3.schedulemail-heading,
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-col-one .schedulemail-heading.h3 {
    width: 165px
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-col-one h3.followup-text,
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-col-one .followup-text.h3 {
    width: auto;
    margin: 0;
    white-space: nowrap
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-col-one .omail-clip-block {
    overflow: hidden;
    width: 100%;
    min-height: 40px;
    max-height: 60px;
    overflow-y: auto;
    position: relative
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-col-one .omail-clip-block::-webkit-scrollbar {
    width: 4px !important
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-col-one .omail-clip-block::-webkit-scrollbar-thumb {
    background: #DFF3FF;
    box-sizing: border-box;
    box-shadow: inset 0 10px 10px #ffffff40;
    border-radius: 7px
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-col-two .contacts-user-add,
.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-col-two .minus-square {
    cursor: pointer
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-col-two .mail-text {
    margin: 0
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .allow-from-group {
    margin-bottom: 0 !important
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-form-field {
    padding: 0 12px;
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    margin-top: -1px
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-form-field .omail-clip-block input::placeholder {
    color: #a3a3a3;
    opacity: 1
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-form-field .omail-clip-block input:-ms-input-placeholder {
    color: #a3a3a3
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-form-field .omail-clip-block input::-ms-input-placeholder {
    color: #a3a3a3
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .week-days {
    margin-left: 12px;
    margin-top: 28px
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .week-days ul {
    display: flex;
    align-items: center;
    gap: 4px
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .week-days ul li {
    position: relative
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .week-days ul li input {
    display: none;
    width: 32px;
    height: 32px;
    border-radius: 4px
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .week-days ul li input:checked+label {
    background: #fff;
    color: #006bce
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .week-days ul li label {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    color: var(--white-color);
    font-style: normal;
    font-weight: 400;
    font-size: var(--clamp14);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: #006BCE
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .week-days ul li:first-child label {
    background: #E6E3FE;
    border-radius: 8px;
    color: #006bce
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .week-days ul li:last-child label {
    background: #E6E3FE;
    color: #006bce
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .mat-button-toggle-group-appearance-standard {
    border: none;
    border-radius: initial;
    margin-bottom: 0 !important;
    margin-top: 27px !important
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .mat-button-toggle-group-appearance-standard .mat-button-toggle {
    border-left: none;
    margin: 0 4px
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked {
    background-color: transparent
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-button {
    background-color: #006bce;
    color: #fff
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .mat-button-toggle-group-appearance-standard .mat-button-toggle-button {
    background: #BFE7FE;
    color: #006bce;
    border-radius: 8px
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .mat-button-toggle-group-appearance-standard .mat-button-toggle-button .mat-button-toggle-label-content {
    line-height: 30px;
    font-size: 12px;
    padding: 0 8px;
    width: 26px
}

@media screen and (min-width: 992px) and (max-width: 1280px) {
    .omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .mat-button-toggle-group-appearance-standard .mat-button-toggle-button .mat-button-toggle-label-content {
        padding: 0 5px;
        width: 22px
    }
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-sign-btn {
    cursor: pointer;
    margin-right: 12px
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-sign-btn span {
    cursor: pointer
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .form-group {
    margin-bottom: 1rem
}

@media screen and (max-width: 767px) {
    .omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .form-group {
        margin-bottom: 1rem
    }
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .form-group .mat-icon-button.cdk-program-focused .mat-button-focus-overlay {
    opacity: 0 !important
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .form-group .omail-mat-input img:hover {
    filter: invert(22%) sepia(67%) saturate(4594%) hue-rotate(186deg) brightness(102%) contrast(82%)
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .invalid-feedback {
    white-space: nowrap;
    top: 23px;
    font-size: 11px
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .auto-followup-sendbtn {
    padding-top: 7px;
    padding-bottom: 7px;
    border: none;
    margin-bottom: 30px
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-customtheam-froala-block .fr-box.fr-basic {
    box-shadow: 0 3px 4px #3f596433
}

.omailapp-settings-wrap .omail-settings-tab-content .auto-replie .auto-reply-heading {
    margin-bottom: 5px
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-cmn-pad {
    padding: 0
}

@media screen and (max-width: 375px) {
    .omailapp-settings-wrap .omail-settings-tab-content .omail-cmn-pad {
        padding: 0
    }
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-cmn-pad .omail-line {
    padding: 24px 0
}

@media screen and (max-width: 767px) {
    .omailapp-settings-wrap .omail-settings-tab-content .omail-cmn-pad .omail-line {
        padding-top: 0
    }
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-cmn-pad .omail-line hr {
    border-color: #ececec;
    opacity: 1;
    margin: 0
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-cmn-pad .omail-em-sign h3,
.omailapp-settings-wrap .omail-settings-tab-content .omail-cmn-pad .omail-em-sign .h3 {
    color: #464255;
    font-weight: 400;
    font-size: var(--clamp14);
    margin-bottom: 12px
}

.omailapp-settings-wrap .omail-settings-tab-content .omail-cmn-pad .email-tl h3,
.omailapp-settings-wrap .omail-settings-tab-content .omail-cmn-pad .email-tl .h3 {
    color: #6d747a;
    font-weight: 400;
    font-size: var(--clamp14)
}

.omailapp-settings-wrap .omail-settings-tab-content .oesuser-profile-block {
    text-align: center;
    width: 100%
}

.omailapp-settings-wrap .omail-settings-tab-content .oesuser-profile-block .show-pic {
    width: 93px;
    height: 93px;
    background: #DEDEDE;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.omailapp-settings-wrap .omail-settings-tab-content .oesuser-profile-block .show-pic .profile-pic {
    width: 100%;
    overflow: hidden;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 50%
}

.omailapp-settings-wrap .omail-settings-tab-content .oesuser-profile-block .setting-user-info h3,
.omailapp-settings-wrap .omail-settings-tab-content .oesuser-profile-block .setting-user-info .h3 {
    font-weight: 400;
    font-size: var(--clamp14);
    color: #30353d;
    margin-top: 12px;
    text-transform: capitalize
}

.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed {
    overflow-y: auto;
    max-height: 350px;
    margin-bottom: 24px
}

.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed::-webkit-scrollbar {
    width: 4px !important
}

@media screen and (max-width: 540px) {
    .omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed::-webkit-scrollbar {
        width: 2px !important
    }
}

.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed::-webkit-scrollbar-thumb {
    background: #DFF3FF;
    box-sizing: border-box;
    box-shadow: inset 0 10px 10px #ffffff40;
    border-radius: 7px
}

.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed thead th {
    position: sticky;
    top: 0;
    background: #DFF3FF;
    border-radius: 0
}

.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table {
    width: 100%;
    overflow: hidden;
    filter: drop-shadow(0px 4px 4px rgba(63, 89, 114, .2));
    border-radius: 6px
}

.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .result-empty-msg {
    text-align: center;
    font-style: normal;
    font-weight: 600;
    font-size: var(--clamp14);
    color: var(--text-color-2)
}

.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .thead-color {
    background: #E7E5FF;
    border-radius: 4px
}

.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .thead-color tr th {
    font-style: normal;
    font-weight: 500;
    font-size: var(--clamp12);
    color: #30353d;
    border: none;
    z-index: 2
}

.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .thead-color tr th:first-child {
    padding-left: 24px
}

.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .thead-color tr th:last-child {
    padding-right: 24px
}

.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .tbody-color tr td {
    border-bottom: 1px solid #ECECEC;
    vertical-align: middle;
    background: transparent;
    font-size: var(--clamp14)
}

.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .tbody-color tr td:first-child {
    padding-left: 24px
}

.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .tbody-color tr td:last-child {
    padding-right: 18px
}

.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .tbody-color tr.active {
    font-style: normal;
    font-weight: 400;
    font-size: var(--clamp-14);
    color: #003b93;
    background: #FCFCFF
}

.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .tbody-color tr:hover {
    background: #FAF9FF
}

.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .tbody-color .omail-emauto-switch {
    display: flex;
    align-items: center;
    gap: 8px
}

.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .tbody-color .omail-emauto-switch .mat-slide-toggle-label .mat-slide-toggle-bar {
    background-color: transparent;
    height: 20px;
    width: 32px;
    border-radius: 12px;
    border: 1px solid #A3A3A3
}

.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .tbody-color .omail-emauto-switch .mat-slide-toggle-thumb-container {
    top: 1px;
    left: 2px
}

.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .tbody-color .omail-emauto-switch .mat-slide-toggle-thumb-container .mat-slide-toggle-thumb {
    height: 16px;
    width: 16px;
    border-radius: 50%;
    display: block;
    background: #A3A3A3
}

.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .tbody-color .omail-emauto-switch .mat-slide-toggle-thumb-container .mat-slide-toggle .mat-checked .mat-slide-toggle-thumb {
    background-color: #0288d9
}

.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .tbody-color .omail-emauto-switch .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
    background-color: #0288d9;
    border: 1px solid #0288D9
}

.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .tbody-color .omail-emauto-switch .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
    background-color: #fff
}

.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .tbody-color .omail-emauto-switch .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container {
    top: 1px;
    left: -2px
}

.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .tbody-color .em-active {
    color: #37ac00;
    font-size: var(--clamp14);
    font-weight: 400
}

.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .tbody-color .em-inactive {
    color: #a3a3a3;
    font-size: var(--clamp14);
    font-weight: 400
}

.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table button {
    color: var(--main-color);
    padding: 0 2px 0 0
}

.omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table button:focus {
    box-shadow: none
}

@media screen and (max-width: 14400px) {
    .omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .email-rule-name {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 580px
    }
}

@media screen and (max-width: 1280px) {
    .omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .email-rule-name {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 200px
    }
}

@media screen and (max-width: 375px) {
    .omailapp-settings-wrap .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .email-rule-name {
        max-width: 110px;
        font-size: 12px
    }
}

.omailapp-settings-wrap .omail-settings-tab-content .email-rule-form-block {
    margin-bottom: 24px
}

.omailapp-settings-wrap .omail-settings-tab-content .email-rule-form-block .rule-title {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #003b93;
    margin-bottom: 12px
}

.omailapp-settings-wrap .omail-settings-tab-content .email-rule-form-block .email-rule-form .rule-title-text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #003b93;
    margin: 24px 0 8px
}

.omailapp-settings-wrap .omail-settings-tab-content .email-rule-form-block .email-rule-form .rule-title-sub-text {
    color: #30353d;
    font-size: 12px
}

.omailapp-settings-wrap .omail-settings-tab-content .email-rule-form-block .email-rule-form .settngs-signature-block .rule-title-sub-text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #464255;
    margin: 0 0 6px
}

.omailapp-settings-wrap .omail-settings-tab-content .email-rule-form-block .email-rule-form .form-group label {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #003b93
}

.omailapp-settings-wrap .omail-settings-tab-content .email-rule-form-block .email-rule-form .form-group .form-control {
    background: #FFFFFF;
    border: 1px solid #DEDEDE;
    box-shadow: 0 1px 2px #4d40551a;
    border-radius: 4px;
    padding: 10px 12px;
    font-size: var(--clamp14);
    color: #a3a3a3
}

.omailapp-settings-wrap .omail-settings-tab-content .email-rule-form-block .email-rule-form .form-group .form-control::placeholder {
    color: #a3a3a3
}

.omailapp-settings-wrap .omail-settings-tab-content .email-rule-form-block .email-rule-form .form-group .omail-custom-select {
    background: url(down-arrow.512d1063cc0f3b73.svg) no-repeat 98% center;
    background-color: #fff
}

.omailapp-settings-wrap .omail-settings-tab-content .email-rule-form-block .email-rule-form .omail-custom-select {
    background: url(new-down-arrow.64187d1e00ee1976.svg) no-repeat 98% center;
    background-color: #f8f8ff
}

@media screen and (max-width: 767px) {
    .omailapp-settings-wrap .omail-settings-tab-content .email-rule-form-block .email-rule-form .omail-custom-select {
        margin-bottom: 10px
    }
}

.omailapp-settings-wrap .omail-settings-tab-content .email-rule-form-block .emr-action-links {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: right;
    gap: 10px
}

.omailapp-settings-wrap .omail-settings-tab-content .email-rule-form-block .listof-contacts {
    margin: 10px 0 0;
    overflow-y: auto;
    max-height: 110px;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
    padding: 4px
}

.omailapp-settings-wrap .omail-settings-tab-content .email-rule-form-block .listof-contacts .total-list {
    resize: none;
    min-height: 70px;
    max-height: 70px
}

.omailapp-settings-wrap .omail-settings-tab-content .email-rule-form-block .custom-select {
    background-color: #f8f8ff;
    border: none;
    border-radius: 4px;
    background: url(adressbook-select.9b5feae12a5dd307.png) no-repeat 96% center;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: var(--text-color-2);
    border: 1px solid #E6E3FE;
    text-transform: capitalize;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    vertical-align: middle;
    padding: 10px 15px;
    display: inline-block
}

.omailapp-settings-wrap .omail-settings-tab-content .email-rule-form-block .custom-select::placeholder {
    color: #a3a3a3
}

.omailapp-settings-wrap .omail-settings-tab-content .showTab {
    display: block
}

.omailapp-settings-wrap .omail-settings-tab-content .hideTab {
    display: none
}

@media screen and (max-width: 767px) {
    .omailapp-settings-wrap .omail-settings-tab-content .settngs-signature-block .omailsignature-modal .modal-body {
        padding: 0
    }
}

.omailapp-settings-wrap .block-user {
    padding: 36px 0 24px
}

@media screen and (max-width: 767px) {
    .omailapp-settings-wrap .block-user {
        padding: 24px 0
    }
}

@media screen and (max-width: 640px) {
    .omailapp-settings-wrap .block-user {
        padding: 15px 0
    }
}

.omailapp-settings-wrap .common-view h3,
.omailapp-settings-wrap .common-view .h3 {
    color: #6d747a;
    font-weight: 400;
    font-size: var(--clamp14);
    margin-bottom: 2px
}

.omailapp-settings-wrap .common-view .omail-auto-switch {
    padding-top: 22px
}

.omailapp-settings-wrap .common-view .omail-auto-switch .readrecept-block {
    display: flex;
    align-items: center;
    gap: 8px
}

.omailapp-settings-wrap .common-view .omail-auto-switch .readrecept-block .slide-toggle-block {
    margin-top: 6px
}

.omailapp-settings-wrap .pad-right {
    padding-right: 0
}

.omailapp-settings-wrap .pad-left {
    padding-left: 0
}

@media screen and (max-width: 767px) {
    .omailapp-settings-wrap .pad-left {
        padding-left: 10px
    }
}

.omailapp-settings-wrap .settings-toggle-btn {
    min-width: auto;
    min-height: auto;
    border-radius: 6px;
    background: #006BCE;
    border: none;
    padding: 5px 11px;
    outline: none
}

.omailapp-settings-wrap .settings-toggle-btn i {
    margin-right: 0;
    color: #fff
}

.omailapp-settings-wrap .calendar-leftside {
    width: 240px
}

@media screen and (max-width: 1440px) {
    .omailapp-settings-wrap .calendar-leftside {
        width: 252px
    }
}

@media screen and (max-width: 1280px) {
    .omailapp-settings-wrap .calendar-leftside {
        width: 260px
    }
}

@media screen and (max-width: 1024px) {
    .omailapp-settings-wrap .calendar-leftside {
        width: 240px;
        position: absolute
    }
}

.omailapp-settings-wrap .calendar-rightside {
    width: 100%
}

@media screen and (max-width: 1024px) {
    .omailapp-settings-wrap .calendar-rightside {
        width: 100%
    }
}

.omail-mat-input .mat-form-field-flex {
    height: 40px
}

.omail-mat-input .mat-form-field-infix {
    padding: 0;
    line-height: 0
}

.omail-mat-input .mat-form-field-outline {
    color: #5ec2fe;
    background: transparent;
    border-radius: 6px
}

.omail-mat-input img {
    vertical-align: baseline
}

.omail-mat-input .mat-form-field-suffix {
    top: -3px !important
}

.omail-settinslistof-folders .notfolder-list {
    text-align: center;
    font-style: normal;
    font-weight: 400;
    font-size: var(--clamp14);
    color: #6d747a;
    border: 1px solid #E6E6E6;
    border-left: none;
    border-right: none;
    padding: 3px 0
}

.omail-settinslistof-folders .notfolder-list p {
    margin: 0;
    padding: 0;
    font-style: normal;
    font-weight: 400;
    font-size: var(--clamp14);
    color: #6d747a
}

.omail-settinslistof-folders li .settinslistof-folders-inner {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 24px
}

.omail-settinslistof-folders li .settinslistof-folders-inner .folder-reset-block {
    padding: 16px 17px;
    width: 44%;
    background: #F0F9FF;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media screen and (max-width: 1440px) {
    .omail-settinslistof-folders li .settinslistof-folders-inner .folder-reset-block {
        width: 60%
    }
}

@media screen and (max-width: 1280px) {
    .omail-settinslistof-folders li .settinslistof-folders-inner .folder-reset-block {
        width: 70%
    }
}

@media screen and (max-width: 1024px) {
    .omail-settinslistof-folders li .settinslistof-folders-inner .folder-reset-block {
        width: 100%
    }
}

@media screen and (max-width: 640px) {
    .omail-settinslistof-folders li .settinslistof-folders-inner .folder-reset-block {
        display: block;
        padding: 5px 17px 10px
    }
}

@media screen and (max-width: 375px) {
    .omail-settinslistof-folders li .settinslistof-folders-inner .folder-reset-block {
        min-width: 100%;
        max-width: 100%;
        padding: 16px 10px
    }
}

.omail-settinslistof-folders li .settinslistof-folders-inner .folder-reset-block .folder-name-text {
    font-weight: 400;
    font-size: 14px;
    color: #0a2477;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    min-width: 30%;
    max-width: 30%
}

@media screen and (max-width: 1280px) {
    .omail-settinslistof-folders li .settinslistof-folders-inner .folder-reset-block .folder-name-text {
        max-width: 23%
    }
}

@media screen and (max-width: 640px) {
    .omail-settinslistof-folders li .settinslistof-folders-inner .folder-reset-block .folder-name-text {
        max-width: 100%;
        margin-bottom: 3px
    }
}

.omail-settinslistof-folders li .settinslistof-folders-inner .folder-reset-block .folder-btns {
    display: flex
}

@media screen and (max-width: 476px) {
    .omail-settinslistof-folders li .settinslistof-folders-inner .folder-reset-block .folder-btns {
        display: block
    }
}

.omail-settinslistof-folders li .settinslistof-folders-inner .folder-reset-block .folder-btns .omail-custom-btn {
    padding: 6px 24px
}

@media screen and (max-width: 476px) {
    .omail-settinslistof-folders li .settinslistof-folders-inner .folder-reset-block .folder-btns .omail-custom-btn {
        display: block;
        margin-bottom: 15px;
        padding: 6px 15px
    }
}

.omail-settinslistof-folders li .settinslistof-folders-inner .folder-reset-block .folder-btns .omail-custom-btn-outline {
    padding: 5px 24px
}

@media screen and (max-width: 640px) {
    .omail-settinslistof-folders li .settinslistof-folders-inner .folder-reset-block .folder-resetpasscode-input {
        float: left
    }
}

@media screen and (max-width: 567px) {
    .omail-settinslistof-folders li .settinslistof-folders-inner .folder-reset-block .folder-resetpasscode-input {
        float: none;
        margin-bottom: 10px
    }
}

.omail-settinslistof-folders li .settinslistof-folders-inner .folder-reset-block .folder-resetpasscode-input .form-control {
    border: 1px solid #006BCE;
    border-radius: 6px;
    max-width: 75px;
    min-width: 75px;
    min-height: 31px;
    line-height: 18px
}

.omail-settinslistof-folders li .settinslistof-folders-inner .text-danger {
    font-size: 12px
}

@media screen and (max-width: 567px) {
    .omail-settinslistof-folders li .settinslistof-folders-inner .text-danger {
        position: relative !important
    }
}

.omail-user-analytics-block .omail-user-analytics-box {
    padding: 18px;
    margin: 0 0 20px;
    background: #FFFFFF;
    border: 1px solid #F3F2FF;
    border-radius: 8px
}

.omail-user-analytics-block .omail-user-analytics-box h3,
.omail-user-analytics-block .omail-user-analytics-box .h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: #334272;
    margin: 0 0 20px
}

.omail-user-analytics-block .omail-user-analytics-box ul {
    margin: 0 auto;
    display: grid;
    grid-gap: 1rem;
    gap: 1rem
}

@media (min-width: 1441px) {
    .omail-user-analytics-block .omail-user-analytics-box ul {
        grid-template-columns: repeat(8, 1fr)
    }
}

@media (min-width: 1367px) and (max-width: 1440px) {
    .omail-user-analytics-block .omail-user-analytics-box ul {
        grid-template-columns: repeat(6, 1fr)
    }
}

@media (min-width: 1280px) and (max-width: 1366px) {
    .omail-user-analytics-block .omail-user-analytics-box ul {
        grid-template-columns: repeat(5, 1fr)
    }
}

@media (min-width: 1025px) and (max-width: 1289px) {
    .omail-user-analytics-block .omail-user-analytics-box ul {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .omail-user-analytics-block .omail-user-analytics-box ul {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (min-width: 640px) and (max-width: 768px) {
    .omail-user-analytics-block .omail-user-analytics-box ul {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 600px) {
    .omail-user-analytics-block .omail-user-analytics-box ul {
        grid-template-columns: repeat(1, 1fr)
    }
}

.omail-user-analytics-block .omail-user-analytics-box ul li {
    border-radius: 12px;
    margin: 0 0 20px;
    padding: 12px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    flex-direction: column;
    word-break: break-word
}

.omail-user-analytics-block .omail-user-analytics-box ul li:nth-child(9n+1) {
    background: linear-gradient(0deg, rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)), #E6F7FF;
    border: 1px solid #D5F1FF
}

.omail-user-analytics-block .omail-user-analytics-box ul li:nth-child(9n+1) .list-icon {
    background: #79D1FB
}

.omail-user-analytics-block .omail-user-analytics-box ul li:nth-child(9n+2) {
    background: linear-gradient(0deg, rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)), #E6FFFB;
    border: 1px solid #C2FFF5
}

.omail-user-analytics-block .omail-user-analytics-box ul li:nth-child(9n+2) .list-icon {
    background: #37DFC5
}

.omail-user-analytics-block .omail-user-analytics-box ul li:nth-child(9n+3) {
    background: linear-gradient(0deg, rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)), #EFFFDE;
    border: 1px solid #E5F9CF
}

.omail-user-analytics-block .omail-user-analytics-box ul li:nth-child(9n+3) .list-icon {
    background: #97D77A
}

.omail-user-analytics-block .omail-user-analytics-box ul li:nth-child(9n+4) {
    background: linear-gradient(0deg, rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)), #FFF2E8;
    border: 1px solid #FFECDD
}

.omail-user-analytics-block .omail-user-analytics-box ul li:nth-child(9n+4) .list-icon {
    background: #FCAC6E
}

.omail-user-analytics-block .omail-user-analytics-box ul li:nth-child(9n+5) {
    background: linear-gradient(0deg, rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)), #FFF0F6;
    border: 1px solid #FFEAF2
}

.omail-user-analytics-block .omail-user-analytics-box ul li:nth-child(9n+5) .list-icon {
    background: #FF87B5
}

.omail-user-analytics-block .omail-user-analytics-box ul li:nth-child(9n+6) {
    background: linear-gradient(0deg, rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)), #F9F0FF;
    border: 1px solid #F7EAFF
}

.omail-user-analytics-block .omail-user-analytics-box ul li:nth-child(9n+6) .list-icon {
    background: #D68AF2
}

.omail-user-analytics-block .omail-user-analytics-box ul li:nth-child(9n+7) {
    background: linear-gradient(0deg, rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)), #FFF1F0;
    border: 1px solid #FFEBEA
}

.omail-user-analytics-block .omail-user-analytics-box ul li:nth-child(9n+7) .list-icon {
    background: #F4817B
}

.omail-user-analytics-block .omail-user-analytics-box ul li:nth-child(9n+8) {
    background: linear-gradient(0deg, rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)), #FEFAE4;
    border: 1px solid #FDF7D3
}

.omail-user-analytics-block .omail-user-analytics-box ul li:nth-child(9n+8) .list-icon {
    background: #EFD643
}

.omail-user-analytics-block .omail-user-analytics-box ul li:nth-child(9n+9) {
    background: linear-gradient(0deg, rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)), #F1F4FF;
    border: 1px solid #EBEFFF
}

.omail-user-analytics-block .omail-user-analytics-box ul li:nth-child(9n+9) .list-icon {
    background: #879BEE
}

.omail-user-analytics-block .omail-user-analytics-box ul li .list-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #655ae6;
    display: flex;
    align-items: center;
    justify-content: center
}

.omail-user-analytics-block .omail-user-analytics-box ul li .list-icon img {
    filter: invert(0) sepia(0%) saturate(15%) hue-rotate(0deg) brightness(165%) contrast(100%)
}

.omail-user-analytics-block .omail-user-analytics-box ul li .list-icon .c_temail {
    filter: inherit
}

.omail-user-analytics-block .omail-user-analytics-box ul li .list-cout {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    color: #0a2477;
    margin: 0 0 4px
}

.omail-user-analytics-block .omail-user-analytics-box ul li .list-text {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    color: #4b576d;
    text-transform: capitalize;
    text-align: center;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.omail-user-analytics-block .omail-user-analytics-box.storage-box {
    border: none;
    padding: 0
}

.omail-user-analytics-block .omail-user-analytics-box.storage-box ul {
    grid-template-columns: repeat(4, 1fr)
}

@media screen and (max-width: 1280px) {
    .omail-user-analytics-block .omail-user-analytics-box.storage-box ul {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media screen and (max-width: 1024px) {
    .omail-user-analytics-block .omail-user-analytics-box.storage-box ul {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (max-width: 480px) {
    .omail-user-analytics-block .omail-user-analytics-box.storage-box ul {
        grid-template-columns: repeat(1, 1fr)
    }
}

.omail-user-analytics-block .omail-user-analytics-box.storage-box ul .list-icon {
    margin-right: 24px;
    background-color: #576cc1
}

@media screen and (max-width: 1366px) {
    .omail-user-analytics-block .omail-user-analytics-box.storage-box ul .list-icon {
        margin-right: 14px
    }
}

.omail-user-analytics-block .omail-user-analytics-box.storage-box ul .list-icon img {
    filter: brightness(0) invert(1);
    width: 60%
}

.omail-user-analytics-block .omail-user-analytics-box.storage-box ul .list-cout {
    margin-bottom: 0
}

.omail-user-analytics-block .omail-user-analytics-box.storage-box ul li {
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 24px;
    display: block;
    background-color: #fafdff;
    border-color: #c1e0ff
}

.omail-user-analytics-block .omail-user-analytics-box.storage-box .storage-usage {
    display: flex;
    align-items: center
}

.omail-storage-block .storage-title {
    font-style: normal;
    font-weight: 400;
    font-size: var(--clamp-14);
    color: #6d747a;
    margin-bottom: 24px
}

.omail-storage-block .omail-storage-box {
    display: inline-flex;
    align-items: center;
    gap: 26px;
    background: #F0F9FF;
    border: 1px solid #C1E0FF;
    border-radius: 12px;
    padding: 29px 70px 29px 20px
}

.omail-storage-block .omail-storage-box .storage-info .storage-cout {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    color: #003b93
}

.omail-storage-block .omail-storage-box .storage-info .storage-text {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #30353d
}

.omail-modal-one .modal-content {
    border-radius: 8px;
    border: none
}

.omail-modal-one .modal-content .modal-header {
    background: #DFF3FF;
    border-radius: 8px 8px 0 0;
    padding: 11px 16px
}

.omail-modal-one .modal-content .modal-header h5,
.omail-modal-one .modal-content .modal-header .h5 {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #30353d
}

.omail-modal-one .modal-content .modal-header .btn-close {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #FFFFFF;
    box-shadow: 0 4px 4px #3f597233;
    line-height: 8px;
    padding: 0;
    margin: 0
}

.omail-modal-one .modal-content .modal-header .btn-close img {
    transition: transform .7s ease-in-out
}

.omail-modal-one .modal-content .modal-header .btn-close:hover {
    background-color: #e84c3d
}

.omail-modal-one .modal-content .modal-header .btn-close:hover img {
    filter: invert(100%) sepia(75%) saturate(0%) hue-rotate(70deg) brightness(160%) contrast(101%);
    transform: rotate(90deg)
}

.omail-modal-one .modal-content .modal-body {
    background: #FFFFFF
}

.omail-modal-one .modal-content .modal-body::-webkit-scrollbar {
    width: 4px !important
}

@media screen and (max-width: 540px) {
    .omail-modal-one .modal-content .modal-body::-webkit-scrollbar {
        width: 2px !important
    }
}

.omail-modal-one .modal-content .modal-body::-webkit-scrollbar-thumb {
    background: #DFF3FF;
    box-sizing: border-box;
    box-shadow: inset 0 10px 10px #ffffff40;
    border-radius: 7px
}

.omail-modal-one .modal-content .modal-footer {
    border: none;
    gap: 24px
}

.omail-moreEventList-modal .omail-event-list {
    overflow-y: auto;
    min-height: 100px;
    max-height: 296px
}

.omail-moreEventList-modal .omail-event-list::-webkit-scrollbar {
    width: 4px !important
}

.omail-moreEventList-modal .omail-event-list::-webkit-scrollbar-thumb {
    background: #DFF3FF;
    box-sizing: border-box;
    box-shadow: inset 0 10px 10px #ffffff40;
    border-radius: 7px
}

.omail-moreEventList-modal .omail-event-list .event-action-links span:after {
    display: none
}

.omail-moreEventList-modal .omail-event-list li .event-info-block {
    padding: 4px;
    border-radius: 8px
}

.omail-moreEventList-modal .omail-event-list li .event-info-block.newevent-status {
    background: #E8F6F0
}

.omail-moreEventList-modal .omail-event-list li .event-info-block.cancelevent-status {
    background: #FDF3F3
}

.omail-moreEventList-modal .omail-event-list li .event-info-block.saveevent-status {
    background: #E8F3FF
}

@media screen and (max-width: 1024px) {
    .omail-moreEventList-modal .omail-event-list-one .viewevent-box .evnt-box .p-title {
        max-width: 200px;
        display: block
    }
}

.omail-delete-contact-modal .modal-body p {
    font-style: normal;
    font-weight: 400;
    font-size: var(--clamp16);
    color: var(--text-color-2)
}

.omail-list-group-modal .modal-body {
    padding: 24px
}

@media screen and (max-width: 360px) {
    .omail-list-group-modal .modal-body {
        padding: 12px
    }
}

.omail-list-group-modal .modal-footer {
    padding: 24px
}

.omail-list-group-modal .modal-footer .custom-btn-outline {
    cursor: pointer;
    margin-right: 24px
}

.omail-list-group-modal .modal-footer .custom-btn {
    cursor: pointer
}

.omail-list-group-modal .modal-footer .custom-btn:disabled {
    cursor: no-drop;
    opacity: .5
}

.omail-list-group-modal .addressbook-table-fixed {
    overflow: auto;
    max-height: 350px;
    margin-top: 20px
}

.omail-list-group-modal .addressbook-table-fixed::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important
}

@media screen and (max-width: 540px) {
    .omail-list-group-modal .addressbook-table-fixed::-webkit-scrollbar {
        width: 2px !important;
        height: 2px !important
    }
}

.omail-list-group-modal .addressbook-table-fixed::-webkit-scrollbar-thumb {
    background: #DFF3FF;
    box-sizing: border-box;
    box-shadow: inset 0 10px 10px #ffffff40;
    border-radius: 7px
}

.omail-list-group-modal .addressbook-table-fixed thead th {
    position: sticky;
    top: -1px;
    background: #ffffff;
    border-radius: 4px;
    border-top: 1px solid #ECECEC;
    border-bottom: 1px solid #ECECEC
}

.omail-list-group-modal .addressbook-table-fixed .addressbook-table {
    width: 100%;
    vertical-align: middle
}

.omail-list-group-modal .addressbook-table-fixed .addressbook-table .result-empty-msg {
    text-align: center;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: var(--text-color-2)
}

.omail-list-group-modal .addressbook-table-fixed .addressbook-table .thead-color {
    background: var(--fill-color-3);
    border-radius: 4px
}

.omail-list-group-modal .addressbook-table-fixed .addressbook-table .thead-color tr th {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #30353d;
    z-index: 1;
    height: 40px
}

.omail-list-group-modal .addressbook-table-fixed .addressbook-table .thead-color tr td {
    border-bottom: 1px solid var(--border-color-3)
}

.omail-list-group-modal .addressbook-table-fixed .addressbook-table .user-name {
    display: flex;
    align-items: center;
    gap: 5px;
    font-style: normal;
    font-weight: 400;
    font-size: var(--clamp14);
    color: #464255
}

.omail-list-group-modal .addressbook-table-fixed .addressbook-table .user-name img {
    width: 32px;
    height: 32px;
    border: 1px solid transparent;
    border-radius: 8px
}

.omail-list-group-modal .addressbook-table-fixed .addressbook-table .user-email {
    font-style: normal;
    font-weight: 400;
    font-size: var(--clamp14);
    color: #464255
}

.omail-list-group-modal .addressbook-table-fixed .addressbook-table .user-choose-cat-block {
    display: flex;
    align-items: center;
    gap: 20px
}

.omail-list-group-modal .invaliedsearch-text {
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    color: #e84c3d
}

.omail-list-group-modal .user-block {
    display: flex;
    align-items: center;
    gap: 10px
}

.omail-list-group-modal .oesomailcustom-select {
    background: none;
    border-left: none;
    border-radius: 4px;
    background: url(adressbook-select.9b5feae12a5dd307.png) no-repeat 88% center;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #30353d;
    border: 1px solid #5EC2FE;
    text-transform: capitalize;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    vertical-align: middle;
    padding: 5px 28px 5px 10px;
    display: inline-block
}

.omail-list-group-modal .oesomailcustom-select option {
    text-transform: capitalize
}

.omail-list-group-modal table {
    width: 100%;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #2a3f51
}

.omail-list-group-modal table input[type=checkbox] {
    position: relative;
    cursor: pointer;
    width: 20px;
    height: 20px
}

.omail-list-group-modal table input[type=checkbox]:before {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
    border: 1.5px solid #A3A3A3;
    border-radius: 3px
}

.omail-list-group-modal table input[type=checkbox]:checked:before {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
    background: #006BCE;
    border: 1.5px solid #006BCE;
    border-radius: 4px
}

.omail-list-group-modal table input[type=checkbox]:checked:after {
    content: "";
    display: block;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    position: absolute;
    top: 4px;
    left: 8px
}

.omail-list-group-modal .usercheckmark-block {
    display: flex;
    align-items: center;
    gap: 4px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #2a3f51
}

.omail-list-group-modal .contacts-limit-text {
    background: #FDF3F3;
    border: 1px solid #FFA6A6;
    border-radius: 6px;
    display: flex;
    align-items: center;
    padding: 4px 10px;
    gap: 8px;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #464255
}

.omail-list-group-modal .contacts-limit-text i {
    color: #e84c3d
}

.omail-list-group-modal .contact-search-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10%
}

.omail-list-group-modal .contact-search-block .contacts-selected-text {
    text-align: right;
    width: 40%;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #0a2477
}

.omail-list-group-modal .contact-search-block .oesobs-search {
    position: relative;
    width: 50%;
    border: 1px solid #DEDEDE;
    border-radius: 6px
}

.omail-list-group-modal .contact-search-block .oesobs-search:hover {
    border-color: #a3a3a3
}

.omail-list-group-modal .contact-search-block .oesobs-search .form-control {
    padding-left: 12px;
    padding-right: 0;
    border: none
}

.omail-list-group-modal .contact-search-block .oesobs-search .search-icon {
    background-color: transparent;
    cursor: pointer;
    border: none
}

.omail-list-group-modal .contact-search-block .oesobs-search .close-icon {
    cursor: pointer;
    background-color: transparent;
    border: transparent;
    position: absolute;
    right: 3px;
    top: 5px;
    z-index: 3
}

@media screen and (max-width: 767px) {
    .omail-list-group-modal .contact-search-block {
        display: block
    }

    .omail-list-group-modal .contact-search-block .oesobs-search,
    .omail-list-group-modal .contact-search-block .contacts-selected-text {
        width: 100%
    }
}

@media screen and (max-width: 500px) {
    .omail-list-group-modal .contact-search-block {
        display: block
    }

    .omail-list-group-modal .contact-search-block .oesobs-search,
    .omail-list-group-modal .contact-search-block .contacts-selected-text {
        width: 100%
    }
}

.omail-groups-addressbook-table .custom-select {
    border: 1px solid #006BCE !important;
    background-color: transparent !important
}

.omail-movetofolder-modal .selected-mail-list-block {
    padding: 0 15px
}

.omail-movetofolder-modal .selected-mail-list-block h4,
.omail-movetofolder-modal .selected-mail-list-block .h4 {
    font-style: normal;
    font-weight: 400;
    font-size: var(--clamp16);
    color: #1d284e;
    margin: 16px 0 0
}

.omail-movetofolder-modal .selected-mail-list-block h4 span,
.omail-movetofolder-modal .selected-mail-list-block .h4 span {
    font-weight: 700
}

.omail-movetofolder-modal .modal-body {
    background-color: #f4f3ff
}

.omail-movetofolder-modal .modal-body .omail-move-list {
    background-color: #fff;
    overflow: hidden;
    overflow-y: auto;
    min-height: 200px;
    max-height: 200px
}

.omail-movetofolder-modal .modal-body .omail-move-list::-webkit-scrollbar {
    width: 4px !important
}

.omail-movetofolder-modal .modal-body .omail-move-list::-webkit-scrollbar-thumb {
    background: #DFF3FF;
    box-sizing: border-box;
    box-shadow: inset 0 10px 10px #ffffff40;
    border-radius: 7px
}

.omail-movetofolder-modal .modal-body .omail-move-list .omail-sub-sidebar .omail-sub-sidebar-layout ul {
    padding: 0;
    margin: 0
}

.omail-movetofolder-modal .modal-body .omail-move-list .omail-sub-sidebar .omail-sub-sidebar-layout ul li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    cursor: pointer;
    background-color: #f0f9ff;
    border-radius: 4px;
    margin-bottom: 1px
}

.omail-movetofolder-modal .modal-body .omail-move-list .omail-sub-sidebar .omail-sub-sidebar-layout ul li:last-child {
    border: none
}

.omail-movetofolder-modal .modal-body .omail-move-list .omail-sub-sidebar .omail-sub-sidebar-layout ul li:hover {
    background: #DFF3FF
}

.omail-movetofolder-modal .modal-body .omail-move-list .omail-sub-sidebar .omail-sub-sidebar-layout ul li:hover .mat-tooltip {
    display: none
}

.omail-movetofolder-modal .modal-body .omail-move-list .omail-sub-sidebar .omail-sub-sidebar-layout ul li.activetab {
    background: #BFE7FE
}

.omail-movetofolder-modal .modal-body .omail-move-list .omail-sub-sidebar .omail-sub-sidebar-layout ul li.activetab img {
    filter: invert(96%) sepia(100%) saturate(0%) hue-rotate(111deg) brightness(130%) contrast(104%)
}

.omail-movetofolder-modal .modal-body .omail-move-list .omail-sub-sidebar .omail-sub-sidebar-layout ul li .generate-folder {
    display: flex
}

.omail-movetofolder-modal .modal-body .omail-move-list .omail-sub-sidebar .omail-sub-sidebar-layout ul li .generate-folder .ge-text {
    margin-left: 6px
}

.omail-movetofolder-modal .modal-body .omail-move-create-folder {
    background-color: #fff;
    padding: 12px 10px;
    margin-bottom: 18px;
    cursor: pointer;
    border: 1px solid #9EDAFE;
    border-radius: 6px
}

.omail-movetofolder-modal .modal-body .omail-move-create-folder h5,
.omail-movetofolder-modal .modal-body .omail-move-create-folder .h5 {
    font-size: 14px;
    color: #0a2477;
    display: flex;
    align-items: center;
    font-weight: 400
}

.omail-movetofolder-modal .modal-body .omail-move-create-folder img {
    margin-right: 7px
}

.omail-movetofolder-modal .modal-body .omail-sub-folder-layout.active .activefolder-list {
    display: none !important
}

.omail-create-subfolder-modal .create-subfolder-form-block {
    padding: 0 15px
}

.omail-create-subfolder-modal .form-group {
    position: relative
}

.omail-create-subfolder-modal .form-group label {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #0a2477;
    margin: 0 0 5px
}

.omail-create-subfolder-modal .form-group .form-control {
    border: 1px solid #A7C0F5;
    border-radius: 4px;
    height: 42px;
    box-shadow: none;
    margin: 0 0 20px
}

.omail-create-subfolder-modal .craete-sub-folder-btn {
    text-align: right;
    margin: 0 0 15px
}

.omail-create-subfolder-modal .craete-sub-folder-btn button {
    align-items: center;
    gap: 10px
}

.omail-create-subfolder-modal .craete-sub-folder-btn button:hover {
    text-decoration: none;
    opacity: .5
}

.omail-create-subfolder-modal .invalid-feedback {
    position: absolute;
    bottom: -16px
}

.omail-create-subfolder-modal .listof-folders {
    padding: 16px;
    border-radius: 8px;
    background-color: var(--modal-header-bgcolor);
    overflow: hidden;
    overflow-y: auto;
    min-height: 200px;
    max-height: 200px
}

.omail-create-subfolder-modal .listof-folders::-webkit-scrollbar {
    width: 4px !important
}

@media screen and (max-width: 540px) {
    .omail-create-subfolder-modal .listof-folders::-webkit-scrollbar {
        width: 2px !important
    }
}

.omail-create-subfolder-modal .listof-folders::-webkit-scrollbar-thumb {
    background: #DFF3FF;
    box-sizing: border-box;
    box-shadow: inset 0 10px 10px #ffffff40;
    border-radius: 7px
}

.omail-create-subfolder-modal .listof-folders .list-button {
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 400;
    font-size: var(--clamp16);
    color: #0a2477;
    border: none;
    background: transparent;
    padding: 10px 20px;
    cursor: pointer
}

.omail-create-subfolder-modal .listof-folders .list-button:hover,
.omail-create-subfolder-modal .listof-folders .list-button.activeTab {
    background: #E6F5FF;
    border-radius: 0 !important
}

.omail-create-subfolder-modal .listof-folders .list-button .icon-circle {
    width: 30px
}

.omail-create-subfolder-modal .listof-folders .list-button:hover {
    text-decoration: none
}

.omail-email-rules-modal .modal-content .modal-header h5,
.omail-email-rules-modal .modal-content .modal-header .h5 {
    font-weight: 400;
    font-size: var(--clamp14);
    color: #fff
}

.omail-email-rules-modal .modal-content .modal-body {
    padding: 24px
}

@media screen and (max-width: 375px) {
    .omail-email-rules-modal .modal-content .modal-body {
        padding: 12px
    }
}

.omail-email-rules-modal .modal-content .modal-body .email-rule-form .rule-title-text {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    color: #0a2477;
    margin: 24px 0 8px
}

.omail-email-rules-modal .modal-content .modal-body .email-rule-form .settngs-signature-block .rule-title-sub-text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #464255;
    margin: 0 0 6px
}

.omail-email-rules-modal .modal-content .modal-body .email-rule-form .form-group label {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #334554
}

.omail-email-rules-modal .modal-content .modal-body .email-rule-form .form-group .form-control {
    background-color: #f8f8ff;
    border-radius: 4px;
    border: none;
    padding: 10px 12px;
    font-size: var(--clamp14);
    color: #0a2477
}

.omail-email-rules-modal .modal-content .modal-body .email-rule-form .form-group .form-control::placeholder {
    color: #0a2477
}

.omail-email-rules-modal .modal-content .modal-body .email-rule-form .omail-custom-select {
    background: url(new-down-arrow.64187d1e00ee1976.svg) no-repeat 98% center;
    background-color: #f8f8ff
}

@media screen and (max-width: 767px) {
    .omail-email-rules-modal .modal-content .modal-body .email-rule-form .omail-custom-select {
        margin-bottom: 10px
    }
}

.omail-email-rules-modal .modal-content .modal-body .listof-contacts {
    margin: 10px 0 0;
    overflow-y: auto;
    max-height: 110px;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
    padding: 4px
}

.omail-email-rules-modal .modal-content .modal-body .listof-contacts .total-list {
    resize: none;
    min-height: 70px;
    max-height: 70px
}

.omail-email-rules-modal .modal-content .modal-body .custom-select {
    background-color: #f8f8ff;
    border: none;
    border-radius: 4px;
    background: url(adressbook-select.9b5feae12a5dd307.png) no-repeat 96% center;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: var(--text-color-2);
    border: 1px solid #E6E3FE;
    text-transform: capitalize;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    vertical-align: middle;
    padding: 10px 15px;
    display: inline-block
}

.omail-email-rules-modal .modal-content .modal-body .custom-select::placeholder {
    color: #a3a3a3
}

.omail-email-rules-modal .modal-content .modal-footer .custom-btn-outline {
    margin-right: 24px
}

@media screen and (max-width: 991px) {
    .omail-compose-group-modal {
        max-width: 90%;
        margin: auto
    }
}

.omail-compose-group-modal .modal-body .create-group-form {
    height: inherit;
    overflow: hidden;
    padding: 0
}

.omail-compose-group-modal .modal-body .add-book-btn-block {
    margin: 24px 0 25px;
    display: flex;
    align-items: center;
    gap: 24px
}

@media screen and (max-width: 510px) {
    .omail-compose-group-modal .modal-body .add-book-btn-block {
        display: block
    }

    .omail-compose-group-modal .modal-body .add-book-btn-block .group-rule-info-text {
        margin-top: 24px
    }
}

.omail-compose-group-modal .modal-body .add-book-btn-block .group-rule-info-text {
    background: #FFFBF8;
    border: 1px solid #FFB97E;
    border-radius: 6px;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #464255;
    padding: 5px 8px
}

.omail-compose-group-modal .modal-body .add-book-btn-block .group-rule-info-text .star-icon {
    color: #e84c3d
}

.omailsettings-password-block .modal-content .modal-header h5 .reg-info img,
.omailsettings-password-block .modal-content .modal-header .h5 .reg-info img {
    filter: invert(100%) sepia(75%) saturate(0%) hue-rotate(70deg) brightness(105%) contrast(101%)
}

.omailsettings-password-block .modal-content .modal-body {
    padding: 24px
}

.omailsettings-password-block .modal-content .modal-body .form-group {
    margin-bottom: 24px
}

.omailsettings-password-block .modal-content .modal-body .form-group label {
    color: #a3a3a3;
    font-size: var(--clamp-14);
    font-weight: 400;
    margin-bottom: 2px
}

.omailsettings-password-block .modal-content .modal-body .form-group .input-group {
    background: #F8F8FF;
    border-radius: 4px
}

.omailsettings-password-block .modal-content .modal-body .form-group .input-group .form-control {
    padding: 10px 12px;
    border: none
}

.omailsettings-password-block .modal-content .modal-body .form-group .input-group .input-group-text {
    background: transparent;
    border-radius: 0;
    border: none;
    padding: 12px
}

.omailsettings-password-block .modal-content .modal-footer .custom-btn-outline {
    margin-right: 24px
}

.omailsettings-password-block .modal-content .modal-footer .custom-btn {
    cursor: pointer
}

.omail-confirm-modal .modal-content .modal-body,
.omail-confirm-modal .modal-content .modal-footer {
    padding: 24px
}

.omail-confirm-modal .modal-content .modal-footer .custom-btn-outline {
    margin-right: 10px;
    font-size: var(--clamp14)
}

.omail-confirm-modal .modal-content .modal-footer .custom-btn {
    font-size: var(--clamp14)
}

.omail-sendwithoutfields-modal .modal-content .modal-body,
.omail-sendwithoutfields-modal .modal-content .modal-footer {
    padding: 24px
}

.omail-addgroupincomp-Modal .modal-content {
    overflow: hidden;
    overflow-y: auto
}

.omail-addgroupincomp-Modal .create-group-form .form-group {
    margin-bottom: 1rem
}

.omail-addgroupincomp-Modal .create-group-form .form-group .form-control {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #0a2477;
    border: 1px solid #F8F8FF;
    height: 44px;
    background-color: #f8f8ff
}

.omail-addgroupincomp-Modal .create-group-form::-webkit-scrollbar {
    width: 4px !important
}

@media screen and (max-width: 540px) {
    .omail-addgroupincomp-Modal .create-group-form::-webkit-scrollbar {
        width: 2px !important
    }
}

.omail-addgroupincomp-Modal .create-group-form::-webkit-scrollbar-thumb {
    background: #DFF3FF;
    box-sizing: border-box;
    box-shadow: inset 0 10px 10px #ffffff40;
    border-radius: 7px
}

@media screen and (max-width: 768px) {
    .omail-addgroupincomp-Modal .create-group-form {
        padding: 0
    }
}

@media screen and (max-width: 767px) {
    .omail-addgroupincomp-Modal .create-group-form {
        padding: 0
    }
}

.omail-addgroupincomp-Modal .create-group-form label {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: var(--text-color-2)
}

.omail-addgroupincomp-Modal .create-group-form .form-control {
    border: 1px solid var(--border-color-2);
    border-radius: 4px;
    background: var(--input-bg-color-1)
}

.omail-addgroupincomp-Modal .create-group-form .add-book-btn-block {
    margin: 5px 0 25px;
    display: flex;
    align-items: center;
    gap: 24px
}

@media screen and (max-width: 510px) {
    .omail-addgroupincomp-Modal .create-group-form .add-book-btn-block {
        display: block
    }

    .omail-addgroupincomp-Modal .create-group-form .add-book-btn-block .group-rule-info-text {
        margin-top: 24px
    }
}

.omail-addgroupincomp-Modal .create-group-form .add-book-btn-block .group-rule-info-text {
    background: #FFFBF8;
    border: 1px solid #FFB97E;
    border-radius: 6px;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #464255;
    padding: 5px 8px
}

.omail-addgroupincomp-Modal .create-group-form .add-book-btn-block .group-rule-info-text .star-icon {
    color: #e84c3d
}

.omail-addgroupincomp-Modal .create-group-form .invalid-feedback {
    position: absolute;
    position: inherit;
    bottom: 0
}

.omail-addgroupincomp-Modal .create-group-form .create-group-form-actions .action-links {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 20px
}

.omail-addgroupincomp-Modal .create-group-form .group-error-text {
    position: inherit
}

.omail-addgroupincomp-Modal .email-catagory-block {
    margin: 20px 0 0
}

@media screen and (max-width: 991px) {
    .omail-addgroupincomp-Modal .email-catagory-block {
        margin-bottom: 30px
    }
}

@media screen and (max-width: 767px) {
    .omail-addgroupincomp-Modal .email-catagory-block {
        display: block
    }
}

.omail-addgroupincomp-Modal .email-catagory-block .email-catagory-inner {
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    border-radius: 12px;
    margin: 0 0 20px
}

@media screen and (max-width: 767px) {
    .omail-addgroupincomp-Modal .email-catagory-block .email-catagory-inner {
        width: 100%
    }
}

.omail-addgroupincomp-Modal .email-catagory-block .email-catagory-inner .sub-heading {
    background: #F3F2FF;
    border-radius: 12px 12px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px
}

.omail-addgroupincomp-Modal .email-catagory-block .email-catagory-inner .sub-heading h6,
.omail-addgroupincomp-Modal .email-catagory-block .email-catagory-inner .sub-heading .h6 {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #0a2477
}

.omail-addgroupincomp-Modal .email-catagory-block .email-catagory-inner .sub-heading span {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #706d7a
}

.omail-addgroupincomp-Modal .email-catagory-block .email-catagory-inner .omail-email-catagory-types {
    min-height: 295px;
    max-height: 295px;
    overflow-x: auto;
    overflow-y: auto;
    padding: 12px
}

.omail-addgroupincomp-Modal .email-catagory-block .email-catagory-inner .omail-email-catagory-types::-webkit-scrollbar {
    width: 4px !important
}

.omail-addgroupincomp-Modal .email-catagory-block .email-catagory-inner .omail-email-catagory-types::-webkit-scrollbar-thumb {
    background: #DFF3FF;
    box-sizing: border-box;
    box-shadow: inset 0 10px 10px #ffffff40;
    border-radius: 7px
}

.omail-addgroupincomp-Modal .email-catagory-block .email-catagory-inner .omail-email-catagory-types mat-chip-list .mat-chip-list-wrapper {
    display: block
}

.omail-addgroupincomp-Modal .contact-group-user-pic-block {
    margin: 0 0 20px;
    text-align: center;
    background-color: #f8f8ff;
    padding: 24px 0 10px
}

.omail-addgroupincomp-Modal .contact-group-user-pic-block .form-group {
    margin-bottom: 1rem
}

.omail-addgroupincomp-Modal .contact-group-user-pic-block .contact-pic-text-block {
    position: relative;
    text-align: center;
    display: inline-block;
    margin: 0 0 20px
}

.omail-addgroupincomp-Modal .contact-group-user-pic-block .contact-pic-text-block .edit-block {
    position: absolute;
    top: 15px;
    right: 0;
    background: #F3F2FF;
    overflow: hidden;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer;
    border: none
}

.omail-addgroupincomp-Modal .contact-group-user-pic-block .contact-pic-text-block .edit-block:after {
    border: transparent
}

.omail-addgroupincomp-Modal .contact-group-user-pic-block .contact-pic-text-block .edit-block img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    object-fit: none
}

.omail-addgroupincomp-Modal .contact-group-user-pic-block .contact-pic-text-block .delete-block {
    width: 36px;
    height: 36px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    right: -14px;
    z-index: 145;
    cursor: pointer
}

.omail-addgroupincomp-Modal .contact-group-user-pic-block .contact-pic-text-block .delete-block button {
    border: none;
    background: none
}

.omail-addgroupincomp-Modal .contact-group-user-pic-block .contact-pic-text {
    width: 94px;
    height: 94px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0 auto;
    background: var(--link-color)
}

.omail-addgroupincomp-Modal .contact-group-user-pic-block .contact-pic-text img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%
}

.omail-addgroupincomp-Modal .contact-group-user-pic-block .contact-pic-text span {
    font-size: var(--clamp18);
    font-weight: 600;
    color: var(--white-color)
}

@media screen and (max-width: 1440px) {
    .omail-addgroupincomp-Modal form {
        max-height: 500px;
        overflow-y: auto
    }
}

.omail-mydialog-signature {
    width: 70%;
    min-width: 70%;
    margin: 0 auto
}

.omailsignature-modal .modal-content .modal-body {
    min-height: 50vh;
    overflow: auto;
    max-height: 50vh
}

.omailsignature-modal .modal-content .modal-body::-webkit-scrollbar {
    width: 4px !important
}

.omailsignature-modal .modal-content .modal-body::-webkit-scrollbar-thumb {
    background: #DFF3FF;
    box-sizing: border-box;
    box-shadow: inset 0 10px 10px #ffffff40;
    border-radius: 7px
}

@media screen and (max-width: 1700px) {
    .omailsignature-modal .modal-content .modal-body {
        max-height: 500px;
        overflow-y: auto
    }
}

@media screen and (max-width: 767px) {
    .omailsignature-modal .modal-content .modal-body {
        padding: 12px
    }
}

.omailsignature-modal .modal-content .modal-body .signature-info {
    margin-bottom: 24px
}

@media screen and (max-width: 375px) {
    .omailsignature-modal .modal-content .modal-body .signature-info {
        margin-bottom: 0
    }
}

.omailsignature-modal .modal-content .modal-body .signature-info .form-group {
    margin-bottom: 1rem
}

.omailsignature-modal .modal-content .modal-body .signature-info .form-group label {
    font-weight: 400;
    font-size: var(--clamp14);
    color: #a3a3a3;
    margin-bottom: 2px
}

.omailsignature-modal .modal-content .modal-body .signature-info .form-group input {
    font-size: var(--clamp14);
    background: #F8F8FF;
    border-radius: 0;
    max-height: 40px;
    min-height: 40px;
    border: none;
    color: #0a2477
}

.omailsignature-modal .modal-content .modal-body .signature-info .form-group input:focus {
    box-shadow: none
}

.omailsignature-modal .modal-content .modal-body .signature-info .custom-select {
    font-size: var(--clamp14);
    background: url(adressbook-select.9b5feae12a5dd307.png) no-repeat 94% center;
    border-radius: 0;
    max-height: 40px;
    min-height: 40px;
    border: none;
    color: #0a2477;
    background-color: #f8f8ff;
    -webkit-appearance: none;
    appearance: none;
    padding: 10px 12px
}

.omailsignature-modal .modal-content .modal-body .signature-info .custom-select:focus {
    box-shadow: none;
    border: none;
    outline: 0
}

.omailsignature-modal .modal-content .modal-body .signature-info-status {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px
}

@media screen and (max-width: 480px) {
    .omailsignature-modal .modal-content .modal-body .signature-info-status {
        display: block
    }
}

@media screen and (max-width: 375px) {
    .omailsignature-modal .modal-content .modal-body .signature-info-status {
        flex-direction: column
    }
}

.omailsignature-modal .modal-content .modal-body .signature-info-status label {
    font-size: var(--clamp14);
    color: var(--text-color1);
    margin: 0 10px 0 0
}

.omailsignature-modal .modal-content .modal-body .signature-info-status label input {
    margin: 0 6px 0 0;
    vertical-align: middle
}

@media screen and (max-width: 480px) {
    .omailsignature-modal .modal-content .modal-body .signature-info-status label {
        margin-bottom: 10px;
        display: block
    }
}

.omailsignature-modal .modal-content .modal-body .signature-info-status .delete {
    background-color: #006bce;
    border-radius: 50px;
    color: #fff;
    font-size: 14px
}

.omailsignature-modal .modal-content .modal-body .signature-info-status .omail-auto-switch {
    font-size: var(--clamp14);
    display: flex;
    align-items: center
}

@media screen and (max-width: 480px) {
    .omailsignature-modal .modal-content .modal-body .signature-info-status .omail-auto-switch label {
        display: flex
    }
}

.omailsignature-modal .modal-content .modal-body .radio-inline,
.omailsignature-modal .modal-content .modal-body .signature_txt {
    font-family: var(--font-family) !important;
    font-style: normal;
    font-weight: 400;
    font-size: var(--clamp16);
    color: var(--main-color) !important;
    margin-left: 5px
}

.omailsignature-modal .modal-content .modal-body .signature_name_input::placeholder {
    color: var(--main-color) !important
}

.omailsignature-modal .modal-content .modal-footer {
    padding: 24px
}

@media screen and (max-width: 375px) {
    .omailsignature-modal .modal-content .modal-footer {
        padding: 24px 16px
    }
}

@media screen and (max-width: 320px) {
    .omailsignature-modal .modal-content .modal-footer {
        padding: 24px 8px
    }
}

.omailsignature-modal .modal-content .modal-footer .custom-btn-outline {
    font-size: var(--clamp14);
    margin-right: 24px
}

@media screen and (max-width: 320px) {
    .omailsignature-modal .modal-content .modal-footer .custom-btn-outline {
        margin-right: 4px
    }
}

.omailsignature-modal .modal-content .modal-footer .custom-btn {
    font-size: var(--clamp14)
}

@media screen and (max-width: 500px) {
    .omailsignature-modal .modal-content .modal-footer {
        padding: 12px
    }

    .omailsignature-modal .modal-content .modal-footer .custom-btn-outline {
        margin-right: 10px;
        min-width: auto
    }

    .omailsignature-modal .modal-content .modal-footer .custom-btn {
        min-width: auto
    }
}

.omail-passCodeModal-modal .modal-content .modal-body .create-folder-modal .omail-folder-form {
    display: flex;
    align-items: center;
    margin-bottom: 30px
}

.omail-passCodeModal-modal .modal-content .modal-body .create-folder-modal .omail-folder-form .folder-text {
    margin-right: 5px
}

.omail-passCodeModal-modal .modal-content .modal-body .create-folder-modal .omail-folder-form .folder-input {
    position: relative
}

.omail-passCodeModal-modal .modal-content .modal-body .create-folder-modal .omail-folder-form .folder-input input {
    max-width: 100px;
    min-width: 100px
}

.omail-passCodeModal-modal .modal-content .modal-body .create-folder-modal .omail-folder-form .folder-input input.is-invalid {
    background-image: none
}

.omail-passCodeModal-modal .modal-content .modal-body .create-folder-modal .omail-folder-form .folder-input .foldericon {
    position: absolute;
    top: 11px;
    left: 69px
}

.omail-passCodeModal-modal .modal-content .modal-body .create-folder-modal .omail-folder-form .invalid-feedback {
    position: fixed
}

.omail-create-folder-modal .modal-content .modal-body {
    overflow-y: hidden;
    position: inherit
}

.omail-create-folder-modal .modal-content .modal-body .create-folder-modal .form-group label {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #6d747a;
    margin: 0 0 2px
}

.omail-create-folder-modal .modal-content .modal-body .create-folder-modal .form-group .form-control {
    border-color: #5ec2fe;
    border-radius: 4px;
    height: 40px;
    box-shadow: none;
    color: #0a2477;
    font-size: 14px;
    background-color: transparent
}

.omail-create-folder-modal .modal-content .modal-body .create-folder-modal .create-folder-btn {
    background: #E9F0FF;
    text-align: center;
    padding: 10px;
    display: flex;
    justify-content: center
}

.omail-create-folder-modal .modal-content .modal-body .create-folder-modal .create-folder-btn button {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #0a2477;
    display: flex;
    align-items: center;
    gap: 10px
}

.omail-create-folder-modal .modal-content .modal-body .create-folder-modal .create-folder-btn button:hover {
    text-decoration: none;
    opacity: .5
}

.omail-create-folder-modal .modal-content .modal-body .create-folder-modal .omail-folder-form {
    display: flex;
    gap: 11px;
    margin-top: 65px
}

.omail-create-folder-modal .modal-content .modal-body .create-folder-modal .omail-folder-form .folder-input {
    position: relative
}

.omail-create-folder-modal .modal-content .modal-body .create-folder-modal .omail-folder-form .folder-input input {
    max-width: 100px;
    min-width: 100px;
    background: none;
    border: 1px solid #ccc
}

.omail-create-folder-modal .modal-content .modal-body .create-folder-modal .omail-folder-form .folder-input input.is-invalid {
    background-image: none
}

.omail-create-folder-modal .modal-content .modal-body .create-folder-modal .omail-folder-form .folder-input .foldericon {
    position: absolute;
    top: 11px;
    left: 69px
}

.omail-create-folder-modal .modal-content .modal-body .create-folder-modal .omail-folder-form .folder-text .passcode-checkbox {
    margin-top: 10px
}

.omail-create-folder-modal .modal-content .modal-body .create-folder-modal .omail-folder-form .folder-text .passcode-checkbox .passcode-text {
    margin-left: 4px;
    font-size: 14px;
    color: #334554
}

.omail-create-folder-modal .modal-content .modal-body .create-folder-modal select {
    font-size: 14px;
    color: #0a2477;
    height: 40px;
    background-color: #f8f8ff;
    border: none
}

.omail-create-folder-modal .modal-content .modal-body .create-folder-modal select .select-option {
    width: 20px;
    height: 20px;
    background-color: red;
    display: block;
    border-radius: 50%
}

.omail-create-folder-modal .modal-content .modal-body .create-folder-modal .folder-color {
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-right: 10px;
    border-radius: 50%
}

.omail-create-folder-modal .modal-content .modal-body .create-folder-modal .ng-select-container {
    background-color: transparent;
    border-color: #5ec2fe;
    height: 40px;
    background: none;
    border-radius: 4px
}

.omail-create-folder-modal .modal-content .modal-body .create-folder-modal .ng-dropdown-panel.ng-select-bottom {
    border: 1px solid #5EC2FE
}

.omail-create-folder-modal .modal-content .modal-body .create-folder-modal .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
    background-color: #f0f9ff;
    color: #30353d;
    font-style: normal;
    font-weight: 400;
    font-size: 14px
}

.omail-create-folder-modal .modal-content .modal-body .create-folder-modal .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    color: #30353d;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    border-bottom: 1px solid #5EC2FE
}

.omail-create-folder-modal .modal-content .modal-body .create-folder-modal .ng-dropdown-panel .ng-dropdown-panel-items .ng-option:last-child {
    border-bottom: none
}

.omail-create-folder-modal .modal-content .modal-body .create-folder-modal .ng-dropdown-panel .scroll-host {
    overflow: hidden;
    overflow-y: auto;
    position: relative;
    display: block;
    max-height: 120px
}

.omail-create-folder-modal .modal-content .modal-body .create-folder-modal ng-select {
    position: absolute;
    left: 15px;
    right: 15px
}

.omail-create-folder-modal .modal-content .modal-body .create-folder-modal ng-select .ng-arrow-wrapper .ng-arrow {
    background: url(adressbook-select.9b5feae12a5dd307.png) no-repeat 97% center;
    width: 12px;
    height: 12px;
    border: none;
    opacity: .6
}

.omail-create-folder-modal .modal-content .modal-body .create-folder-modal ng-select.ng-select-opened>.ng-select-container .ng-arrow {
    transform: rotate(180deg);
    top: 0
}

.omail-create-folder-modal .modal-content .modal-body .folder-colorpicker {
    position: relative
}

.omail-create-folder-modal .modal-content .modal-body .folder-colorpicker input[type=text] {
    float: left;
    padding-left: 45px
}

.omail-create-folder-modal .modal-content .modal-body .folder-colorpicker button {
    float: left;
    padding: 11px 0 0 10px;
    color: #fff;
    border: none;
    border-left: none;
    cursor: pointer;
    position: absolute;
    left: 0;
    background: transparent
}

.omail-create-folder-modal .modal-content .modal-body .folder-colorpicker button span {
    width: 14px;
    height: 14px;
    padding: 10px;
    float: left
}

.omail-color-picker-main {
    max-width: 90px;
    float: left
}

.omail-color-picker-main div {
    float: left
}

.omail-color-picker-main div span {
    width: 14px;
    height: 14px;
    padding: 10px;
    float: left;
    margin: 0 5px 10px;
    cursor: pointer
}

.omail-folder-edit-modal .modal-footer {
    padding-top: 68px
}

.omail-userdetails-modal .modal-body p {
    padding: 0;
    margin: 0
}

.omail-contactimports-modal .modal-body .omail-import-contacts-block .omail-import-contacts-text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #464255
}

.omail-contactimports-modal .modal-body .omail-import-contacts-block .omail-import-contacts-text span a {
    color: #4136f1;
    text-decoration: underline
}

.omail-contactimports-modal .modal-body .omail-import-contacts-block .omail-import-contacts-file {
    margin: 0 0 9px;
    position: relative
}

.omail-contactimports-modal .modal-body .omail-import-contacts-block .omail-import-contacts-file label {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #a3a3a3
}

.omail-contactimports-modal .modal-body .omail-import-contacts-block .omail-import-contacts-file .input-group .input-group-text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    cursor: pointer
}

.omail-contactimports-modal .modal-body .omail-import-contacts-block .omail-import-contacts-file .file-error-text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #e84c3d
}

.omail-contactimports-modal .modal-body .omail-import-contacts-block .omail-import-contacts-file input[type=file]::-webkit-file-upload-button {
    width: 0;
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
    border: none;
    border: 0px
}

.omail-contactimports-modal .modal-body .omail-import-contacts-block .omail-import-contacts-file input {
    line-height: 32px;
    border-radius: 4px !important;
    background: #F8F8FF;
    border: none
}

.omail-contactimports-modal .modal-body .omail-import-contacts-block .omail-import-contacts-file .input-group label {
    margin-left: 10px !important;
    border-radius: 6px !important
}

.omail-contactimports-modal .modal-footer {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.omail-contactimports-modal .modal-footer button {
    cursor: pointer
}

.omail-contactimports-modal .modal-footer button img {
    margin-right: 5px
}

.omail-videomail-modal .modal-content .modal-header {
    background: transparent;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

.omail-videomail-modal .modal-content .modal-header .btn-close {
    width: 24px;
    height: 24px;
    background-color: #8c82ff;
    border-radius: 50%;
    padding: 0;
    position: relative;
    top: 5px;
    transition: transform .7s ease-in-out
}

.omail-videomail-modal .modal-content .modal-header .btn-close:hover {
    background-color: #e84c3d;
    transform: rotate(90deg)
}

.omail-videomail-modal .modal-content .modal-header .btn-close i {
    color: var(--white-color)
}

.omail-videomail-modal .modal-content .modal-body {
    min-height: 360px;
    padding: 0;
    width: 100%
}

@media screen and (max-width: 1440px) {
    .omail-videomail-modal .modal-content .modal-body {
        max-height: 560px;
        overflow-y: hidden
    }
}

.omail-videomail-modal .modal-content .modal-body video {
    width: 100%;
    display: block;
    margin-top: -3px
}

.omail-videomail-modal .modal-content .modal-footer {
    background-color: #fff9;
    position: absolute;
    bottom: 0;
    width: 100%;
    justify-content: flex-start;
    padding-top: 6px;
    padding-bottom: 6px
}

@media screen and (max-width: 640px) {
    .omail-videomail-modal .modal-content .modal-footer {
        font-size: 12px
    }
}

@media screen and (max-width: 400px) {
    .omail-videomail-modal .modal-content .modal-footer {
        gap: 10px;
        padding: 4px
    }
}

.omail-videomail-modal .modal-content .modal-footer .start-record {
    background: #00A542;
    font-weight: 400
}

@media screen and (max-width: 640px) {
    .omail-videomail-modal .modal-content .modal-footer .start-record {
        font-size: 12px;
        min-width: 94px;
        padding: 0 2px;
        min-height: 32px
    }
}

.omail-videomail-modal .modal-content .modal-footer .end-record {
    background: #E84C3D;
    font-weight: 400
}

@media screen and (max-width: 640px) {
    .omail-videomail-modal .modal-content .modal-footer .end-record {
        font-size: 12px;
        min-width: 94px;
        padding: 0 2px;
        min-height: 32px
    }
}

.omail-videomail-modal .modal-content .modal-footer .video-pause-icon,
.omail-videomail-modal .modal-content .modal-footer .video-play-icon {
    border: none;
    background-color: transparent;
    margin-left: 15px
}

@media screen and (max-width: 320px) {

    .omail-videomail-modal .modal-content .modal-footer .video-pause-icon,
    .omail-videomail-modal .modal-content .modal-footer .video-play-icon {
        margin-left: 0
    }
}

.omail-videomail-modal .modal-content .modal-footer .center {
    margin: 0
}

@media screen and (max-width: 320px) {
    .omail-videomail-modal .modal-content .modal-footer div {
        margin: 0
    }
}

.omail-videomailone-modal .modal-content .modal-body {
    position: relative;
    padding: 0
}

.omail-videomailone-modal .modal-content .modal-body .bg-img {
    width: 100%;
    height: 100%;
    z-index: 999
}

.omail-videomailone-modal .modal-content .modal-body .bg-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    text-align: center
}

.omail-videomailone-modal .modal-content .modal-body .video-block {
    position: absolute;
    top: 48%;
    left: 50%;
    width: 81%;
    z-index: 1000;
    transform: translate(-50%, -50%)
}

.omail-videomailone-modal .modal-content .changebg-icon {
    position: absolute;
    right: 16px;
    bottom: 16px
}

@media screen and (max-width: 480px) {
    .omail-videomailone-modal .modal-content .changebg-icon {
        right: 6px;
        bottom: 3px
    }
}

.omail-videomailone-modal .modal-content .changebg-icon span {
    cursor: pointer
}

.omail-videomailone-modal .modal-content .changebg-icon .close-btn {
    width: 24px;
    height: 24px;
    background-color: #8c82ff;
    border-radius: 50%;
    padding: 0 6px;
    position: relative;
    top: 0;
    transition: transform .7s ease-in-out;
    cursor: pointer
}

.omail-videomailone-modal .modal-content .changebg-icon .close-btn:hover {
    background-color: #e84c3d;
    transform: rotate(90deg)
}

.omail-videomailone-modal .modal-content .changebg-icon .close-btn i {
    color: #fff
}

.omail-videomailone-modal .modal-content .omail-videomail-modal .modal-content .modal-body {
    min-height: auto;
    max-height: 520px;
    overflow-y: hidden
}

@media screen and (max-width: 1024px) {
    .omail-videomailone-modal .modal-content .omail-videomail-modal .modal-content .modal-body {
        max-height: 360px
    }
}

@media screen and (max-width: 991px) {
    .omail-videomailone-modal .modal-content .omail-videomail-modal .modal-content .modal-body {
        max-height: 226px
    }
}

@media screen and (max-width: 480px) {
    .omail-videomailone-modal .modal-content .omail-videomail-modal .modal-content .modal-body {
        max-height: 210px
    }
}

@media screen and (max-width: 414px) {
    .omail-videomailone-modal .modal-content .omail-videomail-modal .modal-content .modal-body {
        max-height: 180px
    }
}

@media screen and (max-width: 360px) {
    .omail-videomailone-modal .modal-content .omail-videomail-modal .modal-content .modal-body {
        max-height: 156px
    }
}

@media screen and (max-width: 320px) {
    .omail-videomailone-modal .modal-content .omail-videomail-modal .modal-content .modal-body {
        max-height: 138px
    }
}

.omail-withoutbg-content .no-bg img {
    display: none
}

.omail-withoutbg-content .changebg-icon {
    position: absolute;
    bottom: 14px;
    right: 14px
}

.omail-withoutbg-content .omail-videomail-modal .modal-content .modal-body {
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
    overflow-y: auto !important
}

@media screen and (max-width: 1440px) {
    .omail-withoutbg-content .omail-videomail-modal .modal-content .modal-body {
        max-height: 650px !important;
        overflow-y: hidden !important
    }
}

.omail-mydialog-allowed-files .omailalert-modal .modal-content .modal-body {
    padding: 20px
}

@media screen and (max-width: 640px) {
    .omail-mydialog-allowed-files .omailalert-modal .modal-content .modal-body p {
        word-break: break-word
    }
}

.omail-mydialog-allowed-files .omailalert-modal .modal-content .modal-footer {
    padding: 20px
}

.omail-save-to-drafts-modal .modal-content .modal-body {
    text-align: center
}

.omail-save-to-drafts-modal .modal-content .modal-body p {
    margin: 0
}

.omail-viewcontactpic-modal .modal-content .modal-body {
    padding: 0
}

.omail-viewcontactpic-modal .modal-content .modal-body p img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.omail-viewgrouppic-modal .modal-content .modal-body {
    padding: 0
}

.omail-viewgrouppic-modal .modal-content .modal-body p img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.omail-customtheam-froala-block .fr-box.fr-basic .fr-toolbar {
    border: 1px solid rgba(140, 130, 255, .2);
    background: #F0F9FF;
    border-radius: 10px 10px 0 0
}

.omail-customtheam-froala-block .fr-box.fr-basic .fr-toolbar .fr-command.fr-btn {
    background: #BFE7FE;
    border-radius: 6px
}

.omail-customtheam-froala-block .fr-box.fr-basic .fr-toolbar .fr-command.fr-btn svg path {
    fill: #003b93
}

.omail-customtheam-froala-block .fr-box.fr-basic .fr-toolbar .fr-command.fr-active {
    background: #2c97d4
}

.omail-customtheam-froala-block .fr-box.fr-basic .fr-toolbar .fr-command[id*=videoMail] {
    background: #37AC00;
    fill: #fff
}

.omail-customtheam-froala-block .fr-box.fr-basic .fr-toolbar .fr-command[id*=videoMail].fr-btn {
    border-radius: 50%
}

.omail-customtheam-froala-block .fr-box.fr-basic .fr-toolbar .fr-command[id*=videoMail] svg path {
    fill: #fff
}

.omail-customtheam-froala-block .fr-box.fr-basic .fr-toolbar .fr-command[id*=speechToText] {
    background: #37AC00;
    border-radius: 4px;
    padding: 0 11px
}

.omail-customtheam-froala-block .fr-box.fr-basic .fr-toolbar .fr-command[id*=speechToText] img {
    margin: 0;
    width: auto;
    filter: brightness(0) invert(1)
}

.omail-customtheam-froala-block .fr-box.fr-basic .fr-toolbar .fr-btn-grp {
    margin: 0 4px
}

.omail-customtheam-froala-block .fr-box.fr-basic .fr-wrapper {
    border: 1px solid rgba(140, 130, 255, .2);
    border-top: 1px solid transparent;
    overflow-x: hidden !important;
    padding-bottom: 40px
}

.omail-customtheam-froala-block .fr-box.fr-basic .fr-wrapper::-webkit-scrollbar {
    width: 4px !important
}

.omail-customtheam-froala-block .fr-box.fr-basic .fr-wrapper::-webkit-scrollbar-thumb {
    background: #DFF3FF;
    box-sizing: border-box;
    box-shadow: inset 0 10px 10px #ffffff40;
    border-radius: 7px
}

@media screen and (max-width: 1024px) {
    .omail-customtheam-froala-block .fr-box.fr-basic .fr-wrapper {
        margin-bottom: 0
    }
}

.omail-customtheam-froala-block .fr-box.fr-basic .fr-wrapper p {
    margin-bottom: 0
}

.omail-customtheam-froala-block .fr-box.fr-basic .fr-wrapper .fr-element {
    min-height: 400px;
    margin-bottom: 40px
}

.omail-customtheam-froala-block .fr-box.fr-basic .fr-wrapper .fr-element a {
    color: #0a58ca
}

.omail-customtheam-froala-block .fr-box .fr-second-toolbar {
    border: 1px solid rgba(140, 130, 255, .2);
    border-top: 0
}

.omail-customtheam-froala-block .fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) {
    background: #aea9eb
}

.omail-customtheam-froala-block .fr-desktop .fr-command.fr-selected:not(.fr-table-cell),
.omail-customtheam-froala-block .omail-customtheam-froala-block .fr-desktop .fr-command:active {
    background: #f00 !important
}

.omail-customtheam-froala-block .fr-desktop .fr-command.fr-selected:not(.fr-table-cell) svg path,
.omail-customtheam-froala-block .omail-customtheam-froala-block .fr-desktop .fr-command:active svg path {
    fill: #fff !important
}

.omail-customtheam-froala-block .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-options,
.omail-customtheam-froala-block .fr-popup .fr-command.fr-btn.fr-dropdown.fr-options,
.omail-customtheam-froala-block .fr-modal .fr-command.fr-btn.fr-dropdown.fr-options {
    background: transparent
}

.omail-customtheam-froala-block.fr-fullscreen-wrapper .fr-box.fr-basic .fr-toolbar {
    top: 1px !important
}

.omail-customtheam-froala-block.fr-fullscreen-wrapper .fr-wrapper {
    max-height: inherit !important
}

.omail-customtheam-froala-block.omail-composemail-froala,
.omail-customtheam-froala-block.omail-replymail-froala {
    margin-bottom: 60px
}

.omail-customtheam-froala-block.omail-composemail-froala .fr-box.fr-basic .fr-toolbar,
.omail-customtheam-froala-block.omail-replymail-froala .fr-box.fr-basic .fr-toolbar {
    border: none;
    border-radius: 0;
    padding: 0 7px
}

.omail-customtheam-froala-block.omail-composemail-froala .fr-wrapper,
.omail-customtheam-froala-block.omail-replymail-froala .fr-wrapper {
    border: none
}

.omail-customtheam-froala-block.omail-composemail-froala .fr-second-toolbar,
.omail-customtheam-froala-block.omail-replymail-froala .fr-second-toolbar {
    border: none;
    border-radius: 0;
    background: transparent
}

.omail-read-mail-body .fr-fic.fr-dib {
    margin: 5px auto;
    display: list-item;
    float: none;
    vertical-align: top
}

.omail-read-mail-body .fr-fic.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

.omail-read-mail-body .fr-fic.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

.omail-read-mail-body img.fr-fic.fr-rounded {
    border-radius: 10px
}

.omail-read-mail-body img.fr-fic.fr-bordered {
    border: solid 5px #CCC
}

.omail-read-mail-body img.fr-fic.fr-shadow {
    box-shadow: 10px 10px 5px #ccc
}

@keyframes bounceListen {
    0% {
        text-shadow: 0 5px 0 #ccc, 0 2px 3px rgba(0, 0, 0, .3)
    }

    to {
        transform: translateY(-5px)
    }
}

.omail-welcontact-pic-text {
    width: 32px;
    height: 32px;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    background-color: #e6e6e6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.omail-froalabg-block {
    position: relative;
    padding: 0
}

.omail-froalabg-block .bg-img {
    width: 100%;
    height: 100%;
    z-index: 999
}

.omail-froalabg-block .bg-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    text-align: center
}

.omail-froalabg-block .video-block {
    position: absolute;
    top: 49%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 81%
}

@media screen and (max-width: 991px) {
    .omail-froalabg-block .video-block {
        width: 79%
    }
}

.omail-froalabg-block .video-block.no-bg-video-block {
    position: inherit;
    transform: none;
    width: 100%;
    left: 0;
    top: 0
}

.omail-guide-block button {
    background: transparent;
    border: 1px solid #4136F1;
    background-color: #4136f1;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    border-radius: 8px;
    padding: 2px 10px;
    margin-right: 18px
}

.omail-guide-block button:hover {
    opacity: .5
}

.omail-guide-block button i {
    font-size: 10px;
    margin-left: 4px
}

@media screen and (max-width: 780px) {
    .omail-guide-block {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .omail-guide-block {
        display: none
    }
}

.introjs-tooltip.omail-tour-guide {
    background-color: transparent;
    box-shadow: none
}

.introjs-tooltip.omail-tour-guide .introjs-tooltiptext {
    color: #fff;
    font-size: var(--clamp16);
    text-shadow: 2px 2px 6px #000;
    font-family: cursive;
    padding: 15px 0;
    line-height: 28px
}

.introjs-tooltip.omail-tour-guide .introjs-tooltipbuttons {
    border-top: none;
    padding: 0 0 10px
}

.introjs-tooltip.omail-tour-guide .introjs-tooltipbuttons .introjs-button {
    background: var(--primary-btn-bg);
    border-radius: var(--border-radius2);
    color: var(--white-color);
    font-size: var(--clamp14);
    font-weight: 500;
    text-align: center
}

.introjs-tooltip.omail-tour-guide .introjs-tooltipbuttons .introjs-prevbutton {
    margin-right: 5px
}

.introjs-tooltip.omail-tour-guide .introjs-skipbutton i {
    font-family: "Font Awesome 5 Pro" !important;
    color: red;
    background-color: var(--white-color);
    width: 25px;
    height: 25px;
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--clamp16)
}

.introjs-tooltip.omail-tour-guide .introjs-arrow {
    display: none !important
}

.omail-mobile-logo {
    display: none
}

@media screen and (max-width: 580px) {
    .omail-mobile-logo {
        display: none
    }
}

.omail-pre-loader-pleasewait {
    flex-direction: column;
    top: 76px;
    left: 76px;
    z-index: 5;
    background-color: #fff
}

@media screen and (max-width: 1024px) {
    .omail-pre-loader-pleasewait {
        align-items: center
    }
}

@media screen and (max-width: 768px) {
    .omail-pre-loader-pleasewait {
        left: 0
    }
}

@media screen and (max-width: 767px) {
    .omail-pre-loader-pleasewait {
        left: 0
    }
}

@media screen and (max-width: 500px) {
    .omail-pre-loader-pleasewait {
        left: 0
    }
}

.omail-pre-loader-pleasewait .pre-loader-box {
    flex-direction: column;
    width: 170px;
    height: 124px
}

@media screen and (max-width: 1024px) {
    .omail-pre-loader-pleasewait .pre-loader-box {
        left: auto;
        top: auto
    }
}

.omail-pre-loader-pleasewait .pre-loader-box .spinner-border {
    margin-bottom: 4px
}

.omail-pre-loader-pleasewait .pre-loader-box h5,
.omail-pre-loader-pleasewait .pre-loader-box .h5 {
    font-size: 16px
}

.omail-mat-autocomplete {
    max-height: 336px !important;
    border: 1px solid #006BCE !important;
    border-radius: 6px !important;
    padding: 16px !important
}

.omail-mat-autocomplete.mat-autocomplete-panel.mat-autocomplete-visible {
    display: block
}

.omail-mat-autocomplete:not([class*=mat-elevation-z]) {
    box-shadow: 0 4px 8px #44649d40 !important;
    display: none
}

.omail-mat-autocomplete::-webkit-scrollbar {
    width: 4px !important
}

.omail-mat-autocomplete::-webkit-scrollbar-thumb {
    background: #DFF3FF;
    box-sizing: border-box;
    box-shadow: inset 0 10px 10px #ffffff40;
    border-radius: 7px
}

.omail-mat-autocomplete .mat-option {
    padding: 7px 13px;
    height: 36px;
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #0a2477;
    background: #F1FAFF;
    border-radius: 4px;
    margin-bottom: 4px
}

.omail-mat-autocomplete .mat-option:hover {
    background: #DFF3FF
}

.omail-mat-autocomplete .mat-option.mat-active {
    background: rgba(0, 0, 0, .04)
}

.cg-pic-dw-block {
    border: 1px solid transparent;
    padding: 0;
    min-width: 140px;
    border-radius: 0;
    filter: drop-shadow(0px 4px 4px rgba(63, 89, 114, .2))
}

.cg-pic-dw-block .dropdown-item {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #0a2477;
    cursor: pointer;
    border-bottom: 1px solid transparent
}

.cg-pic-dw-block .dropdown-item:last-child {
    border-bottom: none
}

.cg-pic-dw-block .dropdown-item:hover {
    background: #F0F9FF
}

@keyframes fpFadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

.flatpickr-calendar {
    background: transparent;
    opacity: 0;
    display: none;
    text-align: center;
    visibility: hidden;
    padding: 0;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    width: 307.875px;
    box-sizing: border-box;
    touch-action: manipulation;
    background: #fff;
    box-shadow: 1px 0 #e6e6e6, -1px 0 #e6e6e6, 0 1px #e6e6e6, 0 -1px #e6e6e6, 0 3px 13px #00000014
}

.flatpickr-calendar .hasWeeks .dayContainer {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0
}

.flatpickr-calendar .hasTime .dayContainer {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.flatpickr-calendar:before {
    position: absolute;
    display: block;
    pointer-events: none;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    left: 22px;
    border-width: 5px;
    margin: 0 -5px
}

.flatpickr-calendar:after {
    position: absolute;
    display: block;
    pointer-events: none;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    left: 22px;
    border-width: 4px;
    margin: 0 -4px
}

.flatpickr-calendar:focus {
    outline: 0
}

.flatpickr-calendar.open {
    opacity: 1;
    max-height: 640px;
    visibility: visible;
    display: inline-block;
    z-index: 99999
}

.flatpickr-calendar.inline {
    opacity: 1;
    max-height: 640px;
    visibility: visible;
    display: block;
    position: relative;
    top: 2px
}

.flatpickr-calendar.animate.open {
    animation: fpFadeInDown .3s cubic-bezier(.23, 1, .32, 1)
}

.flatpickr-calendar.static {
    position: absolute;
    top: calc(100% + 2px)
}

.flatpickr-calendar.static.open {
    z-index: 999;
    display: block
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
    box-shadow: none !important
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
    box-shadow: -2px 0 #e6e6e6, 5px 0 #e6e6e6
}

.flatpickr-calendar.hasTime .flatpickr-time {
    height: 40px;
    border-top: 1px solid #e6e6e6
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
    height: auto
}

.flatpickr-calendar.rightMost:before {
    left: auto;
    right: 22px
}

.flatpickr-calendar.rightMost:after {
    left: auto;
    right: 22px
}

.flatpickr-calendar.arrowRight:before {
    left: auto;
    right: 22px
}

.flatpickr-calendar.arrowRight:after {
    left: auto;
    right: 22px
}

.flatpickr-calendar.arrowCenter:before {
    left: 50%;
    right: 50%
}

.flatpickr-calendar.arrowCenter:after {
    left: 50%;
    right: 50%
}

.flatpickr-calendar.arrowTop:before {
    bottom: 100%;
    border-bottom-color: #e6e6e6
}

.flatpickr-calendar.arrowTop:after {
    bottom: 100%;
    border-bottom-color: #fff
}

.flatpickr-calendar.arrowBottom:before {
    top: 100%;
    border-top-color: #e6e6e6
}

.flatpickr-calendar.arrowBottom:after {
    top: 100%;
    border-top-color: #fff
}

.flatpickr-wrapper {
    position: relative;
    display: inline-block
}

.flatpickr-months {
    display: flex
}

.flatpickr-months .flatpickr-month {
    background: transparent;
    color: #000000e6;
    fill: #000000e6;
    height: 34px;
    line-height: 1;
    text-align: center;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    overflow: hidden;
    flex: 1
}

.flatpickr-months .flatpickr-prev-month {
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    height: 34px;
    padding: 10px;
    z-index: 3;
    color: #000000e6;
    fill: #000000e6
}

.flatpickr-months .flatpickr-prev-month i {
    position: relative
}

.flatpickr-months .flatpickr-prev-month:hover {
    color: #959ea9
}

.flatpickr-months .flatpickr-prev-month:hover svg {
    fill: #f64747
}

.flatpickr-months .flatpickr-prev-month svg {
    width: 14px;
    height: 14px
}

.flatpickr-months .flatpickr-prev-month svg path {
    transition: fill .1s;
    fill: inherit
}

.flatpickr-months .flatpickr-next-month {
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    height: 34px;
    padding: 10px;
    z-index: 3;
    color: #000000e6;
    fill: #000000e6
}

.flatpickr-months .flatpickr-next-month i {
    position: relative
}

.flatpickr-months .flatpickr-next-month:hover {
    color: #959ea9
}

.flatpickr-months .flatpickr-next-month:hover svg {
    fill: #f64747
}

.flatpickr-months .flatpickr-next-month svg {
    width: 14px;
    height: 14px
}

.flatpickr-months .flatpickr-next-month svg path {
    transition: fill .1s;
    fill: inherit
}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
    display: none
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
    left: 0
}

.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
    right: 0
}

.numInputWrapper {
    position: relative;
    height: auto
}

.numInputWrapper input {
    display: inline-block;
    width: 100%
}

.numInputWrapper input::-ms-clear {
    display: none
}

.numInputWrapper input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none
}

.numInputWrapper input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none
}

.numInputWrapper span {
    display: inline-block;
    position: absolute;
    right: 0;
    width: 14px;
    padding: 0 4px 0 2px;
    height: 50%;
    line-height: 50%;
    opacity: 0;
    cursor: pointer;
    border: 1px solid rgba(57, 57, 57, .15);
    box-sizing: border-box
}

.numInputWrapper span:hover {
    background: rgba(0, 0, 0, .1)
}

.numInputWrapper span:active {
    background: rgba(0, 0, 0, .2)
}

.numInputWrapper span:after {
    display: block;
    content: "";
    position: absolute
}

.numInputWrapper span svg {
    width: inherit;
    height: auto
}

.numInputWrapper span svg path {
    fill: #00000080
}

.numInputWrapper span.arrowUp {
    top: 0;
    border-bottom: 0
}

.numInputWrapper span.arrowUp:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(57, 57, 57, .6);
    top: 26%
}

.numInputWrapper span.arrowDown {
    top: 50%
}

.numInputWrapper span.arrowDown:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(57, 57, 57, .6);
    top: 40%
}

.numInputWrapper:hover {
    background: rgba(0, 0, 0, .05)
}

.numInputWrapper:hover span {
    opacity: 1
}

.flatpickr-current-month {
    font-size: 135%;
    line-height: inherit;
    font-weight: 300;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    padding: 7.48px 0 0;
    line-height: 1;
    height: 34px;
    display: inline-block;
    text-align: center;
    transform: translate(0)
}

.flatpickr-current-month span.cur-month {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    display: inline-block;
    margin-left: .5ch;
    padding: 0
}

.flatpickr-current-month span.cur-month:hover {
    background: rgba(0, 0, 0, .05)
}

.flatpickr-current-month .numInputWrapper {
    width: 6ch;
    width: 7ch\fffd;
    display: inline-block
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: #000000e6
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: #000000e6
}

.flatpickr-current-month input.cur-year {
    background: transparent;
    box-sizing: border-box;
    color: inherit;
    cursor: text;
    padding: 0 0 0 .5ch;
    margin: 0;
    display: inline-block;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    line-height: inherit;
    height: auto;
    border: 0;
    border-radius: 0;
    vertical-align: initial;
    -webkit-appearance: textfield;
    appearance: textfield
}

.flatpickr-current-month input.cur-year:focus {
    outline: 0
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
    font-size: 100%;
    color: #00000080;
    background: transparent;
    pointer-events: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    appearance: menulist;
    background: transparent;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    height: auto;
    line-height: inherit;
    margin: -1px 0 0;
    outline: none;
    padding: 0 0 0 .5ch;
    position: relative;
    vertical-align: initial;
    -webkit-box-sizing: border-box;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    width: auto
}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus {
    outline: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months:active {
    outline: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background: rgba(0, 0, 0, .05)
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: transparent;
    outline: none;
    padding: 0
}

.flatpickr-weekdays {
    background: transparent;
    text-align: center;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    height: 28px
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
    display: flex;
    flex: 1
}

span.flatpickr-weekday {
    cursor: default;
    font-size: 90%;
    background: transparent;
    color: #0000008a;
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    flex: 1;
    font-weight: bolder
}

.dayContainer {
    padding: 0;
    outline: 0;
    text-align: left;
    width: 307.875px;
    min-width: 307.875px;
    max-width: 307.875px;
    box-sizing: border-box;
    display: inline-block;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    justify-content: space-around;
    transform: translate(0);
    opacity: 1
}

.dayContainer+.dayContainer {
    box-shadow: -1px 0 #e6e6e6
}

.flatpickr-weeks {
    padding: 1px 0 0
}

.flatpickr-days {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    width: 307.875px
}

.flatpickr-days:focus {
    outline: 0
}

.flatpickr-day {
    background: none;
    border: 1px solid transparent;
    border-radius: 150px;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    display: inline-block;
    position: relative;
    justify-content: center;
    text-align: center
}

.flatpickr-day:hover {
    cursor: pointer;
    outline: 0;
    background: #e6e6e6;
    border-color: #e6e6e6
}

.flatpickr-day:focus {
    cursor: pointer;
    outline: 0;
    background: #e6e6e6;
    border-color: #e6e6e6
}

.flatpickr-day.inRange {
    cursor: pointer;
    outline: 0;
    background: #e6e6e6;
    border-color: #e6e6e6;
    border-radius: 0;
    box-shadow: -5px 0 #e6e6e6, 5px 0 #e6e6e6
}

.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange {
    cursor: pointer;
    outline: 0;
    background: #e6e6e6;
    border-color: #e6e6e6
}

.flatpickr-day.prevMonthDay {
    color: #3939394d;
    background: transparent;
    border-color: transparent;
    cursor: default
}

.flatpickr-day.prevMonthDay:hover {
    cursor: pointer;
    outline: 0;
    background: #e6e6e6;
    border-color: #e6e6e6
}

.flatpickr-day.prevMonthDay:focus {
    cursor: pointer;
    outline: 0;
    background: #e6e6e6;
    border-color: #e6e6e6
}

.flatpickr-day.nextMonthDay {
    color: #3939394d;
    background: transparent;
    border-color: transparent;
    cursor: default
}

.flatpickr-day.nextMonthDay:hover {
    cursor: pointer;
    outline: 0;
    background: #e6e6e6;
    border-color: #e6e6e6
}

.flatpickr-day.nextMonthDay:focus {
    cursor: pointer;
    outline: 0;
    background: #e6e6e6;
    border-color: #e6e6e6
}

.flatpickr-day.today {
    border-color: #959ea9
}

.flatpickr-day.today:hover {
    border-color: #959ea9;
    background: #959ea9;
    color: #fff
}

.flatpickr-day.today:focus {
    border-color: #959ea9;
    background: #959ea9;
    color: #fff
}

.flatpickr-day.selected {
    background: #569ff7;
    box-shadow: none;
    color: #fff;
    border-color: #569ff7
}

.flatpickr-day.selected:focus {
    background: #569ff7;
    box-shadow: none;
    color: #fff;
    border-color: #569ff7
}

.flatpickr-day.selected:hover,
.flatpickr-day.startRange {
    background: #569ff7;
    box-shadow: none;
    color: #fff;
    border-color: #569ff7
}

.flatpickr-day.startRange:focus {
    background: #569ff7;
    box-shadow: none;
    color: #fff;
    border-color: #569ff7
}

.flatpickr-day.startRange:hover,
.flatpickr-day.endRange {
    background: #569ff7;
    box-shadow: none;
    color: #fff;
    border-color: #569ff7
}

.flatpickr-day.endRange:focus {
    background: #569ff7;
    box-shadow: none;
    color: #fff;
    border-color: #569ff7
}

.flatpickr-day.endRange:hover,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
    background: #569ff7;
    box-shadow: none;
    color: #fff;
    border-color: #569ff7
}

.flatpickr-day.selected.startRange {
    border-radius: 50px 0 0 50px
}

.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)) {
    box-shadow: -10px 0 #569ff7
}

.flatpickr-day.startRange.startRange {
    border-radius: 50px 0 0 50px
}

.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
    box-shadow: -10px 0 #569ff7
}

.flatpickr-day.endRange.startRange {
    border-radius: 50px 0 0 50px
}

.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)) {
    box-shadow: -10px 0 #569ff7
}

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
    border-radius: 0 50px 50px 0
}

.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
    border-radius: 50px
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
    color: #3939394d;
    background: transparent;
    border-color: transparent;
    cursor: default;
    cursor: not-allowed;
    color: #3939391a
}

.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
    color: #3939394d;
    background: transparent;
    border-color: transparent;
    cursor: default
}

.flatpickr-day.week.selected {
    border-radius: 0;
    box-shadow: -5px 0 #569ff7, 5px 0 #569ff7
}

.flatpickr-day.hidden {
    visibility: hidden
}

.rangeMode .flatpickr-day {
    margin-top: 1px
}

.flatpickr-weekwrapper {
    float: left
}

.flatpickr-weekwrapper .flatpickr-weeks {
    padding: 0 12px;
    box-shadow: 1px 0 #e6e6e6
}

.flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    width: 100%;
    line-height: 28px
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
    display: block;
    width: 100%;
    max-width: none;
    color: #3939394d;
    background: transparent;
    cursor: default;
    border: none
}

.flatpickr-innerContainer {
    display: block;
    display: flex;
    box-sizing: border-box;
    overflow: hidden
}

.flatpickr-rContainer {
    display: inline-block;
    padding: 0;
    box-sizing: border-box
}

.flatpickr-time {
    text-align: center;
    outline: 0;
    display: block;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    box-sizing: border-box;
    overflow: hidden;
    display: flex
}

.flatpickr-time:after {
    content: "";
    display: table;
    clear: both
}

.flatpickr-time .numInputWrapper {
    flex: 1;
    width: 40%;
    height: 40px;
    float: left
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #393939
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #393939
}

.flatpickr-time input {
    background: transparent;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    text-align: center;
    margin: 0;
    padding: 0;
    height: inherit;
    line-height: inherit;
    color: #393939;
    font-size: 14px;
    position: relative;
    box-sizing: border-box;
    -webkit-appearance: textfield;
    appearance: textfield
}

.flatpickr-time input:focus {
    outline: 0;
    border: 0;
    background: #eee
}

.flatpickr-time input:hover {
    background: #eee
}

.flatpickr-time input.flatpickr-hour {
    font-weight: 700
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
    font-weight: 400
}

.flatpickr-time .flatpickr-time-separator {
    height: inherit;
    float: left;
    line-height: inherit;
    color: #393939;
    font-weight: 700;
    width: 2%;
    -webkit-user-select: none;
    user-select: none;
    align-self: center
}

.flatpickr-time .flatpickr-am-pm {
    height: inherit;
    float: left;
    line-height: inherit;
    color: #393939;
    font-weight: 700;
    width: 2%;
    -webkit-user-select: none;
    user-select: none;
    align-self: center;
    outline: 0;
    width: 18%;
    cursor: pointer;
    text-align: center;
    font-weight: 400
}

.flatpickr-time .flatpickr-am-pm:hover {
    background: #eee
}

.flatpickr-time .flatpickr-am-pm:focus {
    background: #eee
}

.flatpickr-time.hasSeconds .numInputWrapper {
    width: 26%
}

.flatpickr-time.time24hr .numInputWrapper {
    width: 49%
}

.flatpickr-input[readonly] {
    cursor: pointer
}

.omail-darktheam-block {
    position: absolute;
    right: 0;
    height: calc(100vh - 76px);
    top: 0;
    background-color: #ececec;
    padding: 14px 4px 0
}

.omail-darktheam-block img {
    cursor: pointer
}

.omail-darktheam-block .light-icon {
    opacity: .5
}

.omail-darktheam-block .light-icon:hover {
    opacity: 1
}

.omail-contacts-main-block .omail-v-tabs {
    display: flex
}

.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav {
    width: 240px;
    background-color: #fff;
    height: calc(100vh - 76px);
    border-right: 1px solid #DEDEDE;
    padding: 12px
}

@media screen and (max-width: 1024px) {
    .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav {
        position: absolute;
        background: #fff;
        z-index: 2;
        box-shadow: 2px 2px 15px #0000004d
    }
}

.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-btn-action-block {
    margin-top: 111px
}

.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-btn-action-block .omail-btn-group {
    border-top: 1px solid #DEDEDE;
    margin-bottom: 18px
}

.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-btn-action-block .omail-btn-group span {
    margin-left: 10px
}

.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-btn-action-block .omail-btn-group .create-contact-btn,
.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-btn-action-block .omail-btn-group .create-group-btn {
    padding-left: 3px;
    padding-right: 3px;
    text-align: center
}

.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-btn-action-block .dropdown-menu {
    transform: translate(-175px, 43px) !important
}

@media screen and (max-width: 413px) {
    .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-btn-action-block .dropdown-menu {
        transform: translateY(43px) !important
    }
}

.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-btn-action-block .dropdown-menu .omail-custom-btn span {
    margin-left: 5px
}

.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-btn-action-block .dropdown-menu .create-contact-btn,
.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-btn-action-block .dropdown-menu .create-group-btn {
    text-align: left;
    padding: 9px 18px !important
}

.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-btn-action-block .dropdown-menu .create-contact-btn span,
.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-btn-action-block .dropdown-menu .create-contact-btn img,
.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-btn-action-block .dropdown-menu .create-group-btn span,
.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-btn-action-block .dropdown-menu .create-group-btn img {
    margin-left: 5px
}

.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-list-block {
    padding-top: 18px;
    border-top: 1px solid #DEDEDE
}

.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-list-block li {
    background: #fff;
    border-radius: 6px;
    padding: 10px 12px;
    color: #30353d;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-bottom: 2px
}

.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-list-block li:hover {
    background: #DFF3FF
}

.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-list-block li.active {
    background: #000
}

.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-list-block li.activetab {
    background-color: #bfe7fe
}

.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-list-block li.activetab span {
    color: #006bce;
    font-weight: 500
}

.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-list-block li.activetab img {
    filter: invert(25%) sepia(34%) saturate(6744%) hue-rotate(196deg) brightness(93%) contrast(100%)
}

.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .delete-content {
    display: flex;
    width: 100%;
    padding: 10px 12px;
    align-items: center;
    justify-content: space-between;
    position: relative
}

.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .delete-content.delete-active {
    background-color: #bfe7fe;
    border-radius: 6px
}

.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .delete-content.delete-active .delete-txt {
    font-weight: 500;
    color: #006bce
}

.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .delete-content.delete-active .create-delete-icon img {
    filter: invert(25%) sepia(34%) saturate(6744%) hue-rotate(196deg) brightness(93%) contrast(100%)
}

.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .omail-delete-list-one:hover {
    background-color: #dff3ff;
    border-radius: 6px
}

.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .omail-delete-list-one .delete-txt {
    color: #30353d;
    font-weight: 400;
    font-size: 14px;
    margin-left: 5px
}

.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .omail-sub-delete-layout li {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 10px 10px 10px 42px;
    cursor: pointer;
    background-color: #f1faff;
    margin-bottom: 1px;
    border-radius: 6px;
    font-size: 14px
}

.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .omail-sub-delete-layout li:hover {
    background-color: #dff3ff
}

.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .omail-sub-delete-layout li.activetab {
    background-color: #dff3ff;
    font-weight: 400
}

.omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .omail-sub-delete-layout.active li {
    display: none
}

.omail-contacts-main-block .omail-v-tabs .omail-vtabs-view {
    background-color: #fff;
    width: calc(100% - 240px);
    height: calc(100vh - 76px)
}

@media screen and (max-width: 1024px) {
    .omail-contacts-main-block .omail-v-tabs .omail-vtabs-view {
        width: 100%
    }
}

.omail-contacts-main-block .omail-v-tabs .omail-vtabs-view .omail-vtabs-view-block {
    display: flex
}

@media screen and (max-width: 1024px) {
    .omail-contacts-main-block .omail-v-tabs .omail-vtabs-view .omail-vtabs-view-block {
        padding-left: 68px
    }
}

@media screen and (max-width: 767px) {
    .omail-contacts-main-block .omail-v-tabs .omail-vtabs-view .omail-vtabs-view-block {
        text-align: center;
        margin-top: 9px
    }
}

.omail-contacts-main-block .omail-v-tabs .omail-vtabs-view .omail-vtabs-view-block .omail-vtabs-view-left {
    width: 30%;
    height: calc(100vh - 76px);
    border-right: 1px solid #DEDEDE
}

@media screen and (max-width: 767px) {
    .omail-contacts-main-block .omail-v-tabs .omail-vtabs-view .omail-vtabs-view-block .omail-vtabs-view-left {
        width: 60px
    }
}

.omail-contacts-main-block .omail-v-tabs .omail-vtabs-view .omail-vtabs-view-block .omail-vtabs-view-right {
    width: 70%;
    height: calc(100vh - 76px);
    position: relative
}

@media screen and (max-width: 767px) {
    .omail-contacts-main-block .omail-v-tabs .omail-vtabs-view .omail-vtabs-view-block .omail-vtabs-view-right {
        width: 90%
    }
}

.omail-contacts-main-block .omail-contacts-v-tabs {
    color: #000
}

.omail-contacts-main-block .omail-contacts-v-tabs .mat-tab-labels {
    display: none
}

.omail-sigsettings-block .signature-info label {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #30353d;
    margin-bottom: 2px
}

.omail-sigsettings-block .signature-info .signature_name_input {
    background: #FFFFFF;
    border: 1px solid #DEDEDE;
    box-shadow: 0 1px 2px #4d40551a;
    border-radius: 4px;
    margin-bottom: 25px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #a3a3a3;
    height: 40px
}

.omail-sigsettings-block .omail-customtheam-froala-block {
    margin: 26px 0 24px
}

.omail-sigsettings-block .sig-action-links {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 24px
}

.omail-sigsettings-block .sig-checkbox-block {
    display: flex;
    align-items: center;
    gap: 24px
}

.omail-sigsettings-block .sig-checkbox-block label {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #30353d
}

.omail-sigsettings-block .sig-checkbox-block label input {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    border: 1.5px solid #A3A3A3
}

.omail-sigsettings-block .omail-customtheam-froala-block .fr-box.fr-basic {
    box-shadow: 0 3px 4px #3f596433
}

.omail-mn-block {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%
}

.omail-mn-block .omail-mn-1 {
    width: 80px
}

.omail-mn-block .omail-mn-1 input {
    text-align: center
}

.omail-mn-block .omail-mn-2 {
    width: 100%
}

.omail-more-lineksmail+* .cdk-overlay-pane .mat-menu-panel {
    min-height: auto !important;
    border-radius: 0 !important
}

.omail-more-lineksmail+* .cdk-overlay-pane .mat-menu-panel .mat-menu-content:not(:empty) {
    padding: 0
}

.omail-more-lineksmail+* .cdk-overlay-pane .mat-menu-panel .mat-menu-content:not(:empty) button.mat-menu-item {
    color: #0a2477;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    height: 36px;
    line-height: 36px
}

.omail-more-lineksmail+* .cdk-overlay-pane .mat-menu-panel .mat-menu-content:not(:empty) button.mat-menu-item:hover {
    background: #F0F9FF
}

.omail-pre-loader-mail-list {
    top: 0;
    left: 0;
    background-color: #fff;
    width: 100%;
    z-index: 998;
    height: calc(100vh - 77px);
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (max-width: 1024px) {
    .omail-pre-loader-mail-list {
        align-items: center
    }
}

.omail-pre-loader-mail-list .omail-pre-loader-box {
    width: 170px;
    height: 124px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006bce
}

@media screen and (max-width: 1024px) {
    .omail-pre-loader-mail-list .omail-pre-loader-box {
        left: auto;
        top: auto
    }
}

.omail-pre-loader-mail-list .omail-pre-loader-box .spinner-border {
    margin-bottom: 4px
}

.omail-pre-loader-mail-list .omail-pre-loader-box h5,
.omail-pre-loader-mail-list .omail-pre-loader-box .h5 {
    font-size: 16px
}

.omail-contacts-loader {
    background: rgba(63, 89, 100, .2)
}

.omail-rfrall-remail-loader {
    top: 0;
    left: 15%;
    width: 100%;
    z-index: 998;
    height: calc(100vh - 77px);
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (max-width: 1024px) {
    .omail-rfrall-remail-loader {
        align-items: center
    }
}

.omail-rfrall-remail-loader .omail-pre-loader-box {
    width: 170px;
    height: 124px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006bce;
    gap: 10px
}

@media screen and (max-width: 1024px) {
    .omail-rfrall-remail-loader .omail-pre-loader-box {
        left: auto;
        top: auto
    }
}

.omail-rfrall-remail-loader .omail-pre-loader-box .spinner-border {
    margin-bottom: 4px
}

.omail-rfrall-remail-loader .omail-pre-loader-box h5,
.omail-rfrall-remail-loader .omail-pre-loader-box .h5 {
    font-size: 16px
}

.readmailchain-block {
    border-left: 2px solid #7ECEFE;
    background-color: #f0f9ff;
    padding: 6px
}

.omail-folder-error {
    font-size: 10px
}

.omail-dark-mode .omail-email-catagory-types .mat-chip-list .mat-standard-chip,
.omail-dark-mode .omail-clip-block .mat-chip-list .mat-standard-chip {
    background: #151920;
    color: #dfe3e7
}

.omail-dark-mode ::-webkit-scrollbar-thumb {
    background: rgba(109, 116, 122, .5) !important;
    box-shadow: inset 0 10px 10px #ffffff40
}

.omail-dark-mode .omail-more-dropdown .dropdown-menu {
    background: #0d0f10;
    border: 1px solid #232730
}

.omail-dark-mode .omail-more-dropdown .dropdown-menu .dropdown-item {
    color: #dfe3e7
}

.omail-dark-mode .omail-more-dropdown .dropdown-menu .dropdown-item:hover {
    background: #1b1e25 !important
}

.omail-dark-mode .omailsignature-modal .modal-content .modal-body .signature-info .form-group input {
    background: #1b1e25;
    border: 1px solid #232730;
    color: #dfe3e7
}

.omail-dark-mode .omailsignature-modal .modal-content .modal-body .signature-info .form-group input::placeholder {
    color: #dfe3e7
}

.omail-dark-mode .mat-dialog-container {
    background: transparent
}

.omail-dark-mode .omail-modal-one .modal-content {
    background-color: transparent
}

.omail-dark-mode .omail-modal-one .modal-content .modal-header {
    background: #151920;
    border-bottom: none
}

.omail-dark-mode .omail-modal-one .modal-content .modal-header h5,
.omail-dark-mode .omail-modal-one .modal-content .modal-header .h5 {
    color: #a0a6ab
}

.omail-dark-mode .omail-modal-one .modal-content .modal-header .btn-close {
    background: #0d0f10;
    box-shadow: 0 4px 4px #3f597233
}

.omail-dark-mode .omail-modal-one .modal-content .modal-header .btn-close img {
    filter: invert(100%) sepia(75%) saturate(0%) hue-rotate(70deg) brightness(160%) contrast(101%);
    transition: transform .7s ease-in-out
}

.omail-dark-mode .omail-modal-one .modal-content .modal-header .btn-close:hover {
    background-color: #e84c3d
}

.omail-dark-mode .omail-modal-one .modal-content .modal-header .btn-close:hover img {
    filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(152deg) brightness(101%) contrast(102%);
    transform: rotate(90deg)
}

.omail-dark-mode .omail-modal-one .modal-content .modal-body {
    background: #1B1E25;
    color: #dfe3e7
}

.omail-dark-mode .omail-modal-one .modal-content .modal-footer {
    background: #232730;
    background: #1B1E25
}

.omail-dark-mode .omail-custom-btn:disabled {
    color: #405f7c;
    background: #002950;
    cursor: no-drop
}

.omail-dark-mode .omail-customtheam-froala-block .fr-box.fr-basic .fr-toolbar {
    background: #151920
}

.omail-dark-mode .omail-customtheam-froala-block .fr-box.fr-basic .fr-wrapper {
    background: #0D0F10
}

.omail-dark-mode .omail-customtheam-froala-block .fr-box.fr-basic .fr-toolbar .fr-command.fr-btn {
    background: #232730
}

.omail-dark-mode .omail-customtheam-froala-block .fr-box.fr-basic .fr-toolbar .fr-command.fr-btn svg path {
    fill: #eef1f3
}

.omail-dark-mode .omail-customtheam-froala-block .fr-toolbar .fr-newline {
    display: none
}

.omail-dark-mode .omailapp-mainwrap input {
    color: #dfe3e7
}

.omail-dark-mode .omailapp-mainwrap input::placeholder {
    color: #dfe3e7
}

.omail-dark-mode .omail-custom-btn-outline {
    background: transparent
}

.omail-dark-mode .omail-mat-input .mat-form-field-outline {
    color: #232730;
    background: #1b1e25
}

.omail-dark-mode .omail-darktheam-block {
    background: #191a1f
}

.omail-dark-mode .omail-settings-tab-content {
    background: #0d0f10;
    border-radius: 0
}

.omail-dark-mode .omail-settings-tab-content .auto-replie h4,
.omail-dark-mode .omail-settings-tab-content .auto-replie .h4 {
    color: #6d747a
}

.omail-dark-mode .omail-settings-tab-content .auto-replie h3,
.omail-dark-mode .omail-settings-tab-content .auto-replie .h3 {
    color: #eef1f3
}

.omail-dark-mode .omail-settings-tab-content .auto-replie p {
    color: #dfe3e7
}

.omail-dark-mode .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table {
    border-radius: 0
}

.omail-dark-mode .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .thead-color tr th {
    background: #151920;
    color: #dfe3e7
}

.omail-dark-mode .omail-settings-tab-content .emailruleslist-table-fixed .emailruleslist-table .tbody-color tr td {
    background: #1b1e25;
    border-bottom: 1px solid #1b1e25;
    color: #eef1f3
}

.omail-dark-mode .omail-settings-tab-content .edit-user {
    background: #232730
}

.omail-dark-mode .omail-settings-tab-content .oesuser-profile-block .setting-user-info h3,
.omail-dark-mode .omail-settings-tab-content .oesuser-profile-block .setting-user-info .h3 {
    color: #dfe3e7
}

.omail-dark-mode .omail-settings-tab-content .omail-setting-form label {
    color: #6d747a
}

.omail-dark-mode .omail-settings-tab-content .omail-setting-form .form-control {
    color: #dfe3e7
}

.omail-dark-mode .omail-settings-tab-content .omail-setting-form .form-control:disabled {
    background: #1b1e25;
    border: 1px solid #232730
}

.omail-dark-mode .omail-settings-tab-content .omail-setting-form .omail-custom-select {
    background-color: #1b1e25;
    border: 1px solid #232730
}

.omail-dark-mode .omail-settings-tab-content .omail-storage-block .storage-title {
    color: #6d747a
}

.omail-dark-mode .omail-settings-tab-content .omail-storage-block .omail-storage-box {
    background: #151920;
    border: 1px solid #232730
}

.omail-dark-mode .omail-settings-tab-content .omail-storage-block .omail-storage-box .storage-info .storage-cout,
.omail-dark-mode .omail-settings-tab-content .omail-storage-block .omail-storage-box .storage-info .storage-text {
    color: #fff
}

.omail-dark-mode .omail-settings-tab-content .omail-user-analytics-block .omail-user-analytics-box {
    background: #151920;
    border: 1px solid #232730
}

.omail-dark-mode .omail-settings-tab-content .omail-user-analytics-block .omail-user-analytics-box h3,
.omail-dark-mode .omail-settings-tab-content .omail-user-analytics-block .omail-user-analytics-box .h3 {
    color: #dfe3e7
}

.omail-dark-mode .omail-settings-tab-content .omail-user-analytics-block .omail-user-analytics-box ul li {
    background: #151920;
    border: 1px solid #232730;
    border-radius: 8px
}

.omail-dark-mode .omail-settings-tab-content .omail-user-analytics-block .omail-user-analytics-box ul li .list-cout {
    color: #dfe3e7
}

.omail-dark-mode .omail-settings-tab-content .omail-user-analytics-block .omail-user-analytics-box ul li .list-text {
    color: #a0a6ab
}

.omail-dark-mode .omail-settings-tab-content .omail-cmn-pad .omail-line hr {
    border: 1px solid #1c1f27
}

.omail-dark-mode .omail-settings-tab-content .omail-cmn-pad .common-view h3,
.omail-dark-mode .omail-settings-tab-content .omail-cmn-pad .common-view .h3 {
    color: #6d747a
}

.omail-dark-mode .omail-settings-tab-content .omail-cmn-pad .email-tl h3,
.omail-dark-mode .omail-settings-tab-content .omail-cmn-pad .email-tl .h3 {
    color: #a0a6ab
}

.omail-dark-mode .omail-settings-tab-content .omail-cmn-pad .omail-settinslistof-folders .settinslistof-folders-inner .folder-reset-block {
    background: #1c1f27;
    color: #eef1f3
}

.omail-dark-mode .omail-settings-tab-content .omail-cmn-pad .omail-settinslistof-folders .settinslistof-folders-inner .folder-reset-block .folder-name-text {
    color: #eef1f3
}

.omail-dark-mode .omail-settings-tab-content .omail-cmn-pad .omail-settinslistof-folders .settinslistof-folders-inner .folder-reset-block .folder-resetpasscode-input .form-control {
    background: #1c1f27;
    color: #dfe3e7
}

.omail-dark-mode .omail-settings-tab-content .omail-auto-switch .readrecipt-text,
.omail-dark-mode .omail-settings-tab-content .email-rule-form-block .rule-title {
    color: #eef1f3
}

.omail-dark-mode .omail-settings-tab-content .email-rule-form-block .email-rule-form .form-group label {
    color: #6d747a
}

.omail-dark-mode .omail-settings-tab-content .email-rule-form-block .email-rule-form .form-group .form-control {
    background-color: #1b1e25;
    border: 1px solid #232730;
    color: #dfe3e7
}

.omail-dark-mode .omail-settings-tab-content .email-rule-form-block .email-rule-form .rule-title-text {
    color: #eef1f3
}

.omail-dark-mode .omail-settings-tab-content .email-rule-form-block .email-rule-form .rule-title-sub-text {
    color: #6d747a
}

.omail-dark-mode .omail-settings-tab-content .auto-replie .omail-autofollowup-form .omail-form-field {
    border-top: 1px solid #1c1f27;
    border-bottom: 1px solid #1c1f27
}

.omail-dark-mode .omail-settings-tab-content .omail-setting-form .omail-form-field .omail-clip-block input {
    border: none !important
}

.omail-dark-mode .omail-settings-tab-content .omail-setting-form .form-control {
    background: #1b1e25;
    border: 1px solid #232730;
    color: #dfe3e7
}

.omail-dark-mode .omail-settings-tab-content .auto-replie .omail-autofollowup-form .mat-button-toggle-group-appearance-standard .mat-button-toggle-button {
    background: transparent;
    border: 1px solid #004382;
    color: #dfe3e7
}

.omail-dark-mode .omail-settings-tab-content .auto-replie .omail-autofollowup-form .mat-button-toggle-group-appearance-standard .mat-button-toggle.mat-button-toggle-checked .mat-button-toggle-button {
    background: #004382;
    border: 1px solid #004382;
    color: #dfe3e7
}

.omail-dark-mode .omail-settings-tab-content .auto-replie .omail-autofollowup-form .mat-button-toggle-group-appearance-standard .mat-button-toggle {
    background: transparent
}

.omail-dark-mode .omail-settings-tab-content .omail-sigsettings-block .signature-info label {
    color: #6d747a
}

.omail-dark-mode .omail-settings-tab-content .omail-sigsettings-block .signature-info .signature_name_input {
    background: #1b1e25;
    border: 1px solid #232730;
    color: #dfe3e7
}

.omail-dark-mode .omail-settings-tab-content .omail-sigsettings-block .sig-checkbox-block label {
    color: #dfe3e7
}

.omail-dark-mode .omail-settings-tab-content .omail-sigsettings-block .sig-checkbox-block label input[type=checkbox]:after {
    border: 1.5px solid #a0a6ab;
    background: #0d0f10
}

.omail-dark-mode .omail-settings-tab-content .email-rule-form-block .listof-contacts {
    border: 1px solid #232730
}

.omail-dark-mode .omailapp-settings-wrap .omail-side-settings {
    background: #151920
}

.omail-dark-mode .omailapp-settings-wrap .omail-side-settings ul.sidenav-box li.list a {
    color: #a0a6ab
}

.omail-dark-mode .omailapp-settings-wrap .omail-side-settings ul.sidenav-box li.active a {
    background: #23272e;
    color: #029cf8
}

.omail-dark-mode .omailapp-settings-wrap .omail-side-settings ul.sidenav-box li.list a:hover {
    background: #1c1f27
}

.omail-dark-mode .omailapp-settings-wrap .omail-side-settings {
    border-color: #0d0f10
}

.omail-dark-mode .omail-contacts-main-block .contacts-header-block,
.omail-dark-mode .omail-contacts-main-block .contacts-header-block .newcontactsadd-btn {
    background: #0d0f10
}

.omail-dark-mode .omail-contacts-main-block .contacts-header-block .contacts-search-box .search-box .search-filter-block .form-control,
.omail-dark-mode .omail-contacts-main-block .contacts-header-block .contacts-action-links {
    background: #151920;
    border: 1px solid #232730
}

.omail-dark-mode .omail-contacts-main-block .omail-list-of-contacts-block {
    background: #0d0f10
}

.omail-dark-mode .omail-contacts-main-block .omail-list-of-contacts-block .pannel-main .panner-content {
    border-top: 1px solid #232730
}

.omail-dark-mode .omail-contacts-main-block .omail-list-of-contacts-block .pannel-main .panner-content.active,
.omail-dark-mode .omail-contacts-main-block .omail-list-of-contacts-block .pannel-main .panner-content:hover {
    background: #151920
}

.omail-dark-mode .omail-contacts-main-block .omail-list-of-contacts-block .check-img-block .contact-pic-text {
    background: linear-gradient(0deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .25)), #6d747a
}

.omail-dark-mode .omail-contacts-main-block .omail-list-of-contacts-block .pannel-main .panner-content .contact-text h4,
.omail-dark-mode .omail-contacts-main-block .omail-list-of-contacts-block .pannel-main .panner-content .contact-text .h4 {
    color: #dfe3e7 !important
}

.omail-dark-mode .omail-contacts-main-block .contacts-left-block {
    background: #0d0f10;
    color: #eef1f3
}

.omail-dark-mode .omail-contacts-main-block .contacts-left-block .no-list-block .list-text {
    color: #eef1f3
}

.omail-dark-mode .omail-contacts-main-block .contacts-right-block {
    background: #0d0f10;
    color: #eef1f3;
    border-radius: 0
}

.omail-dark-mode .omail-contacts-main-block .omail-v-tabs .omail-vtabs-view .omail-vtabs-view-block .omail-vtabs-view-left {
    border-right: 1px solid #232730
}

.omail-dark-mode .omail-contacts-main-block .contacts-right-block .omail-tab-block .nav-tabs {
    border-bottom: 1px solid #232730
}

.omail-dark-mode .omail-contacts-main-block .contacts-right-block .omail-tab-block .nav-tabs .nav-link.active {
    background: #004382;
    color: #dfe3e7
}

.omail-dark-mode .omail-contacts-main-block .contacts-right-block .omail-tab-block .nav-tabs .nav-link:hover,
.omail-dark-mode .omail-contacts-main-block .contacts-right-block .omail-tab-block .nav-tabs .nav-link {
    background: #151920;
    color: #dfe3e7
}

.omail-dark-mode .omail-contacts-main-block .contacts-right-block .omail-tab-block .nav-tabs .nav-link span img {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(345deg) brightness(103%) contrast(103%)
}

.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contacts-view-header {
    background: #1b1e25;
    border-bottom: 1px solid #232730
}

.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contacts-view-form-info {
    background: #0d0f10
}

.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-pic-text {
    background: linear-gradient(0deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .25)), #6d747a
}

.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-text h4,
.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-text .h4 {
    color: #dfe3e7
}

.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contacts-view-header .contact-smart-info .contact-text p {
    color: #a0a6ab
}

.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contacts-view-header .user-view-actions button.omail-custom-btn {
    background: #0d0f10
}

.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab label,
.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab label .text-danger {
    color: #a0a6ab
}

.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .form-control:disabled {
    background: #1b1e25;
    border: 1px solid #232730;
    color: #6d747a
}

.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab textarea:disabled {
    background: #1b1e25;
    border: 1px solid #232730;
    color: #6d747a
}

.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contact-date-picker .date-input input:disabled {
    background: #1b1e25;
    border: 1px solid #232730;
    color: #6d747a
}

.omail-dark-mode .omail-contacts-main-block .omail-links-email .allow-email-switch h3,
.omail-dark-mode .omail-contacts-main-block .omail-links-email .allow-email-switch .h3 {
    color: #6d747a
}

.omail-dark-mode .omail-contacts-main-block .contacts-right-block .create-contact-maincontent .contact-group-user-pic-block {
    background: #232730 !important;
    margin: 24px 24px 10px
}

.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contact-group-user-pic-block .contact-pic-text-block .edit-block {
    background: #0d0f10
}

.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab label {
    color: #6d747a
}

.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .form-control {
    background-color: #1b1e25;
    border: 1px solid #232730;
    color: #dfe3e7
}

.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab textarea,
.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contact-date-picker .date-input input {
    background: #1b1e25;
    border: 1px solid #232730;
    color: #dfe3e7
}

.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contact-date-picker .date-input input::placeholder {
    color: #dfe3e7;
    opacity: 1
}

.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contact-date-picker .date-input input:-ms-input-placeholder {
    color: #dfe3e7
}

.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contacts-view-block .contacts-veiw-tab .contact-date-picker .date-input input::-ms-input-placeholder {
    color: #dfe3e7
}

.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contacts-view-header .user-view-actions button {
    background: #0d0f10
}

.omail-dark-mode .omail-contacts-main-block .contacts-right-block .email-catagory-block .email-catagory-inner {
    background: #1b1e25
}

.omail-dark-mode .omail-contacts-main-block .contacts-right-block .email-catagory-block .email-catagory-inner .sub-heading {
    background: #151920
}

.omail-dark-mode .omail-contacts-main-block .contacts-right-block .create-group-form .add-book-btn-block .group-rule-info-text {
    background: #1c1f27;
    color: #eef1f3;
    border: 1px solid #232730
}

.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contact-group-user-pic-block {
    background: #232730
}

.omail-dark-mode .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav {
    background: #151920;
    border-color: #232730
}

.omail-dark-mode .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-list-block li {
    background: transparent;
    color: #a0a6ab
}

.omail-dark-mode .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-list-block li.activetab {
    background: #23272e;
    color: #029cf8
}

.omail-dark-mode .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-list-block li:hover {
    background: #1c1f27
}

.omail-dark-mode .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .omail-delete-list-one .delete-txt {
    color: #a0a6ab
}

.omail-dark-mode .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-btn-action-block .omail-btn-group {
    border: none
}

.omail-dark-mode .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .omail-delete-list-one:hover {
    background: #1c1f27
}

.omail-dark-mode .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .delete-content.delete-active {
    background: #23272e;
    color: #029cf8
}

.omail-dark-mode .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .delete-content.delete-active .delete-txt {
    color: #029cf8
}

.omail-dark-mode .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .omail-sub-delete-layout li {
    background: transparent
}

.omail-dark-mode .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .omail-sub-delete-layout li.activetab {
    background: #1C1F27
}

.omail-dark-mode .omail-sub-delete-layout li,
.omail-dark-mode .omail-sub-delete-layout li.activetab {
    color: #a0a6ab
}

.omail-dark-mode .delete-inactive .cursor-pointer {
    color: #fff
}

.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contact-group-user-pic-block .contact-pic-text {
    background: #151920
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar {
    background: #101214
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block {
    background: #0D0F10
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block,
.omail-dark-mode .omail-mailbox-module .omail-compose-mail-block {
    background: #101214
}

.omail-dark-mode .omail-mailbox-module .omailmailbox-readmail-mainblock {
    background: #101214 !important
}

.omail-dark-mode .omail-mailbox-module .omailmailbox-readmail-mainblock .omail-readmail-main {
    background: #101214
}

.omail-dark-mode .omail-app-header {
    background: #151920;
    border-right: 1px solid #232730
}

.omail-dark-mode .omail-app-header .omail-logo,
.omail-dark-mode .omail-app-header .omail-modules-link,
.omail-dark-mode .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .splitleftblock-partone {
    border-bottom: 1px solid #232730
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block {
    border-left: 1px solid #232730
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-sidenav-block {
    border-right: 1px solid #232730
}

.omail-dark-mode .as-split-gutter {
    background-color: #232730 !important
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block {
    border: none
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list li.activefolder-list {
    background: #23272e
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list li {
    color: #a0a6ab;
    background-color: transparent
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list li:hover {
    background: #1c1f27
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list hr {
    border: 1px solid #232730
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .folder-content.folder-inactive .folder-txt {
    color: #a0a6ab
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .folder-content.folder-active {
    background: #23272e
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one li {
    background: transparent
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one li .generate-folder .ge-text {
    color: #a0a6ab !important
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list-one .omail-sub-folder-layout li.activefolder-list {
    background: #23272e
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omail-list-empty-block {
    color: #a0a6ab
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .trash-alert {
    color: #cb6b1a;
    background: #151920;
    border: 1px solid #232730
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-parttwo,
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partone .omailsearch-refresh-block .search-block input {
    background: #151920;
    border: 1px solid #232730
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partone .omailsearch-refresh-block .search-block .input-group-text {
    border-color: #232730;
    background-color: #151920
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partone .omailsearch-refresh-block .search-block .input-group-text img {
    filter: invert(76%) sepia(1%) saturate(2090%) hue-rotate(164deg) brightness(85%) contrast(103%)
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .sidebar-storage {
    background: #1c1f27;
    border-right: 1px solid #151920
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .sidebar-storage h5,
.omail-dark-mode .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .sidebar-storage .h5 {
    color: #6d747a
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .sidebar-storage h5 strong,
.omail-dark-mode .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .sidebar-storage .h5 strong {
    color: #a0a6ab
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box {
    background: #0d0f10;
    border-color: #1c1f27
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box:hover {
    background-color: #151920;
    border-left: 3px solid #bee49f
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-userinfo-block .omaillist-inner-one .omail-user-name {
    color: #a0a6ab
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headertwo {
    background: #1c1f27;
    border-color: #232730
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headertwo .headertwo-left-block .read-mail-subject-text {
    color: #029cf8
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headertwo .headertwo-right-block .read-mail-timedate-text {
    color: #a0a6ab
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone {
    border-color: #232730
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerone .headerone-left-block .read-mail-user-text {
    color: #a0a6ab
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerthree {
    border-color: #232730
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box.activemail {
    border-left: 3px solid #37ac00;
    background-color: #151920 !important
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text,
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text table div span:first-child {
    color: #dfe3e7
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text table div span:last-child {
    color: #009cd9 !important
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-user-block .maillist-rounded-block .check-img-block .contact-pic-text {
    background: linear-gradient(0deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .25)), #6d747a
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box .omail-user-block .maillist-rounded-block .check-img-block .contact-pic-text img {
    opacity: .25
}

.omail-dark-mode .omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headerone h4,
.omail-dark-mode .omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headerone .h4 {
    color: #dfe3e7
}

.omail-dark-mode .omail-compose-mail-block .omailcomposemail-footer,
.omail-dark-mode .omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field {
    border-color: #232730
}

.omail-dark-mode .omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-one input {
    background: transparent
}

.omail-dark-mode .fr-box.fr-basic .fr-element {
    color: #dfe3e7
}

.omail-dark-mode .omail-movetofolder-modal .selected-mail-list-block h4,
.omail-dark-mode .omail-movetofolder-modal .selected-mail-list-block .h4 {
    color: #eef1f3
}

.omail-dark-mode .omail-movetofolder-modal .modal-body .omail-move-create-folder {
    background: #151920;
    border: 1px solid #232730
}

.omail-dark-mode .omail-movetofolder-modal .modal-body .omail-move-create-folder h5,
.omail-dark-mode .omail-movetofolder-modal .modal-body .omail-move-create-folder .h5 {
    color: #a0a6ab
}

.omail-dark-mode .omail-movetofolder-modal .selected-mail-list-block {
    background: #1b1e25
}

.omail-dark-mode .omail-movetofolder-modal .modal-body .omail-move-list .omail-sub-sidebar .omail-sub-sidebar-layout ul li {
    background: #0d0f10
}

.omail-dark-mode .omail-movetofolder-modal .modal-body .omail-move-list {
    background: #1b1e25
}

.omail-dark-mode .omail-movetofolder-modal .modal-body .omail-move-list .omail-sub-sidebar .omail-sub-sidebar-layout ul li .generate-folder .ge-text {
    color: #dfe3e7 !important
}

.omail-dark-mode .omail-movetofolder-modal .modal-body .omail-move-list .omail-sub-sidebar .omail-sub-sidebar-layout ul li.activetab,
.omail-dark-mode .omail-movetofolder-modal .modal-body .omail-move-list .omail-sub-sidebar .omail-sub-sidebar-layout ul li:hover {
    background: #151920 !important
}

.omail-dark-mode .mat-menu-panel {
    background: #0d0f10
}

.omail-dark-mode .mat-menu-item {
    color: #dfe3e7
}

.omail-dark-mode .mat-menu-item:hover:not([disabled]) {
    background: #232730
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer .readmailattachment-block {
    background: #151920
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer .readmailattachment-block .readmailattachment-body .attachment-list li {
    background: #0d0f10
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer .readmailattachment-block .readmailattachment-body .attachment-list li a .read-attachment-filename .file-size-text {
    color: #dfe3e7
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-emailmorelist-dropdown .omail-morelist-header {
    background: #151920;
    color: #a0a6ab
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-emailmorelist-dropdown .omail-morelist-header span {
    background: #0d0f10
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-emailmorelist-dropdown .omail-morelist-header span img {
    filter: invert(97%) sepia(100%) saturate(13%) hue-rotate(196deg) brightness(103%) contrast(103%)
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-emailmorelist-dropdown .omail-clip-block {
    background: #1b1e25
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-emailmorelist-dropdown {
    background: #0d0f10
}

.omail-dark-mode .omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-emailmorelist-dropdown .omail-morelist-header {
    background: #151920;
    color: #a0a6ab
}

.omail-dark-mode .omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-emailmorelist-dropdown,
.omail-dark-mode .omail-compose-mail-block .omail-smartreplay-block ul {
    background: #0d0f10
}

.omail-dark-mode .omail-compose-mail-block .omail-smartreplay-block ul li {
    background: #0d0f10;
    border: 1px solid #004382;
    color: #eef1f3
}

.omail-dark-mode .omail-calendar .calendar-left {
    background: #151920
}

.omail-dark-mode .omail-calendar .calendar-right {
    background: #1c1f27
}

.omail-dark-mode .omail-calendar .leftblockcal {
    border-color: #232730
}

.omail-dark-mode .omail-calendar .omail-product-event-type .titleh4 {
    color: #a0a6ab
}

.omail-dark-mode .omail-calendar .omail-product-event-type .product-dropdown .cbtn {
    background: #151920;
    border: 1px solid #232730;
    box-shadow: 0 1px 2px #4d40551a;
    color: #dfe3e7
}

.omail-dark-mode .omail-calendar .leftblockcal .cuborder {
    border: 1px solid #232730
}

.omail-dark-mode .omail-calendar .omail-product-event-type .completedbg {
    background: #232730
}

.omail-dark-mode .omail-calendar .viewevent-box .evnt-box .p-title {
    color: #37ac00
}

.omail-dark-mode .omail-calendar .viewevent-box .evnt-box .p-date-time {
    color: #a0a6ab
}

.omail-dark-mode .omail-calendar .viewevent-box {
    background: #232730
}

.omail-dark-mode .omailapp-mainwrap {
    background: #0d0f10;
    margin-right: 21px
}

.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block {
    background: #0d0f10
}

.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .event-form-action-links,
.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .omail-form-field {
    background: #0d0f10;
    border-top: 1px solid #1c1f27
}

.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .subject-block input {
    background: #0d0f10
}

.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field {
    background: #0d0f10;
    border-top: 1px solid #1c1f27
}

.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .location-block input {
    background: #0d0f10
}

.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block {
    border-top: 1px solid #1c1f27;
    border-bottom: 1px solid #1c1f27
}

.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2.reminder-field .custom-select {
    border: 1px solid #1c1f27;
    color: #dfe3e7
}

.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .subject-block input {
    color: #dfe3e7
}

.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mat-form-field-outline {
    background: #0d0f10
}

.omail-dark-mode .omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mail-field .field-2 .location-block input {
    color: #dfe3e7
}

.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-3 .timer-field .custom-select {
    background: #0d0f10;
    border: 1px solid #151920;
    color: #dfe3e7
}

.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-duration-block .event-duration-fields .ed-f-4 .omail-all-days-block .all-day {
    color: #dfe3e7
}

.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .week-days ul li label {
    background: #0d0f10;
    border: 1px solid #004382;
    color: #dfe3e7
}

.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .week-days ul li input:checked+label {
    background: #004382
}

.omail-dark-mode .omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mat-form-field-outline {
    background: #0d0f10;
    border: 1px solid #151920
}

.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mat-form-field-outline {
    color: #151920
}

.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .mat-form-field-appearance-outline .mat-form-field-flex .event-icon img {
    filter: invert(97%) sepia(100%) saturate(13%) hue-rotate(196deg) brightness(103%) contrast(103%)
}

.omail-dark-mode .omail-customtheam-froala-block .fr-box.fr-basic .fr-toolbar .fr-command[id*=videoMail] {
    background: #37ac00 !important
}

.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .tab-event .nav-tabs .nav-link {
    background: #151920;
    color: #dfe3e7
}

.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .tab-event .nav-tabs .nav-link.active {
    background: #004382;
    color: #dfe3e7
}

.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .tab-event .nav-tabs .nav-link.active span img {
    filter: invert(97%) sepia(100%) saturate(13%) hue-rotate(196deg) brightness(103%) contrast(103%)
}

.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .tab-event .nav-tabs .nav-link:hover {
    background: #004382;
    color: #dfe3e7
}

.omail-dark-mode .omail-event-list-one .viewevent-box {
    background: #232730 !important
}

.omail-dark-mode .omail-event-list-one .viewevent-box .evnt-box .p-title {
    color: #37ac00
}

.omail-dark-mode .omail-event-list-one .viewevent-box .evnt-box .prduct-logo {
    background: transparent;
    border: 1px solid #343943
}

.omail-dark-mode .omail-event-list-one .viewevent-box .evnt-box .dotsview .dropdown-menu {
    background: #0d0f10;
    color: #dfe3e7
}

.omail-dark-mode .omail-event-list-one .viewevent-box .evnt-box .dotsview .dropdown-menu .dropdown-item {
    color: #dfe3e7
}

.omail-dark-mode .omail-event-list-one .viewevent-box .evnt-box .dotsview .dropdown-menu .dropdown-item:hover {
    color: #dfe3e7;
    background: #232730
}

.omail-dark-mode .omail-list-group-modal .contact-search-block .oesobs-search .search-icon {
    background: #151920
}

.omail-dark-mode .omail-list-group-modal .contact-search-block .oesobs-search .form-control {
    background: #151920;
    color: #dfe3e7
}

.omail-dark-mode .omail-list-group-modal .contact-search-block .contacts-selected-text {
    color: #eef1f3
}

.omail-dark-mode .omail-list-group-modal .addressbook-table-fixed .addressbook-table .thead-color tr th {
    background: #151920;
    color: #dfe3e7;
    border: transparent
}

.omail-dark-mode .omail-list-group-modal .usercheckmark-block,
.omail-dark-mode .omail-list-group-modal .addressbook-table-fixed .addressbook-table .user-name,
.omail-dark-mode .omail-list-group-modal .addressbook-table-fixed .addressbook-table .user-email {
    color: #dfe3e7
}

.omail-dark-mode .omail-list-group-modal .addressbook-table-fixed thead,
.omail-dark-mode tbody,
.omail-dark-mode tfoot,
.omail-dark-mode tr,
.omail-dark-mode td,
.omail-dark-mode th {
    color: #dfe3e7;
    background-color: #0d0f10;
    border-color: #1c1f27
}

.omail-dark-mode .omail-list-group-modal .oesomailcustom-select {
    border: 1px solid #232730;
    color: #dfe3e7
}

.omail-dark-mode .omail-list-group-modal .oesomailcustom-select option {
    background-color: #0d0f10
}

.omail-dark-mode .addressbook-table .oesomailcustom-select {
    background-color: #151920
}

.omail-dark-mode .oesomail-addressbook-modal .modal-content .modal-body .contact-search-block .oesobs-search .search-icon {
    background: #151920;
    border: 1px solid #232730 !important
}

.omail-dark-mode .oesomail-addressbook-modal .modal-content .modal-body .contact-search-block .oesobs-search .form-control {
    background: #1b1e25;
    border: 1px solid #232730 !important;
    color: #dfe3e7
}

.omail-dark-mode .oesomail-addressbook-modal .modal-content .modal-body .contact-search-block .contacts-selected-text {
    color: #dfe3e7
}

.omail-dark-mode .oesomail-addressbook-modal .modal-content .modal-body .addressbook-table-fixed thead th {
    background: #0d0f10 !important
}

.omail-dark-mode .oesomail-addressbook-modal .modal-content .modal-body .addressbook-table-fixed .usercheckmark-block,
.omail-dark-mode .oesomail-addressbook-modal .modal-content .modal-body .contact-search-block .contacts-selected-text {
    color: #dfe3e7 !important
}

.omail-dark-mode .omail-customtheam-froala-block .fr-box.fr-basic .fr-toolbar .fr-command[id*=speechToText] {
    background: #37ac00 !important
}

.omail-dark-mode .schedulingmail-block .form-group .form-control {
    background: #151920;
    border: 1px solid #232730;
    color: #dfe3e7
}

.omail-dark-mode .flatpickr-calendar {
    background: #0d0f10;
    border: 1px solid #232730;
    box-shadow: none
}

.omail-dark-mode .flatpickr-day.selected {
    background: #004382;
    border-radius: 6px;
    color: #dfe3e7
}

.omail-dark-mode .flatpickr-day {
    color: #dfe3e7
}

.omail-dark-mode .flatpickr-day.flatpickr-disabled {
    color: #dfe3e7;
    opacity: .5
}

.omail-dark-mode .flatpickr-months .flatpickr-month {
    color: #dfe3e7
}

.omail-dark-mode .flatpickr-months .flatpickr-next-month,
.omail-dark-mode .flatpickr-months .flatpickr-prev-month {
    filter: invert(100%) sepia(3%) saturate(7448%) hue-rotate(155deg) brightness(106%) contrast(103%)
}

.omail-dark-mode .flatpickr-calendar.hasTime .flatpickr-time {
    border-top: 1px solid #232730
}

.omail-dark-mode .flatpickr-time input,
.omail-dark-mode .flatpickr-time .flatpickr-time-separator,
.omail-dark-mode .flatpickr-time .flatpickr-am-pm {
    color: #dfe3e7
}

.omail-dark-mode .flatpickr-time .flatpickr-am-pm:hover,
.omail-dark-mode .flatpickr-time input:hover {
    background: #1b1e25
}

.omail-dark-mode .flatpickr-time input:focus {
    background: #1b1e25
}

.omail-dark-mode .flatpickr-time .flatpickr-am-pm:focus {
    background: #1b1e25
}

.omail-dark-mode .omail-calendar .omail-product-event-type .cancelledbg .p-title {
    color: #e84c3d
}

.omail-dark-mode .omail-calendar .omail-product-event-type .completedbg .p-title {
    color: #009cd9
}

.omail-dark-mode .omail-calendar .omail-product-event-type .cancelledbg,
.omail-dark-mode .omail-calendar .omail-product-event-type .upcomingbg {
    background: #232730
}

.omail-dark-mode .omail-calendar .viewevent-box .evnt-box .prduct-logo {
    border: 1px solid #343943;
    background: transparent
}

.omail-dark-mode .omail-calendar .viewevent-box .evnt-box .dotsview .dropdown-menu,
.omail-dark-mode .omail-calendar .viewevent-box .evnt-box .dotsview .dropdown-menu .dropdown-item {
    color: #dfe3e7
}

.omail-dark-mode .omail-calendar .viewevent-box .evnt-box .dotsview .dropdown-menu .dropdown-item:hover,
.omail-dark-mode .omail-calendar .viewevent-box .evnt-box .dotsview .dropdown-menu .dropdown-item:focus {
    background: #232730
}

.omail-dark-mode .omail-dark-mode .omail-calendar .viewevent-box .evnt-box .dotsview .dropdown-menu {
    background: #1b1e25
}

.omail-dark-mode .omail-calendar .calendar-right .show-day-strip {
    background: #232730;
    color: #dfe3e7
}

.omail-dark-mode .omail-calendar .calendar-right .show-day-strip h3,
.omail-dark-mode .omail-calendar .calendar-right .show-day-strip .h3,
.omail-dark-mode .omail-event-calendar .short-view-cal .s-v-cal-text {
    color: #dfe3e7
}

.omail-dark-mode .omail-event-calendar .short-view-cal .arrows .btn {
    background: #232730;
    border: 1px solid #232730
}

.omail-dark-mode .omail-event-calendar .short-view-cal .arrows .btn img {
    filter: invert(100%) sepia(2%) saturate(0%) hue-rotate(221deg) brightness(106%) contrast(102%)
}

.omail-dark-mode .omail-calendar .calendar-right .day-view-block .cal-day-view .cal-week-view .cal-time-events {
    border: none
}

.omail-dark-mode .omail-calendar .calendar-right .day-view-block .cal-day-view .cal-week-view .cal-time-events .cal-day-columns .cal-day-column .cal-hour,
.omail-dark-mode .omail-calendar .calendar-right .day-view-block .cal-day-view .cal-week-view .cal-time-events .cal-day-columns .cal-day-column .cal-hour.cal-hour-odd {
    background: transparent
}

.omail-dark-mode .omail-event-calendar .cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-hour-segment:hover {
    background: #232730
}

.omail-dark-mode .omail-event-calendar .week-view-block .cal-week-view .cal-day-headers .cal-header {
    background: #1c1f27
}

.omail-dark-mode .omail-event-calendar .week-view-block .cal-week-view .cal-day-headers .cal-header b,
.omail-dark-mode .omail-event-calendar .week-view-block .cal-week-view .cal-day-headers .cal-header.cal-weekend span {
    color: #dfe3e7
}

.omail-dark-mode .omail-event-calendar .week-view-block .cal-week-view {
    background: none
}

.omail-dark-mode .omail-event-calendar .cal-week-view .cal-hour-odd {
    background: transparent
}

.omail-dark-mode .omail-event-calendar .week-view-block .cal-week-view .cal-day-headers .cal-header span {
    color: #dfe3e7
}

.omail-dark-mode .omail-event-calendar .omail-month-view .cal-month-view .cal-header .cal-cell {
    background: #1c1f27;
    color: #dfe3e7
}

.omail-dark-mode .omail-event-calendar .omail-month-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell:nth-of-type(odd) {
    background: #0d0f10
}

.omail-dark-mode .omail-event-calendar .omail-month-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell:nth-of-type(even) {
    background: #0d0f10
}

.omail-dark-mode .omail-event-calendar .omail-month-view .cal-month-view {
    background: transparent
}

.omail-dark-mode .omail-event-calendar .cal-month-view .cal-cell-row:hover {
    background: #232730
}

.omail-dark-mode .omail-event-calendar .omail-month-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell .cal-cell-top .cal-day-number {
    color: #dfe3e7
}

.omail-dark-mode .cal-week-view .cal-all-day-events .cal-event,
.omail-dark-mode .cal-week-view .cal-time-events .cal-event {
    background: #232730;
    border: 1px solid #232730
}

.omail-dark-mode .omail-event-calendar .cal-week-view * {
    color: #dfe3e7
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-read-mail-headerfour .read-mail-scheduled-text {
    color: #cb6b1a
}

.omail-dark-mode .omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-one input {
    color: #dfe3e7
}

.omail-dark-mode .omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .event-more-mail-list .omail-morelist-header,
.omail-dark-mode .omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-emailmorelist-dropdown {
    background: #151920;
    color: #a0a6ab
}

.omail-dark-mode input[type=checkbox]:before {
    background: #151920
}

.omail-dark-mode .omail-welcontact-pic-text {
    background: linear-gradient(0deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .25)), #6d747a;
    border: 1px solid #232730
}

.omail-dark-mode .omail-create-folder-modal .modal-content .modal-body .create-folder-modal .form-group .form-control {
    background: #0d0f10;
    border: 1px solid #232730;
    color: #a0a6ab
}

.omail-dark-mode .omail-create-folder-modal .modal-content .modal-body .create-folder-modal .form-group label,
.omail-dark-mode .omail-create-folder-modal .modal-content .modal-body .create-folder-modal .omail-folder-form .folder-text .passcode-checkbox .passcode-text {
    color: #dfe3e7
}

.omail-dark-mode .mat-checkbox-frame {
    border: 1.5px solid #a0a6ab
}

.omail-dark-mode .omail-create-folder-modal .modal-content .modal-body .create-folder-modal .omail-folder-form .folder-input input {
    background: #0d0f10;
    border: 1px solid #232730
}

.omail-dark-mode .omail-create-folder-modal .modal-content .modal-body .create-folder-modal .ng-select-container {
    background: #0d0f10;
    border: 1px solid #232730;
    color: #a0a6ab
}

.omail-dark-mode .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
.omail-dark-mode .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked,
.omail-dark-mode .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    background: #0d0f10;
    border: 1px solid #232730;
    color: #dfe3e7
}

.omail-dark-mode .ng-dropdown-panel.ng-select-bottom {
    border: 1px solid #232730
}

.omail-dark-mode .omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-form-field .omail-col-one .attachment-list ul li,
.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer .readmailattachment-block .readmailattachment-body .attachment-list li a .read-attachment-filename {
    color: #dfe3e7
}

.omail-dark-mode .omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-footer .readmailattachment-block .readmailattachment-body .attachment-list li a .read-attachment-filename .file-size-text {
    color: #a0a6ab
}

.omail-dark-mode .cg-pic-dw-block {
    background: #0d0f10;
    border: 1px solid #0d0f10
}

.omail-dark-mode .cg-pic-dw-block .dropdown-item {
    border-bottom: 1px solid #232730;
    color: #dfe3e7
}

.omail-dark-mode .cg-pic-dw-block .dropdown-item:hover {
    background: #232730
}

.omail-dark-mode .omail-selected-list-block .selected-list-inner button img {
    filter: invert(84%) sepia(100%) saturate(0%) hue-rotate(207deg) brightness(109%) contrast(101%)
}

.omail-dark-mode .omail-passCodeModal-modal .modal-content .modal-body .create-folder-modal .omail-folder-form .folder-input input {
    background: #0d0f10;
    border: 1px solid #232730;
    color: #dfe3e7
}

.omail-dark-mode .omail-dark-mode .omail-event-list-one .viewevent-box {
    background: #232730 !important
}

.omail-dark-mode .omail-calendar .omail-month-view .cal-days .omail-event-list-one .viewevent-box .evnt-box .prduct-logo {
    border: 1px solid #343943;
    background: #232730
}

.omail-dark-mode .omail-event-list-one .evnt-box .p-title {
    color: #37ac00
}

.omail-dark-mode .omail-event-list-one .completedbg .evnt-box .p-title {
    color: #009cd9
}

.omail-dark-mode .omail-event-list-one .cancelledbg .evnt-box .p-title {
    color: #e84c3d
}

.omail-dark-mode .omail-popover-block {
    background: #0d0f10;
    border: 1px solid #232730;
    color: #dfe3e7;
    padding: 0
}

.omail-dark-mode .omail-popover-block .card-body {
    background: #0d0f10;
    color: #dfe3e7
}

.omail-dark-mode .omail-popover-block .card-body .text-truncate {
    color: #dfe3e7
}

.omail-dark-mode .omail-popover-block .card-body .media-img {
    border: 1px solid #343943;
    background: #232730
}

.omail-dark-mode .omail-event-list-one .viewevent-box .popover {
    background: #0d0f10;
    border: 1px solid #343943;
    filter: none
}

.omail-dark-mode .omail-event-list-one .viewevent-box .popover .omail-popover-block {
    border: 0
}

.omail-dark-mode .omail-event-list-one .viewevent-box .popover .omail-popover-block .title {
    color: #dfe3e7
}

.omail-dark-mode .omail-calendar .calendar-right .day-view-block .cal-day-view .cal-week-view .cal-time-events .cal-day-columns .cal-day-column .cal-hour {
    border-top: 1px solid #232730
}

.omail-dark-mode .omail-calendar .calendar-right .day-view-block .cal-day-view .cal-week-view .cal-time-events .cal-day-columns .cal-day-column .cal-hour mwl-calendar-week-view-hour-segment:first-child {
    border-bottom: 1px dashed #232730
}

.omail-dark-mode .omail-event-calendar .week-view-block .cal-day-columns,
.omail-dark-mode .omail-event-calendar .week-view-block .cal-week-view .cal-day-column {
    border: 1px solid #232730
}

.omail-dark-mode .omail-event-calendar .week-view-block .cal-hour {
    border-top: 1px solid #232730
}

.omail-dark-mode .omail-event-calendar .week-view-block .cal-hour mwl-calendar-week-view-hour-segment:first-child {
    border-bottom: 1px dashed #232730
}

.omail-dark-mode .omail-event-calendar .cal-month-view .cal-days .cal-cell-row {
    border-bottom: 1px solid;
    border-bottom-color: #1c1f27
}

.omail-dark-mode .omail-event-calendar .omail-month-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell.cal-today .cal-day-number {
    color: #dfe3e7 !important
}

.omail-dark-mode .omail-event-calendar {
    background-color: #0d0f10
}

.omail-dark-mode .omail-dark-mode .omail-event-calendar .cal-month-view .cal-cell-row:hover {
    background: transparent
}

.omail-dark-mode .omail-event-calendar .omail-month-view .cal-month-view .cal-days .cal-cell-row .cal-day-cell:hover {
    background-color: #232730 !important
}

.omail-dark-mode .omail-event-calendar .week-view-block .cal-hour:last-child {
    border-bottom: 1px solid #232730
}

.omail-dark-mode .omail-calendar .calendar-right .day-view-block .cal-day-view .cal-week-view .cal-time-events .cal-day-columns .cal-day-column .cal-hour:last-child {
    border-bottom: 1px solid #232730
}

.omail-dark-mode .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-list-block {
    border-top: 1px solid #1C1F27
}

.omail-dark-mode .omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text table div,
.omail-dark-mode .omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text table div span {
    color: #dfe3e7 !important
}

.omail-dark-mode .omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text table div p {
    color: #dfe3e7 !important;
    background-color: #0d0f10 !important
}

.omail-dark-mode .omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text table div pre {
    background-color: #0d0f10 !important;
    border: none !important
}

.omail-dark-mode .omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text table div pre code {
    background-color: #0d0f10 !important;
    color: #dfe3e7 !important
}

.omail-dark-mode .omail-dark-mode .omail-compose-mail-block .omailcomposemail-footer {
    background: #0D0F10
}

.omail-dark-mode .omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headerone {
    border-color: #232730
}

.omail-dark-mode .mat-datepicker-content {
    background-color: #0d0f10;
    color: #fff
}

.omail-dark-mode .mat-calendar-body-cell-content {
    border-radius: 6px
}

.omail-dark-mode .mat-calendar-table-header th {
    text-align: center;
    padding: 10px 0;
    background-color: #232730
}

.omail-dark-mode .mat-calendar-table-header .mat-calendar-table-header-divider {
    display: none
}

.omail-dark-mode .mat-calendar-body-selected {
    background: #004382
}

.omail-dark-mode .mat-calendar-body-cell-content {
    color: #dfe3e7
}

.omail-dark-mode .mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    color: #dfe3e780
}

.omail-dark-mode .mat-calendar-arrow {
    fill: #dfe3e780
}

.omail-dark-mode .mat-calendar-table-header,
.omail-dark-mode .mat-calendar-body-label,
.omail-dark-mode .mat-datepicker-toggle,
.omail-dark-mode .mat-datepicker-content .mat-calendar-next-button,
.omail-dark-mode .mat-datepicker-content .mat-calendar-previous-button {
    color: #dfe3e7
}

.omail-dark-mode .mat-calendar-previous-button:after,
.omail-dark-mode .mat-calendar-next-button:after {
    color: #dfe3e780
}

.omail-dark-mode .omail-settinslistof-folders .notfolder-list {
    color: #a0a6ab;
    border-top: 1px solid #232730;
    border-bottom: 1px solid #232730
}

.omail-dark-mode .omail-settinslistof-folders .notfolder-list p {
    color: #a0a6ab
}

.omail-dark-mode .omail-contacts-main-block .contacts-right-block .contact-group-user-pic-block .contact-pic-text .show.dropdown .edit-block img {
    filter: brightness(0) invert(0)
}

.omail-dark-mode .omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .allow-calendar {
    border-bottom: 1px solid #1c1f27
}

.omail-dark-mode .omail-list-group-modal .contact-search-block .oesobs-search,
.omail-dark-mode .omail-dark-mode tr,
.omail-dark-mode .oesomail-addressbook-modal .modal-content .modal-body .contact-search-block .oesobs-search,
.omail-dark-mode .omail-dark-mode .omail-list-group-modal .addressbook-table-fixed thead,
.omail-dark-mode .omail-dark-mode tbody,
.omail-dark-mode .omail-dark-mode tfoot,
.omail-dark-mode .omail-dark-mode td,
.omail-dark-mode .omail-dark-mode th {
    border: 1px solid #1c1f27 !important
}

.omail-dark-mode .oesomail-addressbook-modal .modal-content .modal-body .addressbook-table-fixed tr td {
    border: 1px solid #1c1f27 !important;
    background-color: #1b1e25;
    border-bottom: 1px solid #232730 !important;
    color: #dfe3e7
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list li.activefolder-list {
    color: #029cf8
}

.omail-dark-mode .omail-dark-mode .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list li:hover {
    background: #23272e
}

.omail-dark-mode .omail-calendar .omail-product-event-type .product-dropdown .dropdown-menu {
    background-color: #0d0f10
}

.omail-dark-mode .omail-calendar .omail-product-event-type .product-dropdown .item {
    color: #dfe3e7
}

.omail-dark-mode .omail-calendar .omail-product-event-type .product-dropdown .item:hover {
    background-color: #1c1f27
}

.omail-dark-mode .omail-calendar .omail-product-event-type .titleh5 {
    color: #a0a6ab
}

.omail-dark-mode .omail-mat-autocomplete {
    border: 1px solid #1B1E25 !important;
    background: #1B1E25;
    box-shadow: 0 2px 4px -1px #0003, 0 4px 5px #00000024, 0 1px 10px #0000001f
}

.omail-dark-mode .omail-mat-autocomplete .mat-option {
    background: #151920 !important;
    color: #dfe3e7 !important
}

.omail-dark-mode .omail-customtheam-froala-block .fr-box.fr-basic .fr-toolbar .fr-command.fr-active {
    background: #2c97d4
}

.omail-dark-mode .omail-more-lineksmail+* .cdk-overlay-pane .mat-menu-panel .mat-menu-content:not(:empty) button.mat-menu-item {
    background-color: #0d0f10;
    color: #dfe3e7
}

.omail-dark-mode .omail-more-lineksmail+* .cdk-overlay-pane .mat-menu-panel .mat-menu-content:not(:empty) button.mat-menu-item:hover {
    background-color: #1c1f27
}

.omail-dark-mode span.flatpickr-weekday {
    color: #dfe3e7
}

.omail-dark-mode .flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: #ffffffe6
}

.omail-dark-mode .flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: #ffffffe6
}

.omail-dark-mode .flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #dfe3e7
}

.omail-dark-mode .flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #dfe3e7
}

.omail-dark-mode .omail-list-of-contacts-block .contacts-rounded-block .check-img-block .contact-pic-text img {
    opacity: .25
}

.omail-dark-mode .omail-dark-mode .omail-list-of-contacts-block .contacts-rounded-block .check-img-block .contact-pic-text .cgpic-img {
    opacity: 1
}

.omail-dark-mode .mail-list-dark {
    opacity: .25
}

.omail-dark-mode .omail-create-folder-modal .modal-content .modal-body .create-folder-modal .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
    background-color: #1b1e25
}

.omail-dark-mode .omail-create-folder-modal .modal-content .modal-body .create-folder-modal .ng-dropdown-panel .ng-dropdown-panel-items .ng-option,
.omail-dark-mode .omail-create-folder-modal .modal-content .modal-body .create-folder-modal .ng-dropdown-panel.ng-select-bottom {
    border-color: #232730;
    color: #dfe3e7
}

.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block .omail-form-field .omail-col-one input {
    background: #0d0f10;
    color: #dfe3e7
}

.omail-dark-mode .fr-toolbar .fr-more-toolbar {
    background: #090909
}

.omail-dark-mode .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
    background: #151920;
    color: #dfe3e7
}

.omail-dark-mode .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
    background: #1b1e25;
    color: #dfe3e7
}

.omail-dark-mode .fr-desktop .fr-command:hover:not(.fr-table-cell),
.omail-dark-mode .fr-desktop .fr-command:focus:not(.fr-table-cell),
.omail-dark-mode .fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell),
.omail-dark-mode .fr-desktop .fr-command.fr-expanded:not(.fr-table-cell) {
    background: #1b1e25;
    color: #dfe3e7
}

.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-attachment-block,
.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-block .event-form-block hr {
    border-top: 1px solid #1c1f27
}

.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-attachment-block ul li .attach-file-info {
    color: #dfe3e7
}

.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-attachment-block ul li button img,
.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .event-attachment-block ul li .attach-icon img {
    filter: invert(96%) sepia(0%) saturate(0%) hue-rotate(143deg) brightness(105%) contrast(106%)
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text p span {
    background-color: transparent !important;
    color: #dfe3e7 !important
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-body .read-mail-body-text p a {
    background-color: transparent !important
}

.omail-dark-mode .omail-replymail-froala p span {
    background-color: transparent !important;
    color: #dfe3e7 !important
}

.omail-dark-mode .omail-replymail-froala p a {
    background-color: transparent !important
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box.newMailText .omaillist-inner-two .omail-subject-name {
    color: #029cf8 !important
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-left-block .splitleftblock-partfour .omail-mail-listblock .omaillist-box.newMailText .omaillist-inner-one .omail-user-name {
    color: #dfe3e7 !important
}

.omail-dark-mode .oesomail-addressbook-modal .modal-content .modal-body .addressbook-table-fixed thead th {
    background: #151920 !important
}

.omail-dark-mode .omail-customtheam-froala-block .fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) {
    background: #464C59
}

.omail-dark-mode .omail-addgroupincomp-Modal .contact-group-user-pic-block {
    background-color: #1b1e25;
    border-radius: 12px
}

.omail-dark-mode .omail-addgroupincomp-Modal .contact-group-user-pic-block .contact-pic-text-block .edit-block {
    background: #0D0F10
}

.omail-dark-mode .omail-addgroupincomp-Modal .modal-body label {
    color: #6d747a;
    font-size: 12px
}

.omail-dark-mode .omail-addgroupincomp-Modal .modal-body .form-control {
    background-color: #1b1e25;
    border-color: #232730
}

.omail-dark-mode .omail-compose-group-modal .modal-body .add-book-btn-block .group-rule-info-text {
    background-color: #1c1f27;
    border-color: #151920;
    color: #eef1f3
}

.omail-dark-mode .omail-addgroupincomp-Modal .email-catagory-block .email-catagory-inner {
    background-color: #1b1e25;
    border-color: #1b1e25
}

.omail-dark-mode .omail-addgroupincomp-Modal .email-catagory-block .email-catagory-inner .sub-heading {
    background-color: #151920
}

.omail-dark-mode .omail-addgroupincomp-Modal .email-catagory-block .email-catagory-inner .sub-heading h6,
.omail-dark-mode .omail-addgroupincomp-Modal .email-catagory-block .email-catagory-inner .sub-heading .h6 {
    color: #006bce
}

.omail-dark-mode .oesomail-addressbook-modal .modal-content .modal-body .contact-search-block .oesobs-search .search-icon {
    background-color: #151920
}

.omail-dark-mode .omail-calendar .leftblockcal .d-w-m-tab .cbtn:hover {
    color: #eef1f3
}

.omail-dark-mode .omail-calendar .leftblockcal .d-w-m-tab .cbtn.active {
    background-color: #004382;
    color: #eef1f3
}

.omail-dark-mode .omail-contacts-main-block .omail-v-tabs .omail-vtabs-sidenav .cg-list-block li.activetab span {
    color: #029cf8
}

.omail-dark-mode .omail-mailbox-module .omail-mailbox-sidenav-block .omail-sub-sidebar .omail-sub-sidebar-layout .omail-categories-list .trash-inactive .omail-trash-list li.activefolder-list {
    background: #23272e
}

.omail-dark-mode .auto-date-icon img:hover {
    filter: invert(30%) sepia(90%) saturate(4433%) hue-rotate(187deg) brightness(108%) contrast(98%)
}

.omail-dark-mode .omailapp-settings-wrap .omail-settings-tab-content .auto-replie .omail-autofollowup-form .mat-button-toggle-group-appearance-standard .mat-button-toggle-button .mat-button-toggle-label-content:hover {
    color: #0288d9
}

.omail-dark-mode .omail-autofup-froala-block .fr-box.fr-basic .fr-wrapper {
    background: #1B1E25
}

.omail-dark-mode .omail-autofup-froala-block .fr-box .fr-second-toolbar {
    background: #1B1E25;
    border: none
}

.omail-dark-mode .omail-autofup-froala-block .fr-box.fr-basic .fr-wrapper,
.omail-dark-mode .omail-autofup-froala-block .fr-box.fr-basic .fr-toolbar {
    border: none
}

.omail-dark-mode .omail-signature-froala-block .fr-box.fr-basic .fr-wrapper {
    background: #1B1E25
}

.omail-dark-mode .omail-signature-froala-block .fr-box .fr-second-toolbar {
    background: #1B1E25;
    border: none
}

.omail-dark-mode .omail-signature-froala-block .fr-box.fr-basic .fr-wrapper,
.omail-dark-mode .omail-signature-froala-block .fr-box.fr-basic .fr-toolbar {
    border: none
}

.omail-dark-mode .omail-autoreply-froala-block .fr-box.fr-basic .fr-wrapper {
    background: #1B1E25
}

.omail-dark-mode .omail-autoreply-froala-block .fr-box .fr-second-toolbar {
    background: #1B1E25;
    border: none
}

.omail-dark-mode .omail-autoreply-froala-block .fr-box.fr-basic .fr-wrapper,
.omail-dark-mode .omail-autoreply-froala-block .fr-box.fr-basic .fr-toolbar {
    border: none
}

.omail-dark-mode .omail-customtheam-froala-block .fr-box.fr-basic .fr-wrapper p>* {
    background-color: transparent !important;
    color: #dfe3e7 !important
}

.omail-dark-mode .omail-dark-mode .fr-box.fr-basic .fr-element p span>* {
    background-color: transparent !important;
    color: #dfe3e7 !important
}

.omail-dark-mode .omail-dark-mode .fr-box.fr-basic .fr-element div>* {
    background-color: transparent !important;
    color: #dfe3e7 !important
}

.omail-dark-mode .omail-customtheam-froala-block .fr-box.fr-basic .fr-wrapper .fr-element>* {
    background-color: transparent !important;
    color: #dfe3e7 !important
}

.omail-dark-mode .omail-compose-mail-block .omailcomposemail-header .omailcomposemail-headertwo .omail-emailmorelist-dropdown .event-more-mail-list .omail-clip-block {
    background: #1b1e25
}

.omail-dark-mode .omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-emailmorelist-dropdown .omail-morelist-header span:hover {
    background-color: #e84c3d
}

.omail-dark-mode .omail-dark-mode .omail-mailbox-module .omail-mailbox-split-block .omailmailbox-split-right-block .omailmailbox-readmail-mainblock .omail-readmail-main .omail-read-mail-header .omail-emailmorelist-dropdown .omail-morelist-header span:hover img {
    filter: invert(6%) sepia(8%) saturate(631%) hue-rotate(155deg) brightness(90%) contrast(100%)
}

.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .calemail-more-list-block .omail-emailmorelist-dropdown .omail-morelist-header {
    background: #151920;
    color: #a0a6ab
}

.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .calemail-more-list-block .omail-emailmorelist-dropdown .omail-clip-block,
.omail-dark-mode .omail-calendar .calendar-right .omail-tab-block .omail-appointment .calemail-more-list-block .omail-emailmorelist-dropdown,
.omail-dark-mode .omailapp-settings-wrap .omail-settings-tab-content .omail-setting-form .omail-emailmorelist-dropdown .omail-clip-block {
    background: #1b1e25
}

.omail-dark-mode .omailmailbox-readmail-mainblock .omail-pre-loader-mail-list {
    background-color: #1c1f27
}

.omail-dark-mode .readmailchain-block {
    border-left: 2px solid #7ECEFE;
    background-color: #1b1e25
}

.omail-dark-mode .omail-mat-autocomplete .mat-option:hover {
    background: #232730 !important
}

@media screen and (max-width: 1024px) {
    .my_media .left-wrapper ul li .img {
        display: none !important
    }
}

@media screen and (max-width: 820px) {
    .profile-tab-wrapper {
        margin: 0 .25rem !important
    }

    .profile-tab-wrapper .nav button a {
        padding: 7px !important
    }

    .my_media .left-wrapper .card {
        margin-bottom: 15px
    }

    .my_media .left-wrapper .card ul {
        display: flex
    }

    .my_media .left-wrapper .card ul li {
        padding: 5px !important
    }

    .my_media .left-wrapper .card ul li .img {
        display: none
    }

    .my_media .left-wrapper .card ul li label {
        margin-left: 5px
    }

    .top-view-profile {
        margin-left: 1rem !important;
        margin-right: 1rem !important
    }

    .user_profile .tab_space4,
    .user_profile .tab_space3 {
        margin-left: 0rem !important;
        margin-right: 0rem !important
    }

    .allEvents .custom-search-input {
        width: 200px !important
    }
}

@media screen and (max-width: 768px) {
    .allBlogs .card .card-footer {
        padding: 10px !important
    }
}

@media screen and (max-width: 540px) {
    .img-grid .o-img.one {
        height: 250px !important
    }

    .addstory .createSerach {
        display: block !important
    }

    .addstory .createSerach .srch {
        width: 100% !important
    }

    .my_media .right-wrapper .card h5,
    .my_media .right-wrapper .card .h5 {
        margin-left: 10px !important
    }

    .my_media .right-wrapper .card .card-body {
        padding: 0 10px !important
    }

    .top-view-profile {
        margin-left: 0rem;
        margin-right: 0rem
    }

    .top-view-profile .cover-bg {
        min-height: 100px !important
    }

    .top-view-profile .profile-img {
        min-width: 100px !important;
        max-width: 100px !important;
        min-height: 100px !important;
        max-height: 100px !important
    }

    .top-view-profile .prof_thumb {
        margin-top: -50px !important
    }

    .add-info .card_columns {
        column-count: 1 !important
    }

    .add-info .card_columns .card_radius {
        margin-bottom: 1rem !important
    }

    .image-upload img {
        position: relative !important
    }

    .user_profile .tab_space4,
    .top-view-profile {
        margin-left: 0rem !important;
        margin-right: 0rem !important
    }

    .allClubs h5,
    .allClubs .h5,
    .myclubs h5,
    .myclubs .h5,
    .clubs_requested h5,
    .clubs_requested .h5,
    .recommend_clubs h5,
    .recommend_clubs .h5,
    .clubs_joined h5,
    .clubs_joined .h5 {
        font-size: 16px !important
    }

    .clubs_block .w_70,
    .no_data_img {
        width: 100% !important
    }

    .notifications-wrap .card .card-header {
        padding: 10px 1rem !important
    }

    .notifications-wrap .card .card-header .tab-wrapper ul button {
        margin-right: 10px !important
    }

    .notifications-wrap .card .card-header .tab-wrapper ul button a {
        padding: 5px 10px !important
    }

    .notifications-wrap .card .card-body ul li {
        padding: 10px 10px 10px 25px !important
    }

    .userStatus.active {
        left: -10px !important;
        width: 7px !important;
        height: 7px !important
    }

    .profile-tab-wrapper {
        margin: 0 7px 5px !important
    }

    .profile-tab-wrapper .nav button {
        padding: 0 !important
    }

    .profile-tab-wrapper .nav button a {
        padding: 5px 10px !important;
        font-size: 13px !important
    }
}

@media screen and (max-width: 414px) {
    .onet-container {
        margin: auto 0rem !important
    }

    .tab_wrapper {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .events-tab-wrapper ul li a {
        font-size: 12px !important
    }

    .events_default_img .camera_icon img {
        top: 12% !important
    }

    .allBlogs .card .card-footer {
        padding: 10px !important
    }

    .events-img {
        top: -45px !important;
        right: 7px !important;
        width: 15px !important
    }

    .onet-main-layout .lik-dropdown:hover .lik-dropdown-content {
        width: 290px !important
    }

    .emj-icn .img_width,
    .lik-dropdown img.img_width {
        width: 25px !important;
        height: 25px !important
    }
}

@media screen and (max-width: 375px) {
    .events_default_img .camera_icon img {
        top: 17% !important
    }
}

:root {
    --onet-dark-bg-primary: #081827;
    --onet-dark-bg-secondary: #122333;
    --onet-dark-bg-hovered: #182b3c;
    --onet-dark-border-color: #243C51;
    --onet-primary-color: #034C53;
    --onet-secondary-color: #f3f3f3;
    --onet-label-color: #1e2730;
    --onet-text-primary-color: #ffffff;
    --onet-text-secondary-color: #729B9F;
    --onet-black-color: #000000;
    --onet-white-color: #ffffff;
    --onet-btn-color: #dedede;
    --onet-btn-secondary-color: #345763;
    --onet-blue-color: #006FFF;
    --onet-light-blue: #ceddc9;
    --onet-light-green: #D8FCD8;
    --onet-banner-green: #E8FAEB;
    --onet-grey-color: #21c93842;
    --onet-link-color: #FF5D5D;
    --onet-darkgrey-color: #047a14;
    --onet-lightgrey-color: #21c93821;
    --onet-font-family: font-family: "Poppins", sans-serif !important
}

.onet_dark_mode body {
    background-color: var(--onet-dark-bg-primary) !important;
    color: var(--onet-white-color)
}

.onet_dark_mode .body_layout,
.onet_dark_mode .main_nav,
.onet_dark_mode .main_nav_inn,
.onet_dark_mode .menu-list,
.onet_dark_mode .msg-noti-access,
.onet_dark_mode .top-right-nav {
    background-color: var(--onet-dark-bg-primary) !important
}

.onet_dark_mode .body_layout .mat-card,
.onet_dark_mode .main_nav .mat-card,
.onet_dark_mode .main_nav_inn .mat-card,
.onet_dark_mode .menu-list .mat-card,
.onet_dark_mode .msg-noti-access .mat-card,
.onet_dark_mode .top-right-nav .mat-card,
.onet_dark_mode .whats-your-mind.box-layout,
.onet_dark_mode .recommend-wrapper,
.onet_dark_mode .feature-notifies .notifies_card,
.onet_dark_mode .feature-notifies .notifies_card .tags,
.onet_dark_mode .left-wrapper .left-wrapper-inn .bg {
    background-color: var(--onet-dark-bg-secondary) !important
}

.onet_dark_mode .left-wrapper .left-wrapper-inn .bg .capt {
    background-color: var(--onet-dark-bg-secondary) !important;
    border-bottom: 1px solid --onet-dark-border-color
}

.onet_dark_mode .right-nav .side-wraps .capt {
    border-bottom: none !important;
    color: var(--onet-white-color) !important
}

.onet_dark_mode .right-nav .side-wraps .capt,
.onet_dark_mode .right-nav .side-wraps .list-inns {
    background-color: var(--onet-dark-bg-secondary) !important
}

.onet_dark_mode .right-nav .side-wraps .list-inns {
    border-radius: unset !important
}

.onet_dark_mode .right-nav .side-wraps .cal-wrap {
    background-color: var(--onet-dark-bg-secondary) !important
}

.onet_dark_mode .right-nav .side-wraps .cal-wrap .calendar-wrap {
    background-color: var(--onet-dark-bg-secondary) !important;
    border-bottom: unset !important
}

.onet_dark_mode .right-nav .side-wraps .cal-wrap .calendar-wrap .btn-group,
.onet_dark_mode .calendar-wrap {
    background-color: var(--onet-dark-bg-secondary) !important
}

.onet_dark_mode .events-calendar .cal-month-view .cal-cell-row .cal-cell:hover,
.onet_dark_mode .events-calendar .cal-month-view .cal-cell-row:hover {
    background-color: #fafafa00 !important
}

.onet_dark_mode .events-calendar .cal-month-view .cal-days {
    background-color: var(--onet-dark-bg-hovered) !important;
    border-color: transparent !important
}

.onet_dark_mode .events-calendar .cal-month-view .cal-day-cell.cal-today {
    background-color: transparent !important
}

.onet_dark_mode .events-calendar .cal-month-view .cal-day-number {
    color: #fff !important
}

.onet_dark_mode .gm-user .gm-user-inn {
    box-shadow: none !important
}

.onet_dark_mode .gm-user .gm-user-inn .prof-name,
.onet_dark_mode .box-layout {
    background-color: var(--onet-dark-bg-secondary) !important
}

.onet_dark_mode .box-layout mat-card-header {
    border-bottom: var(--onet-dark-bg-secondary) !important
}

.onet_dark_mode .box-layout .more-acts {
    background-color: var(--onet-dark-bg-primary) !important
}

.onet_dark_mode .onet-sidemenu ul li span.title {
    color: var(--onet-text-secondary-color) !important
}

.onet_dark_mode .onet-sidemenu ul li:hover span.title {
    color: var(--onet-white-color) !important;
    box-shadow: 0 3px 0 0 var(--onet-white-color) !important
}

.onet_dark_mode .onet-sidemenu ul li.myMenu-out0 .nav-icn {
    border: none !important
}

.onet_dark_mode .onet-sidemenu .sidenav-inn .get_more .get_more_btn {
    color: var(--onet-text-secondary-color) !important
}

.onet_dark_mode .post-share-links ul li .circle-c img {
    background-color: transparent !important
}

.onet_dark_mode .custom-search-input {
    background-color: var(--onet-dark-bg-secondary) !important;
    box-shadow: none !important;
    border: none !important
}

.onet_dark_mode .noData {
    background-color: var(--onet-dark-bg-secondary)
}

.onet_dark_mode .fr-toolbar,
.onet_dark_mode .fr-box.fr-basic .fr-wrapper,
.onet_dark_mode .fr-second-toolbar {
    background-color: var(--onet-dark-bg-hovered) !important
}

.onet_dark_mode .fr-box.fr-basic {
    border: none !important;
    background-color: var(--onet-dark-bg-hovered) !important;
    border-radius: 10px !important
}

.onet_dark_mode .addstory .createSerach .createPost_wrap .create-event-btns .icn label {
    background-color: var(--onet-dark-bg-hovered) !important
}

.onet_dark_mode .icn label .tooltiptext {
    color: #fff !important;
    background-color: #2e3c47 !important
}

.onet_dark_mode .notify-drop .notif-icn,
.onet_dark_mode .msg-wrap button .msg-icn,
.onet_dark_mode .onet-guide,
.onet_dark_mode .dark-mode {
    background-color: var(--onet-dark-bg-hovered) !important
}

:root {
    --onet-primary-color: #034c53;
    --onet-secondary-color: #f3f3f3;
    --onet-label-color: #1e2730;
    --onet-text-color: #0c8c98;
    --onet-black-color: #000000;
    --onet-white-color: #ffffff;
    --onet-btn-color: #dedede;
    --onet-blue-color: #1f4393;
    --onet-light-blue: #ceddc9;
    --onet-light-green: #D8FCD8;
    --onet-banner-green: #E8FAEB;
    --onet-grey-color: #21c93842;
    --onet-link-color: #ff5e3a;
    --onet-darkgrey-color: #047a14;
    --onet-lightgrey-color: #21c93821;
    --onet-font-family: font-family: "Poppins", sans-serif !important
}

.cdk-overlay-container {
    z-index: 9999 !important
}

.w-large.show .modal-dialog {
    min-width: 800px !important
}

@media screen and (max-width: 1366px) {
    .w-large.show .modal-dialog {
        min-width: 700px !important
    }
}

@media screen and (max-width: 575px) {
    .w-large.show .modal-dialog {
        min-width: 95% !important
    }
}

.events_modal.show .modal-dialog {
    min-width: 1000px !important
}

@media screen and (max-width: 1366px) {
    .events_modal.show .modal-dialog {
        min-width: 900px !important
    }
}

@media screen and (max-width: 575px) {
    .events_modal.show .modal-dialog {
        min-width: 95% !important
    }
}

.onet-main-layout .cdk-overlay-pane {
    transform: translate(0) !important;
    min-width: auto !important
}

.onet-main-layout.mat-menu-panel {
    min-height: 40px !important
}

.onet-main-layout html,
.onet-main-layout body,
.onet-main-layout applet,
.onet-main-layout object,
.onet-main-layout iframe,
.onet-main-layout h1,
.onet-main-layout .h1,
.onet-main-layout h2,
.onet-main-layout .h2,
.onet-main-layout h3,
.onet-main-layout .h3,
.onet-main-layout h4,
.onet-main-layout .h4,
.onet-main-layout h5,
.onet-main-layout .h5,
.onet-main-layout h6,
.onet-main-layout .h6,
.onet-main-layout p,
.onet-main-layout blockquote,
.onet-main-layout pre,
.onet-main-layout a,
.onet-main-layout abbr,
.onet-main-layout acronym,
.onet-main-layout address,
.onet-main-layout big,
.onet-main-layout cite,
.onet-main-layout code,
.onet-main-layout del,
.onet-main-layout dfn,
.onet-main-layout em,
.onet-main-layout img,
.onet-main-layout ins,
.onet-main-layout kbd,
.onet-main-layout q,
.onet-main-layout s,
.onet-main-layout samp,
.onet-main-layout small,
.onet-main-layout .small,
.onet-main-layout strike,
.onet-main-layout sub,
.onet-main-layout sup,
.onet-main-layout tt,
.onet-main-layout var,
.onet-main-layout b,
.onet-main-layout u,
.onet-main-layout i,
.onet-main-layout center,
.onet-main-layout dl,
.onet-main-layout dt,
.onet-main-layout dd,
.onet-main-layout ol,
.onet-main-layout ul,
.onet-main-layout li,
.onet-main-layout fieldset,
.onet-main-layout form,
.onet-main-layout label,
.onet-main-layout legend,
.onet-main-layout table,
.onet-main-layout caption,
.onet-main-layout tbody,
.onet-main-layout tfoot,
.onet-main-layout thead,
.onet-main-layout tr,
.onet-main-layout th,
.onet-main-layout td,
.onet-main-layout article,
.onet-main-layout aside,
.onet-main-layout canvas,
.onet-main-layout details,
.onet-main-layout embed,
.onet-main-layout figure,
.onet-main-layout figcaption,
.onet-main-layout footer,
.onet-main-layout header,
.onet-main-layout hgroup,
.onet-main-layout menu,
.onet-main-layout nav,
.onet-main-layout output,
.onet-main-layout ruby,
.onet-main-layout section,
.onet-main-layout summary,
.onet-main-layout time,
.onet-main-layout mark,
.onet-main-layout .mark,
.onet-main-layout audio,
.onet-main-layout video {
    margin: 0;
    padding: 0;
    border: 0
}

.onet-main-layout article,
.onet-main-layout aside,
.onet-main-layout details,
.onet-main-layout figcaption,
.onet-main-layout figure,
.onet-main-layout footer,
.onet-main-layout header,
.onet-main-layout hgroup,
.onet-main-layout menu,
.onet-main-layout nav,
.onet-main-layout section {
    display: block
}

.onet-main-layout body {
    height: 100vh;
    font-family: Poppins, sans-serif !important;
    top: 0 !important;
    font-size: var(--clamp16);
    scroll-behavior: smooth
}

.onet-main-layout p {
    font-size: var(--clamp16)
}

.onet-main-layout a,
.onet-main-layout a:hover {
    color: var(--text-color)
}

.onet-main-layout ol,
.onet-main-layout ul {
    list-style: none
}

.onet-main-layout blockquote,
.onet-main-layout q {
    quotes: none
}

.onet-main-layout blockquote:before,
.onet-main-layout blockquote:after,
.onet-main-layout q:before,
.onet-main-layout q:after {
    content: "";
    content: none
}

.onet-main-layout .mat-menu-item {
    font-family: Poppins, sans-serif !important
}

.onet-main-layout table {
    border-collapse: collapse;
    border-spacing: 0
}

.onet-main-layout body.modal-open {
    height: 100vh;
    overflow-y: hidden
}

.onet-main-layout button:focus {
    outline: none !important;
    box-shadow: none !important
}

.onet-main-layout .onet-container {
    margin: auto 10px
}

.onet-main-layout .pointer {
    cursor: pointer
}

.onet-main-layout .modal-header {
    border: 0px solid transparent !important;
    top: 0;
    transition: all .2s;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 9
}

.onet-main-layout .modal-header:hover {
    opacity: .8
}

.onet-main-layout .modal-header h5,
.onet-main-layout .modal-header .h5 {
    margin-left: 20px
}

.onet-main-layout .modal-header button {
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    right: 0px;
    top: 0px;
    z-index: 99;
    position: relative
}

.onet-main-layout .modal-header button img {
    width: auto !important
}

.onet-main-layout .model-hdr {
    position: relative !important;
    border-bottom: 1px solid #ddd !important;
    display: flex;
    justify-content: space-between
}

.onet-main-layout .model-hdr button {
    border: none;
    background: transparent
}

.onet-main-layout .model-hdr h5,
.onet-main-layout .model-hdr .h5 {
    font-size: var(--clamp24);
    color: #000
}

.onet-main-layout .gallery-post-modal .modal-dialog {
    display: flex;
    align-items: center;
    height: 100% !important;
    margin: auto !important
}

.onet-main-layout .modal-content {
    border: none !important;
    border-radius: 10px !important;
    padding: 15px !important
}

.onet-main-layout .preview-wrap {
    border-radius: 5px !important;
    background-color: #fff
}

.onet-main-layout .preview-wrap .carousel-inner .carousel-item {
    float: none !important;
    margin: auto !important;
    transition: all 0s !important;
    height: calc(100vh - 55px);
    padding: 20px;
    position: relative
}

.onet-main-layout .preview-wrap .carousel-inner .carousel-item .image {
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center
}

.onet-main-layout .preview-wrap .carousel-inner .carousel-item .image img {
    object-fit: scale-down;
    z-index: 5;
    position: relative;
    width: auto !important;
    height: 100% !important;
    max-width: 100%;
    margin: auto
}

.onet-main-layout .preview-wrap .carousel-inner .carousel-item .video {
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    align-items: center;
    display: flex;
    background-color: #b5b5b5
}

.onet-main-layout .preview-wrap .carousel-inner .carousel-item .blurBgImg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    filter: blur(10px) brightness(.6) drop-shadow(0px 4px 4px #000);
    z-index: 0;
    opacity: .5;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.onet-main-layout .img-blurred .blurBgImg-wrap {
    position: relative;
    height: -webkit-fill-available;
    z-index: 1
}

.onet-main-layout .img-blurred .blurBgImg-wrap .blurBgImg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    filter: blur(10px) brightness(.6) drop-shadow(0px 4px 4px #000);
    z-index: 0;
    opacity: .5;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.onet-main-layout .img-blurred .bg-image img {
    object-fit: contain;
    z-index: 1;
    position: absolute;
    max-width: 100%;
    margin: auto;
    top: 0;
    left: 0;
    right: 0
}

.onet-main-layout .login-bg {
    display: flex;
    width: 100%;
    background: url(onet-bg.61c295dae11d9d1d.jpg) no-repeat center center fixed;
    background-size: cover;
    min-height: 100vh;
    height: 100%;
    overflow-y: auto
}

.onet-main-layout .login-bg::-webkit-scrollbar {
    width: 8px
}

.onet-main-layout .login-bg::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px #4d4d4d59
}

.onet-main-layout .login-bg::-webkit-scrollbar-thumb {
    background: #a5a5a5;
    outline: none;
    border-radius: 5px
}

.onet-main-layout .login-bg.signup {
    display: inline-block !important
}

.onet-main-layout .login-bg>div {
    align-self: center
}

.onet-main-layout .login-form-bg {
    width: 100%;
    margin: auto;
    background-color: var(--white-color);
    border-radius: 6px
}

.onet-main-layout .login-form-bg form .form-group label {
    color: #0a2477;
    font-weight: 400
}

.onet-main-layout .login-form-bg .form-control,
.onet-main-layout .login-form-bg .form-select {
    border: 1px solid #7688C2 !important;
    border-radius: .25rem !important
}

.onet-main-layout .login-form-bg .form-select {
    color: #6e6e6e
}

.onet-main-layout .login-form-bg .form-check-input {
    width: 1em;
    height: 1em;
    border: 1px solid #1f4393
}

.onet-main-layout .login-bg h1,
.onet-main-layout .login-bg .h1 {
    font-size: 1.2rem;
    color: var(--blue-color);
    font-weight: 500
}

.onet-main-layout .txt-lnk {
    color: var(--blue-color) !important
}

.onet-main-layout .txt-lnk:hover {
    text-decoration: none;
    color: #3562c4
}

.onet-main-layout .f-siz {
    font-size: .9em
}

.onet-main-layout .mrg-dic {
    margin-top: -30px
}

.onet-main-layout .img-fit img {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    opacity: 1 !important
}

.onet-main-layout .custom-dropzone {
    height: auto !important;
    padding: 10px !important
}

.onet-main-layout .ng2-pdf-viewer-container {
    height: 300px !important;
    width: 100% !important
}

.onet-main-layout .cdk-global-overlay-wrapper,
.onet-main-layout .cdk-overlay-container {
    z-index: 99999 !important
}

.onet-main-layout .mat-form-field-infix {
    border-top: 0 !important
}

.onet-main-layout .mat-datepicker-close-button {
    position: absolute !important
}

.onet-main-layout .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
    background-color: #ff4500
}

.onet-main-layout .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
    background-color: #04455f
}

.onet-main-layout .modal,
.onet-main-layout .modal-backdrop {
    z-index: 5040 !important
}

.onet-main-layout .otp_wrapper .wrapper {
    font: inherit !important;
    min-height: inherit !important;
    overflow: inherit !important;
    background: inherit !important
}

.onet-main-layout .otp-input {
    width: 35px !important;
    height: 35px !important;
    font-size: var(--clamp14) !important;
    margin: 0 12px 0 0 !important
}

.onet-main-layout .otp_wrapper .wrapper .otp-input:focus {
    border-color: #04a3ff !important;
    outline: none
}

.onet-main-layout a,
.onet-main-layout a:hover,
.onet-main-layout a:focus,
.onet-main-layout a:active {
    text-decoration: none;
    outline: none
}

.onet-main-layout ul {
    padding: 0;
    margin: 0
}

.onet-main-layout ul li {
    list-style-type: none
}

.onet-main-layout h1,
.onet-main-layout .h1,
.onet-main-layout h2,
.onet-main-layout .h2,
.onet-main-layout h3,
.onet-main-layout .h3,
.onet-main-layout h4,
.onet-main-layout .h4 {
    font-weight: 600
}

.onet-main-layout h3,
.onet-main-layout .h3 {
    font-size: var(--clamp24)
}

.onet-main-layout h4,
.onet-main-layout .h4 {
    font-size: var(--clamp18)
}

.onet-main-layout #loader {
    position: absolute
}

.onet-main-layout .btn-primary,
.onet-main-layout .btn-primary:focus,
.onet-main-layout .btn-primary:active {
    background-color: #28abb9 !important;
    border-color: #28abb9 !important;
    padding: 3px 10px
}

.onet-main-layout .block {
    background: #fff;
    width: 100%;
    border-radius: 15px;
    padding: 15px
}

.onet-main-layout .wrapper {
    font: 15px/24px Poppins, sans-serif;
    min-height: 100vh;
    overflow-x: hidden;
    background: #2d6187
}

.onet-main-layout .main_content {
    width: calc(100% - 80px);
    left: 80px;
    position: relative;
    height: 100vh;
    background: #f6f6f6;
    border-radius: 50px 0 0 50px
}

.onet-main-layout .main_content>div {
    width: 100%
}

.onet-main-layout .sidebar_maximize .main_content {
    width: calc(100% - 200px);
    left: 200px
}

.onet-main-layout .middle_content {
    width: calc(100% - 360px);
    margin: 0 auto;
    left: -130px;
    position: relative
}

.onet-main-layout .middle_content.minimize {
    left: 130px
}

@media screen and (max-width: 767px) {
    .onet-main-layout .wrapper {
        background: #fff
    }

    .onet-main-layout .main_content {
        width: 100%;
        left: 0;
        top: 0
    }

    .onet-main-layout .middle_content {
        width: 100%;
        left: 0;
        position: relative
    }
}

@media screen and (min-width: 768px) {
    .onet-main-layout .main_content {
        overflow-y: auto;
        overflow-x: hidden
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .onet-main-layout .middle_content.minimize {
        left: 110px
    }

    .onet-main-layout .middle_content {
        width: calc(100% - 300px)
    }
}

.onet-main-layout .fit_img {
    height: 100%;
    width: 100%;
    object-position: center;
    object-fit: cover;
    background-position: 50%;
    background-size: cover
}

.onet-main-layout .mark_ht {
    font-weight: 700;
    background-color: #ff0;
    padding: 0 4px
}

.onet-main-layout .goog-text-highlight {
    background-color: inherit !important;
    box-shadow: inherit !important
}

.onet-main-layout .goog-logo-link {
    display: none !important
}

.onet-main-layout .goog-te-gadget {
    color: transparent !important
}

.onet-main-layout .goog-te-banner-frame.skiptranslate {
    display: none !important
}

.onet-main-layout .card_left span span img {
    display: block;
    width: 100% !important;
    height: 112px;
    margin-bottom: 20px
}

.onet-main-layout .dropdown-toggle:after {
    display: none !important
}

.onet-main-layout a {
    text-decoration: none !important
}

.onet-main-layout a:hover {
    text-decoration: none
}

.onet-main-layout textarea {
    resize: none;
    width: 100%;
    border-radius: 4px;
    background: #f6f9fc;
    border: 1px solid #dbdbdb;
    height: 70px
}

.onet-main-layout ul {
    margin-bottom: 0 !important
}

.onet-main-layout li {
    list-style: none
}

.onet-main-layout body {
    font-family: Poppins, sans-serif !important;
    font-size: var(--clamp16) !important
}

.onet-main-layout h1,
.onet-main-layout .h1,
.onet-main-layout h2,
.onet-main-layout .h2,
.onet-main-layout h3,
.onet-main-layout .h3,
.onet-main-layout h4,
.onet-main-layout .h4,
.onet-main-layout h5,
.onet-main-layout .h5,
.onet-main-layout h6,
.onet-main-layout .h6 {
    font-family: Poppins, sans-serif !important
}

.onet-main-layout .box-shadow {
    box-shadow: 0 2px 4px #00000014;
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08)
}

.onet-main-layout .button-bg {
    background: var(--onet-btn-color)
}

.onet-main-layout .button-bg:hover {
    background: #04b95d
}

.onet-main-layout .bg-hash {
    background: #F6F9FC
}

.onet-main-layout .bg-light-blue.posted_comment,
.onet-main-layout .bg-light-gray.reply_posted_comment {
    background-color: #fff
}

.onet-main-layout .reply_posted_comment span {
    font-weight: 600;
    font-family: var(--font-family) !important;
    font-size: var(--clamp16)
}

.onet-main-layout .bg-light-blue {
    background: #e8faeb6b
}

.onet-main-layout .bg-light-gray {
    background: rgba(206, 221, 200, .32)
}

.onet-main-layout .bg-blue {
    background: #2E87DF
}

.onet-main-layout .bg-orange {
    background: #FE9900
}

.onet-main-layout .bg-lighten-blue {
    background: var(--onet-banner-green)
}

.onet-main-layout .bg-light-pink {
    background: #FFF6FD
}

.onet-main-layout .bg-light-yellow {
    background: #FFF9F1
}

.onet-main-layout .text-green {
    color: var(--onet-btn-color) !important
}

.onet-main-layout .border-green {
    border: 1px solid var(--onet-btn-color)
}

.onet-main-layout .color-blue {
    color: #0a2477 !important
}

.onet-main-layout .mat-body,
.onet-main-layout .mat-body-1,
.onet-main-layout .mat-typography {
    font-family: Poppins, sans-serif !important
}

.onet-main-layout .story-input::placeholder {
    color: #c6d5f2
}

.onet-main-layout .story-input:focus {
    box-shadow: none
}

.onet-main-layout .dropdown-menu {
    min-width: 205px !important;
    inset: 22px auto auto 0px !important;
    box-shadow: 0 5px 8px #0000004d;
    border-radius: 8px
}

.onet-main-layout .update {
    border: 1px solid #0000001A
}

.onet-main-layout .more {
    border: 0px;
    background-color: transparent !important
}

.onet-main-layout .more .mat-menu-panel {
    font-family: Poppins, sans-serif !important
}

.onet-main-layout .recommended-friends .carousel-control-next,
.onet-main-layout .recommended-friends .carousel-control-prev {
    top: 38% !important;
    opacity: 1 !important;
    background: var(--onet-btn-color) !important;
    width: 52px !important;
    height: 52px !important;
    border-radius: 50% !important;
    border: 2px solid #fff !important;
    box-shadow: 0 3px 6px #00000029 !important
}

.onet-main-layout .recommended-friends .carousel-control-next {
    right: -15px !important
}

.onet-main-layout .recommended-friends .carousel-control-prev {
    left: -15px !important
}

.onet-main-layout .action-btn .outline-btn {
    border: 1px solid var(--onet-btn-color);
    border-radius: 21px;
    color: var(--onet-btn-color) !important
}

.onet-main-layout .action-btn .bg-green {
    background: var(--onet-btn-color);
    border-radius: 21px;
    color: var(--white-color) !important
}

.onet-main-layout .goog-te-combo {
    background: none;
    border: 0;
    max-width: 46px
}

.onet-main-layout .trans_elm_div {
    width: 100px !important
}

.onet-main-layout .form-control:focus,
.onet-main-layout .form-select {
    box-shadow: none !important
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .onet-main-layout .photos-videos a {
        margin-right: 12px !important
    }

    .onet-main-layout .side-menu ul li,
    .onet-main-layout .photos-videos a {
        line-height: 48px !important
    }

    .onet-main-layout .password_eye {
        top: 34px !important
    }
}

.onet-main-layout .mat-menu-panel {
    min-width: 112px;
    max-width: 312px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    max-height: calc(100vh - 48px);
    border-radius: 4px !important;
    outline: 0;
    min-height: 40px !important;
    margin-top: 15px
}

.onet-main-layout .mat-menu-panel:before {
    content: "";
    position: absolute;
    right: 5px;
    top: 5px;
    border-radius: 20px !important;
    border-bottom: 10px solid #aaa;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    z-index: 11
}

.onet-main-layout .mat-menu-panel:after {
    content: "";
    position: absolute;
    right: 5px;
    top: 5px;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    z-index: 11
}

.onet-main-layout .sharePost-panel:before {
    right: auto !important;
    left: 5px
}

.onet-main-layout .sharePost-panel:after {
    right: auto !important;
    left: 5px
}

.onet-main-layout .sharePost-panel button .img_width {
    width: 17px;
    margin-right: 7px
}

.onet-main-layout .sub_comments span {
    font-family: var(--font-family) !important
}

.onet-main-layout .sub_comments .bg-border {
    background-color: #f3f3f3;
    border: 1px solid #e5e5e5 !important;
    padding: 0 5px;
    border-radius: 15px;
    line-height: 22px
}

.onet-main-layout .sub_comments .bg-border .icn img {
    width: 13px
}

.onet-main-layout .sub_comments .bg-border .digi,
.onet-main-layout .sub_comments .bg-border a {
    font-size: var(--clamp14) !important
}

.onet-main-layout .whenTo {
    font-weight: 300 !important;
    color: #979797;
    font-size: var(--clamp14) !important
}

.onet-main-layout .reply-btn {
    font-family: var(--font-family) !important;
    font-weight: 500 !important;
    cursor: pointer
}

.onet-main-layout .lik-dropdown {
    position: relative;
    display: inline-block
}

.onet-main-layout .lik-dropbtn {
    color: #fff;
    padding: 16px;
    font-size: 16px;
    border: none
}

.onet-main-layout .lik-dropdown-content {
    display: none;
    position: absolute;
    top: -25px;
    background-color: transparent;
    z-index: 9
}

.onet-main-layout .lik-dropdown-content a {
    color: #000;
    padding: 12px 16px;
    text-decoration: none;
    display: block
}

.onet-main-layout .lik-dropdown-content a:hover {
    background-color: #ddd
}

.onet-main-layout .lik-dropdown:hover .lik-dropdown-content {
    display: inline-block;
    background: #fff;
    border-radius: 20px;
    width: 350px;
    top: -50px;
    left: -5px;
    padding: 5px;
    border: 1px solid #f2f2f2;
    box-shadow: 0 0 8px #8e8e8e66
}

.onet-main-layout .lik-dropdown-content::-webkit-scrollbar {
    width: 5px
}

.onet-main-layout .lik-dropdown-content::-webkit-scrollbar-track {
    background: #bfdefa
}

.onet-main-layout .lik-dropdown-content::-webkit-scrollbar-thumb {
    background: #2d4cb1
}

.onet-main-layout .lik-dropdown-content::-webkit-scrollbar-thumb:hover {
    background: #555
}

.onet-main-layout .emj-icn img {
    width: 25px;
    height: 25px;
    display: inline-grid;
    margin: .2rem
}

.onet-main-layout .lst-dw-img img {
    max-width: 40px;
    height: 40px
}

.onet-main-layout .box-layout {
    border-radius: 30px;
    background: #fff;
    box-shadow: 0 0 8px #8e8e8e0d;
    margin-bottom: 1rem;
    position: relative
}

.onet-main-layout .box-layout .mat-card-header .mat-card-title {
    font-size: var(--clamp16) !important;
    cursor: pointer;
    font-family: var(--font-family) !important
}

.onet-main-layout .box-layout .mat-card-subtitle,
.onet-main-layout .box-layout .mat-card-content {
    font-size: var(--clamp14) !important;
    font-family: var(--font-family) !important
}

.onet-main-layout .drk-blu {
    color: #1f4393
}

.onet-main-layout .modal-header .cls-siz {
    font-size: .7rem !important;
    padding: .3rem !important
}

.onet-main-layout ::ng-deep .mat-card {
    font-family: var(--font-family) !important
}

.onet-main-layout .invalid-feedback {
    color: #e91e63
}

.onet-main-layout .invalid-feedback {
    display: block
}

.onet-main-layout .custom-control-input:checked~.custom-control-label:before {
    border-color: #e91e63;
    background-color: #e91e63
}

.onet-main-layout .custom-control-input:focus~.custom-control-label:before {
    box-shadow: none
}

.onet-main-layout .btn-fill {
    background-color: var(--onet-primary-color) !important;
    color: #fff !important
}

.onet-main-layout .btn-outline {
    background: #fff !important;
    color: var(--onet-primary-color) !important;
    border: 1px solid var(--onet-primary-color) !important
}

.onet-main-layout .btn {
    font-size: var(--clamp16) !important;
    line-height: 1.4 !important;
    border-radius: 5px;
    transition: all .2s;
    margin: auto 2px;
    font-family: var(--font-family) !important;
    padding: 8px 15px
}

@media screen and (max-width: 1366px) {
    .onet-main-layout .btn {
        padding: 8px 10px;
        font-size: var(--clamp14) !important
    }
}

.onet-main-layout .btn:hover {
    opacity: .8
}

.onet-main-layout .btn-sm,
.onet-main-layout .btn-group-sm>.btn {
    padding: .3rem .5rem !important;
    font-size: .8rem !important;
    border-radius: .25rem !important
}

.onet-main-layout .btn.disabled,
.onet-main-layout .btn:disabled,
.onet-main-layout fieldset:disabled .btn {
    pointer-events: auto !important;
    cursor: not-allowed !important
}

.onet-main-layout .mat-drawer .main-logo,
.onet-main-layout .mat-drawer .gm-user {
    display: none
}

.onet-main-layout .sidemenu {
    width: 58px;
    margin-left: 0rem;
    box-shadow: 4px 1px 6px -7px #565656 inset
}

.onet-main-layout .sidemenu .sidenav-inn {
    overflow: auto;
    height: calc(100vh - 80px)
}

.onet-main-layout .sidemenu .sidenav-inn::-webkit-scrollbar {
    width: 3px
}

@media screen and (max-width: 1024px) {
    .onet-main-layout .sidemenu .sidenav-inn::-webkit-scrollbar {
        width: 3px
    }
}

.onet-main-layout .sidemenu .sidenav-inn::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px #0000
}

.onet-main-layout .sidemenu .sidenav-inn::-webkit-scrollbar-thumb {
    background: #62a5e7;
    outline: none;
    border-radius: 5px
}

@media screen and (max-width: 1024px) {
    .onet-main-layout .sidemenu .sidenav-inn::-webkit-scrollbar-thumb {
        background: #62a5e7a1
    }
}

.onet-main-layout .sidemenu .sidenav-inn ul {
    margin-left: 2px;
    margin-top: 10px
}

.onet-main-layout .sidemenu .media {
    justify-content: center
}

.onet-main-layout .media span {
    display: none
}

@media screen and (max-width: 1024px) {
    .onet-main-layout .sidemenu {
        margin-left: 0rem !important
    }

    .onet-main-layout .sidemenu .media {
        justify-content: center
    }

    .onet-main-layout .mat-drawer {
        width: 60px
    }

    .onet-main-layout .mat-drawer span {
        display: none
    }

    .onet-main-layout .mat-drawer ul li {
        margin-left: 0rem !important;
        justify-content: center
    }

    .onet-main-layout .mat-drawer ul li .nav-icn {
        margin-right: 0 !important
    }
}

.onet-main-layout .sidemenu ul li {
    margin-left: 0rem !important;
    justify-content: center
}

.onet-main-layout .sidemenu ul li .nav-icn {
    margin-right: 0 !important
}

@media screen and (max-width: 1024px) {
    .onet-main-layout .mat-drawer.mat-drawer-opened .sidemenu {
        width: auto !important
    }

    .onet-main-layout .mat-drawer.mat-drawer-opened .sidemenu ul li {
        margin-left: auto !important;
        justify-content: start !important
    }

    .onet-main-layout .mat-drawer.mat-drawer-opened .sidemenu ul li span {
        display: block !important
    }

    .onet-main-layout .mat-drawer.mat-drawer-opened .sidemenu ul li .nav-icn {
        margin-right: 10px
    }
}

.onet-main-layout .mat-drawer.mat-drawer-opened .sidemenu ul li {
    justify-content: flex-start
}

.onet-main-layout .mat-drawer.mat-drawer-opened .sidemenu ul li .nav-icn {
    margin-right: 10px !important
}

.onet-main-layout .round_pic {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    flex-shrink: 0;
    object-fit: cover
}

.onet-main-layout .fw-bold {
    font-weight: 600 !important
}

.onet-main-layout .cke_chrome {
    border-color: #ccc !important;
    margin: 10px 0 !important;
    border-radius: 2px !important
}

.onet-main-layout .tool_tip {
    position: relative;
    cursor: pointer;
    display: inline-block
}

.onet-main-layout .tool_tip:hover .tooltiptext {
    visibility: visible
}

.onet-main-layout .tool_tip .tooltiptext {
    visibility: hidden;
    margin-top: 5px;
    margin-left: -30px;
    padding: 0 10px !important;
    color: #034c53;
    background-color: #e0e9ea;
    line-height: 1.5;
    min-width: max-content;
    text-align: left;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    font-size: var(--clamp13) !important
}

.onet-main-layout ::ng-deep .drop-sm button {
    line-height: 35px !important;
    height: 35px !important
}

.onet-main-layout ::ng-deep .drop-sm button:hover {
    background-color: #fff9f1 !important
}

.onet-main-layout .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    display: none !important
}

.onet-main-layout .custom-loader {
    position: absolute;
    z-index: 999999999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.onet-main-layout .mt-25 {
    margin-top: 25px
}

.onet-main-layout .mt-50 {
    margin-top: 50px
}

.onet-main-layout .mt-100 {
    margin-top: 100px
}

.onet-main-layout .mt-150 {
    margin-top: 150px
}

.onet-main-layout .mt-200 {
    margin-top: 200px
}

.onet-main-layout .mat-menu-content:not(:empty) {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.onet-main-layout .mat-menu-item:hover:not([disabled]) {
    background: #eeeeee
}

.onet-main-layout button.mat-menu-item {
    height: -moz-fit-content;
    height: fit-content;
    line-height: 40px !important
}

.onet-main-layout .modal-header h5,
.onet-main-layout .modal-header .h5 {
    color: var(--onet-text-color) !important;
    font-size: var(--clamp20) !important;
    position: relative;
    z-index: 1
}

.onet-main-layout .modal-header img {
    cursor: pointer;
    width: 27px
}

.onet-main-layout .modal-header button {
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0
}

.onet-main-layout ::ng-deep .create-post-popup .modal-dialog {
    min-width: 700px !important;
    height: 90%;
    width: 100%;
    justify-content: center
}

.onet-main-layout ::ng-deep .edit-post-modal .modal-dialog {
    min-width: 700px !important;
    height: 90%;
    width: 100%;
    justify-content: center
}

.onet-main-layout .delete-modal {
    margin-top: 150px !important
}

.onet-main-layout .cke_resizer_ltr {
    display: none
}

.onet-main-layout .delete-modal .modal-dialog {
    min-width: 320px !important
}

@media screen and (max-width: 1440px) {
    .onet-main-layout .delete-modal .modal-dialog {
        min-width: 340px !important
    }
}

@keyframes slideFlip {
    0% {
        left: 50px;
        top: 10px
    }

    50% {
        transform: rotateY(90deg)
    }

    to {
        left: 250px;
        top: 10px
    }
}

.onet-main-layout .form-signup,
.onet-main-layout .forget-pwd {
    animation: 1s ease-out 0s slideFlip
}

@keyframes slideInFromRight {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

.onet-main-layout .lets-connect,
.onet-main-layout .form-signin {
    animation: 1s ease-out 0s slideInFromRight
}

.onet-main-layout .login-bg {
    overflow: hidden
}

.onet-main-layout .log_capts {
    text-align: center;
    position: relative;
    right: 90px
}

@media screen and (max-width: 1440px) {
    .onet-main-layout .log_capts {
        right: 30px
    }
}

@media screen and (max-width: 1366px) {
    .onet-main-layout .log_capts {
        right: 60px
    }
}

@media screen and (max-width: 1200px) {
    .onet-main-layout .log_capts {
        right: 0px
    }
}

@keyframes slideInFromLeft {
    0% {
        transform: translate(-100%)
    }

    70% {
        transform: translate(0)
    }

    to {
        transform: translate(0)
    }
}

.onet-main-layout .log_capts .capts {
    animation: 2s ease-out 0s 1 slideInFromLeft;
    margin-bottom: 4rem
}

@keyframes slideUpDownA {

    0%,
    to {
        transform: scale(1)
    }

    50% {
        transform: scale(1.15)
    }
}

.onet-main-layout .log_capts .capts h2,
.onet-main-layout .log_capts .capts .h2 {
    animation: slideUpDownA 1s alternate;
    animation-delay: 1.5s;
    color: #0a2477;
    font-weight: 700;
    font-size: var(--clamp36);
    margin-bottom: 1.5rem
}

.onet-main-layout .log_capts .capts p {
    font-weight: 600;
    color: #0a2477;
    font-size: var(--clamp20)
}

@media screen and (max-width: 1200px) {
    .onet-main-layout .log_capts .capts p {
        font-size: var(--clamp18)
    }
}

.onet-main-layout .log_capts .anim_icns {
    display: flex
}

.onet-main-layout .log_capts .anim_icns .icn {
    border-radius: 100%;
    display: inline-block;
    width: 90px;
    height: 90px;
    background: #fff;
    line-height: 90px;
    text-align: center;
    box-shadow: 0 5px 10px #8b8b8b8f;
    margin-right: 30px
}

@media screen and (max-width: 1366px) {
    .onet-main-layout .log_capts .anim_icns .icn {
        width: 70px;
        height: 70px;
        line-height: 65px;
        margin-right: auto
    }
}

.onet-main-layout .log_capts .anim_icns .icn img {
    width: 90px;
    height: 90px;
    margin: auto
}

@media screen and (max-width: 1366px) {
    .onet-main-layout .log_capts .anim_icns .icn img {
        width: 70px;
        height: 70px
    }
}

.onet-main-layout .log_capts .anim_icns .commentt,
.onet-main-layout .log_capts .anim_icns .share {
    position: relative;
    top: 30px
}

.onet-main-layout .log_capts .anim_icns .commentt img,
.onet-main-layout .log_capts .anim_icns .share img {
    width: 50px;
    height: 50px
}

@media screen and (max-width: 1366px) {

    .onet-main-layout .log_capts .anim_icns .commentt img,
    .onet-main-layout .log_capts .anim_icns .share img {
        width: 30px;
        height: 30px
    }
}

.onet-main-layout .log_capts .anim_icns .circle {
    position: relative;
    top: -30px
}

.onet-main-layout .log_capts .anim_icns .circle img {
    border-radius: 100%
}

@keyframes slideUpDown {

    0%,
    to {
        transform: translateY(-20px)
    }

    50% {
        transform: translateY(0)
    }
}

.onet-main-layout .icn_top1 {
    animation: slideUpDown 2s alternate infinite;
    animation-delay: .5s
}

.onet-main-layout .icn_top2 {
    animation: slideUpDown 2s alternate infinite;
    animation-delay: .75s
}

.onet-main-layout .icn_top3 {
    animation: slideUpDown 2s alternate infinite;
    animation-delay: 1s
}

.onet-main-layout .icn_top4 {
    animation: slideUpDown 2s alternate infinite;
    animation-delay: 1.25s
}

@keyframes slideUpDown {

    0%,
    to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-20px)
    }
}

.onet-main-layout .icn_top5 {
    animation: slideUpDown 2s alternate infinite;
    animation-delay: 1.5s
}

@keyframes slideDownUp {

    0%,
    to {
        transform: translateY(0)
    }

    50% {
        transform: translateY(20px)
    }
}

.onet-main-layout .icn_bott1111 {
    animation: slideDownUp 3s linear infinite
}

.onet-main-layout .cke_inner .cke_contents {
    height: 140px !important
}

.onet-main-layout .grayFont {
    color: #ababab;
    font-weight: 400
}

.onet-main-layout .globe_chat {
    display: flex;
    position: fixed;
    align-items: center;
    bottom: 10px;
    left: 250px;
    z-index: 999;
    cursor: move
}

@media screen and (min-width: 540px) and (max-width: 1024px) {
    .onet-main-layout .globe_chat {
        left: 40px
    }
}

.onet-main-layout .globe_chat:hover .btns {
    display: block;
    margin-left: -30px
}

.onet-main-layout .globe_chat:hover .btns .btns-inn {
    display: flex;
    z-index: -1;
    transition: all .3s ease-out
}

.onet-main-layout .globe_chat .icon-globe img {
    width: 60px
}

.onet-main-layout .globe_chat .btns {
    display: none
}

.onet-main-layout .globe_chat .btns .btns-inn {
    position: absolute;
    top: 30px;
    z-index: -1;
    padding: 7px 10px 7px 35px;
    background: var(--onet-primary-color);
    border-radius: 20px;
    box-shadow: 0 2px 10px 2px #0000005e;
    overflow: hidden
}

.onet-main-layout .globe_chat .btns .btns-inn:after {
    position: absolute;
    content: "";
    background-image: url(/assets/onet/images/sidenav-icons/sidenav-patch.png);
    background-repeat: no-repeat;
    width: 160px;
    background-size: cover;
    right: 0;
    z-index: 1;
    top: 0;
    bottom: 0
}

.onet-main-layout .globe_chat .btns .btns-inn button {
    border: transparent;
    background: #027b24;
    margin: auto 5px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    box-shadow: 1px 1px 3px #ffffff91;
    z-index: 2
}

.onet-main-layout .globe_chat .btns .btns-inn button:hover {
    opacity: .7
}

.onet-main-layout .globe_chat .btns .btns-inn button img {
    width: 20px;
    padding: 3px;
    transition: all .4s;
    filter: brightness(10)
}

.onet-main-layout .globe_chat .btns .btns-inn button:hover {
    transition: all .4s
}

.onet-main-layout .globe_chat .btns .btns-inn button:hover img {
    transform: rotate(360deg)
}

@media screen and (max-width: 640px) {
    .onet-main-layout .select-lang {
        margin-right: 20px
    }
}

@media screen and (max-width: 480px) {
    .onet-main-layout .select-lang {
        margin-right: -15px
    }
}

.onet-main-layout .select-lang .trans_elm_div {
    display: block;
    min-width: 160px !important;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    border: 1px solid #B2CFE9;
    border-radius: 20px;
    padding: 0 5px;
    position: relative;
    cursor: pointer;
    background: #fff
}

@media screen and (max-width: 1600px) {
    .onet-main-layout .select-lang .trans_elm_div {
        min-width: 160px !important
    }
}

.onet-main-layout .select-lang .trans_elm_div:after {
    position: absolute;
    content: "";
    border-top: solid 7px #747474;
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
    top: 11px;
    right: 10px
}

.onet-main-layout .select-lang .goog-te-gadget {
    position: relative;
    color: transparent
}

.onet-main-layout .select-lang select {
    outline: none;
    font-weight: 400;
    border: none;
    box-shadow: inset 0 -5px 5px #ffffff26, inset 0 10px 10px #ffffff26;
    border-radius: 4px;
    background-color: transparent !important;
    font-size: var(--clamp14);
    --webkit-appearance: none;
    --moz-appearance: none;
    padding: 0 15px
}

.onet-main-layout .select-lang select option {
    color: var(--main-color) !important
}

@media screen and (max-width: 460px) {
    .onet-main-layout .select-lang {
        position: absolute;
        top: 5px;
        left: 17px
    }
}

@media screen and (max-width: 280px) {
    .onet-main-layout .select-lang {
        left: auto
    }
}

.onet-main-layout .select-lang select {
    box-shadow: none !important
}

.onet-main-layout .select-lang .goog-text-highlight {
    background-color: inherit !important;
    box-shadow: inherit !important
}

.onet-main-layout .select-lang .goog-logo-link {
    display: none !important
}

.onet-main-layout .select-lang .goog-te-gadget {
    color: transparent !important
}

.onet-main-layout .select-lang .goog-te-banner-frame.skiptranslate {
    display: none !important
}

.onet-main-layout .select-lang .goog-te-combo {
    background: none;
    border: 0;
    padding: 0 .5em;
    position: relative;
    z-index: 9;
    max-height: 20px;
    line-height: 20px
}

.onet-main-layout input,
.onet-main-layout select {
    font-size: var(--clamp16) !important
}

.onet-main-layout .create-tagged-friends-popup.tag-inn {
    background: #00000073 !important
}

.onet-main-layout .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
    border-color: var(--onet-primary-color) !important
}

.onet-main-layout .mat-radio-button.mat-accent .mat-radio-inner-circle {
    background-color: var(--onet-primary-color) !important
}

.onet-main-layout .mat-radio-outer-circle {
    border-color: var(--onet-primary-color) !important
}

.onet-main-layout .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple {
    background-color: var(--onet-primary-color) !important
}

.onet-main-layout .cat_items .tool_tip {
    position: relative !important;
    display: inline-block !important
}

.onet-main-layout .cat_items .tool_tip:hover .tooltiptext {
    visibility: visible !important
}

.onet-main-layout .cat_items .tool_tip .tooltiptext {
    visibility: hidden !important;
    background-color: #e0e9ea !important;
    text-align: center !important;
    line-height: 2 !important;
    border-radius: 5px !important;
    bottom: 40px !important;
    top: auto !important
}

.onet-main-layout .cat_items .tool_tip .tooltiptext:after {
    top: 100% !important;
    left: 30% !important;
    bottom: auto !important;
    border-color: #48547B transparent transparent transparent !important
}

.onet-main-layout .schedulePost .tool_tip .icn {
    background-color: var(--onet-btn-color);
    padding: 5px;
    line-height: 27px;
    margin-left: 1px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.onet-main-layout .schedulePost .tool_tip .tooltiptext {
    bottom: -38px !important;
    margin-left: -82px !important;
    background: #fff9f1 !important;
    color: #000000de;
    opacity: 1 !important;
    font-size: var(--clamp16) !important;
    line-height: 2;
    cursor: pointer
}

.onet-main-layout .schedulePost .tool_tip .tooltiptext:after {
    top: -27% !important;
    left: 85% !important;
    border-color: transparent transparent #fff9f1 transparent !important
}

.onet-main-layout .textdotted {
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis
}

.onet-main-layout .w-250 {
    width: 250px !important
}

.onet-main-layout .w-95 {
    width: 95% !important
}

.onet-main-layout .mw-25 {
    max-width: 25% !important
}

.onet-main-layout .mw-50 {
    max-width: 50% !important
}

.onet-main-layout .mw-75 {
    max-width: 75% !important
}

.onet-main-layout .mw-100 {
    max-width: 100% !important
}

@media screen and (max-width: 767.98px) {
    .onet-main-layout .w-md-100 {
        width: 100% !important
    }
}

@media screen and (max-width: 575.98px) {
    .onet-main-layout .w-sm-100 {
        width: 100% !important
    }
}

.onet-main-layout .c-scroll .mat-tab-body-wrapper {
    height: calc(100vh - 220px);
    overflow-y: auto;
    overflow-x: hidden;
    display: block;
    margin-top: 1rem
}

@media screen and (max-width: 540px) {
    .onet-main-layout .c-scroll .mat-tab-body-wrapper {
        overflow-y: overlay !important
    }

    .onet-main-layout .c-scroll .mat-tab-body-wrapper::-webkit-scrollbar {
        width: 0px !important
    }
}

.onet-main-layout .c-scroll .mat-tab-body-wrapper::-webkit-scrollbar {
    width: 8px
}

.onet-main-layout .c-scroll .mat-tab-body-wrapper::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px #0000
}

.onet-main-layout .c-scroll .mat-tab-body-wrapper::-webkit-scrollbar-thumb {
    background: #b4bcc9;
    outline: none;
    border-radius: 5px
}

.onet-main-layout .c-scroll .mat-tab-body-wrapper .mat-tab-body.mat-tab-body-active {
    margin-right: 10px
}

@media screen and (max-width: 540px) {
    .onet-main-layout .c-scroll .mat-tab-body-wrapper .mat-tab-body.mat-tab-body-active {
        margin-right: 0 !important
    }
}

.onet-main-layout .createSch.date-wrap .mat-datepicker-toggle button {
    position: absolute;
    right: 0;
    top: -4px
}

.onet-main-layout .createSch.date-wrap .mat-datepicker-toggle button .mat-datepicker-toggle-default-icon {
    width: 20px !important
}

.onet-main-layout .fr-command.fr-btn {
    height: 25px !important;
    background-color: #ceddc927 !important
}

.onet-main-layout .fr-command.fr-btn svg {
    margin: 0 5px !important;
    width: 18px !important
}

.onet-main-layout .fr-popup .fr-command.fr-btn {
    height: auto !important
}

.onet-main-layout .post-share-links .fr-box.fr-basic .fr-element {
    min-height: 40px;
    padding: 0 15px
}

.onet-main-layout .post-share-links .fr-wrapper.show-placeholder .fr-placeholder {
    margin-top: 0 !important;
    padding-top: 10px !important
}

.onet-main-layout .textExtend_froala p {
    margin-top: 10px !important
}

.onet-main-layout .posted_comment span,
.onet-main-layout .reply_posted_comment span {
    font-family: var(--font-family) !important
}

.onet-main-layout .posted_comment p,
.onet-main-layout .reply_posted_comment p {
    font-size: var(--clamp16) !important;
    font-family: Poppins, sans-serif !important;
    margin-top: 5px;
    font-weight: 400;
    word-break: break-all;
    color: #67696b
}

.onet-main-layout .posted_comment p em,
.onet-main-layout .reply_posted_comment p em {
    font-weight: 600
}

.onet-main-layout .posted_comment p img,
.onet-main-layout .reply_posted_comment p img {
    width: 110px !important
}

@media screen and (max-width: 990px) {

    .onet-main-layout .posted_comment p img,
    .onet-main-layout .reply_posted_comment p img {
        width: 70px !important
    }
}

.onet-main-layout .posted_comment h6,
.onet-main-layout .posted_comment .h6,
.onet-main-layout .reply_posted_comment h6,
.onet-main-layout .reply_posted_comment .h6 {
    font-weight: 600;
    font-size: var(--clamp16)
}

.onet-main-layout .reply-btn {
    font-size: var(--clamp16)
}

.onet-main-layout .reply-btn:hover {
    opacity: .9
}

.onet-main-layout .mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding-bottom: 0 !important
}

.onet-main-layout .fr-emoticon-img {
    background-repeat: no-repeat !important;
    display: inline-block !important;
    width: 25px;
    height: 20px
}

.onet-main-layout .post_text {
    font-size: var(--clamp16) !important
}

.onet-main-layout .post_text p {
    display: block;
    font-size: var(--clamp16) !important
}

.onet-main-layout .post_text p span {
    display: block;
    background-repeat: no-repeat !important
}

.onet-main-layout .post_text p em {
    font-weight: 600
}

.onet-main-layout .smily-tool-tip {
    width: 25px;
    font-size: 13px !important
}

.onet-main-layout .smily-tool-tip .tooltiptext {
    visibility: hidden;
    background-color: #48547b;
    opacity: .5;
    min-width: max-content;
    color: #fff;
    text-align: left;
    padding: 3px 1px !important;
    border-radius: 6px;
    position: absolute;
    z-index: 999;
    margin-left: 0;
    line-height: 2;
    font-size: var(--clamp12) !important
}

.onet-main-layout .smily-tool-tip .tooltiptext:after {
    border: none
}

.onet-main-layout ul.pagination li.page-item:not(:first-child) .page-link {
    margin-left: 3px !important
}

.onet-main-layout ul.pagination li a {
    padding: 2px 10px !important;
    text-align: center !important;
    font-size: var(--clamp20) !important
}

.onet-main-layout .textExtend_froala .fr-wrapper .fr-element.fr-view {
    overflow: auto !important;
    max-height: 160px !important
}

.onet-main-layout .textExtend_froala .fr-wrapper .fr-element.fr-view::-webkit-scrollbar {
    width: 7px
}

@media screen and (max-width: 640px) {
    .onet-main-layout .textExtend_froala .fr-wrapper .fr-element.fr-view::-webkit-scrollbar {
        width: 0
    }
}

.onet-main-layout .textExtend_froala .fr-wrapper .fr-element.fr-view::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px #4d4d4d18
}

.onet-main-layout .textExtend_froala .fr-wrapper .fr-element.fr-view::-webkit-scrollbar-thumb {
    background: #cfcfcf;
    outline: none;
    border-radius: 5px
}

.onet-main-layout .textExtend_froala span {
    font-weight: 400 !important;
    font-family: var(--font-family) !important
}

.onet-main-layout .edt-cmt .fr-wrapper .fr-element.fr-view {
    min-height: 20px;
    padding-bottom: 0
}

.onet-main-layout .main-card {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    margin-top: 1rem
}

.onet-main-layout .onet-left-wrapper {
    width: 312px;
    position: absolute;
    left: 0;
    margin-right: 0;
    top: 15px;
    z-index: 9;
    height: 100%
}

@media screen and (max-width: 1536px) {
    .onet-main-layout .onet-left-wrapper {
        width: 290px
    }
}

@media screen and (max-width: 1366px) {
    .onet-main-layout .onet-left-wrapper {
        width: 260px
    }
}

@media screen and (max-width: 991px) {
    .onet-main-layout .onet-left-wrapper {
        margin-right: 0;
        overflow-x: hidden
    }
}

@media screen and (max-width: 767px) {
    .onet-main-layout .onet-left-wrapper {
        width: 0px;
        display: none
    }
}

.onet-main-layout .onet-right-wrapper {
    width: 312px;
    margin-left: -312px;
    height: 100%
}

@media screen and (max-width: 1536px) {
    .onet-main-layout .onet-right-wrapper {
        width: 290px;
        margin-left: -290px
    }
}

@media screen and (max-width: 1366px) {
    .onet-main-layout .onet-right-wrapper {
        width: 260px;
        margin-left: -260px
    }
}

@media screen and (max-width: 991px) {
    .onet-main-layout .onet-right-wrapper {
        margin-left: -260px;
        overflow-x: hidden
    }
}

@media screen and (max-width: 1199px) {
    .onet-main-layout .onet-right-wrapper {
        width: 260px
    }
}

@media screen and (max-width: 860px) {
    .onet-main-layout .onet-right-wrapper {
        width: 0px;
        display: none
    }
}

.onet-main-layout .mat_select {
    font-family: var(--font-family) !important;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    padding: 5px 0;
    color: #212529;
    font-weight: 500
}

.onet-main-layout .schedulePost-dropbox .schedulePost_inn button {
    min-width: 400px !important;
    max-width: 400px !important
}

.onet-main-layout .schedulePost-dropbox .schedulePost_inn button .schedulePost_inn .btns {
    display: flex !important;
    align-items: center !important
}

.onet-main-layout .secondary-btn {
    border-radius: 10px;
    background: #f3f3f3;
    border: 1px solid #dedede;
    color: #2e3744;
    font-size: var(--clamp14) !important;
    padding: 8px 15px
}

.onet-main-layout .secondary-btn:hover {
    color: #2e3744;
    opacity: .8
}

.onet-main-layout .img-grid .o-img {
    width: 50%;
    height: 350px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    padding: 5px;
    cursor: pointer;
    transition: .2s all ease-in-out;
    overflow: hidden
}

@media screen and (max-width: 1366px) {
    .onet-main-layout .img-grid .o-img {
        height: 300px
    }
}

@media screen and (max-width: 767px) {
    .onet-main-layout .img-grid .o-img {
        width: 100%
    }
}

.onet-main-layout .img-grid .o-img:last-child:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.onet-main-layout .img-grid .o-img:hover {
    opacity: .9
}

.onet-main-layout .img-grid .o-img img,
.onet-main-layout .img-grid .o-img video {
    width: 100%;
    object-fit: cover;
    height: 100%;
    border-radius: 10px;
    box-shadow: 0 0 5px -2px #6f6f6f
}

.onet-main-layout .img-grid .o-img .vedioPlay {
    position: relative;
    height: 100%;
    transition: all .3s;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 auto;
    text-align: center
}

.onet-main-layout .img-grid .o-img .vedioPlay:before {
    transition: all .3s;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9;
    width: 45px;
    height: 45px;
    margin: auto;
    background: url(play.d592b73ff79befdf.svg);
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 50%;
    background-position: center
}

.onet-main-layout .img-grid .o-img .vedioPlay:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #0c0c0c;
    opacity: .5
}

.onet-main-layout .img-grid .o-img .vedioPlay:hover {
    transition: all .3s
}

.onet-main-layout .img-grid .o-img .vedioPlay:hover:before {
    transform: scale(1.1);
    transition: all .3s
}

.onet-main-layout .img-grid .o-img video {
    height: 100% !important
}

.onet-main-layout .img-grid .o-img video .controls progress {
    display: block;
    width: 100%;
    height: 81%;
    margin-top: .125rem;
    border: none;
    color: #0095dd;
    border-radius: 2px
}

.onet-main-layout .img-grid .o-img .more_img {
    position: absolute;
    font-size: var(--clamp48);
    left: 5px;
    right: 5px;
    top: 5px;
    bottom: 5px;
    margin: auto;
    z-index: 1;
    text-align: center;
    color: #fff;
    line-height: 4;
    font-family: var(--font-family) !important
}

@media screen and (max-width: 1366px) {
    .onet-main-layout .img-grid .o-img .more_img {
        line-height: 5
    }
}

@media screen and (max-width: 991px) {
    .onet-main-layout .img-grid .o-img .more_img {
        font-size: var(--clamp70);
        line-height: 2.5
    }
}

@media screen and (max-width: 767px) {
    .onet-main-layout .img-grid .o-img .more_img {
        font-size: var(--clamp70);
        line-height: 2.5
    }
}

.onet-main-layout .img-grid .o-img .more_img:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #000;
    opacity: .6;
    z-index: -1;
    border-radius: 10px
}

@media screen and (max-width: 991px) {
    .onet-main-layout .img-grid .o-img .more_img:before {
        background: radial-gradient(#000000c4, transparent);
        background-color: #10d3ba
    }
}

.onet-main-layout .img-grid .o-img .more_img span {
    position: absolute;
    width: 30%;
    height: 30%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    color: #fff;
    margin: auto
}

.onet-main-layout .img-grid .o-img .blurBgImg,
.onet-main-layout .img-grid .o-img .blurBgImgTag {
    display: none
}

.onet-main-layout .img-grid .o-img.x-one {
    width: 100% !important;
    height: 350px;
    background: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    padding: 0;
    border: 1px solid #ebebeb
}

@media screen and (max-width: 1366px) {
    .onet-main-layout .img-grid .o-img.x-one {
        height: 300px
    }
}

@media screen and (max-width: 540px) {
    .onet-main-layout .img-grid .o-img.x-one {
        height: 100% !important
    }
}

.onet-main-layout .img-grid .o-img.x-one .blurBgImg {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    filter: blur(10px) brightness(.6) drop-shadow(0px 4px 4px #000);
    z-index: 0;
    opacity: .5;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    object-fit: cover !important
}

.onet-main-layout .img-grid .o-img.x-one img {
    height: 100% !important;
    width: 100% !important;
    max-width: 100%;
    margin: auto;
    object-fit: contain !important
}

.onet-main-layout .img-grid .o-img.x-one .blurBgImgTag {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    filter: blur(10px) brightness(.6) drop-shadow(0px 4px 4px #000);
    z-index: 0;
    opacity: .5;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important
}

.onet-main-layout .img-grid .o-img.x-one img,
.onet-main-layout .img-grid .o-img.x-one video {
    height: auto;
    display: block;
    position: relative
}

.onet-main-layout .img-grid .o-img.x-one .vedioPlay {
    position: relative
}

.onet-main-layout .img-grid .o-img.x-one .vedioPlay:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9;
    width: 45px;
    height: 45px;
    margin: auto;
    background: url(play.d592b73ff79befdf.svg);
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 50%;
    background-position: center
}

.onet-main-layout .img-grid .o-img.x-one .vedioPlay:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #0c0c0c;
    opacity: .5
}

.onet-main-layout .img-grid .o-img.x-one .vedioPlay video {
    border-radius: 10px !important
}

.onet-main-layout .img-grid .o-img.xxx-two {
    height: 175px
}

@media screen and (max-width: 1366px) {
    .onet-main-layout .img-grid .o-img.xxx-two {
        height: 150px
    }
}

@media screen and (max-width: 767px) {
    .onet-main-layout .img-grid .o-img.xxx-two {
        height: 260px;
        width: 50%
    }
}

.onet-main-layout .img-grid .o-img.xxx-three {
    height: 175px;
    position: absolute;
    bottom: 0;
    right: 0
}

@media screen and (max-width: 1366px) {
    .onet-main-layout .img-grid .o-img.xxx-three {
        height: 150px
    }
}

@media screen and (max-width: 767px) {
    .onet-main-layout .img-grid .o-img.xxx-three {
        height: 260px;
        width: 50%
    }
}

.onet-main-layout .img-grid .o-img.xxxx-two,
.onet-main-layout .img-grid .o-img.xxxxx-two {
    height: 175px
}

@media screen and (max-width: 1366px) {

    .onet-main-layout .img-grid .o-img.xxxx-two,
    .onet-main-layout .img-grid .o-img.xxxxx-two {
        height: 150px
    }
}

@media screen and (max-width: 767px) {

    .onet-main-layout .img-grid .o-img.xxxx-two,
    .onet-main-layout .img-grid .o-img.xxxxx-two {
        width: 50%;
        height: 260px
    }
}

.onet-main-layout .img-grid .o-img.xxxx-three,
.onet-main-layout .img-grid .o-img.xxxxx-three {
    height: 175px;
    position: absolute;
    bottom: 0;
    right: 25%;
    width: 25%
}

@media screen and (max-width: 1366px) {

    .onet-main-layout .img-grid .o-img.xxxx-three,
    .onet-main-layout .img-grid .o-img.xxxxx-three {
        height: 150px
    }
}

@media screen and (max-width: 767px) {

    .onet-main-layout .img-grid .o-img.xxxx-three,
    .onet-main-layout .img-grid .o-img.xxxxx-three {
        position: initial;
        width: 50%;
        height: 130px
    }
}

.onet-main-layout .img-grid .o-img.xxxx-four,
.onet-main-layout .img-grid .o-img.xxxxx-four {
    height: 175px;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 25%
}

@media screen and (max-width: 1366px) {

    .onet-main-layout .img-grid .o-img.xxxx-four,
    .onet-main-layout .img-grid .o-img.xxxxx-four {
        height: 150px
    }
}

@media screen and (max-width: 767px) {

    .onet-main-layout .img-grid .o-img.xxxx-four,
    .onet-main-layout .img-grid .o-img.xxxxx-four {
        width: 50%;
        height: 130px
    }
}

.onet-main-layout .play-icn {
    transition: all .2s;
    position: absolute;
    cursor: pointer;
    z-index: 9;
    box-shadow: 0 0 40px -3px #000;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 10px;
    border-radius: 50%
}

.onet-main-layout .play-icn:hover {
    transition: all .2s;
    box-shadow: 0 0 20px 2px #000;
    border-radius: 50%
}

.onet-main-layout .nowrap {
    white-space: nowrap
}

.onet-main-layout .text-dot-limit {
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-all;
    font-family: var(--font-family) !important;
    max-height: 45px;
    line-height: 22px
}

.onet-main-layout .text-dot-limit-oneLine {
    -webkit-line-clamp: 1 !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-all;
    font-family: var(--font-family) !important;
    height: 23px;
    line-height: 22px
}

.onet-main-layout .write-your-story>div,
.onet-main-layout .textExtend_froala>div {
    border: 1px solid #ccc;
    border-radius: 10px;
    font-family: var(--font-family) !important;
    font-weight: 500 !important
}

.onet-main-layout .fr-toolbar .fr-newline {
    display: none
}

.onet-main-layout .fr-second-toolbar,
.onet-main-layout .fr-box.fr-basic .fr-wrapper,
.onet-main-layout .fr-toolbar {
    border: none !important
}

.onet-main-layout .fr-box.fr-basic .fr-wrapper {
    border-radius: 10px !important
}

.onet-main-layout .onet-right-content {
    width: 100%;
    padding-left: 312px
}

@media screen and (max-width: 1536px) {
    .onet-main-layout .onet-right-content {
        padding-left: 290px
    }
}

@media screen and (max-width: 1366px) {
    .onet-main-layout .onet-right-content {
        padding-left: 260px
    }
}

@media screen and (max-width: 1199px) {
    .onet-main-layout .onet-right-content {
        padding-left: 0;
        position: relative;
        z-index: 2
    }
}

.onet-main-layout .onet-left-content {
    width: 100%;
    padding-right: 312px
}

@media screen and (max-width: 1536px) {
    .onet-main-layout .onet-left-content {
        padding-right: 290px
    }
}

@media screen and (max-width: 1366px) {
    .onet-main-layout .onet-left-content {
        padding-right: 260px
    }
}

@media screen and (min-width: 992px) and (max-width: 1199) {
    .onet-main-layout .onet-left-content {
        margin-top: 56px
    }
}

@media screen and (max-width: 1199px) {
    .onet-main-layout .onet-left-content {
        padding-right: 0;
        position: relative;
        z-index: 2
    }
}

.onet-main-layout .onet-left-content-inn {
    position: relative;
    top: 0
}

.onet-main-layout .onet-public-left-content {
    width: 100%;
    padding-right: 312px;
    padding-left: 312px
}

@media screen and (max-width: 1536px) {
    .onet-main-layout .onet-public-left-content {
        padding-left: 290px;
        padding-right: 290px
    }
}

@media screen and (max-width: 1366px) {
    .onet-main-layout .onet-public-left-content {
        padding-right: 260px;
        padding-left: 260px
    }
}

@media screen and (max-width: 1199px) {
    .onet-main-layout .onet-public-left-content {
        padding-right: 0
    }
}

@media screen and (max-width: 640px) {
    .onet-main-layout .onet-public-left-content {
        padding-left: 0
    }
}

.onet-main-layout .onet-public-left-content .onet-public-left-content-inn {
    margin: 0 1.5rem
}

@media screen and (max-width: 1199px) {
    .onet-main-layout .onet-public-left-content .onet-public-left-content-inn {
        margin: 0 1rem;
        margin-right: 0
    }
}

@media screen and (max-width: 640px) {
    .onet-main-layout .onet-public-left-content .onet-public-left-content-inn {
        margin: 0 0rem
    }
}

.onet-main-layout .onet-public-left-content .onet-right-wrapper {
    top: 50px !important;
    right: 0
}

.onet-main-layout .frnd-profile {
    height: 200px !important;
    top: 0 !important
}

@media screen and (max-width: 1199px) {
    .onet-main-layout .frnd-profile {
        height: 164px !important
    }
}

.onet-main-layout .frnd-profile .c_img {
    height: 200px !important
}

@media screen and (max-width: 1199px) {
    .onet-main-layout .frnd-profile .c_img {
        height: 164px !important
    }
}

.onet-main-layout .frnd-profile .c_img .coverPhoto_middleImg {
    height: 200px !important
}

@media screen and (max-width: 1199px) {
    .onet-main-layout .frnd-profile .c_img .coverPhoto_middleImg {
        height: 164px !important
    }
}

.onet-main-layout .frnd-profile .c_img .coverPhoto_middleImg img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center
}

.onet-main-layout .cover-bg-inner {
    height: 200px !important;
    top: 0 !important
}

@media screen and (max-width: 1199px) {
    .onet-main-layout .cover-bg-inner {
        height: 140px !important
    }
}

@media screen and (max-width: 767px) {
    .onet-main-layout .cover-bg-inner {
        height: 0px !important
    }
}

.onet-main-layout .cover-bg-inner .gm-user .gm-user-inn .profile-wrap .profile-pic {
    width: 170px !important;
    height: 170px !important;
    margin-bottom: 10px !important
}

@media screen and (max-width: 1199px) {
    .onet-main-layout .cover-bg-inner .gm-user .gm-user-inn .profile-wrap .profile-pic {
        width: 100px !important;
        height: 100px !important;
        margin: auto !important
    }
}

@media screen and (max-width: 1199px) {
    .onet-main-layout .cover-bg-inner .gm-user .gm-user-inn {
        height: 140px !important
    }
}

.onet-main-layout .cover-bg-inner .c_img {
    height: 200px !important
}

@media screen and (max-width: 1199px) {
    .onet-main-layout .cover-bg-inner .c_img {
        height: 140px !important
    }
}

.onet-main-layout .cover-bg-inner .c_img .coverPhoto_middleImg {
    height: 200px !important
}

@media screen and (max-width: 1199px) {
    .onet-main-layout .cover-bg-inner .c_img .coverPhoto_middleImg {
        height: 140px !important
    }
}

.onet-main-layout .cover-bg-inner .c_img .coverPhoto_middleImg img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center
}

.onet-main-layout .privacy-wrap .ng-select {
    font-size: 12px !important;
    width: auto !important;
    outline: none !important;
    font-family: var(--font-family) !important
}

.onet-main-layout .privacy-wrap .ng-select .ng-value {
    font-size: 12px !important;
    font-family: var(--font-family) !important
}

.onet-main-layout .removeCard {
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 3px;
    border-radius: 5px;
    cursor: pointer;
    transition: all .3s
}

.onet-main-layout .removeCard img {
    opacity: 1;
    width: 17px
}

.onet-main-layout .removeCard:hover {
    background: var(--onet-primary-color) !important
}

.onet-main-layout .removeCard:hover img {
    opacity: 1;
    filter: brightness(20.5) saturate(.5) contrast(20.5)
}

.onet-main-layout .ndImg {
    text-align: center;
    margin: 0 auto;
    padding: 20px 0
}

.onet-main-layout .ndImg .nodata_img {
    max-width: 40%
}

@media screen and (min-width: 2560px) {
    .onet-main-layout .body_layout {
        width: 1920px;
        margin: 0 auto
    }
}

.onet-main-layout .c-pointer {
    cursor: pointer
}

.onet-main-layout .card-col {
    width: 25%
}

@media screen and (max-width: 1599px) {
    .onet-main-layout .card-col {
        width: 33.33%
    }
}

@media screen and (max-width: 640px) {
    .onet-main-layout .card-col {
        width: 50%
    }
}

@media screen and (max-width: 540px) {
    .onet-main-layout .card-col {
        width: 100%
    }
}

.onet-main-layout .mat-elevation-z5 {
    box-shadow: none !important
}

.onet-main-layout .tab_wrapper .mat-tab-header {
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    background-color: #f1f1ef;
    padding: 0;
    border-top: 0;
    color: #707070;
    position: relative;
    top: 0;
    z-index: 2
}

.onet-main-layout .tab_wrapper .mat-tab-header .moduleTitle {
    font-weight: 500;
    font-size: var(--clamp24);
    color: #2e3744
}

@media screen and (max-width: 1199px) {
    .onet-main-layout .tab_wrapper .mat-tab-header .moduleTitle {
        margin-left: 10px
    }
}

@media screen and (max-width: 1199px) {
    .onet-main-layout .tab_wrapper .mat-tab-header {
        margin-left: 0
    }
}

@media screen and (max-width: 767px) {
    .onet-main-layout .tab_wrapper .mat-tab-header {
        margin-top: 3rem
    }
}

.onet-main-layout .inner-tab-wrapper,
.onet-main-layout .events-tab-wrapper {
    border-bottom: 1px solid #b5b5b5;
    border-radius: 0;
    background-color: transparent;
    border-top: 0;
    color: #707070;
    position: relative;
    top: 0;
    z-index: 2;
    margin-left: 312px;
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.onet-main-layout .inner-tab-wrapper .moduleTitle,
.onet-main-layout .events-tab-wrapper .moduleTitle {
    font-weight: 500;
    font-size: var(--clamp24);
    color: #2e3744;
    margin-left: 15px
}

@media screen and (max-width: 1199px) {

    .onet-main-layout .inner-tab-wrapper .moduleTitle,
    .onet-main-layout .events-tab-wrapper .moduleTitle {
        margin-left: 10px
    }
}

@media screen and (max-width: 1536px) {

    .onet-main-layout .inner-tab-wrapper,
    .onet-main-layout .events-tab-wrapper {
        margin-left: 290px
    }
}

@media screen and (max-width: 1366px) {

    .onet-main-layout .inner-tab-wrapper,
    .onet-main-layout .events-tab-wrapper {
        margin-left: 260px
    }
}

@media screen and (max-width: 1199px) {

    .onet-main-layout .inner-tab-wrapper,
    .onet-main-layout .events-tab-wrapper {
        margin-left: 0
    }
}

@media screen and (max-width: 767px) {

    .onet-main-layout .inner-tab-wrapper,
    .onet-main-layout .events-tab-wrapper {
        display: block;
        margin-top: 3rem
    }
}

@media screen and (max-width: 767px) {
    .onet-main-layout .scrollMobile {
        flex-wrap: nowrap;
        overflow-x: auto
    }

    .onet-main-layout .scrollMobile .col-auto.card-col {
        width: 65%;
        margin-bottom: 5px
    }
}

@media screen and (max-width: 575px) {
    .onet-main-layout .scrollMobile .col-auto.card-col {
        width: 85%
    }
}

@media screen and (max-width: 767px) {
    .onet-main-layout .moduleTitleDiv {
        top: 20px;
        left: 20px
    }

    .onet-main-layout .create_btn {
        top: 10px;
        right: 7px
    }
}

.onet-main-layout .pp select {
    padding: .375rem 1.25rem .375rem .75rem !important;
    background-position: right .3rem center !important
}

.onet-main-layout .rev-arrow {
    transform: rotate(180deg)
}

.collapseMenu .body_layout {
    padding-left: 0 !important
}

.introjs-overlay {
    position: absolute;
    box-sizing: content-box;
    z-index: 999999;
    opacity: 0;
    transition: all .3s ease-out
}

.introjs-showElement {
    z-index: 9999999 !important
}

tr.introjs-showElement>td {
    z-index: 9999999 !important;
    position: relative
}

tr.introjs-showElement>th {
    z-index: 9999999 !important;
    position: relative
}

.introjs-disableInteraction {
    z-index: 99999999 !important;
    position: absolute;
    background-color: #fff;
    opacity: 0
}

.introjs-relativePosition {
    position: relative
}

.introjs-helperLayer {
    box-sizing: content-box;
    position: absolute;
    z-index: 9999998;
    border-radius: 4px;
    transition: all .3s ease-out
}

.introjs-helperLayer * {
    box-sizing: content-box
}

.introjs-helperLayer :before {
    box-sizing: content-box
}

.introjs-helperLayer :after {
    box-sizing: content-box
}

.introjs-tooltipReferenceLayer {
    font-family: Helvetica Neue, Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif;
    box-sizing: content-box;
    position: absolute;
    visibility: hidden;
    z-index: 100000000;
    background-color: transparent;
    transition: all .3s ease-out
}

.introjs-tooltipReferenceLayer * {
    font-family: Helvetica Neue, Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif
}

.introjs-helperNumberLayer {
    font-family: Helvetica Neue, Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif;
    color: #9e9e9e;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px
}

.introjs-arrow {
    border: 5px solid transparent;
    content: "";
    position: absolute
}

.introjs-arrow.top {
    top: -10px;
    left: 10px;
    border-bottom-color: #fff
}

.introjs-arrow.top-right {
    top: -10px;
    right: 10px;
    border-bottom-color: #fff
}

.introjs-arrow.top-middle {
    top: -10px;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #fff
}

.introjs-arrow.right {
    right: -10px;
    top: 10px;
    border-left-color: #fff
}

.introjs-arrow.right-bottom {
    bottom: 10px;
    right: -10px;
    border-left-color: #fff
}

.introjs-arrow.bottom {
    bottom: -10px;
    left: 10px;
    border-top-color: #fff
}

.introjs-arrow.bottom-right {
    bottom: -10px;
    right: 10px;
    border-top-color: #fff
}

.introjs-arrow.bottom-middle {
    bottom: -10px;
    left: 50%;
    margin-left: -5px;
    border-top-color: #fff
}

.introjs-arrow.left {
    left: -10px;
    top: 10px;
    border-right-color: #fff
}

.introjs-arrow.left-bottom {
    left: -10px;
    bottom: 10px;
    border-right-color: #fff
}

.introjs-tooltip {
    box-sizing: content-box;
    position: absolute;
    visibility: visible;
    background-color: #fff;
    min-width: 250px;
    max-width: 300px;
    border-radius: 5px;
    box-shadow: 0 3px 30px #2121214d;
    transition: opacity .1s ease-out
}

.introjs-tooltiptext {
    padding: 20px
}

.introjs-dontShowAgain {
    padding-left: 20px;
    padding-right: 20px
}

.introjs-dontShowAgain input {
    padding: 0;
    margin: 0 0 2px;
    display: inline;
    width: 10px;
    height: 10px
}

.introjs-dontShowAgain label {
    font-size: 14px;
    display: inline-block;
    font-weight: 400;
    margin: 0 0 0 5px;
    padding: 0;
    background-color: #fff;
    color: #616161;
    -webkit-user-select: none;
    user-select: none
}

.introjs-tooltip-title {
    font-size: 18px;
    width: 90%;
    min-height: 1.5em;
    margin: 0;
    padding: 0;
    font-weight: 700;
    line-height: 1.5
}

.introjs-tooltip-header {
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    min-height: 1.5em
}

.introjs-tooltipbuttons {
    border-top: 1px solid #e0e0e0;
    padding: 10px;
    text-align: right;
    white-space: nowrap
}

.introjs-tooltipbuttons:after {
    content: "";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

.introjs-button {
    box-sizing: content-box;
    position: relative;
    overflow: visible;
    padding: .5rem 1rem;
    border: 1px solid #bdbdbd;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff;
    font-size: 14px;
    color: #424242;
    white-space: nowrap;
    cursor: pointer;
    outline: 0;
    background-color: #f4f4f4;
    border-radius: .2em;
    zoom: 1;
    display: inline
}

.introjs-button:hover {
    outline: 0;
    text-decoration: none;
    border-color: #9e9e9e;
    background-color: #e0e0e0;
    color: #212121
}

.introjs-button:focus {
    outline: 0;
    text-decoration: none;
    background-color: #eee;
    box-shadow: 0 0 0 .2rem #9e9e9e80;
    border: 1px solid #616161;
    color: #212121
}

.introjs-button:active {
    outline: 0;
    text-decoration: none;
    background-color: #e0e0e0;
    border-color: #9e9e9e;
    color: #212121
}

.introjs-button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.introjs-skipbutton {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    color: #616161;
    font-size: 22px;
    cursor: pointer;
    font-weight: 700;
    text-align: center;
    text-decoration: none
}

.introjs-skipbutton:focus,
.introjs-skipbutton:hover {
    color: #212121;
    outline: 0;
    text-decoration: none
}

.introjs-prevbutton {
    float: left
}

.introjs-nextbutton {
    float: right
}

.introjs-disabled {
    color: #9e9e9e;
    border-color: #bdbdbd;
    box-shadow: none;
    cursor: default;
    background-color: #f4f4f4;
    background-image: none;
    text-decoration: none
}

.introjs-disabled:focus,
.introjs-disabled:hover {
    color: #9e9e9e;
    border-color: #bdbdbd;
    box-shadow: none;
    cursor: default;
    background-color: #f4f4f4;
    background-image: none;
    text-decoration: none
}

.introjs-hidden {
    display: none
}

.introjs-bullets {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px
}

.introjs-bullets ul {
    box-sizing: content-box;
    clear: both;
    margin: 0 auto;
    padding: 0;
    display: inline-block
}

.introjs-bullets ul li {
    box-sizing: content-box;
    list-style: none;
    float: left;
    margin: 0 2px
}

.introjs-bullets ul li a {
    transition: width .1s ease-in;
    box-sizing: content-box;
    display: block;
    width: 6px;
    height: 6px;
    background: #ccc;
    border-radius: 10px;
    text-decoration: none;
    cursor: pointer
}

.introjs-bullets ul li a:focus,
.introjs-bullets ul li a:hover {
    width: 15px;
    background: #999;
    text-decoration: none;
    outline: 0
}

.introjs-bullets ul li a.active {
    width: 15px;
    background: #999
}

.introjs-progress {
    box-sizing: content-box;
    overflow: hidden;
    height: 10px;
    margin: 10px;
    border-radius: 4px;
    background-color: #e0e0e0
}

.introjs-progressbar {
    box-sizing: content-box;
    float: left;
    width: 0%;
    height: 100%;
    font-size: 10px;
    line-height: 10px;
    text-align: center;
    background-color: #08c
}

.introjsFloatingElement {
    position: absolute;
    height: 0;
    width: 0;
    left: 50%;
    top: 50%
}

.introjs-fixedTooltip {
    position: fixed
}

.introjs-hint {
    box-sizing: content-box;
    position: absolute;
    background: 0 0;
    width: 20px;
    height: 15px;
    cursor: pointer
}

.introjs-hint:focus {
    border: 0;
    outline: 0
}

.introjs-hint:hover>.introjs-hint-pulse {
    background-color: #3c3c3c91
}

.introjs-hidehint {
    display: none
}

.introjs-fixedhint {
    position: fixed
}

@keyframes introjspulse {
    0% {
        transform: scale(.95);
        box-shadow: 0 0 #000000b3
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px transparent
    }

    to {
        transform: scale(.95);
        box-shadow: 0 0 0 0 transparent
    }
}

.introjs-hint-pulse {
    box-sizing: content-box;
    width: 15px;
    height: 15px;
    border-radius: 30px;
    background-color: #8888883d;
    z-index: 10;
    position: absolute;
    transition: all .2s ease-out;
    animation: introjspulse 2s infinite
}

.introjs-hint-no-anim .introjs-hint-pulse {
    animation: none
}

.introjs-hint-dot {
    box-sizing: content-box;
    background: 0 0;
    border-radius: 60px;
    height: 50px;
    width: 50px;
    position: absolute;
    top: -18px;
    left: -18px;
    z-index: 1;
    opacity: 0
}

.emoji-mart,
.emoji-mart * {
    box-sizing: border-box;
    line-height: 1.15
}

.emoji-mart {
    font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, sans-serif;
    font-size: 16px;
    display: inline-block;
    color: #222427;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    background: #fff
}

.emoji-mart .emoji-mart-emoji {
    padding: 6px
}

.emoji-mart-bar {
    border: 0 solid #d9d9d9
}

.emoji-mart-bar:first-child {
    border-bottom-width: 1px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.emoji-mart-bar:last-child {
    border-top-width: 1px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.emoji-mart-anchors {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 6px;
    line-height: 0
}

.emoji-mart-anchor {
    position: relative;
    display: block;
    flex: 1 1 auto;
    color: #858585;
    text-align: center;
    padding: 12px 4px;
    overflow: hidden;
    transition: color .1s ease-out;
    margin: 0;
    box-shadow: none;
    background: none;
    border: none
}

.emoji-mart-anchor:focus {
    outline: 0
}

.emoji-mart-anchor:hover,
.emoji-mart-anchor:focus,
.emoji-mart-anchor-selected {
    color: #464646
}

.emoji-mart-anchor-selected .emoji-mart-anchor-bar {
    bottom: 0
}

.emoji-mart-anchor-bar {
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #464646
}

.emoji-mart-anchors i {
    display: inline-block;
    width: 100%;
    max-width: 22px
}

.emoji-mart-anchors svg,
.emoji-mart-anchors img {
    fill: currentColor;
    height: 18px
}

.emoji-mart-scroll {
    overflow-y: scroll;
    height: 270px;
    padding: 0 6px 6px;
    will-change: transform
}

.emoji-mart-search {
    margin-top: 6px;
    padding: 0 6px;
    position: relative
}

.emoji-mart-search input {
    font-size: 16px;
    display: block;
    width: 100%;
    padding: 5px 25px 6px 10px;
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    outline: 0
}

.emoji-mart-search input,
.emoji-mart-search input::-webkit-search-decoration,
.emoji-mart-search input::-webkit-search-cancel-button,
.emoji-mart-search input::-webkit-search-results-button,
.emoji-mart-search input::-webkit-search-results-decoration {
    -webkit-appearance: none
}

.emoji-mart-search-icon {
    position: absolute;
    top: 3px;
    right: 11px;
    z-index: 2;
    padding: 2px 5px 1px;
    border: none;
    background: none
}

.emoji-mart-category .emoji-mart-emoji span {
    z-index: 1;
    position: relative;
    text-align: center;
    cursor: default
}

.emoji-mart-category .emoji-mart-emoji:hover:before {
    z-index: 0;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f4f4f4;
    border-radius: 100%
}

.emoji-mart-category-label {
    z-index: 2;
    position: relative;
    position: sticky;
    top: 0
}

.emoji-mart-category-label span {
    display: block;
    width: 100%;
    font-weight: 500;
    padding: 5px 6px;
    background-color: #fff;
    background-color: #fffffff2
}

.emoji-mart-category-list {
    margin: 0;
    padding: 0
}

.emoji-mart-category-list li {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block
}

.emoji-mart-emoji {
    position: relative;
    display: inline-block;
    font-size: 0;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    box-shadow: none
}

.emoji-mart-emoji-native {
    font-family: "Segoe UI Emoji", Segoe UI Symbol, Segoe UI, "Apple Color Emoji", Twemoji Mozilla, "Noto Color Emoji", "Android Emoji"
}

.emoji-mart-no-results {
    font-size: 14px;
    text-align: center;
    padding-top: 70px;
    color: #858585
}

.emoji-mart-no-results .emoji-mart-category-label {
    display: none
}

.emoji-mart-no-results .emoji-mart-no-results-label {
    margin-top: .2em
}

.emoji-mart-no-results .emoji-mart-emoji:hover:before {
    content: none
}

.emoji-mart-preview {
    position: relative;
    height: 70px
}

.emoji-mart-preview-emoji,
.emoji-mart-preview-data,
.emoji-mart-preview-skins {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.emoji-mart-preview-emoji {
    left: 12px
}

.emoji-mart-preview-data {
    left: 68px;
    right: 12px;
    word-break: break-all
}

.emoji-mart-preview-skins {
    right: 30px;
    text-align: right
}

.emoji-mart-preview-skins.custom {
    right: 10px;
    text-align: right
}

.emoji-mart-preview-name {
    font-size: 14px
}

.emoji-mart-preview-shortname {
    font-size: 12px;
    color: #888
}

.emoji-mart-preview-shortname+.emoji-mart-preview-shortname,
.emoji-mart-preview-shortname+.emoji-mart-preview-emoticon,
.emoji-mart-preview-emoticon+.emoji-mart-preview-emoticon {
    margin-left: .5em
}

.emoji-mart-preview-emoticon {
    font-size: 11px;
    color: #bbb
}

.emoji-mart-title span {
    display: inline-block;
    vertical-align: middle
}

.emoji-mart-title .emoji-mart-emoji {
    padding: 0
}

.emoji-mart-title-label {
    color: #999a9c;
    font-size: 26px;
    font-weight: 300
}

.emoji-mart-skin-swatches {
    font-size: 0;
    padding: 2px 0;
    border: 1px solid #d9d9d9;
    border-radius: 12px;
    background-color: #fff
}

.emoji-mart-skin-swatches.custom {
    font-size: 0;
    border: none;
    background-color: #fff
}

.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch {
    width: 16px;
    padding: 0 2px
}

.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after {
    opacity: .75
}

.emoji-mart-skin-swatch {
    display: inline-block;
    width: 0;
    vertical-align: middle;
    transition-property: width, padding;
    transition-duration: .125s;
    transition-timing-function: ease-out
}

.emoji-mart-skin-swatch:nth-child(1) {
    transition-delay: 0s
}

.emoji-mart-skin-swatch:nth-child(2) {
    transition-delay: .03s
}

.emoji-mart-skin-swatch:nth-child(3) {
    transition-delay: .06s
}

.emoji-mart-skin-swatch:nth-child(4) {
    transition-delay: .09s
}

.emoji-mart-skin-swatch:nth-child(5) {
    transition-delay: .12s
}

.emoji-mart-skin-swatch:nth-child(6) {
    transition-delay: .15s
}

.emoji-mart-skin-swatch.selected {
    position: relative;
    width: 16px;
    padding: 0 2px
}

.emoji-mart-skin-swatch.selected:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4px;
    height: 4px;
    margin: -2px 0 0 -2px;
    background-color: #fff;
    border-radius: 100%;
    pointer-events: none;
    opacity: 0;
    transition: opacity .2s ease-out
}

.emoji-mart-skin-swatch.custom {
    display: inline-block;
    width: 0;
    height: 38px;
    overflow: hidden;
    vertical-align: middle;
    transition-property: width, height;
    transition-duration: .125s;
    transition-timing-function: ease-out;
    cursor: default
}

.emoji-mart-skin-swatch.custom.selected {
    position: relative;
    width: 36px;
    height: 38px;
    padding: 0 2px 0 0
}

.emoji-mart-skin-swatch.custom.selected:after {
    content: "";
    width: 0;
    height: 0
}

.emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover {
    background-color: #f4f4f4;
    border-radius: 10%
}

.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom {
    width: 36px;
    height: 38px;
    padding: 0 2px 0 0
}

.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after {
    opacity: .75
}

.emoji-mart-skin-text.opened {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    color: #888;
    font-size: 11px;
    padding: 5px 2px;
    width: 95px;
    height: 40px;
    border-radius: 10%;
    background-color: #fff
}

.emoji-mart-skin {
    display: inline-block;
    width: 100%;
    padding-top: 100%;
    max-width: 12px;
    border-radius: 100%
}

.emoji-mart-skin-tone-1 {
    background-color: #ffc93a
}

.emoji-mart-skin-tone-2 {
    background-color: #fadcbc
}

.emoji-mart-skin-tone-3 {
    background-color: #e0bb95
}

.emoji-mart-skin-tone-4 {
    background-color: #bf8f68
}

.emoji-mart-skin-tone-5 {
    background-color: #9b643d
}

.emoji-mart-skin-tone-6 {
    background-color: #594539
}

.emoji-mart-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.emoji-mart-dark {
    color: #fff;
    border-color: #555453;
    background-color: #222
}

.emoji-mart-dark .emoji-mart-bar {
    border-color: #555453
}

.emoji-mart-dark .emoji-mart-search input {
    color: #fff;
    border-color: #555453;
    background-color: #2f2f2f
}

.emoji-mart-dark .emoji-mart-search-icon svg {
    fill: #fff
}

.emoji-mart-dark .emoji-mart-category .emoji-mart-emoji:hover:before {
    background-color: #444
}

.emoji-mart-dark .emoji-mart-category-label span {
    background-color: #222;
    color: #fff
}

.emoji-mart-dark .emoji-mart-skin-swatches {
    border-color: #555453;
    background-color: #222
}

.emoji-mart-dark .emoji-mart-anchor:hover,
.emoji-mart-dark .emoji-mart-anchor:focus,
.emoji-mart-dark .emoji-mart-anchor-selected {
    color: #bfbfbf
}