@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700,300");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700,300");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700,300");

@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2');}@font-face{font-family:'Material Icons Outlined';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialiconsoutlined/v109/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUcel5euIg.woff2) format('woff2');}@font-face{font-family:'Material Icons Round';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialiconsround/v108/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmPq_HTTw.woff2) format('woff2');}@font-face{font-family:'Material Icons Sharp';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialiconssharp/v109/oPWQ_lt5nv4pWNJpghLP75WiFR4kLh3kvmvRImcycg.woff2) format('woff2');}@font-face{font-family:'Material Icons Two Tone';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialiconstwotone/v112/hESh6WRmNCxEqUmNyh3JDeGxjVVyMg4tHGctNCu0NjbrHg.woff2) format('woff2');}body{--google-font-color-materialiconstwotone:none;}.material-icons{font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;}.material-icons-outlined{font-family:'Material Icons Outlined';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;}.material-icons-round{font-family:'Material Icons Round';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;}.material-icons-sharp{font-family:'Material Icons Sharp';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;}.material-icons-two-tone{font-family:'Material Icons Two Tone';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;}
@font-face{font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCRc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face{font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fABc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face{font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCBc4AMP6lbBP.woff2) format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBxc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0370-03FF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCxc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}@font-face{font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2) format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2) format('woff2');unicode-range:U+0370-03FF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format('woff2');unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCRc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCBc4AMP6lbBP.woff2) format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBxc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0370-03FF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCxc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
   
: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-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--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-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, .75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, .5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--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-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 .5rem 1rem rgba(0, 0, 0, .15);--bs-box-shadow-sm:0 .125rem .25rem rgba(0, 0, 0, .075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, .175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, .075);--bs-focus-ring-width:.25rem;--bs-focus-ring-opacity:.25;--bs-focus-ring-color:rgba(13, 110, 253, .25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}*,: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}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}html{--mat-ripple-color:rgba(0, 0, 0, .1)}html{--mat-option-selected-state-label-text-color:#3f51b5;--mat-option-label-text-color:rgba(0, 0, 0, .87);--mat-option-hover-state-layer-color:rgba(0, 0, 0, .04);--mat-option-focus-state-layer-color:rgba(0, 0, 0, .04);--mat-option-selected-state-layer-color:rgba(0, 0, 0, .04)}html{--mat-optgroup-label-text-color:rgba(0, 0, 0, .87)}html{--mat-option-label-text-font:Roboto, sans-serif;--mat-option-label-text-line-height:24px;--mat-option-label-text-size:16px;--mat-option-label-text-tracking:.03125em;--mat-option-label-text-weight:400}html{--mat-optgroup-label-text-font:Roboto, sans-serif;--mat-optgroup-label-text-line-height:24px;--mat-optgroup-label-text-size:16px;--mat-optgroup-label-text-tracking:.03125em;--mat-optgroup-label-text-weight:400}html{--mdc-elevated-card-container-shape:4px;--mdc-outlined-card-container-shape:4px;--mdc-outlined-card-outline-width:1px}html{--mdc-elevated-card-container-color:white;--mdc-elevated-card-container-elevation:0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mdc-outlined-card-container-color:white;--mdc-outlined-card-outline-color:rgba(0, 0, 0, .12);--mdc-outlined-card-container-elevation:0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-card-subtitle-text-color:rgba(0, 0, 0, .54)}html{--mat-card-title-text-font:Roboto, sans-serif;--mat-card-title-text-line-height:32px;--mat-card-title-text-size:20px;--mat-card-title-text-tracking:.0125em;--mat-card-title-text-weight:500;--mat-card-subtitle-text-font:Roboto, sans-serif;--mat-card-subtitle-text-line-height:22px;--mat-card-subtitle-text-size:14px;--mat-card-subtitle-text-tracking:.0071428571em;--mat-card-subtitle-text-weight:500}html{--mdc-linear-progress-active-indicator-height:4px;--mdc-linear-progress-track-height:4px;--mdc-linear-progress-track-shape:0}html{--mdc-plain-tooltip-container-shape:4px;--mdc-plain-tooltip-supporting-text-line-height:16px}html{--mdc-plain-tooltip-container-color:#616161;--mdc-plain-tooltip-supporting-text-color:#fff}html{--mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif;--mdc-plain-tooltip-supporting-text-size:12px;--mdc-plain-tooltip-supporting-text-weight:400;--mdc-plain-tooltip-supporting-text-tracking:.0333333333em}html{--mdc-filled-text-field-active-indicator-height:1px;--mdc-filled-text-field-focus-active-indicator-height:2px;--mdc-filled-text-field-container-shape:4px;--mdc-outlined-text-field-outline-width:1px;--mdc-outlined-text-field-focus-outline-width:2px;--mdc-outlined-text-field-container-shape:4px}html{--mdc-filled-text-field-caret-color:#3f51b5;--mdc-filled-text-field-focus-active-indicator-color:#3f51b5;--mdc-filled-text-field-focus-label-text-color:rgba(63, 81, 181, .87);--mdc-filled-text-field-container-color:whitesmoke;--mdc-filled-text-field-disabled-container-color:#fafafa;--mdc-filled-text-field-label-text-color:rgba(0, 0, 0, .6);--mdc-filled-text-field-disabled-label-text-color:rgba(0, 0, 0, .38);--mdc-filled-text-field-input-text-color:rgba(0, 0, 0, .87);--mdc-filled-text-field-disabled-input-text-color:rgba(0, 0, 0, .38);--mdc-filled-text-field-input-text-placeholder-color:rgba(0, 0, 0, .6);--mdc-filled-text-field-error-focus-label-text-color:#f44336;--mdc-filled-text-field-error-label-text-color:#f44336;--mdc-filled-text-field-error-caret-color:#f44336;--mdc-filled-text-field-active-indicator-color:rgba(0, 0, 0, .42);--mdc-filled-text-field-disabled-active-indicator-color:rgba(0, 0, 0, .06);--mdc-filled-text-field-hover-active-indicator-color:rgba(0, 0, 0, .87);--mdc-filled-text-field-error-active-indicator-color:#f44336;--mdc-filled-text-field-error-focus-active-indicator-color:#f44336;--mdc-filled-text-field-error-hover-active-indicator-color:#f44336;--mdc-outlined-text-field-caret-color:#3f51b5;--mdc-outlined-text-field-focus-outline-color:#3f51b5;--mdc-outlined-text-field-focus-label-text-color:rgba(63, 81, 181, .87);--mdc-outlined-text-field-label-text-color:rgba(0, 0, 0, .6);--mdc-outlined-text-field-disabled-label-text-color:rgba(0, 0, 0, .38);--mdc-outlined-text-field-input-text-color:rgba(0, 0, 0, .87);--mdc-outlined-text-field-disabled-input-text-color:rgba(0, 0, 0, .38);--mdc-outlined-text-field-input-text-placeholder-color:rgba(0, 0, 0, .6);--mdc-outlined-text-field-error-caret-color:#f44336;--mdc-outlined-text-field-error-focus-label-text-color:#f44336;--mdc-outlined-text-field-error-label-text-color:#f44336;--mdc-outlined-text-field-outline-color:rgba(0, 0, 0, .38);--mdc-outlined-text-field-disabled-outline-color:rgba(0, 0, 0, .06);--mdc-outlined-text-field-hover-outline-color:rgba(0, 0, 0, .87);--mdc-outlined-text-field-error-focus-outline-color:#f44336;--mdc-outlined-text-field-error-hover-outline-color:#f44336;--mdc-outlined-text-field-error-outline-color:#f44336;--mat-form-field-focus-select-arrow-color:rgba(63, 81, 181, .87);--mat-form-field-disabled-input-text-placeholder-color:rgba(0, 0, 0, .38);--mat-form-field-state-layer-color:rgba(0, 0, 0, .87);--mat-form-field-error-text-color:#f44336;--mat-form-field-select-option-text-color:inherit;--mat-form-field-select-disabled-option-text-color:GrayText;--mat-form-field-enabled-select-arrow-color:rgba(0, 0, 0, .54);--mat-form-field-disabled-select-arrow-color:rgba(0, 0, 0, .38);--mat-form-field-hover-state-layer-opacity:.04;--mat-form-field-focus-state-layer-opacity:.12}html{--mdc-filled-text-field-label-text-font:Roboto, sans-serif;--mdc-filled-text-field-label-text-size:16px;--mdc-filled-text-field-label-text-tracking:.03125em;--mdc-filled-text-field-label-text-weight:400;--mdc-outlined-text-field-label-text-font:Roboto, sans-serif;--mdc-outlined-text-field-label-text-size:16px;--mdc-outlined-text-field-label-text-tracking:.03125em;--mdc-outlined-text-field-label-text-weight:400;--mat-form-field-container-text-font:Roboto, sans-serif;--mat-form-field-container-text-line-height:24px;--mat-form-field-container-text-size:16px;--mat-form-field-container-text-tracking:.03125em;--mat-form-field-container-text-weight:400;--mat-form-field-outlined-label-text-populated-size:16px;--mat-form-field-subscript-text-font:Roboto, sans-serif;--mat-form-field-subscript-text-line-height:20px;--mat-form-field-subscript-text-size:12px;--mat-form-field-subscript-text-tracking:.0333333333em;--mat-form-field-subscript-text-weight:400}html{--mat-select-panel-background-color:white;--mat-select-enabled-trigger-text-color:rgba(0, 0, 0, .87);--mat-select-disabled-trigger-text-color:rgba(0, 0, 0, .38);--mat-select-placeholder-text-color:rgba(0, 0, 0, .6);--mat-select-enabled-arrow-color:rgba(0, 0, 0, .54);--mat-select-disabled-arrow-color:rgba(0, 0, 0, .38);--mat-select-focused-arrow-color:rgba(63, 81, 181, .87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, .87)}html{--mat-select-trigger-text-font:Roboto, sans-serif;--mat-select-trigger-text-line-height:24px;--mat-select-trigger-text-size:16px;--mat-select-trigger-text-tracking:.03125em;--mat-select-trigger-text-weight:400}html{--mat-autocomplete-background-color:white}html{--mdc-dialog-container-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);--mdc-dialog-container-shadow-color:#000;--mdc-dialog-container-shape:4px}html{--mdc-dialog-container-color:white;--mdc-dialog-subhead-color:rgba(0, 0, 0, .87);--mdc-dialog-supporting-text-color:rgba(0, 0, 0, .6)}html{--mdc-dialog-subhead-font:Roboto, sans-serif;--mdc-dialog-subhead-line-height:32px;--mdc-dialog-subhead-size:20px;--mdc-dialog-subhead-weight:500;--mdc-dialog-subhead-tracking:.0125em;--mdc-dialog-supporting-text-font:Roboto, sans-serif;--mdc-dialog-supporting-text-line-height:24px;--mdc-dialog-supporting-text-size:16px;--mdc-dialog-supporting-text-weight:400;--mdc-dialog-supporting-text-tracking:.03125em}html{--mdc-radio-disabled-selected-icon-opacity:.38;--mdc-radio-disabled-unselected-icon-opacity:.38;--mdc-radio-state-layer-size:40px}html{--mdc-radio-state-layer-size:40px}html{--mdc-slider-active-track-height:6px;--mdc-slider-active-track-shape:9999px;--mdc-slider-handle-height:20px;--mdc-slider-handle-shape:50%;--mdc-slider-handle-width:20px;--mdc-slider-inactive-track-height:4px;--mdc-slider-inactive-track-shape:9999px;--mdc-slider-with-overlap-handle-outline-width:1px;--mdc-slider-with-tick-marks-active-container-opacity:.6;--mdc-slider-with-tick-marks-container-shape:50%;--mdc-slider-with-tick-marks-container-size:2px;--mdc-slider-with-tick-marks-inactive-container-opacity:.6}html{--mdc-slider-handle-color:#3f51b5;--mdc-slider-focus-handle-color:#3f51b5;--mdc-slider-hover-handle-color:#3f51b5;--mdc-slider-active-track-color:#3f51b5;--mdc-slider-inactive-track-color:#3f51b5;--mdc-slider-with-tick-marks-inactive-container-color:#3f51b5;--mdc-slider-with-tick-marks-active-container-color:white;--mdc-slider-disabled-active-track-color:#000;--mdc-slider-disabled-handle-color:#000;--mdc-slider-disabled-inactive-track-color:#000;--mdc-slider-label-container-color:#000;--mdc-slider-label-label-text-color:#fff;--mdc-slider-with-overlap-handle-outline-color:#fff;--mdc-slider-with-tick-marks-disabled-container-color:#000;--mdc-slider-handle-elevation:0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-mdc-slider-ripple-color:#3f51b5;--mat-mdc-slider-hover-ripple-color:rgba(63, 81, 181, .05);--mat-mdc-slider-focus-ripple-color:rgba(63, 81, 181, .2);--mat-slider-value-indicator-opacity:.6}html{--mdc-slider-label-label-text-font:Roboto, sans-serif;--mdc-slider-label-label-text-size:14px;--mdc-slider-label-label-text-line-height:22px;--mdc-slider-label-label-text-tracking:.0071428571em;--mdc-slider-label-label-text-weight:500}html{--mat-menu-container-shape:4px}html{--mat-menu-item-label-text-color:rgba(0, 0, 0, .87);--mat-menu-item-icon-color:rgba(0, 0, 0, .87);--mat-menu-item-hover-state-layer-color:rgba(0, 0, 0, .04);--mat-menu-item-focus-state-layer-color:rgba(0, 0, 0, .04);--mat-menu-container-color:white}html{--mat-menu-item-label-text-font:Roboto, sans-serif;--mat-menu-item-label-text-size:16px;--mat-menu-item-label-text-tracking:.03125em;--mat-menu-item-label-text-line-height:24px;--mat-menu-item-label-text-weight:400}html{--mdc-list-list-item-container-shape:0;--mdc-list-list-item-leading-avatar-shape:50%;--mdc-list-list-item-container-color:transparent;--mdc-list-list-item-selected-container-color:transparent;--mdc-list-list-item-leading-avatar-color:transparent;--mdc-list-list-item-leading-icon-size:24px;--mdc-list-list-item-leading-avatar-size:40px;--mdc-list-list-item-trailing-icon-size:24px;--mdc-list-list-item-disabled-state-layer-color:transparent;--mdc-list-list-item-disabled-state-layer-opacity:0;--mdc-list-list-item-disabled-label-text-opacity:.38;--mdc-list-list-item-disabled-leading-icon-opacity:.38;--mdc-list-list-item-disabled-trailing-icon-opacity:.38}html{--mdc-list-list-item-label-text-color:rgba(0, 0, 0, .87);--mdc-list-list-item-supporting-text-color:rgba(0, 0, 0, .54);--mdc-list-list-item-leading-icon-color:rgba(0, 0, 0, .38);--mdc-list-list-item-trailing-supporting-text-color:rgba(0, 0, 0, .38);--mdc-list-list-item-trailing-icon-color:rgba(0, 0, 0, .38);--mdc-list-list-item-selected-trailing-icon-color:rgba(0, 0, 0, .38);--mdc-list-list-item-disabled-label-text-color:black;--mdc-list-list-item-disabled-leading-icon-color:black;--mdc-list-list-item-disabled-trailing-icon-color:black;--mdc-list-list-item-hover-label-text-color:rgba(0, 0, 0, .87);--mdc-list-list-item-hover-leading-icon-color:rgba(0, 0, 0, .38);--mdc-list-list-item-hover-trailing-icon-color:rgba(0, 0, 0, .38);--mdc-list-list-item-focus-label-text-color:rgba(0, 0, 0, .87);--mdc-list-list-item-hover-state-layer-color:black;--mdc-list-list-item-hover-state-layer-opacity:.04;--mdc-list-list-item-focus-state-layer-color:black;--mdc-list-list-item-focus-state-layer-opacity:.12}html{--mdc-list-list-item-one-line-container-height:48px;--mdc-list-list-item-two-line-container-height:64px;--mdc-list-list-item-three-line-container-height:88px}html{--mdc-list-list-item-label-text-font:Roboto, sans-serif;--mdc-list-list-item-label-text-line-height:24px;--mdc-list-list-item-label-text-size:16px;--mdc-list-list-item-label-text-tracking:.03125em;--mdc-list-list-item-label-text-weight:400;--mdc-list-list-item-supporting-text-font:Roboto, sans-serif;--mdc-list-list-item-supporting-text-line-height:20px;--mdc-list-list-item-supporting-text-size:14px;--mdc-list-list-item-supporting-text-tracking:.0178571429em;--mdc-list-list-item-supporting-text-weight:400;--mdc-list-list-item-trailing-supporting-text-font:Roboto, sans-serif;--mdc-list-list-item-trailing-supporting-text-line-height:20px;--mdc-list-list-item-trailing-supporting-text-size:12px;--mdc-list-list-item-trailing-supporting-text-tracking:.0333333333em;--mdc-list-list-item-trailing-supporting-text-weight:400}html{--mat-paginator-container-text-color:rgba(0, 0, 0, .87);--mat-paginator-container-background-color:white;--mat-paginator-enabled-icon-color:rgba(0, 0, 0, .54);--mat-paginator-disabled-icon-color:rgba(0, 0, 0, .12)}html{--mat-paginator-container-size:56px}html{--mat-paginator-container-text-font:Roboto, sans-serif;--mat-paginator-container-text-line-height:20px;--mat-paginator-container-text-size:12px;--mat-paginator-container-text-tracking:.0333333333em;--mat-paginator-container-text-weight:400;--mat-paginator-select-trigger-text-size:12px}html{--mdc-tab-indicator-active-indicator-height:2px;--mdc-tab-indicator-active-indicator-shape:0;--mdc-secondary-navigation-tab-container-height:48px}html{--mdc-checkbox-disabled-selected-checkmark-color:#fff;--mdc-checkbox-selected-focus-state-layer-opacity:.16;--mdc-checkbox-selected-hover-state-layer-opacity:.04;--mdc-checkbox-selected-pressed-state-layer-opacity:.16;--mdc-checkbox-unselected-focus-state-layer-opacity:.16;--mdc-checkbox-unselected-hover-state-layer-opacity:.04;--mdc-checkbox-unselected-pressed-state-layer-opacity:.16}html{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color:#fff;--mdc-checkbox-selected-focus-icon-color:#ff4081;--mdc-checkbox-selected-hover-icon-color:#ff4081;--mdc-checkbox-selected-icon-color:#ff4081;--mdc-checkbox-selected-pressed-icon-color:#ff4081;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color:#ff4081;--mdc-checkbox-selected-hover-state-layer-color:#ff4081;--mdc-checkbox-selected-pressed-state-layer-color:#ff4081;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}html{--mdc-checkbox-state-layer-size:40px}html{--mdc-fab-container-shape:50%;--mdc-fab-icon-size:24px}html{--mdc-fab-container-color:white;--mat-fab-foreground-color:black;--mat-fab-state-layer-color:#000;--mat-fab-ripple-color:rgba(0, 0, 0, .1);--mat-fab-hover-state-layer-opacity:.04;--mat-fab-focus-state-layer-opacity:.12;--mat-fab-pressed-state-layer-opacity:.12;--mat-fab-disabled-state-container-color:rgba(0, 0, 0, .12);--mat-fab-disabled-state-foreground-color:rgba(0, 0, 0, .38)}html{--mdc-extended-fab-label-text-font:Roboto, sans-serif;--mdc-extended-fab-label-text-size:14px;--mdc-extended-fab-label-text-tracking:.0892857143em;--mdc-extended-fab-label-text-weight:500}html{--mdc-snackbar-container-shape:4px}html{--mdc-snackbar-container-color:#333333;--mdc-snackbar-supporting-text-color:rgba(255, 255, 255, .87);--mat-snack-bar-button-color:#ff4081}html{--mdc-snackbar-supporting-text-font:Roboto, sans-serif;--mdc-snackbar-supporting-text-line-height:20px;--mdc-snackbar-supporting-text-size:14px;--mdc-snackbar-supporting-text-weight:400}html{--mat-table-row-item-outline-width:1px}html{--mat-table-background-color:white;--mat-table-header-headline-color:rgba(0, 0, 0, .87);--mat-table-row-item-label-text-color:rgba(0, 0, 0, .87);--mat-table-row-item-outline-color:rgba(0, 0, 0, .12)}html{--mat-table-header-container-height:56px;--mat-table-footer-container-height:52px;--mat-table-row-item-container-height:52px}html{--mat-table-header-headline-font:Roboto, sans-serif;--mat-table-header-headline-line-height:22px;--mat-table-header-headline-size:14px;--mat-table-header-headline-weight:500;--mat-table-header-headline-tracking:.0071428571em;--mat-table-row-item-label-text-font:Roboto, sans-serif;--mat-table-row-item-label-text-line-height:20px;--mat-table-row-item-label-text-size:14px;--mat-table-row-item-label-text-weight:400;--mat-table-row-item-label-text-tracking:.0178571429em;--mat-table-footer-supporting-text-font:Roboto, sans-serif;--mat-table-footer-supporting-text-line-height:20px;--mat-table-footer-supporting-text-size:14px;--mat-table-footer-supporting-text-weight:400;--mat-table-footer-supporting-text-tracking:.0178571429em}html{--mdc-circular-progress-active-indicator-width:4px;--mdc-circular-progress-size:48px}html{--mdc-circular-progress-active-indicator-color:#3f51b5}html{--mat-badge-background-color:#3f51b5;--mat-badge-text-color:white;--mat-badge-disabled-state-background-color:#b9b9b9;--mat-badge-disabled-state-text-color:rgba(0, 0, 0, .38)}html{--mat-badge-text-font:Roboto, sans-serif;--mat-badge-text-size:12px;--mat-badge-text-weight:600;--mat-badge-small-size-text-size:9px;--mat-badge-large-size-text-size:24px}html{--mat-bottom-sheet-container-shape:4px}html{--mat-bottom-sheet-container-text-color:rgba(0, 0, 0, .87);--mat-bottom-sheet-container-background-color:white}html{--mat-bottom-sheet-container-text-font:Roboto, sans-serif;--mat-bottom-sheet-container-text-line-height:20px;--mat-bottom-sheet-container-text-size:14px;--mat-bottom-sheet-container-text-tracking:.0178571429em;--mat-bottom-sheet-container-text-weight:400}html{--mat-legacy-button-toggle-height:36px;--mat-legacy-button-toggle-shape:2px;--mat-legacy-button-toggle-focus-state-layer-opacity:1;--mat-standard-button-toggle-shape:4px;--mat-standard-button-toggle-hover-state-layer-opacity:.04;--mat-standard-button-toggle-focus-state-layer-opacity:.12}html{--mat-legacy-button-toggle-text-color:rgba(0, 0, 0, .38);--mat-legacy-button-toggle-state-layer-color:rgba(0, 0, 0, .12);--mat-legacy-button-toggle-selected-state-text-color:rgba(0, 0, 0, .54);--mat-legacy-button-toggle-selected-state-background-color:#e0e0e0;--mat-legacy-button-toggle-disabled-state-text-color:rgba(0, 0, 0, .26);--mat-legacy-button-toggle-disabled-state-background-color:#eeeeee;--mat-legacy-button-toggle-disabled-selected-state-background-color:#bdbdbd;--mat-standard-button-toggle-text-color:rgba(0, 0, 0, .87);--mat-standard-button-toggle-background-color:white;--mat-standard-button-toggle-state-layer-color:black;--mat-standard-button-toggle-selected-state-background-color:#e0e0e0;--mat-standard-button-toggle-selected-state-text-color:rgba(0, 0, 0, .87);--mat-standard-button-toggle-disabled-state-text-color:rgba(0, 0, 0, .26);--mat-standard-button-toggle-disabled-state-background-color:white;--mat-standard-button-toggle-disabled-selected-state-text-color:rgba(0, 0, 0, .87);--mat-standard-button-toggle-disabled-selected-state-background-color:#bdbdbd;--mat-standard-button-toggle-divider-color:#e0e0e0}html{--mat-standard-button-toggle-height:48px}html{--mat-legacy-button-toggle-text-font:Roboto, sans-serif;--mat-standard-button-toggle-text-font:Roboto, sans-serif}html{--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#3f51b5;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(63, 81, 181, .4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(63, 81, 181, .3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(63, 81, 181, .3);--mat-datepicker-toggle-active-state-icon-color:#3f51b5;--mat-datepicker-calendar-date-in-range-state-background-color:rgba(63, 81, 181, .2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, .2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e;--mat-datepicker-toggle-icon-color:rgba(0, 0, 0, .54);--mat-datepicker-calendar-body-label-text-color:rgba(0, 0, 0, .54);--mat-datepicker-calendar-period-button-icon-color:rgba(0, 0, 0, .54);--mat-datepicker-calendar-navigation-button-icon-color:rgba(0, 0, 0, .54);--mat-datepicker-calendar-header-divider-color:rgba(0, 0, 0, .12);--mat-datepicker-calendar-header-text-color:rgba(0, 0, 0, .54);--mat-datepicker-calendar-date-today-outline-color:rgba(0, 0, 0, .38);--mat-datepicker-calendar-date-today-disabled-state-outline-color:rgba(0, 0, 0, .18);--mat-datepicker-calendar-date-text-color:rgba(0, 0, 0, .87);--mat-datepicker-calendar-date-outline-color:transparent;--mat-datepicker-calendar-date-disabled-state-text-color:rgba(0, 0, 0, .38);--mat-datepicker-calendar-date-preview-state-outline-color:rgba(0, 0, 0, .24);--mat-datepicker-range-input-separator-color:rgba(0, 0, 0, .87);--mat-datepicker-range-input-disabled-state-separator-color:rgba(0, 0, 0, .38);--mat-datepicker-range-input-disabled-state-text-color:rgba(0, 0, 0, .38);--mat-datepicker-calendar-container-background-color:white;--mat-datepicker-calendar-container-text-color:rgba(0, 0, 0, .87)}html{--mat-datepicker-calendar-text-font:Roboto, sans-serif;--mat-datepicker-calendar-text-size:13px;--mat-datepicker-calendar-body-label-text-size:14px;--mat-datepicker-calendar-body-label-text-weight:500;--mat-datepicker-calendar-period-button-text-size:14px;--mat-datepicker-calendar-period-button-text-weight:500;--mat-datepicker-calendar-header-text-size:11px;--mat-datepicker-calendar-header-text-weight:400}html{--mat-divider-width:1px}html{--mat-divider-color:rgba(0, 0, 0, .12)}html{--mat-expansion-container-shape:4px}html{--mat-expansion-container-background-color:white;--mat-expansion-container-text-color:rgba(0, 0, 0, .87);--mat-expansion-actions-divider-color:rgba(0, 0, 0, .12);--mat-expansion-header-hover-state-layer-color:rgba(0, 0, 0, .04);--mat-expansion-header-focus-state-layer-color:rgba(0, 0, 0, .04);--mat-expansion-header-disabled-state-text-color:rgba(0, 0, 0, .26);--mat-expansion-header-text-color:rgba(0, 0, 0, .87);--mat-expansion-header-description-color:rgba(0, 0, 0, .54);--mat-expansion-header-indicator-color:rgba(0, 0, 0, .54)}html{--mat-expansion-header-collapsed-state-height:48px;--mat-expansion-header-expanded-state-height:64px}html{--mat-expansion-header-text-font:Roboto, sans-serif;--mat-expansion-header-text-size:14px;--mat-expansion-header-text-weight:500;--mat-expansion-header-text-line-height:inherit;--mat-expansion-header-text-tracking:inherit;--mat-expansion-container-text-font:Roboto, sans-serif;--mat-expansion-container-text-line-height:20px;--mat-expansion-container-text-size:14px;--mat-expansion-container-text-tracking:.0178571429em;--mat-expansion-container-text-weight:400}html{--mat-grid-list-tile-header-primary-text-size:14px;--mat-grid-list-tile-header-secondary-text-size:12px;--mat-grid-list-tile-footer-primary-text-size:14px;--mat-grid-list-tile-footer-secondary-text-size:12px}html{--mat-icon-color:inherit}html{--mat-sidenav-container-shape:0}html{--mat-sidenav-container-divider-color:rgba(0, 0, 0, .12);--mat-sidenav-container-background-color:white;--mat-sidenav-container-text-color:rgba(0, 0, 0, .87);--mat-sidenav-content-background-color:#fafafa;--mat-sidenav-content-text-color:rgba(0, 0, 0, .87);--mat-sidenav-scrim-color:rgba(0, 0, 0, .6)}html{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#3f51b5;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#3f51b5;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#3f51b5;--mat-stepper-header-edit-state-icon-foreground-color:white;--mat-stepper-container-color:white;--mat-stepper-line-color:rgba(0, 0, 0, .12);--mat-stepper-header-hover-state-layer-color:rgba(0, 0, 0, .04);--mat-stepper-header-focus-state-layer-color:rgba(0, 0, 0, .04);--mat-stepper-header-label-text-color:rgba(0, 0, 0, .54);--mat-stepper-header-optional-label-text-color:rgba(0, 0, 0, .54);--mat-stepper-header-selected-state-label-text-color:rgba(0, 0, 0, .87);--mat-stepper-header-error-state-label-text-color:#f44336;--mat-stepper-header-icon-background-color:rgba(0, 0, 0, .54);--mat-stepper-header-error-state-icon-foreground-color:#f44336;--mat-stepper-header-error-state-icon-background-color:transparent}html{--mat-stepper-header-height:72px}html{--mat-stepper-container-text-font:Roboto, sans-serif;--mat-stepper-header-label-text-font:Roboto, sans-serif;--mat-stepper-header-label-text-size:14px;--mat-stepper-header-label-text-weight:400;--mat-stepper-header-error-state-label-text-size:16px;--mat-stepper-header-selected-state-label-text-size:16px;--mat-stepper-header-selected-state-label-text-weight:400}html{--mat-sort-arrow-color:#757575}html{--mat-toolbar-container-background-color:whitesmoke;--mat-toolbar-container-text-color:rgba(0, 0, 0, .87)}html{--mat-toolbar-standard-height:64px;--mat-toolbar-mobile-height:56px}html{--mat-toolbar-title-text-font:Roboto, sans-serif;--mat-toolbar-title-text-line-height:32px;--mat-toolbar-title-text-size:20px;--mat-toolbar-title-text-tracking:.0125em;--mat-toolbar-title-text-weight:500}html{--mat-tree-container-background-color:white;--mat-tree-node-text-color:rgba(0, 0, 0, .87)}html{--mat-tree-node-min-height:48px}html{--mat-tree-node-text-font:Roboto, sans-serif;--mat-tree-node-text-size:14px;--mat-tree-node-text-weight:400}
body{transition:all .5s;font-family:Roboto,sans-serif;font-size:14px}

[_nghost-ng-c2071628769]{position:relative;display:block;pointer-events:none}[_nghost-ng-c2071628769]   .ngx-spinner[_ngcontent-ng-c2071628769]{transition:.35s linear all;display:block;position:absolute;top:5px;left:0px}[_nghost-ng-c2071628769]   .ngx-spinner[_ngcontent-ng-c2071628769]   .ngx-spinner-icon[_ngcontent-ng-c2071628769]{width:14px;height:14px;border:solid 2px transparent;border-top-color:inherit;border-left-color:inherit;border-radius:50%;-webkit-animation:_ngcontent-ng-c2071628769_loading-bar-spinner .4s linear infinite;animation:_ngcontent-ng-c2071628769_loading-bar-spinner .4s linear infinite}[_nghost-ng-c2071628769]   .ngx-bar[_ngcontent-ng-c2071628769]{transition:width .35s;position:absolute;top:0;left:0;width:100%;height:2px;border-bottom-right-radius:1px;border-top-right-radius:1px}[dir=rtl]   [_nghost-ng-c2071628769]   .ngx-bar[_ngcontent-ng-c2071628769]{right:0;left:unset}[fixed=true][_nghost-ng-c2071628769]{z-index:10002}[fixed=true][_nghost-ng-c2071628769]   .ngx-bar[_ngcontent-ng-c2071628769]{position:fixed}[fixed=true][_nghost-ng-c2071628769]   .ngx-spinner[_ngcontent-ng-c2071628769]{position:fixed;top:10px;left:10px}[dir=rtl]   [fixed=true][_nghost-ng-c2071628769]   .ngx-spinner[_ngcontent-ng-c2071628769]{right:10px;left:unset}@-webkit-keyframes _ngcontent-ng-c2071628769_loading-bar-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes _ngcontent-ng-c2071628769_loading-bar-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.mdc-touch-target-wrapper{display:inline}.mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:var(--mdc-elevation-overlay-opacity, 0);transition:opacity 280ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-button{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:64px;border:none;outline:none;line-height:inherit;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle;background:rgba(0,0,0,0)}.mdc-button .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.mdc-button::-moz-focus-inner{padding:0;border:0}.mdc-button:active{outline:none}.mdc-button:hover{cursor:pointer}.mdc-button:disabled{cursor:default;pointer-events:none}.mdc-button[hidden]{display:none}.mdc-button .mdc-button__icon{margin-left:0;margin-right:8px;display:inline-block;position:relative;vertical-align:top}[dir=rtl] .mdc-button .mdc-button__icon,.mdc-button .mdc-button__icon[dir=rtl]{margin-left:8px;margin-right:0}.mdc-button .mdc-button__progress-indicator{font-size:0;position:absolute;transform:translate(-50%, -50%);top:50%;left:50%;line-height:initial}.mdc-button .mdc-button__label{position:relative}.mdc-button .mdc-button__focus-ring{pointer-events:none;border:2px solid rgba(0,0,0,0);border-radius:6px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px);display:none}@media screen and (forced-colors: active){.mdc-button .mdc-button__focus-ring{border-color:CanvasText}}.mdc-button .mdc-button__focus-ring::after{content:"";border:2px solid rgba(0,0,0,0);border-radius:8px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}@media screen and (forced-colors: active){.mdc-button .mdc-button__focus-ring::after{border-color:CanvasText}}@media screen and (forced-colors: active){.mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__focus-ring,.mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__focus-ring{display:block}}.mdc-button .mdc-button__touch{position:absolute;top:50%;height:48px;left:0;right:0;transform:translateY(-50%)}.mdc-button__label+.mdc-button__icon{margin-left:8px;margin-right:0}[dir=rtl] .mdc-button__label+.mdc-button__icon,.mdc-button__label+.mdc-button__icon[dir=rtl]{margin-left:0;margin-right:8px}svg.mdc-button__icon{fill:currentColor}.mdc-button--touch{margin-top:6px;margin-bottom:6px}.mdc-button{padding:0 8px 0 8px}.mdc-button--unelevated{transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);padding:0 16px 0 16px}.mdc-button--unelevated.mdc-button--icon-trailing{padding:0 12px 0 16px}.mdc-button--unelevated.mdc-button--icon-leading{padding:0 16px 0 12px}.mdc-button--raised{transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);padding:0 16px 0 16px}.mdc-button--raised.mdc-button--icon-trailing{padding:0 12px 0 16px}.mdc-button--raised.mdc-button--icon-leading{padding:0 16px 0 12px}.mdc-button--outlined{border-style:solid;transition:border 280ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-button--outlined .mdc-button__ripple{border-style:solid;border-color:rgba(0,0,0,0)}.mat-mdc-button{height:var(--mdc-text-button-container-height);border-radius:var(--mdc-text-button-container-shape);--mdc-text-button-container-shape:4px;--mdc-text-button-container-height:36px;--mdc-text-button-keep-touch-target:false}.mat-mdc-button:not(:disabled){color:var(--mdc-text-button-label-text-color)}.mat-mdc-button:disabled{color:var(--mdc-text-button-disabled-label-text-color)}.mat-mdc-button .mdc-button__ripple{border-radius:var(--mdc-text-button-container-shape)}.mat-mdc-button .mat-ripple-element{background-color:var(--mat-text-button-ripple-color)}.mat-mdc-button .mat-mdc-button-persistent-ripple::before{background-color:var(--mat-text-button-state-layer-color)}.mat-mdc-button:hover .mat-mdc-button-persistent-ripple::before{opacity:var(--mat-text-button-hover-state-layer-opacity)}.mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before{opacity:var(--mat-text-button-focus-state-layer-opacity)}.mat-mdc-button:active .mat-mdc-button-persistent-ripple::before{opacity:var(--mat-text-button-pressed-state-layer-opacity)}.mat-mdc-button[disabled]{cursor:default;pointer-events:none;color:var(--mdc-text-button-disabled-label-text-color)}.mat-mdc-unelevated-button{height:var(--mdc-filled-button-container-height);border-radius:var(--mdc-filled-button-container-shape);--mdc-filled-button-container-shape:4px;--mdc-filled-button-container-elevation:0;--mdc-filled-button-disabled-container-elevation:0;--mdc-filled-button-focus-container-elevation:0;--mdc-filled-button-hover-container-elevation:0;--mdc-filled-button-keep-touch-target:false;--mdc-filled-button-pressed-container-elevation:0}.mat-mdc-unelevated-button:not(:disabled){background-color:var(--mdc-filled-button-container-color)}.mat-mdc-unelevated-button:disabled{background-color:var(--mdc-filled-button-disabled-container-color)}.mat-mdc-unelevated-button:not(:disabled){color:var(--mdc-filled-button-label-text-color)}.mat-mdc-unelevated-button:disabled{color:var(--mdc-filled-button-disabled-label-text-color)}.mat-mdc-unelevated-button .mdc-button__ripple{border-radius:var(--mdc-filled-button-container-shape)}.mat-mdc-unelevated-button .mat-ripple-element{background-color:var(--mat-filled-button-ripple-color)}.mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple::before{background-color:var(--mat-filled-button-state-layer-color)}.mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple::before{opacity:var(--mat-filled-button-hover-state-layer-opacity)}.mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before{opacity:var(--mat-filled-button-focus-state-layer-opacity)}.mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple::before{opacity:var(--mat-filled-button-pressed-state-layer-opacity)}.mat-mdc-unelevated-button[disabled]{cursor:default;pointer-events:none;color:var(--mdc-filled-button-disabled-label-text-color);background-color:var(--mdc-filled-button-disabled-container-color)}.mat-mdc-raised-button{height:var(--mdc-protected-button-container-height);border-radius:var(--mdc-protected-button-container-shape);--mdc-protected-button-container-shape:4px;--mdc-protected-button-keep-touch-target:false}.mat-mdc-raised-button:not(:disabled){background-color:var(--mdc-protected-button-container-color)}.mat-mdc-raised-button:disabled{background-color:var(--mdc-protected-button-disabled-container-color)}.mat-mdc-raised-button:not(:disabled){color:var(--mdc-protected-button-label-text-color)}.mat-mdc-raised-button:disabled{color:var(--mdc-protected-button-disabled-label-text-color)}.mat-mdc-raised-button .mdc-button__ripple{border-radius:var(--mdc-protected-button-container-shape)}.mat-mdc-raised-button .mat-ripple-element{background-color:var(--mat-protected-button-ripple-color)}.mat-mdc-raised-button .mat-mdc-button-persistent-ripple::before{background-color:var(--mat-protected-button-state-layer-color)}.mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple::before{opacity:var(--mat-protected-button-hover-state-layer-opacity)}.mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before{opacity:var(--mat-protected-button-focus-state-layer-opacity)}.mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple::before{opacity:var(--mat-protected-button-pressed-state-layer-opacity)}.mat-mdc-raised-button[disabled]{cursor:default;pointer-events:none;color:var(--mdc-protected-button-disabled-label-text-color);background-color:var(--mdc-protected-button-disabled-container-color)}.mat-mdc-raised-button[disabled][disabled]{box-shadow:none}.mat-mdc-outlined-button{height:var(--mdc-outlined-button-container-height);border-radius:var(--mdc-outlined-button-container-shape);padding:0 15px 0 15px;border-width:var(--mdc-outlined-button-outline-width);--mdc-outlined-button-keep-touch-target:false;--mdc-outlined-button-outline-width:1px;--mdc-outlined-button-container-shape:4px}.mat-mdc-outlined-button:not(:disabled){color:var(--mdc-outlined-button-label-text-color)}.mat-mdc-outlined-button:disabled{color:var(--mdc-outlined-button-disabled-label-text-color)}.mat-mdc-outlined-button .mdc-button__ripple{border-radius:var(--mdc-outlined-button-container-shape)}.mat-mdc-outlined-button:not(:disabled){border-color:var(--mdc-outlined-button-outline-color)}.mat-mdc-outlined-button:disabled{border-color:var(--mdc-outlined-button-disabled-outline-color)}.mat-mdc-outlined-button.mdc-button--icon-trailing{padding:0 11px 0 15px}.mat-mdc-outlined-button.mdc-button--icon-leading{padding:0 15px 0 11px}.mat-mdc-outlined-button .mdc-button__ripple{top:-1px;left:-1px;bottom:-1px;right:-1px;border-width:var(--mdc-outlined-button-outline-width)}.mat-mdc-outlined-button .mdc-button__touch{left:calc(-1 * var(--mdc-outlined-button-outline-width));width:calc(100% + 2 * var(--mdc-outlined-button-outline-width))}.mat-mdc-outlined-button .mat-ripple-element{background-color:var(--mat-outlined-button-ripple-color)}.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before{background-color:var(--mat-outlined-button-state-layer-color)}.mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple::before{opacity:var(--mat-outlined-button-hover-state-layer-opacity)}.mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before{opacity:var(--mat-outlined-button-focus-state-layer-opacity)}.mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple::before{opacity:var(--mat-outlined-button-pressed-state-layer-opacity)}.mat-mdc-outlined-button[disabled]{cursor:default;pointer-events:none;color:var(--mdc-outlined-button-disabled-label-text-color);border-color:var(--mdc-outlined-button-disabled-outline-color)}.mat-mdc-button,.mat-mdc-unelevated-button,.mat-mdc-raised-button,.mat-mdc-outlined-button{-webkit-tap-highlight-color:rgba(0,0,0,0)}.mat-mdc-button .mat-mdc-button-ripple,.mat-mdc-button .mat-mdc-button-persistent-ripple,.mat-mdc-button .mat-mdc-button-persistent-ripple::before,.mat-mdc-unelevated-button .mat-mdc-button-ripple,.mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple,.mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple::before,.mat-mdc-raised-button .mat-mdc-button-ripple,.mat-mdc-raised-button .mat-mdc-button-persistent-ripple,.mat-mdc-raised-button .mat-mdc-button-persistent-ripple::before,.mat-mdc-outlined-button .mat-mdc-button-ripple,.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple,.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;border-radius:inherit}.mat-mdc-button .mat-mdc-button-ripple,.mat-mdc-unelevated-button .mat-mdc-button-ripple,.mat-mdc-raised-button .mat-mdc-button-ripple,.mat-mdc-outlined-button .mat-mdc-button-ripple{overflow:hidden}.mat-mdc-button .mat-mdc-button-persistent-ripple::before,.mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple::before,.mat-mdc-raised-button .mat-mdc-button-persistent-ripple::before,.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before{content:"";opacity:0}.mat-mdc-button .mdc-button__label,.mat-mdc-unelevated-button .mdc-button__label,.mat-mdc-raised-button .mdc-button__label,.mat-mdc-outlined-button .mdc-button__label{z-index:1}.mat-mdc-button .mat-mdc-focus-indicator,.mat-mdc-unelevated-button .mat-mdc-focus-indicator,.mat-mdc-raised-button .mat-mdc-focus-indicator,.mat-mdc-outlined-button .mat-mdc-focus-indicator{top:0;left:0;right:0;bottom:0;position:absolute}.mat-mdc-button:focus .mat-mdc-focus-indicator::before,.mat-mdc-unelevated-button:focus .mat-mdc-focus-indicator::before,.mat-mdc-raised-button:focus .mat-mdc-focus-indicator::before,.mat-mdc-outlined-button:focus .mat-mdc-focus-indicator::before{content:""}.mat-mdc-button .mat-mdc-button-touch-target,.mat-mdc-unelevated-button .mat-mdc-button-touch-target,.mat-mdc-raised-button .mat-mdc-button-touch-target,.mat-mdc-outlined-button .mat-mdc-button-touch-target{position:absolute;top:50%;height:48px;left:0;right:0;transform:translateY(-50%)}.mat-mdc-button._mat-animation-noopable,.mat-mdc-unelevated-button._mat-animation-noopable,.mat-mdc-raised-button._mat-animation-noopable,.mat-mdc-outlined-button._mat-animation-noopable{transition:none !important;animation:none !important}.mat-mdc-button>.mat-icon{margin-left:0;margin-right:8px;display:inline-block;position:relative;vertical-align:top;font-size:1.125rem;height:1.125rem;width:1.125rem}[dir=rtl] .mat-mdc-button>.mat-icon,.mat-mdc-button>.mat-icon[dir=rtl]{margin-left:8px;margin-right:0}.mat-mdc-button .mdc-button__label+.mat-icon{margin-left:8px;margin-right:0}[dir=rtl] .mat-mdc-button .mdc-button__label+.mat-icon,.mat-mdc-button .mdc-button__label+.mat-icon[dir=rtl]{margin-left:0;margin-right:8px}.mat-mdc-unelevated-button>.mat-icon,.mat-mdc-raised-button>.mat-icon,.mat-mdc-outlined-button>.mat-icon{margin-left:0;margin-right:8px;display:inline-block;position:relative;vertical-align:top;font-size:1.125rem;height:1.125rem;width:1.125rem;margin-left:-4px;margin-right:8px}[dir=rtl] .mat-mdc-unelevated-button>.mat-icon,[dir=rtl] .mat-mdc-raised-button>.mat-icon,[dir=rtl] .mat-mdc-outlined-button>.mat-icon,.mat-mdc-unelevated-button>.mat-icon[dir=rtl],.mat-mdc-raised-button>.mat-icon[dir=rtl],.mat-mdc-outlined-button>.mat-icon[dir=rtl]{margin-left:8px;margin-right:0}[dir=rtl] .mat-mdc-unelevated-button>.mat-icon,[dir=rtl] .mat-mdc-raised-button>.mat-icon,[dir=rtl] .mat-mdc-outlined-button>.mat-icon,.mat-mdc-unelevated-button>.mat-icon[dir=rtl],.mat-mdc-raised-button>.mat-icon[dir=rtl],.mat-mdc-outlined-button>.mat-icon[dir=rtl]{margin-left:8px;margin-right:-4px}.mat-mdc-unelevated-button .mdc-button__label+.mat-icon,.mat-mdc-raised-button .mdc-button__label+.mat-icon,.mat-mdc-outlined-button .mdc-button__label+.mat-icon{margin-left:8px;margin-right:-4px}[dir=rtl] .mat-mdc-unelevated-button .mdc-button__label+.mat-icon,[dir=rtl] .mat-mdc-raised-button .mdc-button__label+.mat-icon,[dir=rtl] .mat-mdc-outlined-button .mdc-button__label+.mat-icon,.mat-mdc-unelevated-button .mdc-button__label+.mat-icon[dir=rtl],.mat-mdc-raised-button .mdc-button__label+.mat-icon[dir=rtl],.mat-mdc-outlined-button .mdc-button__label+.mat-icon[dir=rtl]{margin-left:-4px;margin-right:8px}.mat-mdc-outlined-button .mat-mdc-button-ripple,.mat-mdc-outlined-button .mdc-button__ripple{top:-1px;left:-1px;bottom:-1px;right:-1px;border-width:-1px}.mat-mdc-unelevated-button .mat-mdc-focus-indicator::before,.mat-mdc-raised-button .mat-mdc-focus-indicator::before{margin:calc(calc(var(--mat-mdc-focus-indicator-border-width, 3px) + 2px)*-1)}.mat-mdc-outlined-button .mat-mdc-focus-indicator::before{margin:calc(calc(var(--mat-mdc-focus-indicator-border-width, 3px) + 3px)*-1)}
.cdk-high-contrast-active .mat-mdc-button:not(.mdc-button--outlined),.cdk-high-contrast-active .mat-mdc-unelevated-button:not(.mdc-button--outlined),.cdk-high-contrast-active .mat-mdc-raised-button:not(.mdc-button--outlined),.cdk-high-contrast-active .mat-mdc-outlined-button:not(.mdc-button--outlined),.cdk-high-contrast-active .mat-mdc-icon-button{outline:solid 1px}

.mdc-text-field{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:0;border-bottom-left-radius:0;display:inline-flex;align-items:baseline;padding:0 16px;position:relative;box-sizing:border-box;overflow:hidden;will-change:opacity,transform,color}.mdc-text-field .mdc-floating-label{top:50%;transform:translateY(-50%);pointer-events:none}.mdc-text-field__input{height:28px;width:100%;min-width:0;border:none;border-radius:0;background:none;appearance:none;padding:0}.mdc-text-field__input::-ms-clear{display:none}.mdc-text-field__input::-webkit-calendar-picker-indicator{display:none}.mdc-text-field__input:focus{outline:none}.mdc-text-field__input:invalid{box-shadow:none}@media all{.mdc-text-field__input::placeholder{opacity:0}}@media all{.mdc-text-field__input:-ms-input-placeholder{opacity:0}}@media all{.mdc-text-field--no-label .mdc-text-field__input::placeholder,.mdc-text-field--focused .mdc-text-field__input::placeholder{opacity:1}}@media all{.mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder,.mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder{opacity:1}}.mdc-text-field__affix{height:28px;opacity:0;white-space:nowrap}.mdc-text-field--label-floating .mdc-text-field__affix,.mdc-text-field--no-label .mdc-text-field__affix{opacity:1}@supports(-webkit-hyphens: none){.mdc-text-field--outlined .mdc-text-field__affix{align-items:center;align-self:center;display:inline-flex;height:100%}}.mdc-text-field__affix--prefix{padding-left:0;padding-right:2px}[dir=rtl] .mdc-text-field__affix--prefix,.mdc-text-field__affix--prefix[dir=rtl]{padding-left:2px;padding-right:0}.mdc-text-field--end-aligned .mdc-text-field__affix--prefix{padding-left:0;padding-right:12px}[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--prefix,.mdc-text-field--end-aligned .mdc-text-field__affix--prefix[dir=rtl]{padding-left:12px;padding-right:0}.mdc-text-field__affix--suffix{padding-left:12px;padding-right:0}[dir=rtl] .mdc-text-field__affix--suffix,.mdc-text-field__affix--suffix[dir=rtl]{padding-left:0;padding-right:12px}.mdc-text-field--end-aligned .mdc-text-field__affix--suffix{padding-left:2px;padding-right:0}[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--suffix,.mdc-text-field--end-aligned .mdc-text-field__affix--suffix[dir=rtl]{padding-left:0;padding-right:2px}.mdc-text-field--filled{height:56px}.mdc-text-field--filled::before{display:inline-block;width:0;height:40px;content:"";vertical-align:0}.mdc-text-field--filled .mdc-floating-label{left:16px;right:initial}[dir=rtl] .mdc-text-field--filled .mdc-floating-label,.mdc-text-field--filled .mdc-floating-label[dir=rtl]{left:initial;right:16px}.mdc-text-field--filled .mdc-floating-label--float-above{transform:translateY(-106%) scale(0.75)}.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input{height:100%}.mdc-text-field--filled.mdc-text-field--no-label .mdc-floating-label{display:none}.mdc-text-field--filled.mdc-text-field--no-label::before{display:none}@supports(-webkit-hyphens: none){.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__affix{align-items:center;align-self:center;display:inline-flex;height:100%}}.mdc-text-field--outlined{height:56px;overflow:visible}.mdc-text-field--outlined .mdc-floating-label--float-above{transform:translateY(-37.25px) scale(1)}.mdc-text-field--outlined .mdc-floating-label--float-above{font-size:.75rem}.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{transform:translateY(-34.75px) scale(0.75)}.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-text-field--outlined .mdc-text-field__input{height:100%}.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px;border-bottom-left-radius:var(--mdc-shape-small, 4px)}[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl]{border-top-left-radius:0;border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:4px;border-bottom-right-radius:var(--mdc-shape-small, 4px);border-bottom-left-radius:0}@supports(top: max(0%)){.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading{width:max(12px,var(--mdc-shape-small, 4px))}}@supports(top: max(0%)){.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch{max-width:calc(100% - max(12px,var(--mdc-shape-small, 4px))*2)}}.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing{border-top-left-radius:0;border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:4px;border-bottom-right-radius:var(--mdc-shape-small, 4px);border-bottom-left-radius:0}[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing,.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl]{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px;border-bottom-left-radius:var(--mdc-shape-small, 4px)}@supports(top: max(0%)){.mdc-text-field--outlined{padding-left:max(16px,calc(var(--mdc-shape-small, 4px) + 4px))}}@supports(top: max(0%)){.mdc-text-field--outlined{padding-right:max(16px,var(--mdc-shape-small, 4px))}}@supports(top: max(0%)){.mdc-text-field--outlined+.mdc-text-field-helper-line{padding-left:max(16px,calc(var(--mdc-shape-small, 4px) + 4px))}}@supports(top: max(0%)){.mdc-text-field--outlined+.mdc-text-field-helper-line{padding-right:max(16px,var(--mdc-shape-small, 4px))}}.mdc-text-field--outlined.mdc-text-field--with-leading-icon{padding-left:0}@supports(top: max(0%)){.mdc-text-field--outlined.mdc-text-field--with-leading-icon{padding-right:max(16px,var(--mdc-shape-small, 4px))}}[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,.mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl]{padding-right:0}@supports(top: max(0%)){[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,.mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl]{padding-left:max(16px,var(--mdc-shape-small, 4px))}}.mdc-text-field--outlined.mdc-text-field--with-trailing-icon{padding-right:0}@supports(top: max(0%)){.mdc-text-field--outlined.mdc-text-field--with-trailing-icon{padding-left:max(16px,calc(var(--mdc-shape-small, 4px) + 4px))}}[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,.mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl]{padding-left:0}@supports(top: max(0%)){[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,.mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl]{padding-right:max(16px,calc(var(--mdc-shape-small, 4px) + 4px))}}.mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon{padding-left:0;padding-right:0}.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:1px}.mdc-text-field--outlined .mdc-floating-label{left:4px;right:initial}[dir=rtl] .mdc-text-field--outlined .mdc-floating-label,.mdc-text-field--outlined .mdc-floating-label[dir=rtl]{left:initial;right:4px}.mdc-text-field--outlined .mdc-text-field__input{display:flex;border:none !important;background-color:rgba(0,0,0,0)}.mdc-text-field--outlined .mdc-notched-outline{z-index:1}.mdc-text-field--textarea{flex-direction:column;align-items:center;width:auto;height:auto;padding:0}.mdc-text-field--textarea .mdc-floating-label{top:19px}.mdc-text-field--textarea .mdc-floating-label:not(.mdc-floating-label--float-above){transform:none}.mdc-text-field--textarea .mdc-text-field__input{flex-grow:1;height:auto;min-height:1.5rem;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;resize:none;padding:0 16px}.mdc-text-field--textarea.mdc-text-field--filled::before{display:none}.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--float-above{transform:translateY(-10.25px) scale(0.75)}.mdc-text-field--textarea.mdc-text-field--filled .mdc-text-field__input{margin-top:23px;margin-bottom:9px}.mdc-text-field--textarea.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input{margin-top:16px;margin-bottom:16px}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:0}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above{transform:translateY(-27.25px) scale(1)}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above{font-size:.75rem}.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{transform:translateY(-24.75px) scale(0.75)}.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-text-field__input{margin-top:16px;margin-bottom:16px}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label{top:18px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field__input{margin-bottom:2px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter{align-self:flex-end;padding:0 16px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::after{display:inline-block;width:0;height:16px;content:"";vertical-align:-16px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::before{display:none}.mdc-text-field__resizer{align-self:stretch;display:inline-flex;flex-direction:column;flex-grow:1;max-height:100%;max-width:100%;min-height:56px;min-width:fit-content;min-width:-moz-available;min-width:-webkit-fill-available;overflow:hidden;resize:both}.mdc-text-field--filled .mdc-text-field__resizer{transform:translateY(-1px)}.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field__input,.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field-character-counter{transform:translateY(1px)}.mdc-text-field--outlined .mdc-text-field__resizer{transform:translateX(-1px) translateY(-1px)}[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer,.mdc-text-field--outlined .mdc-text-field__resizer[dir=rtl]{transform:translateX(1px) translateY(-1px)}.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter{transform:translateX(1px) translateY(1px)}[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter,.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input[dir=rtl],.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter[dir=rtl]{transform:translateX(-1px) translateY(1px)}.mdc-text-field--with-leading-icon{padding-left:0;padding-right:16px}[dir=rtl] .mdc-text-field--with-leading-icon,.mdc-text-field--with-leading-icon[dir=rtl]{padding-left:16px;padding-right:0}.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label{max-width:calc(100% - 48px);left:48px;right:initial}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label,.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label[dir=rtl]{left:initial;right:48px}.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label--float-above{max-width:calc(100%/0.75 - 64px/0.75)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label{left:36px;right:initial}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl]{left:initial;right:36px}.mdc-text-field--with-leading-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch{max-width:calc(100% - 60px)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above{transform:translateY(-37.25px) translateX(-32px) scale(1)}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl]{transform:translateY(-37.25px) translateX(32px) scale(1)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above{font-size:.75rem}.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{transform:translateY(-34.75px) translateX(-32px) scale(0.75)}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl]{transform:translateY(-34.75px) translateX(32px) scale(0.75)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-text-field--with-trailing-icon{padding-left:16px;padding-right:0}[dir=rtl] .mdc-text-field--with-trailing-icon,.mdc-text-field--with-trailing-icon[dir=rtl]{padding-left:0;padding-right:16px}.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label{max-width:calc(100% - 64px)}.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above{max-width:calc(100%/0.75 - 64px/0.75)}.mdc-text-field--with-trailing-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch{max-width:calc(100% - 60px)}.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon{padding-left:0;padding-right:0}.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label{max-width:calc(100% - 96px)}.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above{max-width:calc(100%/0.75 - 96px/0.75)}.mdc-text-field-helper-line{display:flex;justify-content:space-between;box-sizing:border-box}.mdc-text-field+.mdc-text-field-helper-line{padding-right:16px;padding-left:16px}.mdc-form-field>.mdc-text-field+label{align-self:flex-start}.mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--focused .mdc-notched-outline__trailing{border-width:2px}.mdc-text-field--focused+.mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg){opacity:1}.mdc-text-field--focused.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:2px}.mdc-text-field--focused.mdc-text-field--outlined.mdc-text-field--textarea .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:0}.mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg{opacity:1}.mdc-text-field--disabled{pointer-events:none}@media screen and (forced-colors: active){.mdc-text-field--disabled .mdc-text-field__input{background-color:Window}.mdc-text-field--disabled .mdc-floating-label{z-index:1}}.mdc-text-field--disabled .mdc-floating-label{cursor:default}.mdc-text-field--disabled.mdc-text-field--filled .mdc-text-field__ripple{display:none}.mdc-text-field--disabled .mdc-text-field__input{pointer-events:auto}.mdc-text-field--end-aligned .mdc-text-field__input{text-align:right}[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__input,.mdc-text-field--end-aligned .mdc-text-field__input[dir=rtl]{text-align:left}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix{direction:ltr}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix{padding-left:0;padding-right:2px}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix{padding-left:12px;padding-right:0}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--leading,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--leading{order:1}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix{order:2}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input{order:3}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix{order:4}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--trailing,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--trailing{order:5}[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__input,.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__input{text-align:right}[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--prefix,.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--prefix{padding-right:12px}[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--suffix,.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--suffix{padding-left:2px}.mdc-floating-label{position:absolute;left:0;-webkit-transform-origin:left top;transform-origin:left top;line-height:1.15rem;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:text;overflow:hidden;will-change:transform}[dir=rtl] .mdc-floating-label,.mdc-floating-label[dir=rtl]{right:0;left:auto;-webkit-transform-origin:right top;transform-origin:right top;text-align:right}.mdc-floating-label--float-above{cursor:auto}.mdc-floating-label--required:not(.mdc-floating-label--hide-required-marker)::after{margin-left:1px;margin-right:0px;content:"*"}[dir=rtl] .mdc-floating-label--required:not(.mdc-floating-label--hide-required-marker)::after,.mdc-floating-label--required:not(.mdc-floating-label--hide-required-marker)[dir=rtl]::after{margin-left:0;margin-right:1px}.mdc-notched-outline{display:flex;position:absolute;top:0;right:0;left:0;box-sizing:border-box;width:100%;max-width:100%;height:100%;text-align:left;pointer-events:none}[dir=rtl] .mdc-notched-outline,.mdc-notched-outline[dir=rtl]{text-align:right}.mdc-notched-outline__leading,.mdc-notched-outline__notch,.mdc-notched-outline__trailing{box-sizing:border-box;height:100%;pointer-events:none}.mdc-notched-outline__trailing{flex-grow:1}.mdc-notched-outline__notch{flex:0 0 auto;width:auto}.mdc-notched-outline .mdc-floating-label{display:inline-block;position:relative;max-width:100%}.mdc-notched-outline .mdc-floating-label--float-above{text-overflow:clip}.mdc-notched-outline--upgraded .mdc-floating-label--float-above{max-width:133.3333333333%}.mdc-notched-outline--notched .mdc-notched-outline__notch{padding-left:0;padding-right:8px;border-top:none}[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch,.mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl]{padding-left:8px;padding-right:0}.mdc-notched-outline--no-label .mdc-notched-outline__notch{display:none}.mdc-line-ripple::before,.mdc-line-ripple::after{position:absolute;bottom:0;left:0;width:100%;border-bottom-style:solid;content:""}.mdc-line-ripple::before{z-index:1}.mdc-line-ripple::after{transform:scaleX(0);opacity:0;z-index:2}.mdc-line-ripple--active::after{transform:scaleX(1);opacity:1}.mdc-line-ripple--deactivating::after{opacity:0}.mdc-floating-label--float-above{transform:translateY(-106%) scale(0.75)}.mdc-notched-outline__leading,.mdc-notched-outline__notch,.mdc-notched-outline__trailing{border-top:1px solid;border-bottom:1px solid}.mdc-notched-outline__leading{border-left:1px solid;border-right:none;width:12px}[dir=rtl] .mdc-notched-outline__leading,.mdc-notched-outline__leading[dir=rtl]{border-left:none;border-right:1px solid}.mdc-notched-outline__trailing{border-left:none;border-right:1px solid}[dir=rtl] .mdc-notched-outline__trailing,.mdc-notched-outline__trailing[dir=rtl]{border-left:1px solid;border-right:none}.mdc-notched-outline__notch{max-width:calc(100% - 12px*2)}.mdc-line-ripple::before{border-bottom-width:1px}.mdc-line-ripple::after{border-bottom-width:2px}.mdc-text-field--filled{border-top-left-radius:var(--mdc-filled-text-field-container-shape);border-top-right-radius:var(--mdc-filled-text-field-container-shape);border-bottom-right-radius:0;border-bottom-left-radius:0}.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input{caret-color:var(--mdc-filled-text-field-caret-color)}.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input{caret-color:var(--mdc-filled-text-field-error-caret-color)}.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input{color:var(--mdc-filled-text-field-input-text-color)}.mdc-text-field--filled.mdc-text-field--disabled .mdc-text-field__input{color:var(--mdc-filled-text-field-disabled-input-text-color)}.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-floating-label,.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-floating-label--float-above{color:var(--mdc-filled-text-field-label-text-color)}.mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,.mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above{color:var(--mdc-filled-text-field-focus-label-text-color)}.mdc-text-field--filled.mdc-text-field--disabled .mdc-floating-label,.mdc-text-field--filled.mdc-text-field--disabled .mdc-floating-label--float-above{color:var(--mdc-filled-text-field-disabled-label-text-color)}.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label,.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label--float-above{color:var(--mdc-filled-text-field-error-label-text-color)}.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above{color:var(--mdc-filled-text-field-error-focus-label-text-color)}.mdc-text-field--filled .mdc-floating-label{font-family:var(--mdc-filled-text-field-label-text-font);font-size:var(--mdc-filled-text-field-label-text-size);font-weight:var(--mdc-filled-text-field-label-text-weight);letter-spacing:var(--mdc-filled-text-field-label-text-tracking)}@media all{.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder{color:var(--mdc-filled-text-field-input-text-placeholder-color)}}@media all{.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder{color:var(--mdc-filled-text-field-input-text-placeholder-color)}}.mdc-text-field--filled:not(.mdc-text-field--disabled){background-color:var(--mdc-filled-text-field-container-color)}.mdc-text-field--filled.mdc-text-field--disabled{background-color:var(--mdc-filled-text-field-disabled-container-color)}.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before{border-bottom-color:var(--mdc-filled-text-field-active-indicator-color)}.mdc-text-field--filled:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-line-ripple::before{border-bottom-color:var(--mdc-filled-text-field-hover-active-indicator-color)}.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::after{border-bottom-color:var(--mdc-filled-text-field-focus-active-indicator-color)}.mdc-text-field--filled.mdc-text-field--disabled .mdc-line-ripple::before{border-bottom-color:var(--mdc-filled-text-field-disabled-active-indicator-color)}.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before{border-bottom-color:var(--mdc-filled-text-field-error-active-indicator-color)}.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-line-ripple::before{border-bottom-color:var(--mdc-filled-text-field-error-hover-active-indicator-color)}.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after{border-bottom-color:var(--mdc-filled-text-field-error-focus-active-indicator-color)}.mdc-text-field--filled .mdc-line-ripple::before{border-bottom-width:var(--mdc-filled-text-field-active-indicator-height)}.mdc-text-field--filled .mdc-line-ripple::after{border-bottom-width:var(--mdc-filled-text-field-focus-active-indicator-height)}.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input{caret-color:var(--mdc-outlined-text-field-caret-color)}.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input{caret-color:var(--mdc-outlined-text-field-error-caret-color)}.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input{color:var(--mdc-outlined-text-field-input-text-color)}.mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input{color:var(--mdc-outlined-text-field-disabled-input-text-color)}.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-floating-label,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-floating-label--float-above{color:var(--mdc-outlined-text-field-label-text-color)}.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above{color:var(--mdc-outlined-text-field-focus-label-text-color)}.mdc-text-field--outlined.mdc-text-field--disabled .mdc-floating-label,.mdc-text-field--outlined.mdc-text-field--disabled .mdc-floating-label--float-above{color:var(--mdc-outlined-text-field-disabled-label-text-color)}.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label,.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label--float-above{color:var(--mdc-outlined-text-field-error-label-text-color)}.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label--float-above{color:var(--mdc-outlined-text-field-error-focus-label-text-color)}.mdc-text-field--outlined .mdc-floating-label{font-family:var(--mdc-outlined-text-field-label-text-font);font-size:var(--mdc-outlined-text-field-label-text-size);font-weight:var(--mdc-outlined-text-field-label-text-weight);letter-spacing:var(--mdc-outlined-text-field-label-text-tracking)}@media all{.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder{color:var(--mdc-outlined-text-field-input-text-placeholder-color)}}@media all{.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder{color:var(--mdc-outlined-text-field-input-text-placeholder-color)}}.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading{border-top-left-radius:var(--mdc-outlined-text-field-container-shape);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:var(--mdc-outlined-text-field-container-shape)}[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl]{border-top-left-radius:0;border-top-right-radius:var(--mdc-outlined-text-field-container-shape);border-bottom-right-radius:var(--mdc-outlined-text-field-container-shape);border-bottom-left-radius:0}@supports(top: max(0%)){.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading{width:max(12px,var(--mdc-outlined-text-field-container-shape))}}@supports(top: max(0%)){.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch{max-width:calc(100% - max(12px,var(--mdc-outlined-text-field-container-shape))*2)}}.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing{border-top-left-radius:0;border-top-right-radius:var(--mdc-outlined-text-field-container-shape);border-bottom-right-radius:var(--mdc-outlined-text-field-container-shape);border-bottom-left-radius:0}[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing,.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl]{border-top-left-radius:var(--mdc-outlined-text-field-container-shape);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:var(--mdc-outlined-text-field-container-shape)}@supports(top: max(0%)){.mdc-text-field--outlined{padding-left:max(16px,calc(var(--mdc-outlined-text-field-container-shape) + 4px))}}@supports(top: max(0%)){.mdc-text-field--outlined{padding-right:max(16px,var(--mdc-outlined-text-field-container-shape))}}@supports(top: max(0%)){.mdc-text-field--outlined+.mdc-text-field-helper-line{padding-left:max(16px,calc(var(--mdc-outlined-text-field-container-shape) + 4px))}}@supports(top: max(0%)){.mdc-text-field--outlined+.mdc-text-field-helper-line{padding-right:max(16px,var(--mdc-outlined-text-field-container-shape))}}.mdc-text-field--outlined.mdc-text-field--with-leading-icon{padding-left:0}@supports(top: max(0%)){.mdc-text-field--outlined.mdc-text-field--with-leading-icon{padding-right:max(16px,var(--mdc-outlined-text-field-container-shape))}}[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,.mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl]{padding-right:0}@supports(top: max(0%)){[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,.mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl]{padding-left:max(16px,var(--mdc-outlined-text-field-container-shape))}}.mdc-text-field--outlined.mdc-text-field--with-trailing-icon{padding-right:0}@supports(top: max(0%)){.mdc-text-field--outlined.mdc-text-field--with-trailing-icon{padding-left:max(16px,calc(var(--mdc-outlined-text-field-container-shape) + 4px))}}[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,.mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl]{padding-left:0}@supports(top: max(0%)){[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,.mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl]{padding-right:max(16px,calc(var(--mdc-outlined-text-field-container-shape) + 4px))}}.mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon{padding-left:0;padding-right:0}.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:var(--mdc-outlined-text-field-outline-color)}.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:var(--mdc-outlined-text-field-hover-outline-color)}.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:var(--mdc-outlined-text-field-focus-outline-color)}.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__leading,.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__notch,.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__trailing{border-color:var(--mdc-outlined-text-field-disabled-outline-color)}.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:var(--mdc-outlined-text-field-error-outline-color)}.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:var(--mdc-outlined-text-field-error-hover-outline-color)}.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:var(--mdc-outlined-text-field-error-focus-outline-color)}.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__trailing{border-width:var(--mdc-outlined-text-field-outline-width)}.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline .mdc-notched-outline__trailing{border-width:var(--mdc-outlined-text-field-focus-outline-width)}.mat-mdc-form-field-textarea-control{vertical-align:middle;resize:vertical;box-sizing:border-box;height:auto;margin:0;padding:0;border:none;overflow:auto}.mat-mdc-form-field-input-control.mat-mdc-form-field-input-control{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font:inherit;letter-spacing:inherit;text-decoration:inherit;text-transform:inherit;border:none}.mat-mdc-form-field .mat-mdc-floating-label.mdc-floating-label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;line-height:normal;pointer-events:all}.mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-floating-label.mdc-floating-label{cursor:inherit}.mdc-text-field--no-label:not(.mdc-text-field--textarea) .mat-mdc-form-field-input-control.mdc-text-field__input,.mat-mdc-text-field-wrapper .mat-mdc-form-field-input-control{height:auto}.mat-mdc-text-field-wrapper .mat-mdc-form-field-input-control.mdc-text-field__input[type=color]{height:23px}.mat-mdc-text-field-wrapper{height:auto;flex:auto}.mat-mdc-form-field-has-icon-prefix .mat-mdc-text-field-wrapper{padding-left:0;--mat-mdc-form-field-label-offset-x: -16px}.mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper{padding-right:0}[dir=rtl] .mat-mdc-text-field-wrapper{padding-left:16px;padding-right:16px}[dir=rtl] .mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper{padding-left:0}[dir=rtl] .mat-mdc-form-field-has-icon-prefix .mat-mdc-text-field-wrapper{padding-right:0}.mat-form-field-disabled .mdc-text-field__input::placeholder{color:var(--mat-form-field-disabled-input-text-placeholder-color)}.mat-form-field-disabled .mdc-text-field__input::-moz-placeholder{color:var(--mat-form-field-disabled-input-text-placeholder-color)}.mat-form-field-disabled .mdc-text-field__input::-webkit-input-placeholder{color:var(--mat-form-field-disabled-input-text-placeholder-color)}.mat-form-field-disabled .mdc-text-field__input:-ms-input-placeholder{color:var(--mat-form-field-disabled-input-text-placeholder-color)}.mat-mdc-form-field-label-always-float .mdc-text-field__input::placeholder{transition-delay:40ms;transition-duration:110ms;opacity:1}.mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-floating-label{left:auto;right:auto}.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-text-field__input{display:inline-block}.mat-mdc-form-field .mat-mdc-text-field-wrapper.mdc-text-field .mdc-notched-outline__notch{padding-top:0}.mat-mdc-text-field-wrapper::before{content:none}.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch{border-left:1px solid rgba(0,0,0,0)}[dir=rtl] .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch{border-left:none;border-right:1px solid rgba(0,0,0,0)}.mat-mdc-form-field-subscript-wrapper{box-sizing:border-box;width:100%;position:relative}.mat-mdc-form-field-hint-wrapper,.mat-mdc-form-field-error-wrapper{position:absolute;top:0;left:0;right:0;padding:0 16px}.mat-mdc-form-field-subscript-dynamic-size .mat-mdc-form-field-hint-wrapper,.mat-mdc-form-field-subscript-dynamic-size .mat-mdc-form-field-error-wrapper{position:static}.mat-mdc-form-field-bottom-align::before{content:"";display:inline-block;height:16px}.mat-mdc-form-field-bottom-align.mat-mdc-form-field-subscript-dynamic-size::before{content:unset}.mat-mdc-form-field-hint-end{order:1}.mat-mdc-form-field-hint-wrapper{display:flex}.mat-mdc-form-field-hint-spacer{flex:1 0 1em}.mat-mdc-form-field-error{display:block;color:var(--mat-form-field-error-text-color)}.mat-mdc-form-field-subscript-wrapper,.mat-mdc-form-field-bottom-align::before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mat-form-field-subscript-text-font);line-height:var(--mat-form-field-subscript-text-line-height);font-size:var(--mat-form-field-subscript-text-size);letter-spacing:var(--mat-form-field-subscript-text-tracking);font-weight:var(--mat-form-field-subscript-text-weight)}.mat-mdc-form-field-focus-overlay{top:0;left:0;right:0;bottom:0;position:absolute;opacity:0;pointer-events:none;background-color:var(--mat-form-field-state-layer-color)}.mat-mdc-text-field-wrapper:hover .mat-mdc-form-field-focus-overlay{opacity:var(--mat-form-field-hover-state-layer-opacity)}.mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay{opacity:var(--mat-form-field-focus-state-layer-opacity)}select.mat-mdc-form-field-input-control{-moz-appearance:none;-webkit-appearance:none;background-color:rgba(0,0,0,0);display:inline-flex;box-sizing:border-box}select.mat-mdc-form-field-input-control:not(:disabled){cursor:pointer}select.mat-mdc-form-field-input-control:not(.mat-mdc-native-select-inline) option{color:var(--mat-form-field-select-option-text-color)}select.mat-mdc-form-field-input-control:not(.mat-mdc-native-select-inline) option:disabled{color:var(--mat-form-field-select-disabled-option-text-color)}.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix::after{content:"";width:0;height:0;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-top:5px solid;position:absolute;right:0;top:50%;margin-top:-2.5px;pointer-events:none;color:var(--mat-form-field-enabled-select-arrow-color)}[dir=rtl] .mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix::after{right:auto;left:0}.mat-mdc-form-field-type-mat-native-select.mat-focused .mat-mdc-form-field-infix::after{color:var(--mat-form-field-focus-select-arrow-color)}.mat-mdc-form-field-type-mat-native-select.mat-form-field-disabled .mat-mdc-form-field-infix::after{color:var(--mat-form-field-disabled-select-arrow-color)}.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-input-control{padding-right:15px}[dir=rtl] .mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-input-control{padding-right:0;padding-left:15px}.cdk-high-contrast-active .mat-form-field-appearance-fill .mat-mdc-text-field-wrapper{outline:solid 1px}.cdk-high-contrast-active .mat-form-field-appearance-fill.mat-form-field-disabled .mat-mdc-text-field-wrapper{outline-color:GrayText}.cdk-high-contrast-active .mat-form-field-appearance-fill.mat-focused .mat-mdc-text-field-wrapper{outline:dashed 3px}.cdk-high-contrast-active .mat-mdc-form-field.mat-focused .mdc-notched-outline{border:dashed 3px}.mat-mdc-form-field-input-control[type=date],.mat-mdc-form-field-input-control[type=datetime],.mat-mdc-form-field-input-control[type=datetime-local],.mat-mdc-form-field-input-control[type=month],.mat-mdc-form-field-input-control[type=week],.mat-mdc-form-field-input-control[type=time]{line-height:1}.mat-mdc-form-field-input-control::-webkit-datetime-edit{line-height:1;padding:0;margin-bottom:-2px}.mat-mdc-form-field{--mat-mdc-form-field-floating-label-scale: 0.75;display:inline-flex;flex-direction:column;min-width:0;text-align:left;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mat-form-field-container-text-font);line-height:var(--mat-form-field-container-text-line-height);font-size:var(--mat-form-field-container-text-size);letter-spacing:var(--mat-form-field-container-text-tracking);font-weight:var(--mat-form-field-container-text-weight)}[dir=rtl] .mat-mdc-form-field{text-align:right}.mat-mdc-form-field .mdc-text-field--outlined .mdc-floating-label--float-above{font-size:calc(var(--mat-form-field-outlined-label-text-populated-size)*var(--mat-mdc-form-field-floating-label-scale))}.mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:var(--mat-form-field-outlined-label-text-populated-size)}.mat-mdc-form-field-flex{display:inline-flex;align-items:baseline;box-sizing:border-box;width:100%}.mat-mdc-text-field-wrapper{width:100%}.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix{align-self:center;line-height:0;pointer-events:auto;position:relative;z-index:1}.mat-mdc-form-field-icon-prefix,[dir=rtl] .mat-mdc-form-field-icon-suffix{padding:0 4px 0 0}.mat-mdc-form-field-icon-suffix,[dir=rtl] .mat-mdc-form-field-icon-prefix{padding:0 0 0 4px}.mat-mdc-form-field-icon-prefix>.mat-icon,.mat-mdc-form-field-icon-suffix>.mat-icon{padding:12px;box-sizing:content-box}.mat-mdc-form-field-subscript-wrapper .mat-icon,.mat-mdc-form-field label .mat-icon{width:1em;height:1em;font-size:inherit}.mat-mdc-form-field-infix{flex:auto;min-width:0;width:180px;position:relative;box-sizing:border-box}.mat-mdc-form-field .mdc-notched-outline__notch{margin-left:-1px;-webkit-clip-path:inset(-9em -999em -9em 1px);clip-path:inset(-9em -999em -9em 1px)}[dir=rtl] .mat-mdc-form-field .mdc-notched-outline__notch{margin-left:0;margin-right:-1px;-webkit-clip-path:inset(-9em 1px -9em -999em);clip-path:inset(-9em 1px -9em -999em)}.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input{transition:opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}@media all{.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input::placeholder{transition:opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}}@media all{.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input:-ms-input-placeholder{transition:opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}}@media all{.mdc-text-field--no-label .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input::placeholder,.mdc-text-field--focused .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input::placeholder{transition-delay:40ms;transition-duration:110ms}}@media all{.mdc-text-field--no-label .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input:-ms-input-placeholder,.mdc-text-field--focused .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__input:-ms-input-placeholder{transition-delay:40ms;transition-duration:110ms}}.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field__affix{transition:opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--filled.mdc-ripple-upgraded--background-focused .mdc-text-field__ripple::before,.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--filled:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple::before{transition-duration:75ms}.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--outlined .mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-text-field-outlined 250ms 1}@keyframes mdc-floating-label-shake-float-above-text-field-outlined{0%{transform:translateX(calc(0% - 0%)) translateY(calc(0% - 34.75px)) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - 0%)) translateY(calc(0% - 34.75px)) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - 0%)) translateY(calc(0% - 34.75px)) scale(0.75)}100%{transform:translateX(calc(0% - 0%)) translateY(calc(0% - 34.75px)) scale(0.75)}}.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--textarea{transition:none}.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-textarea-filled 250ms 1}@keyframes mdc-floating-label-shake-float-above-textarea-filled{0%{transform:translateX(calc(0% - 0%)) translateY(calc(0% - 10.25px)) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - 0%)) translateY(calc(0% - 10.25px)) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - 0%)) translateY(calc(0% - 10.25px)) scale(0.75)}100%{transform:translateX(calc(0% - 0%)) translateY(calc(0% - 10.25px)) scale(0.75)}}.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-textarea-outlined 250ms 1}@keyframes mdc-floating-label-shake-float-above-textarea-outlined{0%{transform:translateX(calc(0% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75)}100%{transform:translateX(calc(0% - 0%)) translateY(calc(0% - 24.75px)) scale(0.75)}}.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1}@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon{0%{transform:translateX(calc(0% - 32px)) translateY(calc(0% - 34.75px)) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - 32px)) translateY(calc(0% - 34.75px)) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - 32px)) translateY(calc(0% - 34.75px)) scale(0.75)}100%{transform:translateX(calc(0% - 32px)) translateY(calc(0% - 34.75px)) scale(0.75)}}[dir=rtl] .mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake,.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1}@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl{0%{transform:translateX(calc(0% - -32px)) translateY(calc(0% - 34.75px)) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - -32px)) translateY(calc(0% - 34.75px)) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - -32px)) translateY(calc(0% - 34.75px)) scale(0.75)}100%{transform:translateX(calc(0% - -32px)) translateY(calc(0% - 34.75px)) scale(0.75)}}.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-floating-label{transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-standard 250ms 1}@keyframes mdc-floating-label-shake-float-above-standard{0%{transform:translateX(calc(0% - 0%)) translateY(calc(0% - 106%)) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - 0%)) translateY(calc(0% - 106%)) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - 0%)) translateY(calc(0% - 106%)) scale(0.75)}100%{transform:translateX(calc(0% - 0%)) translateY(calc(0% - 106%)) scale(0.75)}}.mat-mdc-form-field:not(.mat-form-field-no-animations) .mdc-line-ripple::after{transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-notched-outline .mdc-floating-label{max-width:calc(100% + 1px)}.mdc-notched-outline--upgraded .mdc-floating-label--float-above{max-width:calc(133.3333333333% + 1px)}
mat-icon,mat-icon.mat-primary,mat-icon.mat-accent,mat-icon.mat-warn{color:var(--mat-icon-color)}.mat-icon{-webkit-user-select:none;user-select:none;background-repeat:no-repeat;display:inline-block;fill:currentColor;overflow:hidden}.mat-icon.mat-icon-inline{font-size:inherit;height:inherit;line-height:inherit;width:inherit}.mat-icon.mat-ligature-font[fontIcon]::before{content:attr(fontIcon)}[dir=rtl] .mat-icon-rtl-mirror{transform:scale(-1, 1)}.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon,.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon{display:block}.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button .mat-icon{margin:auto}


@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
        background-color: #0000;
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(63, 81, 181, 0.25)'/%3E%3C/svg%3E")
    }
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
        background-color: #0000;
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(255, 64, 129, 0.25)'/%3E%3C/svg%3E")
    }
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
        background-color: #0000;
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(244, 67, 54, 0.25)'/%3E%3C/svg%3E")
    }
}

#topnav {
    position: fixed;
    right: 0px;
    left: 0px;
    top: 0px;
    z-index: 1030;
    background-color: rgb(245, 247, 250);
    min-height: 60px;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 24px 0px, rgba(0, 0, 0, 0.02) 0px 1px 0px 0px;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
}

.auth-main .topbar-main {
    box-shadow: rgba(39, 44, 51, 0.1) 0px 6px 6px -3px, rgba(39, 44, 51, 0.04) 0px 10px 14px 1px, rgba(39, 44, 51, 0.02) 0px 4px 18px 3px;
    background-color: rgb(245, 247, 250) !important;
}

.auth-main .topbar-main {
    background-color: rgb(43, 61, 81);
    line-height: 0.5rem !important;
}

video{
	width:100%;
}
#video-bg-elem{
	position:center;
	width: 100%;
}

.logo{
	background-size:100% 100%;
	background-repeat:no-repeat;
	width:100%;
	margin-top:20px;
	text-shadow:10px;
}

.logo-model{
	background-size:100% 100%;
	background-repeat:no-repeat;
	width:100%;
	margin-top:10px;
	text-shadow:10px;
}


:root,[data-bs-theme=light] {
    --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-primary-text-emphasis: #052c65;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --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-color-rgb: 33,37,41;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255,255,255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0,0,0;
    --bs-secondary-color: rgba(33, 37, 41, .75);
    --bs-secondary-color-rgb: 33,37,41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233,236,239;
    --bs-tertiary-color: rgba(33, 37, 41, .5);
    --bs-tertiary-color-rgb: 33,37,41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248,249,250;
    --bs-heading-color: inherit;
    --bs-link-color: #0d6efd;
    --bs-link-color-rgb: 13,110,253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #0a58ca;
    --bs-link-hover-color-rgb: 10,88,202;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: #fff3cd;
    --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-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    --bs-box-shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .075);
    --bs-focus-ring-width: .25rem;
    --bs-focus-ring-opacity: .25;
    --bs-focus-ring-color: rgba(13, 110, 253, .25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545
}

[data-bs-theme=dark] {
    color-scheme: dark;
    --bs-body-color: #dee2e6;
    --bs-body-color-rgb: 222,226,230;
    --bs-body-bg: #212529;
    --bs-body-bg-rgb: 33,37,41;
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255,255,255;
    --bs-secondary-color: rgba(222, 226, 230, .75);
    --bs-secondary-color-rgb: 222,226,230;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52,58,64;
    --bs-tertiary-color: rgba(222, 226, 230, .5);
    --bs-tertiary-color-rgb: 222,226,230;
    --bs-tertiary-bg: #2b3035;
    --bs-tertiary-bg-rgb: 43,48,53;
    --bs-primary-text-emphasis: #6ea8fe;
    --bs-secondary-text-emphasis: #a7acb1;
    --bs-success-text-emphasis: #75b798;
    --bs-info-text-emphasis: #6edff6;
    --bs-warning-text-emphasis: #ffda6a;
    --bs-danger-text-emphasis: #ea868f;
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #dee2e6;
    --bs-primary-bg-subtle: #031633;
    --bs-secondary-bg-subtle: #161719;
    --bs-success-bg-subtle: #051b11;
    --bs-info-bg-subtle: #032830;
    --bs-warning-bg-subtle: #332701;
    --bs-danger-bg-subtle: #2c0b0e;
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: #084298;
    --bs-secondary-border-subtle: #41464b;
    --bs-success-border-subtle: #0f5132;
    --bs-info-border-subtle: #087990;
    --bs-warning-border-subtle: #997404;
    --bs-danger-border-subtle: #842029;
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: inherit;
    --bs-link-color: #6ea8fe;
    --bs-link-hover-color: #8bb9fe;
    --bs-link-color-rgb: 110,168,254;
    --bs-link-hover-color-rgb: 139,185,254;
    --bs-code-color: #e685b5;
    --bs-highlight-color: #dee2e6;
    --bs-highlight-bg: #664d03;
    --bs-border-color: #495057;
    --bs-border-color-translucent: rgba(255, 255, 255, .15);
    --bs-form-valid-color: #75b798;
    --bs-form-valid-border-color: #75b798;
    --bs-form-invalid-color: #ea868f;
    --bs-form-invalid-border-color: #ea868f
}

*,: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: var(--bs-border-width) 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;
    color: var(--bs-heading-color)
}

.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;
    color: var(--bs-highlight-color);
    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: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));
    text-decoration: underline
}

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

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: var(--bs-secondary-color);
    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] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

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

::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: var(--bs-body-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

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

.figure-caption {
    font-size: .875em;
    color: var(--bs-secondary-color)
}

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

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

:root {
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px
}

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

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

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

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

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

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

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

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

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

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

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

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

    .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-type: initial;
    --bs-table-bg-type: initial;
    --bs-table-color-state: initial;
    --bs-table-bg-state: initial;
    --bs-table-color: var(--bs-emphasis-color);
    --bs-table-bg: var(--bs-body-bg);
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-emphasis-color);
    --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), .05);
    --bs-table-active-color: var(--bs-emphasis-color);
    --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), .1);
    --bs-table-hover-color: var(--bs-emphasis-color);
    --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), .075);
    width: 100%;
    margin-bottom: 1rem;
    vertical-align: top;
    border-color: var(--bs-table-border-color)
}

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

.table>tbody {
    vertical-align: inherit
}

.table>thead {
    vertical-align: bottom
}

.table-group-divider {
    border-top: calc(var(--bs-border-width) * 2) solid currentcolor
}

.caption-top {
    caption-side: top
}

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

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

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

.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-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: var(--bs-table-striped-bg)
}

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

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

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

.table-primary {
    --bs-table-color: #000;
    --bs-table-bg: #cfe2ff;
    --bs-table-border-color: #a6b5cc;
    --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: #b5b6b7;
    --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: #a7b9b1;
    --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: #a6c3ca;
    --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: #ccc2a4;
    --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: #c6acae;
    --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: #c6c7c8;
    --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: #4d5154;
    --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 + var(--bs-border-width));
    padding-bottom: calc(.375rem + var(--bs-border-width));
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + var(--bs-border-width));
    padding-bottom: calc(.5rem + var(--bs-border-width));
    font-size: 1.25rem
}

.col-form-label-sm {
    padding-top: calc(.25rem + var(--bs-border-width));
    padding-bottom: calc(.25rem + var(--bs-border-width));
    font-size: .875rem
}

.form-text {
    margin-top: .25rem;
    font-size: .875em;
    color: var(--bs-secondary-color)
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    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: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

.form-control::-webkit-date-and-time-value {
    min-width: 85px;
    height: 1.5em;
    margin: 0
}

.form-control::-webkit-datetime-edit {
    display: block;
    padding: 0
}

.form-control::placeholder {
    color: var(--bs-secondary-color);
    opacity: 1
}

.form-control:disabled {
    background-color: var(--bs-secondary-bg);
    opacity: 1
}

.form-control::file-selector-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    margin-inline-end:.75rem;color: var(--bs-body-color);
    background-color: var(--bs-tertiary-bg);
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width:var(--bs-border-width);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::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: var(--bs-secondary-bg)
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: transparent;
    border: solid transparent;
    border-width: var(--bs-border-width) 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 + calc(var(--bs-border-width) * 2));
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: var(--bs-border-radius-sm)
}

.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 + calc(var(--bs-border-width) * 2));
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: var(--bs-border-radius-lg)
}

.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 + calc(var(--bs-border-width) * 2))
}

textarea.form-control-sm {
    min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))
}

textarea.form-control-lg {
    min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))
}

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

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

.form-control-color::-moz-color-swatch {
    border: 0!important;
    border-radius: var(--bs-border-radius)
}

.form-control-color::-webkit-color-swatch {
    border: 0!important;
    border-radius: var(--bs-border-radius)
}

.form-control-color.form-control-sm {
    height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))
}

.form-control-color.form-control-lg {
    height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))
}

.form-select {
    --bs-form-select-bg-img: 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");
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    appearance: none;
    background-color: var(--bs-body-bg);
    background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@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: var(--bs-secondary-bg)
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 var(--bs-body-color)
}

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

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

[data-bs-theme=dark] .form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")
}

.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 {
    --bs-form-check-bg: var(--bs-body-bg);
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    appearance: none;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: var(--bs-border-width) solid var(--bs-border-color);
    -webkit-print-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] {
    --bs-form-check-bg-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] {
    --bs-form-check-bg-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;
    --bs-form-check-bg-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 {
    --bs-form-switch-bg: 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");
    width: 2em;
    margin-left: -2.5em;
    background-image: var(--bs-form-switch-bg);
    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 {
    --bs-form-switch-bg: 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;
    --bs-form-switch-bg: 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
}

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")
}

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

.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;
    appearance: none;
    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
}

@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: var(--bs-secondary-bg);
    border-color: transparent;
    border-radius: 1rem
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    appearance: none;
    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
}

@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: var(--bs-secondary-bg);
    border-color: transparent;
    border-radius: 1rem
}

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

.form-range:disabled::-webkit-slider-thumb {
    background-color: var(--bs-secondary-color)
}

.form-range:disabled::-moz-range-thumb {
    background-color: var(--bs-secondary-color)
}

.form-floating {
    position: relative
}

.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select {
    height: calc(3.5rem + calc(var(--bs-border-width) * 2));
    min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
    line-height: 1.25
}

.form-floating>label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 100%;
    padding: 1rem .75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) 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 {
    color: rgba(var(--bs-body-color-rgb),.65);
    transform: scale(.85) translateY(-.5rem) translate(.15rem)
}

.form-floating>.form-control-plaintext~label:after,.form-floating>.form-control:focus~label:after,.form-floating>.form-control:not(:placeholder-shown)~label:after,.form-floating>.form-select~label:after {
    position: absolute;
    inset: 1rem .375rem;
    z-index: -1;
    height: 1.5em;
    content: "";
    background-color: var(--bs-body-bg);
    border-radius: var(--bs-border-radius)
}

.form-floating>.form-control:-webkit-autofill~label {
    color: rgba(var(--bs-body-color-rgb),.65);
    transform: scale(.85) translateY(-.5rem) translate(.15rem)
}

.form-floating>.form-control-plaintext~label {
    border-width: var(--bs-border-width) 0
}

.form-floating>.form-control:disabled~label,.form-floating>:disabled~label {
    color: #6c757d
}

.form-floating>.form-control:disabled~label:after,.form-floating>:disabled~label:after {
    background-color: var(--bs-secondary-bg)
}

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

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

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

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-tertiary-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius)
}

.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: var(--bs-border-radius-lg)
}

.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: var(--bs-border-radius-sm)
}

.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>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: calc(var(--bs-border-width) * -1);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: var(--bs-form-valid-color)
}

.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: var(--bs-success);
    border-radius: var(--bs-border-radius)
}

.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: var(--bs-form-valid-border-color);
    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: var(--bs-form-valid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25)
}

.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: var(--bs-form-valid-border-color)
}

.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"] {
    --bs-form-select-bg-icon: 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");
    padding-right: 4.125rem;
    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: var(--bs-form-valid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25)
}

.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: var(--bs-form-valid-border-color)
}

.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked {
    background-color: var(--bs-form-valid-color)
}

.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25)
}

.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label {
    color: var(--bs-form-valid-color)
}

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

.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid {
    z-index: 3
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: var(--bs-form-invalid-color)
}

.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: var(--bs-danger);
    border-radius: var(--bs-border-radius)
}

.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: var(--bs-form-invalid-border-color);
    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: var(--bs-form-invalid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)
}

.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: var(--bs-form-invalid-border-color)
}

.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"] {
    --bs-form-select-bg-icon: 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");
    padding-right: 4.125rem;
    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: var(--bs-form-invalid-border-color);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)
}

.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: var(--bs-form-invalid-border-color)
}

.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked {
    background-color: var(--bs-form-invalid-color)
}

.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)
}

.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label {
    color: var(--bs-form-invalid-color)
}

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

.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid {
    z-index: 4
}

.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: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: var(--bs-border-radius);
    --bs-btn-hover-border-color: transparent;
    --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+.btn:hover {
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color)
}

.btn:focus-visible {
    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:focus-visible+.btn {
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.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:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible {
    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: 0 0 0 #000;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    text-decoration: underline
}

.btn-link:focus-visible {
    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: var(--bs-border-radius-lg)
}

.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: var(--bs-border-radius-sm)
}

.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-zindex: 1000;
    --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: var(--bs-body-color);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: var(--bs-border-radius);
    --bs-dropdown-border-width: var(--bs-border-width);
    --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: .5rem;
    --bs-dropdown-box-shadow: var(--bs-box-shadow);
    --bs-dropdown-link-color: var(--bs-body-color);
    --bs-dropdown-link-hover-color: var(--bs-body-color);
    --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
    --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: var(--bs-dropdown-zindex);
    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;
    border-radius: var(--bs-dropdown-item-border-radius,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: var(--bs-border-radius)
}

.btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn {
    margin-left: calc(var(--bs-border-width) * -1)
}

.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: calc(var(--bs-border-width) * -1)
}

.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: var(--bs-secondary-color);
    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;
    background: 0 0;
    border: 0;
    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:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

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

.nav-tabs {
    --bs-nav-tabs-border-width: var(--bs-border-width);
    --bs-nav-tabs-border-color: var(--bs-border-color);
    --bs-nav-tabs-border-radius: var(--bs-border-radius);
    --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
    --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
    --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
    --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}

.nav-tabs .nav-link {
    margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
    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-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(-1 * var(--bs-nav-tabs-border-width));
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #0d6efd
}

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

.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-underline {
    --bs-nav-underline-gap: 1rem;
    --bs-nav-underline-border-width: .125rem;
    --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
    gap: var(--bs-nav-underline-gap)
}

.nav-underline .nav-link {
    padding-right: 0;
    padding-left: 0;
    border-bottom: var(--bs-nav-underline-border-width) solid transparent
}

.nav-underline .nav-link:focus,.nav-underline .nav-link:hover {
    border-bottom-color: currentcolor
}

.nav-underline .nav-link.active,.nav-underline .show>.nav-link {
    font-weight: 700;
    color: var(--bs-nav-underline-link-active-color);
    border-bottom-color: currentcolor
}

.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(var(--bs-emphasis-color-rgb), .65);
    --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), .8);
    --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), .3);
    --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-padding-y: .3125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --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%2833, 37, 41, 0.75%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(var(--bs-emphasis-color-rgb), .15);
    --bs-navbar-toggler-border-radius: var(--bs-border-radius);
    --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 .nav-link.show {
    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,.navbar[data-bs-theme=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")
}

[data-bs-theme=dark] .navbar-toggler-icon {
    --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-title-color: ;
    --bs-card-subtitle-color: ;
    --bs-card-border-width: var(--bs-border-width);
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: var(--bs-border-radius);
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-card-cap-padding-y: .5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), .03);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: var(--bs-body-bg);
    --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);
    color: var(--bs-body-color);
    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);
    color: var(--bs-card-title-color)
}

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

.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;
    inset: 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: var(--bs-body-color);
    --bs-accordion-bg: var(--bs-body-bg);
    --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: var(--bs-border-width);
    --bs-accordion-border-radius: var(--bs-border-radius);
    --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --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='%23212529'%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='%23052c65'%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: var(--bs-primary-text-emphasis);
    --bs-accordion-active-bg: var(--bs-primary-bg-subtle)
}

.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(-1 * var(--bs-accordion-border-width)) 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,.accordion-flush .accordion-item .accordion-button.collapsed {
    border-radius: 0
}

[data-bs-theme=dark] .accordion-button:after {
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%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-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%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")
}

.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: var(--bs-secondary-color);
    --bs-breadcrumb-item-padding-x: .5rem;
    --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
    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: var(--bs-body-bg);
    --bs-pagination-border-width: var(--bs-border-width);
    --bs-pagination-border-color: var(--bs-border-color);
    --bs-pagination-border-radius: var(--bs-border-radius);
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: var(--bs-tertiary-bg);
    --bs-pagination-hover-border-color: var(--bs-border-color);
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: var(--bs-secondary-bg);
    --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: var(--bs-secondary-color);
    --bs-pagination-disabled-bg: var(--bs-secondary-bg);
    --bs-pagination-disabled-border-color: var(--bs-border-color);
    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: calc(var(--bs-border-width) * -1)
}

.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: var(--bs-border-radius-lg)
}

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

.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: var(--bs-border-radius);
    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: var(--bs-border-width) solid var(--bs-alert-border-color);
    --bs-alert-border-radius: var(--bs-border-radius);
    --bs-alert-link-color: inherit;
    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;
    color: var(--bs-alert-link-color)
}

.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: var(--bs-primary-text-emphasis);
    --bs-alert-bg: var(--bs-primary-bg-subtle);
    --bs-alert-border-color: var(--bs-primary-border-subtle);
    --bs-alert-link-color: var(--bs-primary-text-emphasis)
}

.alert-secondary {
    --bs-alert-color: var(--bs-secondary-text-emphasis);
    --bs-alert-bg: var(--bs-secondary-bg-subtle);
    --bs-alert-border-color: var(--bs-secondary-border-subtle);
    --bs-alert-link-color: var(--bs-secondary-text-emphasis)
}

.alert-success {
    --bs-alert-color: var(--bs-success-text-emphasis);
    --bs-alert-bg: var(--bs-success-bg-subtle);
    --bs-alert-border-color: var(--bs-success-border-subtle);
    --bs-alert-link-color: var(--bs-success-text-emphasis)
}

.alert-info {
    --bs-alert-color: var(--bs-info-text-emphasis);
    --bs-alert-bg: var(--bs-info-bg-subtle);
    --bs-alert-border-color: var(--bs-info-border-subtle);
    --bs-alert-link-color: var(--bs-info-text-emphasis)
}

.alert-warning {
    --bs-alert-color: var(--bs-warning-text-emphasis);
    --bs-alert-bg: var(--bs-warning-bg-subtle);
    --bs-alert-border-color: var(--bs-warning-border-subtle);
    --bs-alert-link-color: var(--bs-warning-text-emphasis)
}

.alert-danger {
    --bs-alert-color: var(--bs-danger-text-emphasis);
    --bs-alert-bg: var(--bs-danger-bg-subtle);
    --bs-alert-border-color: var(--bs-danger-border-subtle);
    --bs-alert-link-color: var(--bs-danger-text-emphasis)
}

.alert-light {
    --bs-alert-color: var(--bs-light-text-emphasis);
    --bs-alert-bg: var(--bs-light-bg-subtle);
    --bs-alert-border-color: var(--bs-light-border-subtle);
    --bs-alert-link-color: var(--bs-light-text-emphasis)
}

.alert-dark {
    --bs-alert-color: var(--bs-dark-text-emphasis);
    --bs-alert-bg: var(--bs-dark-bg-subtle);
    --bs-alert-border-color: var(--bs-dark-border-subtle);
    --bs-alert-link-color: var(--bs-dark-text-emphasis)
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}

.progress,.progress-stacked {
    --bs-progress-height: 1rem;
    --bs-progress-font-size: .75rem;
    --bs-progress-bg: var(--bs-secondary-bg);
    --bs-progress-border-radius: var(--bs-border-radius);
    --bs-progress-box-shadow: var(--bs-box-shadow-inset);
    --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-stacked>.progress {
    overflow: visible
}

.progress-stacked>.progress>.progress-bar {
    width: 100%
}

.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: var(--bs-body-color);
    --bs-list-group-bg: var(--bs-body-bg);
    --bs-list-group-border-color: var(--bs-border-color);
    --bs-list-group-border-width: var(--bs-border-width);
    --bs-list-group-border-radius: var(--bs-border-radius);
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: .5rem;
    --bs-list-group-action-color: var(--bs-secondary-color);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
    --bs-list-group-action-active-color: var(--bs-body-color);
    --bs-list-group-action-active-bg: var(--bs-secondary-bg);
    --bs-list-group-disabled-color: var(--bs-secondary-color);
    --bs-list-group-disabled-bg: var(--bs-body-bg);
    --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(-1 * var(--bs-list-group-border-width));
    border-top-width: var(--bs-list-group-border-width)
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child:not(:first-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(-1 * var(--bs-list-group-border-width));
    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:not(:last-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:not(:first-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(-1 * var(--bs-list-group-border-width));
        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:not(:last-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:not(:first-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(-1 * var(--bs-list-group-border-width));
        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:not(:last-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:not(:first-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(-1 * var(--bs-list-group-border-width));
        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:not(:last-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:not(:first-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(-1 * var(--bs-list-group-border-width));
        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:not(:last-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:not(:first-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(-1 * var(--bs-list-group-border-width));
        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 {
    --bs-list-group-color: var(--bs-primary-text-emphasis);
    --bs-list-group-bg: var(--bs-primary-bg-subtle);
    --bs-list-group-border-color: var(--bs-primary-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
    --bs-list-group-active-color: var(--bs-primary-bg-subtle);
    --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-primary-text-emphasis)
}

.list-group-item-secondary {
    --bs-list-group-color: var(--bs-secondary-text-emphasis);
    --bs-list-group-bg: var(--bs-secondary-bg-subtle);
    --bs-list-group-border-color: var(--bs-secondary-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
    --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
    --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis)
}

.list-group-item-success {
    --bs-list-group-color: var(--bs-success-text-emphasis);
    --bs-list-group-bg: var(--bs-success-bg-subtle);
    --bs-list-group-border-color: var(--bs-success-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
    --bs-list-group-active-color: var(--bs-success-bg-subtle);
    --bs-list-group-active-bg: var(--bs-success-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-success-text-emphasis)
}

.list-group-item-info {
    --bs-list-group-color: var(--bs-info-text-emphasis);
    --bs-list-group-bg: var(--bs-info-bg-subtle);
    --bs-list-group-border-color: var(--bs-info-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
    --bs-list-group-active-color: var(--bs-info-bg-subtle);
    --bs-list-group-active-bg: var(--bs-info-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-info-text-emphasis)
}

.list-group-item-warning {
    --bs-list-group-color: var(--bs-warning-text-emphasis);
    --bs-list-group-bg: var(--bs-warning-bg-subtle);
    --bs-list-group-border-color: var(--bs-warning-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
    --bs-list-group-active-color: var(--bs-warning-bg-subtle);
    --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-warning-text-emphasis)
}

.list-group-item-danger {
    --bs-list-group-color: var(--bs-danger-text-emphasis);
    --bs-list-group-bg: var(--bs-danger-bg-subtle);
    --bs-list-group-border-color: var(--bs-danger-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
    --bs-list-group-active-color: var(--bs-danger-bg-subtle);
    --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-danger-text-emphasis)
}

.list-group-item-light {
    --bs-list-group-color: var(--bs-light-text-emphasis);
    --bs-list-group-bg: var(--bs-light-bg-subtle);
    --bs-list-group-border-color: var(--bs-light-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
    --bs-list-group-active-color: var(--bs-light-bg-subtle);
    --bs-list-group-active-bg: var(--bs-light-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-light-text-emphasis)
}

.list-group-item-dark {
    --bs-list-group-color: var(--bs-dark-text-emphasis);
    --bs-list-group-bg: var(--bs-dark-bg-subtle);
    --bs-list-group-border-color: var(--bs-dark-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
    --bs-list-group-active-color: var(--bs-dark-bg-subtle);
    --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-dark-text-emphasis)
}

.btn-close {
    --bs-btn-close-color: #000;
    --bs-btn-close-bg: 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");
    --bs-btn-close-opacity: .5;
    --bs-btn-close-hover-opacity: .75;
    --bs-btn-close-focus-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: .25;
    --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em;
    color: var(--bs-btn-close-color);
    background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: var(--bs-btn-close-opacity)
}

.btn-close:hover {
    color: var(--bs-btn-close-color);
    text-decoration: none;
    opacity: var(--bs-btn-close-hover-opacity)
}

.btn-close:focus {
    outline: 0;
    box-shadow: var(--bs-btn-close-focus-shadow);
    opacity: var(--bs-btn-close-focus-opacity)
}

.btn-close.disabled,.btn-close:disabled {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    opacity: var(--bs-btn-close-disabled-opacity)
}

.btn-close-white,[data-bs-theme=dark] .btn-close {
    filter: var(--bs-btn-close-white-filter)
}

.toast {
    --bs-toast-zindex: 1090;
    --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(var(--bs-body-bg-rgb), .85);
    --bs-toast-border-width: var(--bs-border-width);
    --bs-toast-border-color: var(--bs-border-color-translucent);
    --bs-toast-border-radius: var(--bs-border-radius);
    --bs-toast-box-shadow: var(--bs-box-shadow);
    --bs-toast-header-color: var(--bs-secondary-color);
    --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), .85);
    --bs-toast-header-border-color: var(--bs-border-color-translucent);
    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 {
    --bs-toast-zindex: 1090;
    position: absolute;
    z-index: var(--bs-toast-zindex);
    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(-.5 * var(--bs-toast-padding-x));
    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: var(--bs-body-bg);
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: var(--bs-border-width);
    --bs-modal-border-radius: var(--bs-border-radius-lg);
    --bs-modal-box-shadow: var(--bs-box-shadow-sm);
    --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
    --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: var(--bs-border-width);
    --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: var(--bs-border-width);
    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(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) 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: var(--bs-box-shadow)
    }

    .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: var(--bs-body-bg);
    --bs-tooltip-bg: var(--bs-emphasis-color);
    --bs-tooltip-border-radius: var(--bs-border-radius);
    --bs-tooltip-opacity: .9;
    --bs-tooltip-arrow-width: .8rem;
    --bs-tooltip-arrow-height: .4rem;
    z-index: var(--bs-tooltip-zindex);
    display: block;
    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: calc(-1 * var(--bs-tooltip-arrow-height))
}

.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: calc(-1 * var(--bs-tooltip-arrow-height));
    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: calc(-1 * var(--bs-tooltip-arrow-height))
}

.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: calc(-1 * var(--bs-tooltip-arrow-height));
    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: var(--bs-body-bg);
    --bs-popover-border-width: var(--bs-border-width);
    --bs-popover-border-color: var(--bs-border-color-translucent);
    --bs-popover-border-radius: var(--bs-border-radius-lg);
    --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
    --bs-popover-box-shadow: var(--bs-box-shadow);
    --bs-popover-header-padding-x: 1rem;
    --bs-popover-header-padding-y: .5rem;
    --bs-popover-header-font-size: 1rem;
    --bs-popover-header-color: inherit;
    --bs-popover-header-bg: var(--bs-secondary-bg);
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: 1rem;
    --bs-popover-body-color: var(--bs-body-color);
    --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(-1 * (var(--bs-popover-arrow-height)) - 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(-1 * (var(--bs-popover-arrow-height)) - 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(-1 * (var(--bs-popover-arrow-height)) - 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(-.5 * var(--bs-popover-arrow-width));
    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(-1 * (var(--bs-popover-arrow-height)) - 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%;
    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%
}

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

[data-bs-theme=dark] .carousel .carousel-control-next-icon,[data-bs-theme=dark] .carousel .carousel-control-prev-icon,[data-bs-theme=dark].carousel .carousel-control-next-icon,[data-bs-theme=dark].carousel .carousel-control-prev-icon {
    filter: invert(1) grayscale(100)
}

[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target],[data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
    background-color: #000
}

[data-bs-theme=dark] .carousel .carousel-caption,[data-bs-theme=dark].carousel .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-zindex: 1045;
    --bs-offcanvas-width: 400px;
    --bs-offcanvas-height: 30vh;
    --bs-offcanvas-padding-x: 1rem;
    --bs-offcanvas-padding-y: 1rem;
    --bs-offcanvas-color: var(--bs-body-color);
    --bs-offcanvas-bg: var(--bs-body-bg);
    --bs-offcanvas-border-width: var(--bs-border-width);
    --bs-offcanvas-border-color: var(--bs-border-color-translucent);
    --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
    --bs-offcanvas-transition: transform .3s ease-in-out;
    --bs-offcanvas-title-line-height: 1.5
}

@media (max-width: 575.98px) {
    .offcanvas-sm {
        position:fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        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: var(--bs-offcanvas-transition)
    }
}

@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%)
    }

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

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

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

    .offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing {
        transform: none
    }

    .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: var(--bs-offcanvas-zindex);
        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: var(--bs-offcanvas-transition)
    }
}

@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%)
    }

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

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

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

    .offcanvas-md.show:not(.hiding),.offcanvas-md.showing {
        transform: none
    }

    .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: var(--bs-offcanvas-zindex);
        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: var(--bs-offcanvas-transition)
    }
}

@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%)
    }

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

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

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

    .offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing {
        transform: none
    }

    .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: var(--bs-offcanvas-zindex);
        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: var(--bs-offcanvas-transition)
    }
}

@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%)
    }

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

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

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

    .offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing {
        transform: none
    }

    .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: var(--bs-offcanvas-zindex);
        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: var(--bs-offcanvas-transition)
    }
}

@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%)
    }

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

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

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

    .offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing {
        transform: none
    }

    .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: var(--bs-offcanvas-zindex);
    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: var(--bs-offcanvas-transition)
}

@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(-.5 * var(--bs-offcanvas-padding-y));
    margin-right: calc(-.5 * var(--bs-offcanvas-padding-x));
    margin-bottom: calc(-.5 * var(--bs-offcanvas-padding-y))
}

.offcanvas-title {
    margin-bottom: 0;
    line-height: var(--bs-offcanvas-title-line-height)
}

.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(var(--bs-primary-rgb),var(--bs-bg-opacity,1))!important
}

.text-bg-secondary {
    color: #fff!important;
    background-color: RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1))!important
}

.text-bg-success {
    color: #fff!important;
    background-color: RGBA(var(--bs-success-rgb),var(--bs-bg-opacity,1))!important
}

.text-bg-info {
    color: #000!important;
    background-color: RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1))!important
}

.text-bg-warning {
    color: #000!important;
    background-color: RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity,1))!important
}

.text-bg-danger {
    color: #fff!important;
    background-color: RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1))!important
}

.text-bg-light {
    color: #000!important;
    background-color: RGBA(var(--bs-light-rgb),var(--bs-bg-opacity,1))!important
}

.text-bg-dark {
    color: #fff!important;
    background-color: RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1))!important
}

.link-primary {
    color: RGBA(var(--bs-primary-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-primary:focus,.link-primary:hover {
    color: RGBA(10,88,202,var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important
}

.link-secondary {
    color: RGBA(var(--bs-secondary-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-secondary:focus,.link-secondary:hover {
    color: RGBA(86,94,100,var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important
}

.link-success {
    color: RGBA(var(--bs-success-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-success:focus,.link-success:hover {
    color: RGBA(20,108,67,var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important
}

.link-info {
    color: RGBA(var(--bs-info-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-info:focus,.link-info:hover {
    color: RGBA(61,213,243,var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important
}

.link-warning {
    color: RGBA(var(--bs-warning-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-warning:focus,.link-warning:hover {
    color: RGBA(255,205,57,var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important
}

.link-danger {
    color: RGBA(var(--bs-danger-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-danger:focus,.link-danger:hover {
    color: RGBA(176,42,55,var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important
}

.link-light {
    color: RGBA(var(--bs-light-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-light:focus,.link-light:hover {
    color: RGBA(249,250,251,var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important
}

.link-dark {
    color: RGBA(var(--bs-dark-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-dark:focus,.link-dark:hover {
    color: RGBA(26,30,33,var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important
}

.link-body-emphasis {
    color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-body-emphasis:focus,.link-body-emphasis:hover {
    color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,.75))!important;
    text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,.75))!important
}

.focus-ring:focus {
    outline: 0;
    box-shadow: var(--bs-focus-ring-x,0) var(--bs-focus-ring-y,0) var(--bs-focus-ring-blur,0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)
}

.icon-link {
    display: inline-flex;
    gap: .375rem;
    align-items: center;
    text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,.5));
    text-underline-offset: .25em;
    backface-visibility: hidden
}

.icon-link>.bi {
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    fill: currentcolor;
    transition: .2s ease-in-out transform
}

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

.icon-link-hover:focus-visible>.bi,.icon-link-hover:hover>.bi {
    transform: var(--bs-icon-link-transform,translate3d(.25em,0,0))
}

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

.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),.visually-hidden:not(caption) {
    position: absolute!important
}

.stretched-link:after {
    position: absolute;
    inset: 0;
    z-index: 1;
    content: ""
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: var(--bs-border-width);
    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
}

.object-fit-contain {
    object-fit: contain!important
}

.object-fit-cover {
    object-fit: cover!important
}

.object-fit-fill {
    object-fit: fill!important
}

.object-fit-scale {
    object-fit: scale-down!important
}

.object-fit-none {
    object-fit: 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
}

.overflow-x-auto {
    overflow-x: auto!important
}

.overflow-x-hidden {
    overflow-x: hidden!important
}

.overflow-x-visible {
    overflow-x: visible!important
}

.overflow-x-scroll {
    overflow-x: scroll!important
}

.overflow-y-auto {
    overflow-y: auto!important
}

.overflow-y-hidden {
    overflow-y: hidden!important
}

.overflow-y-visible {
    overflow-y: visible!important
}

.overflow-y-scroll {
    overflow-y: 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-inline-grid {
    display: inline-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: var(--bs-box-shadow)!important
}

.shadow-sm {
    box-shadow: var(--bs-box-shadow-sm)!important
}

.shadow-lg {
    box-shadow: var(--bs-box-shadow-lg)!important
}

.shadow-none {
    box-shadow: none!important
}

.focus-ring-primary {
    --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-secondary {
    --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-success {
    --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-info {
    --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-warning {
    --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-danger {
    --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-light {
    --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-dark {
    --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))
}

.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-black {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-black-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-primary-subtle {
    border-color: var(--bs-primary-border-subtle)!important
}

.border-secondary-subtle {
    border-color: var(--bs-secondary-border-subtle)!important
}

.border-success-subtle {
    border-color: var(--bs-success-border-subtle)!important
}

.border-info-subtle {
    border-color: var(--bs-info-border-subtle)!important
}

.border-warning-subtle {
    border-color: var(--bs-warning-border-subtle)!important
}

.border-danger-subtle {
    border-color: var(--bs-danger-border-subtle)!important
}

.border-light-subtle {
    border-color: var(--bs-light-border-subtle)!important
}

.border-dark-subtle {
    border-color: var(--bs-dark-border-subtle)!important
}

.border-1 {
    border-width: 1px!important
}

.border-2 {
    border-width: 2px!important
}

.border-3 {
    border-width: 3px!important
}

.border-4 {
    border-width: 4px!important
}

.border-5 {
    border-width: 5px!important
}

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

.row-gap-0 {
    row-gap: 0!important
}

.row-gap-1 {
    row-gap: .25rem!important
}

.row-gap-2 {
    row-gap: .5rem!important
}

.row-gap-3 {
    row-gap: 1rem!important
}

.row-gap-4 {
    row-gap: 1.5rem!important
}

.row-gap-5 {
    row-gap: 3rem!important
}

.column-gap-0 {
    column-gap: 0!important
}

.column-gap-1 {
    column-gap: .25rem!important
}

.column-gap-2 {
    column-gap: .5rem!important
}

.column-gap-3 {
    column-gap: 1rem!important
}

.column-gap-4 {
    column-gap: 1.5rem!important
}

.column-gap-5 {
    column-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-lighter {
    font-weight: lighter!important
}

.fw-light {
    font-weight: 300!important
}

.fw-normal {
    font-weight: 400!important
}

.fw-medium {
    font-weight: 500!important
}

.fw-semibold {
    font-weight: 600!important
}

.fw-bold {
    font-weight: 700!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: var(--bs-secondary-color)!important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: #00000080!important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: #ffffff80!important
}

.text-body-secondary {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color)!important
}

.text-body-tertiary {
    --bs-text-opacity: 1;
    color: var(--bs-tertiary-color)!important
}

.text-body-emphasis {
    --bs-text-opacity: 1;
    color: var(--bs-emphasis-color)!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
}

.text-primary-emphasis {
    color: var(--bs-primary-text-emphasis)!important
}

.text-secondary-emphasis {
    color: var(--bs-secondary-text-emphasis)!important
}

.text-success-emphasis {
    color: var(--bs-success-text-emphasis)!important
}

.text-info-emphasis {
    color: var(--bs-info-text-emphasis)!important
}

.text-warning-emphasis {
    color: var(--bs-warning-text-emphasis)!important
}

.text-danger-emphasis {
    color: var(--bs-danger-text-emphasis)!important
}

.text-light-emphasis {
    color: var(--bs-light-text-emphasis)!important
}

.text-dark-emphasis {
    color: var(--bs-dark-text-emphasis)!important
}

.link-opacity-10,.link-opacity-10-hover:hover {
    --bs-link-opacity: .1
}

.link-opacity-25,.link-opacity-25-hover:hover {
    --bs-link-opacity: .25
}

.link-opacity-50,.link-opacity-50-hover:hover {
    --bs-link-opacity: .5
}

.link-opacity-75,.link-opacity-75-hover:hover {
    --bs-link-opacity: .75
}

.link-opacity-100,.link-opacity-100-hover:hover {
    --bs-link-opacity: 1
}

.link-offset-1,.link-offset-1-hover:hover {
    text-underline-offset: .125em!important
}

.link-offset-2,.link-offset-2-hover:hover {
    text-underline-offset: .25em!important
}

.link-offset-3,.link-offset-3-hover:hover {
    text-underline-offset: .375em!important
}

.link-underline-primary {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-secondary {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-success {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-info {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-warning {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-danger {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-light {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-dark {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-underline-opacity-0,.link-underline-opacity-0-hover:hover {
    --bs-link-underline-opacity: 0
}

.link-underline-opacity-10,.link-underline-opacity-10-hover:hover {
    --bs-link-underline-opacity: .1
}

.link-underline-opacity-25,.link-underline-opacity-25-hover:hover {
    --bs-link-underline-opacity: .25
}

.link-underline-opacity-50,.link-underline-opacity-50-hover:hover {
    --bs-link-underline-opacity: .5
}

.link-underline-opacity-75,.link-underline-opacity-75-hover:hover {
    --bs-link-underline-opacity: .75
}

.link-underline-opacity-100,.link-underline-opacity-100-hover:hover {
    --bs-link-underline-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-body-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity))!important
}

.bg-body-tertiary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!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-primary-subtle {
    background-color: var(--bs-primary-bg-subtle)!important
}

.bg-secondary-subtle {
    background-color: var(--bs-secondary-bg-subtle)!important
}

.bg-success-subtle {
    background-color: var(--bs-success-bg-subtle)!important
}

.bg-info-subtle {
    background-color: var(--bs-info-bg-subtle)!important
}

.bg-warning-subtle {
    background-color: var(--bs-warning-bg-subtle)!important
}

.bg-danger-subtle {
    background-color: var(--bs-danger-bg-subtle)!important
}

.bg-light-subtle {
    background-color: var(--bs-light-bg-subtle)!important
}

.bg-dark-subtle {
    background-color: var(--bs-dark-bg-subtle)!important
}

.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-xxl)!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-top-0 {
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important
}

.rounded-top-1 {
    border-top-left-radius: var(--bs-border-radius-sm)!important;
    border-top-right-radius: var(--bs-border-radius-sm)!important
}

.rounded-top-2 {
    border-top-left-radius: var(--bs-border-radius)!important;
    border-top-right-radius: var(--bs-border-radius)!important
}

.rounded-top-3 {
    border-top-left-radius: var(--bs-border-radius-lg)!important;
    border-top-right-radius: var(--bs-border-radius-lg)!important
}

.rounded-top-4 {
    border-top-left-radius: var(--bs-border-radius-xl)!important;
    border-top-right-radius: var(--bs-border-radius-xl)!important
}

.rounded-top-5 {
    border-top-left-radius: var(--bs-border-radius-xxl)!important;
    border-top-right-radius: var(--bs-border-radius-xxl)!important
}

.rounded-top-circle {
    border-top-left-radius: 50%!important;
    border-top-right-radius: 50%!important
}

.rounded-top-pill {
    border-top-left-radius: var(--bs-border-radius-pill)!important;
    border-top-right-radius: var(--bs-border-radius-pill)!important
}

.rounded-end {
    border-top-right-radius: var(--bs-border-radius)!important;
    border-bottom-right-radius: var(--bs-border-radius)!important
}

.rounded-end-0 {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important
}

.rounded-end-1 {
    border-top-right-radius: var(--bs-border-radius-sm)!important;
    border-bottom-right-radius: var(--bs-border-radius-sm)!important
}

.rounded-end-2 {
    border-top-right-radius: var(--bs-border-radius)!important;
    border-bottom-right-radius: var(--bs-border-radius)!important
}

.rounded-end-3 {
    border-top-right-radius: var(--bs-border-radius-lg)!important;
    border-bottom-right-radius: var(--bs-border-radius-lg)!important
}

.rounded-end-4 {
    border-top-right-radius: var(--bs-border-radius-xl)!important;
    border-bottom-right-radius: var(--bs-border-radius-xl)!important
}

.rounded-end-5 {
    border-top-right-radius: var(--bs-border-radius-xxl)!important;
    border-bottom-right-radius: var(--bs-border-radius-xxl)!important
}

.rounded-end-circle {
    border-top-right-radius: 50%!important;
    border-bottom-right-radius: 50%!important
}

.rounded-end-pill {
    border-top-right-radius: var(--bs-border-radius-pill)!important;
    border-bottom-right-radius: var(--bs-border-radius-pill)!important
}

.rounded-bottom {
    border-bottom-right-radius: var(--bs-border-radius)!important;
    border-bottom-left-radius: var(--bs-border-radius)!important
}

.rounded-bottom-0 {
    border-bottom-right-radius: 0!important;
    border-bottom-left-radius: 0!important
}

.rounded-bottom-1 {
    border-bottom-right-radius: var(--bs-border-radius-sm)!important;
    border-bottom-left-radius: var(--bs-border-radius-sm)!important
}

.rounded-bottom-2 {
    border-bottom-right-radius: var(--bs-border-radius)!important;
    border-bottom-left-radius: var(--bs-border-radius)!important
}

.rounded-bottom-3 {
    border-bottom-right-radius: var(--bs-border-radius-lg)!important;
    border-bottom-left-radius: var(--bs-border-radius-lg)!important
}

.rounded-bottom-4 {
    border-bottom-right-radius: var(--bs-border-radius-xl)!important;
    border-bottom-left-radius: var(--bs-border-radius-xl)!important
}

.rounded-bottom-5 {
    border-bottom-right-radius: var(--bs-border-radius-xxl)!important;
    border-bottom-left-radius: var(--bs-border-radius-xxl)!important
}

.rounded-bottom-circle {
    border-bottom-right-radius: 50%!important;
    border-bottom-left-radius: 50%!important
}

.rounded-bottom-pill {
    border-bottom-right-radius: var(--bs-border-radius-pill)!important;
    border-bottom-left-radius: var(--bs-border-radius-pill)!important
}

.rounded-start {
    border-bottom-left-radius: var(--bs-border-radius)!important;
    border-top-left-radius: var(--bs-border-radius)!important
}

.rounded-start-0 {
    border-bottom-left-radius: 0!important;
    border-top-left-radius: 0!important
}

.rounded-start-1 {
    border-bottom-left-radius: var(--bs-border-radius-sm)!important;
    border-top-left-radius: var(--bs-border-radius-sm)!important
}

.rounded-start-2 {
    border-bottom-left-radius: var(--bs-border-radius)!important;
    border-top-left-radius: var(--bs-border-radius)!important
}

.rounded-start-3 {
    border-bottom-left-radius: var(--bs-border-radius-lg)!important;
    border-top-left-radius: var(--bs-border-radius-lg)!important
}

.rounded-start-4 {
    border-bottom-left-radius: var(--bs-border-radius-xl)!important;
    border-top-left-radius: var(--bs-border-radius-xl)!important
}

.rounded-start-5 {
    border-bottom-left-radius: var(--bs-border-radius-xxl)!important;
    border-top-left-radius: var(--bs-border-radius-xxl)!important
}

.rounded-start-circle {
    border-bottom-left-radius: 50%!important;
    border-top-left-radius: 50%!important
}

.rounded-start-pill {
    border-bottom-left-radius: var(--bs-border-radius-pill)!important;
    border-top-left-radius: var(--bs-border-radius-pill)!important
}

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

.z-n1 {
    z-index: -1!important
}

.z-0 {
    z-index: 0!important
}

.z-1 {
    z-index: 1!important
}

.z-2 {
    z-index: 2!important
}

.z-3 {
    z-index: 3!important
}

@media (min-width: 576px) {
    .float-sm-start {
        float:left!important
    }

    .float-sm-end {
        float: right!important
    }

    .float-sm-none {
        float: none!important
    }

    .object-fit-sm-contain {
        object-fit: contain!important
    }

    .object-fit-sm-cover {
        object-fit: cover!important
    }

    .object-fit-sm-fill {
        object-fit: fill!important
    }

    .object-fit-sm-scale {
        object-fit: scale-down!important
    }

    .object-fit-sm-none {
        object-fit: 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-inline-grid {
        display: inline-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
    }

    .row-gap-sm-0 {
        row-gap: 0!important
    }

    .row-gap-sm-1 {
        row-gap: .25rem!important
    }

    .row-gap-sm-2 {
        row-gap: .5rem!important
    }

    .row-gap-sm-3 {
        row-gap: 1rem!important
    }

    .row-gap-sm-4 {
        row-gap: 1.5rem!important
    }

    .row-gap-sm-5 {
        row-gap: 3rem!important
    }

    .column-gap-sm-0 {
        column-gap: 0!important
    }

    .column-gap-sm-1 {
        column-gap: .25rem!important
    }

    .column-gap-sm-2 {
        column-gap: .5rem!important
    }

    .column-gap-sm-3 {
        column-gap: 1rem!important
    }

    .column-gap-sm-4 {
        column-gap: 1.5rem!important
    }

    .column-gap-sm-5 {
        column-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
    }

    .object-fit-md-contain {
        object-fit: contain!important
    }

    .object-fit-md-cover {
        object-fit: cover!important
    }

    .object-fit-md-fill {
        object-fit: fill!important
    }

    .object-fit-md-scale {
        object-fit: scale-down!important
    }

    .object-fit-md-none {
        object-fit: 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-inline-grid {
        display: inline-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
    }

    .row-gap-md-0 {
        row-gap: 0!important
    }

    .row-gap-md-1 {
        row-gap: .25rem!important
    }

    .row-gap-md-2 {
        row-gap: .5rem!important
    }

    .row-gap-md-3 {
        row-gap: 1rem!important
    }

    .row-gap-md-4 {
        row-gap: 1.5rem!important
    }

    .row-gap-md-5 {
        row-gap: 3rem!important
    }

    .column-gap-md-0 {
        column-gap: 0!important
    }

    .column-gap-md-1 {
        column-gap: .25rem!important
    }

    .column-gap-md-2 {
        column-gap: .5rem!important
    }

    .column-gap-md-3 {
        column-gap: 1rem!important
    }

    .column-gap-md-4 {
        column-gap: 1.5rem!important
    }

    .column-gap-md-5 {
        column-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
    }

    .object-fit-lg-contain {
        object-fit: contain!important
    }

    .object-fit-lg-cover {
        object-fit: cover!important
    }

    .object-fit-lg-fill {
        object-fit: fill!important
    }

    .object-fit-lg-scale {
        object-fit: scale-down!important
    }

    .object-fit-lg-none {
        object-fit: 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-inline-grid {
        display: inline-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
    }

    .row-gap-lg-0 {
        row-gap: 0!important
    }

    .row-gap-lg-1 {
        row-gap: .25rem!important
    }

    .row-gap-lg-2 {
        row-gap: .5rem!important
    }

    .row-gap-lg-3 {
        row-gap: 1rem!important
    }

    .row-gap-lg-4 {
        row-gap: 1.5rem!important
    }

    .row-gap-lg-5 {
        row-gap: 3rem!important
    }

    .column-gap-lg-0 {
        column-gap: 0!important
    }

    .column-gap-lg-1 {
        column-gap: .25rem!important
    }

    .column-gap-lg-2 {
        column-gap: .5rem!important
    }

    .column-gap-lg-3 {
        column-gap: 1rem!important
    }

    .column-gap-lg-4 {
        column-gap: 1.5rem!important
    }

    .column-gap-lg-5 {
        column-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
    }

    .object-fit-xl-contain {
        object-fit: contain!important
    }

    .object-fit-xl-cover {
        object-fit: cover!important
    }

    .object-fit-xl-fill {
        object-fit: fill!important
    }

    .object-fit-xl-scale {
        object-fit: scale-down!important
    }

    .object-fit-xl-none {
        object-fit: 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-inline-grid {
        display: inline-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
    }

    .row-gap-xl-0 {
        row-gap: 0!important
    }

    .row-gap-xl-1 {
        row-gap: .25rem!important
    }

    .row-gap-xl-2 {
        row-gap: .5rem!important
    }

    .row-gap-xl-3 {
        row-gap: 1rem!important
    }

    .row-gap-xl-4 {
        row-gap: 1.5rem!important
    }

    .row-gap-xl-5 {
        row-gap: 3rem!important
    }

    .column-gap-xl-0 {
        column-gap: 0!important
    }

    .column-gap-xl-1 {
        column-gap: .25rem!important
    }

    .column-gap-xl-2 {
        column-gap: .5rem!important
    }

    .column-gap-xl-3 {
        column-gap: 1rem!important
    }

    .column-gap-xl-4 {
        column-gap: 1.5rem!important
    }

    .column-gap-xl-5 {
        column-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
    }

    .object-fit-xxl-contain {
        object-fit: contain!important
    }

    .object-fit-xxl-cover {
        object-fit: cover!important
    }

    .object-fit-xxl-fill {
        object-fit: fill!important
    }

    .object-fit-xxl-scale {
        object-fit: scale-down!important
    }

    .object-fit-xxl-none {
        object-fit: 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-inline-grid {
        display: inline-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
    }

    .row-gap-xxl-0 {
        row-gap: 0!important
    }

    .row-gap-xxl-1 {
        row-gap: .25rem!important
    }

    .row-gap-xxl-2 {
        row-gap: .5rem!important
    }

    .row-gap-xxl-3 {
        row-gap: 1rem!important
    }

    .row-gap-xxl-4 {
        row-gap: 1.5rem!important
    }

    .row-gap-xxl-5 {
        row-gap: 3rem!important
    }

    .column-gap-xxl-0 {
        column-gap: 0!important
    }

    .column-gap-xxl-1 {
        column-gap: .25rem!important
    }

    .column-gap-xxl-2 {
        column-gap: .5rem!important
    }

    .column-gap-xxl-3 {
        column-gap: 1rem!important
    }

    .column-gap-xxl-4 {
        column-gap: 1.5rem!important
    }

    .column-gap-xxl-5 {
        column-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-inline-grid {
        display: inline-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
    }
}

.ngx-datatable {
    display: block;
    overflow: hidden;
    justify-content: center;
    position: relative;
    transform: translateZ(0)
}

.ngx-datatable [hidden] {
    display: none!important
}

.ngx-datatable *,.ngx-datatable *:before,.ngx-datatable *:after {
    box-sizing: border-box
}

.ngx-datatable.scroll-vertical .datatable-body {
    overflow-y: auto
}

.ngx-datatable.scroll-vertical.virtualized .datatable-body .datatable-row-wrapper {
    position: absolute
}

.ngx-datatable.scroll-horz .datatable-body {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.ngx-datatable.fixed-header .datatable-header .datatable-header-inner {
    white-space: nowrap
}

.ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ngx-datatable.fixed-row .datatable-scroll,.ngx-datatable.fixed-row .datatable-scroll .datatable-body-row {
    white-space: nowrap
}

.ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-cell,.ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-group-cell {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ngx-datatable .datatable-body-row,.ngx-datatable .datatable-row-center,.ngx-datatable .datatable-header-inner {
    display: flex;
    flex-direction: row;
    -o-flex-flow: row;
    flex-flow: row
}

.ngx-datatable .datatable-body-cell,.ngx-datatable .datatable-header-cell {
    overflow-x: hidden;
    vertical-align: top;
    display: inline-block;
    line-height: 1.625
}

.ngx-datatable .datatable-body-cell:focus,.ngx-datatable .datatable-header-cell:focus {
    outline: none
}

.ngx-datatable .datatable-row-left,.ngx-datatable .datatable-row-right {
    z-index: 9
}

.ngx-datatable .datatable-row-left,.ngx-datatable .datatable-row-center,.ngx-datatable .datatable-row-group,.ngx-datatable .datatable-row-right {
    position: relative
}

.ngx-datatable .datatable-header {
    display: block;
    overflow: hidden
}

.ngx-datatable .datatable-header .datatable-header-inner {
    align-items: stretch;
    -webkit-align-items: stretch
}

.ngx-datatable .datatable-header .datatable-header-cell {
    position: relative;
    display: inline-block
}

.ngx-datatable .datatable-header .datatable-header-cell.sortable .datatable-header-cell-wrapper {
    cursor: pointer
}

.ngx-datatable .datatable-header .datatable-header-cell.longpress .datatable-header-cell-wrapper {
    cursor: move
}

.ngx-datatable .datatable-header .datatable-header-cell .sort-btn {
    line-height: 100%;
    vertical-align: middle;
    display: inline-block;
    cursor: pointer
}

.ngx-datatable .datatable-header .datatable-header-cell .resize-handle,.ngx-datatable .datatable-header .datatable-header-cell .resize-handle--not-resizable {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    padding: 0 4px;
    visibility: hidden
}

.ngx-datatable .datatable-header .datatable-header-cell .resize-handle {
    cursor: ew-resize
}

.ngx-datatable .datatable-header .datatable-header-cell.resizeable:hover .resize-handle,.ngx-datatable .datatable-header .datatable-header-cell:hover .resize-handle--not-resizable {
    visibility: visible
}

.ngx-datatable .datatable-header .datatable-header-cell .targetMarker {
    position: absolute;
    top: 0;
    bottom: 0
}

.ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromLeft {
    right: 0
}

.ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromRight {
    left: 0
}

.ngx-datatable .datatable-header .datatable-header-cell .datatable-header-cell-template-wrap {
    height: inherit
}

.ngx-datatable .datatable-body {
    position: relative;
    z-index: 10;
    display: block
}

.ngx-datatable .datatable-body .datatable-scroll {
    display: inline-block
}

.ngx-datatable .datatable-body .datatable-row-detail {
    overflow-y: hidden
}

.ngx-datatable .datatable-body .datatable-row-wrapper {
    display: flex;
    flex-direction: column
}

.ngx-datatable .datatable-body .datatable-body-row {
    outline: none
}

.ngx-datatable .datatable-body .datatable-body-row>div {
    display: flex
}

.ngx-datatable .datatable-footer {
    display: block;
    width: 100%;
    overflow: auto
}

.ngx-datatable .datatable-footer .datatable-footer-inner {
    display: flex;
    align-items: center;
    width: 100%
}

.ngx-datatable .datatable-footer .selected-count .page-count {
    flex: 1 1 40%
}

.ngx-datatable .datatable-footer .selected-count .datatable-pager {
    flex: 1 1 60%
}

.ngx-datatable .datatable-footer .page-count {
    flex: 1 1 20%
}

.ngx-datatable .datatable-footer .datatable-pager {
    flex: 1 1 80%;
    text-align: right
}

.ngx-datatable .datatable-footer .datatable-pager .pager,.ngx-datatable .datatable-footer .datatable-pager .pager li {
    padding: 0;
    margin: 0;
    display: inline-block;
    list-style: none
}

.ngx-datatable .datatable-footer .datatable-pager .pager li,.ngx-datatable .datatable-footer .datatable-pager .pager li a {
    outline: none
}

.ngx-datatable .datatable-footer .datatable-pager .pager li a {
    cursor: pointer;
    display: inline-block
}

.ngx-datatable .datatable-footer .datatable-pager .pager li.disabled a {
    cursor: not-allowed
}

.ngx-datatable.material {
    background: #fff;
    box-shadow: 0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f
}

.ngx-datatable.material.striped .datatable-row-odd {
    background: #eee
}

.ngx-datatable.material.single-selection .datatable-body-row.active,.ngx-datatable.material.single-selection .datatable-body-row.active .datatable-row-group,.ngx-datatable.material.multi-selection .datatable-body-row.active,.ngx-datatable.material.multi-selection .datatable-body-row.active .datatable-row-group,.ngx-datatable.material.multi-click-selection .datatable-body-row.active,.ngx-datatable.material.multi-click-selection .datatable-body-row.active .datatable-row-group {
    background-color: #304ffe;
    color: #fff
}

.ngx-datatable.material.single-selection .datatable-body-row.active:hover,.ngx-datatable.material.single-selection .datatable-body-row.active:hover .datatable-row-group,.ngx-datatable.material.multi-selection .datatable-body-row.active:hover,.ngx-datatable.material.multi-selection .datatable-body-row.active:hover .datatable-row-group,.ngx-datatable.material.multi-click-selection .datatable-body-row.active:hover,.ngx-datatable.material.multi-click-selection .datatable-body-row.active:hover .datatable-row-group {
    background-color: #193ae4;
    color: #fff
}

.ngx-datatable.material.single-selection .datatable-body-row.active:focus,.ngx-datatable.material.single-selection .datatable-body-row.active:focus .datatable-row-group,.ngx-datatable.material.multi-selection .datatable-body-row.active:focus,.ngx-datatable.material.multi-selection .datatable-body-row.active:focus .datatable-row-group,.ngx-datatable.material.multi-click-selection .datatable-body-row.active:focus,.ngx-datatable.material.multi-click-selection .datatable-body-row.active:focus .datatable-row-group {
    background-color: #2041ef;
    color: #fff
}

.ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover,.ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
    background-color: #eee;
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: linear
}

.ngx-datatable.material:not(.cell-selection) .datatable-body-row:focus,.ngx-datatable.material:not(.cell-selection) .datatable-body-row:focus .datatable-row-group {
    background-color: #ddd
}

.ngx-datatable.material.cell-selection .datatable-body-cell:hover,.ngx-datatable.material.cell-selection .datatable-body-cell:hover .datatable-row-group {
    background-color: #eee;
    transition-property: background;
    transition-duration: .3s;
    transition-timing-function: linear
}

.ngx-datatable.material.cell-selection .datatable-body-cell:focus,.ngx-datatable.material.cell-selection .datatable-body-cell:focus .datatable-row-group {
    background-color: #ddd
}

.ngx-datatable.material.cell-selection .datatable-body-cell.active,.ngx-datatable.material.cell-selection .datatable-body-cell.active .datatable-row-group {
    background-color: #304ffe;
    color: #fff
}

.ngx-datatable.material.cell-selection .datatable-body-cell.active:hover,.ngx-datatable.material.cell-selection .datatable-body-cell.active:hover .datatable-row-group {
    background-color: #193ae4;
    color: #fff
}

.ngx-datatable.material.cell-selection .datatable-body-cell.active:focus,.ngx-datatable.material.cell-selection .datatable-body-cell.active:focus .datatable-row-group {
    background-color: #2041ef;
    color: #fff
}

.ngx-datatable.material .empty-row {
    height: 50px;
    text-align: left;
    padding: .5rem 1.2rem;
    vertical-align: top;
    border-top: 0
}

.ngx-datatable.material .loading-row {
    text-align: left;
    padding: .5rem 1.2rem;
    vertical-align: top;
    border-top: 0
}

.ngx-datatable.material .datatable-header .datatable-row-left,.ngx-datatable.material .datatable-body .datatable-row-left {
    background-color: #fff;
    background-position: 100% 0;
    background-repeat: repeat-y;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFklEQVQIHWPSkNeSBmJhTQVtbiDNCgASagIIuJX8OgAAAABJRU5ErkJggg==)
}

.ngx-datatable.material .datatable-header .datatable-row-right,.ngx-datatable.material .datatable-body .datatable-row-right {
    background-position: 0 0;
    background-color: #fff;
    background-repeat: repeat-y;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFklEQVQI12PQkNdi1VTQ5gbSwkAsDQARLAIGtOSFUAAAAABJRU5ErkJggg==)
}

.ngx-datatable.material .datatable-header {
    border-bottom: 1px solid rgba(0,0,0,.12)
}

.ngx-datatable.material .datatable-header .datatable-header-cell {
    text-align: left;
    padding: .9rem 1.2rem;
    font-weight: 400;
    background-color: #fff;
    color: #0000008a;
    vertical-align: bottom;
    font-size: 12px;
    font-weight: 500
}

.ngx-datatable.material .datatable-header .datatable-header-cell .datatable-header-cell-wrapper {
    position: relative
}

.ngx-datatable.material .datatable-header .datatable-header-cell.longpress .draggable:after {
    transition: transform .4s ease,opacity .4s ease;
    opacity: .5;
    transform: scale(1)
}

.ngx-datatable.material .datatable-header .datatable-header-cell .draggable:after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    height: 60px;
    width: 60px;
    background: #eee;
    border-radius: 100%;
    opacity: 1;
    filter: none;
    transform: scale(0);
    z-index: 9999;
    pointer-events: none
}

.ngx-datatable.material .datatable-header .datatable-header-cell.dragging .resize-handle {
    border-right: none
}

.ngx-datatable.material .datatable-header .resize-handle {
    border-right: solid 1px #eee
}

.ngx-datatable.material .datatable-body {
    position: relative
}

.ngx-datatable.material .datatable-body .datatable-row-detail {
    background: #f5f5f5;
    padding: 10px
}

.ngx-datatable.material .datatable-body .datatable-group-header {
    background: #f5f5f5;
    border-bottom: solid 1px #d9d8d9;
    border-top: solid 1px #d9d8d9
}

.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell,.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-group-cell {
    text-align: left;
    padding: .9rem 1.2rem;
    vertical-align: top;
    border-top: 0;
    color: #000000de;
    transition: width .3s ease;
    font-size: 14px;
    font-weight: 400
}

.ngx-datatable.material .datatable-body .progress-linear {
    display: block;
    position: sticky;
    width: 100%;
    height: 5px;
    padding: 0;
    margin: 0;
    top: 0
}

.ngx-datatable.material .datatable-body .progress-linear .container {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 5px;
    transform: translate(0) scale(1);
    background-color: #aad1f9
}

.ngx-datatable.material .datatable-body .progress-linear .container .bar {
    transition: all .2s linear;
    animation: query .8s infinite cubic-bezier(.39,.575,.565,1);
    transition: transform .2s linear;
    background-color: #106cc8;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 5px
}

.ngx-datatable.material .datatable-footer {
    border-top: 1px solid rgba(0,0,0,.12);
    font-size: 12px;
    font-weight: 400;
    color: #0000008a
}

.ngx-datatable.material .datatable-footer .page-count {
    line-height: 50px;
    height: 50px;
    padding: 0 1.2rem
}

.ngx-datatable.material .datatable-footer .datatable-pager {
    margin: 0 10px
}

.ngx-datatable.material .datatable-footer .datatable-pager li {
    vertical-align: middle
}

.ngx-datatable.material .datatable-footer .datatable-pager li.disabled a {
    color: #00000042!important;
    background-color: transparent!important
}

.ngx-datatable.material .datatable-footer .datatable-pager li.active a {
    background-color: #9e9e9e33;
    font-weight: 700
}

.ngx-datatable.material .datatable-footer .datatable-pager a {
    height: 22px;
    min-width: 24px;
    line-height: 22px;
    padding: 0 6px;
    border-radius: 3px;
    margin: 6px 3px;
    text-align: center;
    vertical-align: top;
    color: #0000008a;
    text-decoration: none;
    vertical-align: bottom
}

.ngx-datatable.material .datatable-footer .datatable-pager a:hover {
    color: #000000bf;
    background-color: #9e9e9e33
}

.ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-left,.ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-skip,.ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-right,.ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-prev {
    font-size: 20px;
    line-height: 20px;
    padding: 0 3px
}

.ngx-datatable.material .datatable-summary-row .datatable-body-row,.ngx-datatable.material .datatable-summary-row .datatable-body-row:hover {
    background-color: #ddd
}

.ngx-datatable.material .datatable-summary-row .datatable-body-row .datatable-body-cell {
    font-weight: 700
}

.datatable-checkbox {
    position: relative;
    margin: 0;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    box-sizing: border-box;
    padding: 0
}

.datatable-checkbox input[type=checkbox] {
    position: relative;
    margin: 0 1rem 0 0;
    cursor: pointer;
    outline: none
}

.datatable-checkbox input[type=checkbox]:before {
    transition: all .3s ease-in-out;
    content: "";
    position: absolute;
    left: 0;
    z-index: 1;
    width: 1rem;
    height: 1rem;
    border: 2px solid #f2f2f2
}

.datatable-checkbox input[type=checkbox]:checked:before {
    transform: rotate(-45deg);
    height: .5rem;
    border-color: #009688;
    border-top-style: none;
    border-right-style: none
}

.datatable-checkbox input[type=checkbox]:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1rem;
    height: 1rem;
    background: #fff;
    cursor: pointer
}

@keyframes query {
    0% {
        opacity: 1;
        transform: translate(35%) scaleX(.3)
    }

    to {
        opacity: 0;
        transform: translate(-50%) scaleX(0)
    }
}

@font-face {
    font-family: data-table;
    src: url(data-table.19a1c5c211a201d8.eot);
    src: url(data-table.19a1c5c211a201d8.eot?#iefix) format("embedded-opentype"),url(data-table.d233a8724a9532b6.woff) format("woff"),url(data-table.4f99927ffc558471.ttf) format("truetype"),url(data-table.029992b38cb863a4.svg#data-table) format("svg");
    font-weight: 400;
    font-style: normal
}

[data-icon]:before {
    font-family: data-table!important;
    content: attr(data-icon);
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-transform: none!important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class^=datatable-icon-]:before,[class*=" datatable-icon-"]:before {
    font-family: data-table!important;
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-transform: none!important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.datatable-icon-filter:before {
    content: "b"
}

.datatable-icon-collapse:before {
    content: "a"
}

.datatable-icon-expand:before {
    content: "c"
}

.datatable-icon-close:before {
    content: "d"
}

.datatable-icon-up:before {
    content: "e"
}

.datatable-icon-down:before {
    content: "f"
}

.datatable-icon-sort-unset:before {
    content: "c";
    opacity: .5
}

.datatable-icon-sort:before {
    content: "g"
}

.datatable-icon-done:before {
    content: "h"
}

.datatable-icon-done-all:before {
    content: "i"
}

.datatable-icon-search:before {
    content: "j"
}

.datatable-icon-pin:before {
    content: "k"
}

.datatable-icon-add:before {
    content: "m"
}

.datatable-icon-left:before {
    content: "o"
}

.datatable-icon-right:before {
    content: "p"
}

.datatable-icon-skip:before {
    content: "q"
}

.datatable-icon-prev:before {
    content: "r"
}

.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: scale3d(0,0,0);
    background-color: var(--mat-ripple-color, rgba(0, 0, 0, .1))
}

.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-backdrop {
    position: absolute;
    inset: 0;
    z-index: 1000;
    pointer-events: auto;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    transition: opacity .4s cubic-bezier(.25,.8,.25,1);
    opacity: 0
}

.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-backdrop-noop-animation {
    transition: none
}

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 {
    position: relative
}

.mat-focus-indicator:before {
    inset: 0;
    position: absolute;
    box-sizing: border-box;
    pointer-events: none;
    display: var(--mat-focus-indicator-display, none);
    border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
    border-radius: var(--mat-focus-indicator-border-radius, 4px)
}

.mat-focus-indicator:focus:before {
    content: ""
}

.cdk-high-contrast-active {
    --mat-focus-indicator-display: block
}

.mat-mdc-focus-indicator {
    position: relative
}

.mat-mdc-focus-indicator:before {
    inset: 0;
    position: absolute;
    box-sizing: border-box;
    pointer-events: none;
    display: var(--mat-mdc-focus-indicator-display, none);
    border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
    border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px)
}

.mat-mdc-focus-indicator:focus:before {
    content: ""
}

.cdk-high-contrast-active {
    --mat-mdc-focus-indicator-display: block
}

html {
    --mat-ripple-color: rgba(0, 0, 0, .1)
}

html {
    --mat-option-selected-state-label-text-color: #3f51b5;
    --mat-option-label-text-color: rgba(0, 0, 0, .87);
    --mat-option-hover-state-layer-color: rgba(0, 0, 0, .04);
    --mat-option-focus-state-layer-color: rgba(0, 0, 0, .04);
    --mat-option-selected-state-layer-color: rgba(0, 0, 0, .04)
}

.mat-accent {
    --mat-option-selected-state-label-text-color: #ff4081;
    --mat-option-label-text-color: rgba(0, 0, 0, .87);
    --mat-option-hover-state-layer-color: rgba(0, 0, 0, .04);
    --mat-option-focus-state-layer-color: rgba(0, 0, 0, .04);
    --mat-option-selected-state-layer-color: rgba(0, 0, 0, .04)
}

.mat-warn {
    --mat-option-selected-state-label-text-color: #f44336;
    --mat-option-label-text-color: rgba(0, 0, 0, .87);
    --mat-option-hover-state-layer-color: rgba(0, 0, 0, .04);
    --mat-option-focus-state-layer-color: rgba(0, 0, 0, .04);
    --mat-option-selected-state-layer-color: rgba(0, 0, 0, .04)
}

html {
    --mat-optgroup-label-text-color: rgba(0, 0, 0, .87)
}

.mat-pseudo-checkbox-full {
    color: #0000008a
}

.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled {
    color: #b0b0b0
}

.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
    color: #3f51b5
}

.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
    background: #3f51b5
}

.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after {
    color: #fafafa
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
    color: #ff4081
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
    background: #ff4081
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after {
    color: #fafafa
}

.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
    color: #ff4081
}

.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
    background: #ff4081
}

.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after {
    color: #fafafa
}

.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
    color: #f44336
}

.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
    background: #f44336
}

.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full:after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full:after {
    color: #fafafa
}

.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
    color: #b0b0b0
}

.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
    background: #b0b0b0
}

.mat-app-background {
    background-color: #fafafa;
    color: #000000de
}

.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0 {
    box-shadow: 0 0 #0003,0 0 #00000024,0 0 #0000001f
}

.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1 {
    box-shadow: 0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f
}

.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2 {
    box-shadow: 0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f
}

.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3 {
    box-shadow: 0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f
}

.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4 {
    box-shadow: 0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f
}

.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5 {
    box-shadow: 0 3px 5px -1px #0003,0 5px 8px #00000024,0 1px 14px #0000001f
}

.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6 {
    box-shadow: 0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f
}

.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7 {
    box-shadow: 0 4px 5px -2px #0003,0 7px 10px 1px #00000024,0 2px 16px 1px #0000001f
}

.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8 {
    box-shadow: 0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f
}

.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9 {
    box-shadow: 0 5px 6px -3px #0003,0 9px 12px 1px #00000024,0 3px 16px 2px #0000001f
}

.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10 {
    box-shadow: 0 6px 6px -3px #0003,0 10px 14px 1px #00000024,0 4px 18px 3px #0000001f
}

.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11 {
    box-shadow: 0 6px 7px -4px #0003,0 11px 15px 1px #00000024,0 4px 20px 3px #0000001f
}

.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12 {
    box-shadow: 0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f
}

.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13 {
    box-shadow: 0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f
}

.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14 {
    box-shadow: 0 7px 9px -4px #0003,0 14px 21px 2px #00000024,0 5px 26px 4px #0000001f
}

.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15 {
    box-shadow: 0 8px 9px -5px #0003,0 15px 22px 2px #00000024,0 6px 28px 5px #0000001f
}

.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16 {
    box-shadow: 0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f
}

.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17 {
    box-shadow: 0 8px 11px -5px #0003,0 17px 26px 2px #00000024,0 6px 32px 5px #0000001f
}

.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18 {
    box-shadow: 0 9px 11px -5px #0003,0 18px 28px 2px #00000024,0 7px 34px 6px #0000001f
}

.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19 {
    box-shadow: 0 9px 12px -6px #0003,0 19px 29px 2px #00000024,0 7px 36px 6px #0000001f
}

.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20 {
    box-shadow: 0 10px 13px -6px #0003,0 20px 31px 3px #00000024,0 8px 38px 7px #0000001f
}

.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21 {
    box-shadow: 0 10px 13px -6px #0003,0 21px 33px 3px #00000024,0 8px 40px 7px #0000001f
}

.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22 {
    box-shadow: 0 10px 14px -6px #0003,0 22px 35px 3px #00000024,0 8px 42px 7px #0000001f
}

.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23 {
    box-shadow: 0 11px 14px -7px #0003,0 23px 36px 3px #00000024,0 9px 44px 8px #0000001f
}

.mat-elevation-z24,.mat-mdc-elevation-specific.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
}

html {
    --mat-option-label-text-font: Roboto, sans-serif;
    --mat-option-label-text-line-height: 24px;
    --mat-option-label-text-size: 16px;
    --mat-option-label-text-tracking: .03125em;
    --mat-option-label-text-weight: 400
}

html {
    --mat-optgroup-label-text-font: Roboto, sans-serif;
    --mat-optgroup-label-text-line-height: 24px;
    --mat-optgroup-label-text-size: 16px;
    --mat-optgroup-label-text-tracking: .03125em;
    --mat-optgroup-label-text-weight: 400
}

html {
    --mdc-elevated-card-container-shape: 4px;
    --mdc-outlined-card-container-shape: 4px;
    --mdc-outlined-card-outline-width: 1px
}

html {
    --mdc-elevated-card-container-color: white;
    --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
    --mdc-outlined-card-container-color: white;
    --mdc-outlined-card-outline-color: rgba(0, 0, 0, .12);
    --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
    --mat-card-subtitle-text-color: rgba(0, 0, 0, .54)
}

html {
    --mat-card-title-text-font: Roboto, sans-serif;
    --mat-card-title-text-line-height: 32px;
    --mat-card-title-text-size: 20px;
    --mat-card-title-text-tracking: .0125em;
    --mat-card-title-text-weight: 500;
    --mat-card-subtitle-text-font: Roboto, sans-serif;
    --mat-card-subtitle-text-line-height: 22px;
    --mat-card-subtitle-text-size: 14px;
    --mat-card-subtitle-text-tracking: .0071428571em;
    --mat-card-subtitle-text-weight: 500
}

html {
    --mdc-linear-progress-active-indicator-height: 4px;
    --mdc-linear-progress-track-height: 4px;
    --mdc-linear-progress-track-shape: 0
}

.mat-mdc-progress-bar {
    --mdc-linear-progress-active-indicator-color: #3f51b5;
    --mdc-linear-progress-track-color: rgba(63, 81, 181, .25)
}

.mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
    background-color: #3f51b540;
    background-color: var(--mdc-linear-progress-track-color, rgba(63, 81, 181, .25))
}

@media (forced-colors: active) {
    .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
        background-color: ButtonBorder
    }
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
        background-color: #0000;
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(63, 81, 181, 0.25)'/%3E%3C/svg%3E")
    }
}

.mat-mdc-progress-bar .mdc-linear-progress__buffer-bar {
    background-color: #3f51b540;
    background-color: var(--mdc-linear-progress-track-color, rgba(63, 81, 181, .25))
}

.mat-mdc-progress-bar.mat-accent {
    --mdc-linear-progress-active-indicator-color: #ff4081;
    --mdc-linear-progress-track-color: rgba(255, 64, 129, .25)
}

.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
    background-color: #ff408140;
    background-color: var(--mdc-linear-progress-track-color, rgba(255, 64, 129, .25))
}

@media (forced-colors: active) {
    .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
        background-color: ButtonBorder
    }
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
        background-color: #0000;
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(255, 64, 129, 0.25)'/%3E%3C/svg%3E")
    }
}

.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-bar {
    background-color: #ff408140;
    background-color: var(--mdc-linear-progress-track-color, rgba(255, 64, 129, .25))
}

.mat-mdc-progress-bar.mat-warn {
    --mdc-linear-progress-active-indicator-color: #f44336;
    --mdc-linear-progress-track-color: rgba(244, 67, 54, .25)
}

@keyframes mdc-linear-progress-buffering {
}

.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
    background-color: #f4433640;
    background-color: var(--mdc-linear-progress-track-color, rgba(244, 67, 54, .25))
}

@media (forced-colors: active) {
    .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
        background-color: ButtonBorder
    }
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
        background-color: #0000;
        background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(244, 67, 54, 0.25)'/%3E%3C/svg%3E")
    }
}

.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-bar {
    background-color: #f4433640;
    background-color: var(--mdc-linear-progress-track-color, rgba(244, 67, 54, .25))
}

html {
    --mdc-plain-tooltip-container-shape: 4px;
    --mdc-plain-tooltip-supporting-text-line-height: 16px
}

html {
    --mdc-plain-tooltip-container-color: #616161;
    --mdc-plain-tooltip-supporting-text-color: #fff
}

html {
    --mdc-plain-tooltip-supporting-text-font: Roboto, sans-serif;
    --mdc-plain-tooltip-supporting-text-size: 12px;
    --mdc-plain-tooltip-supporting-text-weight: 400;
    --mdc-plain-tooltip-supporting-text-tracking: .0333333333em
}

html {
    --mdc-filled-text-field-active-indicator-height: 1px;
    --mdc-filled-text-field-focus-active-indicator-height: 2px;
    --mdc-filled-text-field-container-shape: 4px;
    --mdc-outlined-text-field-outline-width: 1px;
    --mdc-outlined-text-field-focus-outline-width: 2px;
    --mdc-outlined-text-field-container-shape: 4px
}

html {
    --mdc-filled-text-field-caret-color: #3f51b5;
    --mdc-filled-text-field-focus-active-indicator-color: #3f51b5;
    --mdc-filled-text-field-focus-label-text-color: rgba(63, 81, 181, .87);
    --mdc-filled-text-field-container-color: whitesmoke;
    --mdc-filled-text-field-disabled-container-color: #fafafa;
    --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, .6);
    --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, .87);
    --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, .38);
    --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, .6);
    --mdc-filled-text-field-error-focus-label-text-color: #f44336;
    --mdc-filled-text-field-error-label-text-color: #f44336;
    --mdc-filled-text-field-error-caret-color: #f44336;
    --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, .42);
    --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, .06);
    --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, .87);
    --mdc-filled-text-field-error-active-indicator-color: #f44336;
    --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
    --mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
    --mdc-outlined-text-field-caret-color: #3f51b5;
    --mdc-outlined-text-field-focus-outline-color: #3f51b5;
    --mdc-outlined-text-field-focus-label-text-color: rgba(63, 81, 181, .87);
    --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, .6);
    --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, .87);
    --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, .38);
    --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, .6);
    --mdc-outlined-text-field-error-caret-color: #f44336;
    --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
    --mdc-outlined-text-field-error-label-text-color: #f44336;
    --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, .38);
    --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, .06);
    --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, .87);
    --mdc-outlined-text-field-error-focus-outline-color: #f44336;
    --mdc-outlined-text-field-error-hover-outline-color: #f44336;
    --mdc-outlined-text-field-error-outline-color: #f44336;
    --mat-form-field-focus-select-arrow-color: rgba(63, 81, 181, .87);
    --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, .38);
    --mat-form-field-state-layer-color: rgba(0, 0, 0, .87);
    --mat-form-field-error-text-color: #f44336;
    --mat-form-field-select-option-text-color: inherit;
    --mat-form-field-select-disabled-option-text-color: GrayText;
    --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, .54);
    --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, .38);
    --mat-form-field-hover-state-layer-opacity: .04;
    --mat-form-field-focus-state-layer-opacity: .12
}

.mat-mdc-form-field.mat-accent {
    --mdc-filled-text-field-caret-color: #ff4081;
    --mdc-filled-text-field-focus-active-indicator-color: #ff4081;
    --mdc-filled-text-field-focus-label-text-color: rgba(255, 64, 129, .87);
    --mdc-outlined-text-field-caret-color: #ff4081;
    --mdc-outlined-text-field-focus-outline-color: #ff4081;
    --mdc-outlined-text-field-focus-label-text-color: rgba(255, 64, 129, .87);
    --mat-form-field-focus-select-arrow-color: rgba(255, 64, 129, .87)
}

.mat-mdc-form-field.mat-warn {
    --mdc-filled-text-field-caret-color: #f44336;
    --mdc-filled-text-field-focus-active-indicator-color: #f44336;
    --mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, .87);
    --mdc-outlined-text-field-caret-color: #f44336;
    --mdc-outlined-text-field-focus-outline-color: #f44336;
    --mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, .87);
    --mat-form-field-focus-select-arrow-color: rgba(244, 67, 54, .87)
}

.mat-mdc-form-field-infix {
    min-height: 56px
}

.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
    top: 28px
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    --mat-mdc-form-field-label-transform: translateY( -34.75px) scale(var(--mat-mdc-form-field-floating-label-scale, .75));
    transform: var(--mat-mdc-form-field-label-transform)
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
    padding-top: 16px;
    padding-bottom: 16px
}

.mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
    padding-top: 24px;
    padding-bottom: 8px
}

.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
    padding-top: 16px;
    padding-bottom: 16px
}

html {
    --mdc-filled-text-field-label-text-font: Roboto, sans-serif;
    --mdc-filled-text-field-label-text-size: 16px;
    --mdc-filled-text-field-label-text-tracking: .03125em;
    --mdc-filled-text-field-label-text-weight: 400;
    --mdc-outlined-text-field-label-text-font: Roboto, sans-serif;
    --mdc-outlined-text-field-label-text-size: 16px;
    --mdc-outlined-text-field-label-text-tracking: .03125em;
    --mdc-outlined-text-field-label-text-weight: 400;
    --mat-form-field-container-text-font: Roboto, sans-serif;
    --mat-form-field-container-text-line-height: 24px;
    --mat-form-field-container-text-size: 16px;
    --mat-form-field-container-text-tracking: .03125em;
    --mat-form-field-container-text-weight: 400;
    --mat-form-field-outlined-label-text-populated-size: 16px;
    --mat-form-field-subscript-text-font: Roboto, sans-serif;
    --mat-form-field-subscript-text-line-height: 20px;
    --mat-form-field-subscript-text-size: 12px;
    --mat-form-field-subscript-text-tracking: .0333333333em;
    --mat-form-field-subscript-text-weight: 400
}

html {
    --mat-select-panel-background-color: white;
    --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);
    --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, .38);
    --mat-select-placeholder-text-color: rgba(0, 0, 0, .6);
    --mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);
    --mat-select-disabled-arrow-color: rgba(0, 0, 0, .38);
    --mat-select-focused-arrow-color: rgba(63, 81, 181, .87);
    --mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)
}

html .mat-mdc-form-field.mat-accent {
    --mat-select-panel-background-color: white;
    --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);
    --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, .38);
    --mat-select-placeholder-text-color: rgba(0, 0, 0, .6);
    --mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);
    --mat-select-disabled-arrow-color: rgba(0, 0, 0, .38);
    --mat-select-focused-arrow-color: rgba(255, 64, 129, .87);
    --mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)
}

html .mat-mdc-form-field.mat-warn {
    --mat-select-panel-background-color: white;
    --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, .87);
    --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, .38);
    --mat-select-placeholder-text-color: rgba(0, 0, 0, .6);
    --mat-select-enabled-arrow-color: rgba(0, 0, 0, .54);
    --mat-select-disabled-arrow-color: rgba(0, 0, 0, .38);
    --mat-select-focused-arrow-color: rgba(244, 67, 54, .87);
    --mat-select-invalid-arrow-color: rgba(244, 67, 54, .87)
}

html {
    --mat-select-trigger-text-font: Roboto, sans-serif;
    --mat-select-trigger-text-line-height: 24px;
    --mat-select-trigger-text-size: 16px;
    --mat-select-trigger-text-tracking: .03125em;
    --mat-select-trigger-text-weight: 400
}

html {
    --mat-autocomplete-background-color: white
}

html {
    --mdc-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);
    --mdc-dialog-container-shadow-color: #000;
    --mdc-dialog-container-shape: 4px
}

html {
    --mdc-dialog-container-color: white;
    --mdc-dialog-subhead-color: rgba(0, 0, 0, .87);
    --mdc-dialog-supporting-text-color: rgba(0, 0, 0, .6)
}

html {
    --mdc-dialog-subhead-font: Roboto, sans-serif;
    --mdc-dialog-subhead-line-height: 32px;
    --mdc-dialog-subhead-size: 20px;
    --mdc-dialog-subhead-weight: 500;
    --mdc-dialog-subhead-tracking: .0125em;
    --mdc-dialog-supporting-text-font: Roboto, sans-serif;
    --mdc-dialog-supporting-text-line-height: 24px;
    --mdc-dialog-supporting-text-size: 16px;
    --mdc-dialog-supporting-text-weight: 400;
    --mdc-dialog-supporting-text-tracking: .03125em
}

.mat-mdc-standard-chip {
    --mdc-chip-container-shape-family: rounded;
    --mdc-chip-container-shape-radius: 16px 16px 16px 16px;
    --mdc-chip-with-avatar-avatar-shape-family: rounded;
    --mdc-chip-with-avatar-avatar-shape-radius: 14px 14px 14px 14px;
    --mdc-chip-with-avatar-avatar-size: 28px;
    --mdc-chip-with-icon-icon-size: 18px
}

.mat-mdc-standard-chip {
    --mdc-chip-disabled-label-text-color: #212121;
    --mdc-chip-elevated-container-color: #e0e0e0;
    --mdc-chip-elevated-disabled-container-color: #e0e0e0;
    --mdc-chip-focus-state-layer-color: black;
    --mdc-chip-focus-state-layer-opacity: .12;
    --mdc-chip-label-text-color: #212121;
    --mdc-chip-with-icon-icon-color: #212121;
    --mdc-chip-with-icon-disabled-icon-color: #212121;
    --mdc-chip-with-icon-selected-icon-color: #212121;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
    --mdc-chip-with-trailing-icon-trailing-icon-color: #212121
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
    --mdc-chip-disabled-label-text-color: white;
    --mdc-chip-elevated-container-color: #3f51b5;
    --mdc-chip-elevated-disabled-container-color: #3f51b5;
    --mdc-chip-focus-state-layer-color: black;
    --mdc-chip-focus-state-layer-opacity: .12;
    --mdc-chip-label-text-color: white;
    --mdc-chip-with-icon-icon-color: white;
    --mdc-chip-with-icon-disabled-icon-color: white;
    --mdc-chip-with-icon-selected-icon-color: white;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
    --mdc-chip-with-trailing-icon-trailing-icon-color: white
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
    --mdc-chip-disabled-label-text-color: white;
    --mdc-chip-elevated-container-color: #ff4081;
    --mdc-chip-elevated-disabled-container-color: #ff4081;
    --mdc-chip-focus-state-layer-color: black;
    --mdc-chip-focus-state-layer-opacity: .12;
    --mdc-chip-label-text-color: white;
    --mdc-chip-with-icon-icon-color: white;
    --mdc-chip-with-icon-disabled-icon-color: white;
    --mdc-chip-with-icon-selected-icon-color: white;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
    --mdc-chip-with-trailing-icon-trailing-icon-color: white
}

.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
    --mdc-chip-disabled-label-text-color: white;
    --mdc-chip-elevated-container-color: #f44336;
    --mdc-chip-elevated-disabled-container-color: #f44336;
    --mdc-chip-focus-state-layer-color: black;
    --mdc-chip-focus-state-layer-opacity: .12;
    --mdc-chip-label-text-color: white;
    --mdc-chip-with-icon-icon-color: white;
    --mdc-chip-with-icon-disabled-icon-color: white;
    --mdc-chip-with-icon-selected-icon-color: white;
    --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
    --mdc-chip-with-trailing-icon-trailing-icon-color: white
}

.mat-mdc-chip.mat-mdc-standard-chip {
    --mdc-chip-container-height: 32px
}

.mat-mdc-standard-chip {
    --mdc-chip-label-text-font: Roboto, sans-serif;
    --mdc-chip-label-text-line-height: 20px;
    --mdc-chip-label-text-size: 14px;
    --mdc-chip-label-text-tracking: .0178571429em;
    --mdc-chip-label-text-weight: 400
}

.mdc-switch {
    --mdc-switch-disabled-handle-opacity: .38;
    --mdc-switch-disabled-selected-icon-opacity: .38;
    --mdc-switch-disabled-track-opacity: .12;
    --mdc-switch-disabled-unselected-icon-opacity: .38;
    --mdc-switch-handle-height: 20px;
    --mdc-switch-handle-shape: 10px;
    --mdc-switch-handle-width: 20px;
    --mdc-switch-selected-icon-size: 18px;
    --mdc-switch-track-height: 14px;
    --mdc-switch-track-shape: 7px;
    --mdc-switch-track-width: 36px;
    --mdc-switch-unselected-icon-size: 18px;
    --mdc-switch-state-layer-size: 40px;
    --mdc-switch-selected-focus-state-layer-opacity: .12;
    --mdc-switch-selected-hover-state-layer-opacity: .04;
    --mdc-switch-selected-pressed-state-layer-opacity: .1;
    --mdc-switch-unselected-focus-state-layer-opacity: .12;
    --mdc-switch-unselected-hover-state-layer-opacity: .04;
    --mdc-switch-unselected-pressed-state-layer-opacity: .1
}

.mat-mdc-slide-toggle {
    --mdc-switch-selected-focus-state-layer-color: #3949ab;
    --mdc-switch-selected-handle-color: #3949ab;
    --mdc-switch-selected-hover-state-layer-color: #3949ab;
    --mdc-switch-selected-pressed-state-layer-color: #3949ab;
    --mdc-switch-selected-focus-handle-color: #1a237e;
    --mdc-switch-selected-hover-handle-color: #1a237e;
    --mdc-switch-selected-pressed-handle-color: #1a237e;
    --mdc-switch-selected-focus-track-color: #7986cb;
    --mdc-switch-selected-hover-track-color: #7986cb;
    --mdc-switch-selected-pressed-track-color: #7986cb;
    --mdc-switch-selected-track-color: #7986cb;
    --mdc-switch-disabled-selected-handle-color: #424242;
    --mdc-switch-disabled-selected-icon-color: #fff;
    --mdc-switch-disabled-selected-track-color: #424242;
    --mdc-switch-disabled-unselected-handle-color: #424242;
    --mdc-switch-disabled-unselected-icon-color: #fff;
    --mdc-switch-disabled-unselected-track-color: #424242;
    --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
    --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
    --mdc-switch-handle-shadow-color: black;
    --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);
    --mdc-switch-selected-icon-color: #fff;
    --mdc-switch-unselected-focus-handle-color: #212121;
    --mdc-switch-unselected-focus-state-layer-color: #424242;
    --mdc-switch-unselected-focus-track-color: #e0e0e0;
    --mdc-switch-unselected-handle-color: #616161;
    --mdc-switch-unselected-hover-handle-color: #212121;
    --mdc-switch-unselected-hover-state-layer-color: #424242;
    --mdc-switch-unselected-hover-track-color: #e0e0e0;
    --mdc-switch-unselected-icon-color: #fff;
    --mdc-switch-unselected-pressed-handle-color: #212121;
    --mdc-switch-unselected-pressed-state-layer-color: #424242;
    --mdc-switch-unselected-pressed-track-color: #e0e0e0;
    --mdc-switch-unselected-track-color: #e0e0e0
}

.mat-mdc-slide-toggle .mdc-form-field {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mat-mdc-slide-toggle .mdc-switch--disabled+label {
    color: #00000061
}

.mat-mdc-slide-toggle.mat-accent {
    --mdc-switch-selected-focus-state-layer-color: #d81b60;
    --mdc-switch-selected-handle-color: #d81b60;
    --mdc-switch-selected-hover-state-layer-color: #d81b60;
    --mdc-switch-selected-pressed-state-layer-color: #d81b60;
    --mdc-switch-selected-focus-handle-color: #880e4f;
    --mdc-switch-selected-hover-handle-color: #880e4f;
    --mdc-switch-selected-pressed-handle-color: #880e4f;
    --mdc-switch-selected-focus-track-color: #f06292;
    --mdc-switch-selected-hover-track-color: #f06292;
    --mdc-switch-selected-pressed-track-color: #f06292;
    --mdc-switch-selected-track-color: #f06292
}

.mat-mdc-slide-toggle.mat-warn {
    --mdc-switch-selected-focus-state-layer-color: #e53935;
    --mdc-switch-selected-handle-color: #e53935;
    --mdc-switch-selected-hover-state-layer-color: #e53935;
    --mdc-switch-selected-pressed-state-layer-color: #e53935;
    --mdc-switch-selected-focus-handle-color: #b71c1c;
    --mdc-switch-selected-hover-handle-color: #b71c1c;
    --mdc-switch-selected-pressed-handle-color: #b71c1c;
    --mdc-switch-selected-focus-track-color: #e57373;
    --mdc-switch-selected-hover-track-color: #e57373;
    --mdc-switch-selected-pressed-track-color: #e57373;
    --mdc-switch-selected-track-color: #e57373
}

.mat-mdc-slide-toggle {
    --mdc-switch-state-layer-size: 48px
}

.mat-mdc-slide-toggle {
    --mat-slide-toggle-label-text-font: Roboto, sans-serif;
    --mat-slide-toggle-label-text-size: 14px;
    --mat-slide-toggle-label-text-tracking: .0178571429em;
    --mat-slide-toggle-label-text-line-height: 20px;
    --mat-slide-toggle-label-text-weight: 400
}

.mat-mdc-slide-toggle .mdc-form-field {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto,sans-serif;
    font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: .875rem;
    font-size: var(--mdc-typography-body2-font-size, .875rem);
    line-height: 1.25rem;
    line-height: var(--mdc-typography-body2-line-height, 1.25rem);
    font-weight: 400;
    font-weight: var(--mdc-typography-body2-font-weight, 400);
    letter-spacing: .0178571429em;
    letter-spacing: var(--mdc-typography-body2-letter-spacing, .0178571429em);
    text-decoration: inherit;
    -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-transform: inherit;
    text-transform: var(--mdc-typography-body2-text-transform, inherit)
}

html {
    --mdc-radio-disabled-selected-icon-opacity: .38;
    --mdc-radio-disabled-unselected-icon-opacity: .38;
    --mdc-radio-state-layer-size: 40px
}

.mat-mdc-radio-button .mdc-form-field {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mat-mdc-radio-button.mat-primary {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #3f51b5;
    --mdc-radio-selected-hover-icon-color: #3f51b5;
    --mdc-radio-selected-icon-color: #3f51b5;
    --mdc-radio-selected-pressed-icon-color: #3f51b5;
    --mat-radio-ripple-color: #000;
    --mat-radio-checked-ripple-color: #3f51b5;
    --mat-radio-disabled-label-color: rgba(0, 0, 0, .38)
}

.mat-mdc-radio-button.mat-accent {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #ff4081;
    --mdc-radio-selected-hover-icon-color: #ff4081;
    --mdc-radio-selected-icon-color: #ff4081;
    --mdc-radio-selected-pressed-icon-color: #ff4081;
    --mat-radio-ripple-color: #000;
    --mat-radio-checked-ripple-color: #ff4081;
    --mat-radio-disabled-label-color: rgba(0, 0, 0, .38)
}

.mat-mdc-radio-button.mat-warn {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #f44336;
    --mdc-radio-selected-hover-icon-color: #f44336;
    --mdc-radio-selected-icon-color: #f44336;
    --mdc-radio-selected-pressed-icon-color: #f44336;
    --mat-radio-ripple-color: #000;
    --mat-radio-checked-ripple-color: #f44336;
    --mat-radio-disabled-label-color: rgba(0, 0, 0, .38)
}

html {
    --mdc-radio-state-layer-size: 40px
}

.mat-mdc-radio-button .mdc-form-field {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-body2-font-size, 14px);
    line-height: var(--mdc-typography-body2-line-height, 20px);
    font-weight: var(--mdc-typography-body2-font-weight, 400);
    letter-spacing: var(--mdc-typography-body2-letter-spacing, .0178571429em);
    -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-transform: var(--mdc-typography-body2-text-transform, none)
}

html {
    --mdc-slider-active-track-height: 6px;
    --mdc-slider-active-track-shape: 9999px;
    --mdc-slider-handle-height: 20px;
    --mdc-slider-handle-shape: 50%;
    --mdc-slider-handle-width: 20px;
    --mdc-slider-inactive-track-height: 4px;
    --mdc-slider-inactive-track-shape: 9999px;
    --mdc-slider-with-overlap-handle-outline-width: 1px;
    --mdc-slider-with-tick-marks-active-container-opacity: .6;
    --mdc-slider-with-tick-marks-container-shape: 50%;
    --mdc-slider-with-tick-marks-container-size: 2px;
    --mdc-slider-with-tick-marks-inactive-container-opacity: .6
}

html {
    --mdc-slider-handle-color: #3f51b5;
    --mdc-slider-focus-handle-color: #3f51b5;
    --mdc-slider-hover-handle-color: #3f51b5;
    --mdc-slider-active-track-color: #3f51b5;
    --mdc-slider-inactive-track-color: #3f51b5;
    --mdc-slider-with-tick-marks-inactive-container-color: #3f51b5;
    --mdc-slider-with-tick-marks-active-container-color: white;
    --mdc-slider-disabled-active-track-color: #000;
    --mdc-slider-disabled-handle-color: #000;
    --mdc-slider-disabled-inactive-track-color: #000;
    --mdc-slider-label-container-color: #000;
    --mdc-slider-label-label-text-color: #fff;
    --mdc-slider-with-overlap-handle-outline-color: #fff;
    --mdc-slider-with-tick-marks-disabled-container-color: #000;
    --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
    --mat-mdc-slider-ripple-color: #3f51b5;
    --mat-mdc-slider-hover-ripple-color: rgba(63, 81, 181, .05);
    --mat-mdc-slider-focus-ripple-color: rgba(63, 81, 181, .2);
    --mat-slider-value-indicator-opacity: .6
}

html .mat-accent {
    --mdc-slider-handle-color: #ff4081;
    --mdc-slider-focus-handle-color: #ff4081;
    --mdc-slider-hover-handle-color: #ff4081;
    --mdc-slider-active-track-color: #ff4081;
    --mdc-slider-inactive-track-color: #ff4081;
    --mdc-slider-with-tick-marks-inactive-container-color: #ff4081;
    --mdc-slider-with-tick-marks-active-container-color: white;
    --mat-mdc-slider-ripple-color: #ff4081;
    --mat-mdc-slider-hover-ripple-color: rgba(255, 64, 129, .05);
    --mat-mdc-slider-focus-ripple-color: rgba(255, 64, 129, .2)
}

html .mat-warn {
    --mdc-slider-handle-color: #f44336;
    --mdc-slider-focus-handle-color: #f44336;
    --mdc-slider-hover-handle-color: #f44336;
    --mdc-slider-active-track-color: #f44336;
    --mdc-slider-inactive-track-color: #f44336;
    --mdc-slider-with-tick-marks-inactive-container-color: #f44336;
    --mdc-slider-with-tick-marks-active-container-color: white;
    --mat-mdc-slider-ripple-color: #f44336;
    --mat-mdc-slider-hover-ripple-color: rgba(244, 67, 54, .05);
    --mat-mdc-slider-focus-ripple-color: rgba(244, 67, 54, .2)
}

html {
    --mdc-slider-label-label-text-font: Roboto, sans-serif;
    --mdc-slider-label-label-text-size: 14px;
    --mdc-slider-label-label-text-line-height: 22px;
    --mdc-slider-label-label-text-tracking: .0071428571em;
    --mdc-slider-label-label-text-weight: 500
}

html {
    --mat-menu-container-shape: 4px
}

html {
    --mat-menu-item-label-text-color: rgba(0, 0, 0, .87);
    --mat-menu-item-icon-color: rgba(0, 0, 0, .87);
    --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, .04);
    --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, .04);
    --mat-menu-container-color: white
}

html {
    --mat-menu-item-label-text-font: Roboto, sans-serif;
    --mat-menu-item-label-text-size: 16px;
    --mat-menu-item-label-text-tracking: .03125em;
    --mat-menu-item-label-text-line-height: 24px;
    --mat-menu-item-label-text-weight: 400
}

html {
    --mdc-list-list-item-container-shape: 0;
    --mdc-list-list-item-leading-avatar-shape: 50%;
    --mdc-list-list-item-container-color: transparent;
    --mdc-list-list-item-selected-container-color: transparent;
    --mdc-list-list-item-leading-avatar-color: transparent;
    --mdc-list-list-item-leading-icon-size: 24px;
    --mdc-list-list-item-leading-avatar-size: 40px;
    --mdc-list-list-item-trailing-icon-size: 24px;
    --mdc-list-list-item-disabled-state-layer-color: transparent;
    --mdc-list-list-item-disabled-state-layer-opacity: 0;
    --mdc-list-list-item-disabled-label-text-opacity: .38;
    --mdc-list-list-item-disabled-leading-icon-opacity: .38;
    --mdc-list-list-item-disabled-trailing-icon-opacity: .38
}

html {
    --mdc-list-list-item-label-text-color: rgba(0, 0, 0, .87);
    --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, .54);
    --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-disabled-label-text-color: black;
    --mdc-list-list-item-disabled-leading-icon-color: black;
    --mdc-list-list-item-disabled-trailing-icon-color: black;
    --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, .87);
    --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, .38);
    --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, .87);
    --mdc-list-list-item-hover-state-layer-color: black;
    --mdc-list-list-item-hover-state-layer-opacity: .04;
    --mdc-list-list-item-focus-state-layer-color: black;
    --mdc-list-list-item-focus-state-layer-opacity: .12
}

.mdc-list-item__start,.mdc-list-item__end {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #3f51b5;
    --mdc-radio-selected-hover-icon-color: #3f51b5;
    --mdc-radio-selected-icon-color: #3f51b5;
    --mdc-radio-selected-pressed-icon-color: #3f51b5
}

.mat-accent .mdc-list-item__start,.mat-accent .mdc-list-item__end {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #ff4081;
    --mdc-radio-selected-hover-icon-color: #ff4081;
    --mdc-radio-selected-icon-color: #ff4081;
    --mdc-radio-selected-pressed-icon-color: #ff4081
}

.mat-warn .mdc-list-item__start,.mat-warn .mdc-list-item__end {
    --mdc-radio-disabled-selected-icon-color: #000;
    --mdc-radio-disabled-unselected-icon-color: #000;
    --mdc-radio-unselected-hover-icon-color: #212121;
    --mdc-radio-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-radio-selected-focus-icon-color: #f44336;
    --mdc-radio-selected-hover-icon-color: #f44336;
    --mdc-radio-selected-icon-color: #f44336;
    --mdc-radio-selected-pressed-icon-color: #f44336
}

.mat-mdc-list-option {
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #3f51b5;
    --mdc-checkbox-selected-hover-icon-color: #3f51b5;
    --mdc-checkbox-selected-icon-color: #3f51b5;
    --mdc-checkbox-selected-pressed-icon-color: #3f51b5;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-selected-focus-state-layer-color: #3f51b5;
    --mdc-checkbox-selected-hover-state-layer-color: #3f51b5;
    --mdc-checkbox-selected-pressed-state-layer-color: #3f51b5;
    --mdc-checkbox-unselected-focus-state-layer-color: black;
    --mdc-checkbox-unselected-hover-state-layer-color: black;
    --mdc-checkbox-unselected-pressed-state-layer-color: black
}

.mat-mdc-list-option.mat-accent {
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #ff4081;
    --mdc-checkbox-selected-hover-icon-color: #ff4081;
    --mdc-checkbox-selected-icon-color: #ff4081;
    --mdc-checkbox-selected-pressed-icon-color: #ff4081;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-selected-focus-state-layer-color: #ff4081;
    --mdc-checkbox-selected-hover-state-layer-color: #ff4081;
    --mdc-checkbox-selected-pressed-state-layer-color: #ff4081;
    --mdc-checkbox-unselected-focus-state-layer-color: black;
    --mdc-checkbox-unselected-hover-state-layer-color: black;
    --mdc-checkbox-unselected-pressed-state-layer-color: black
}

.mat-mdc-list-option.mat-warn {
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #f44336;
    --mdc-checkbox-selected-hover-icon-color: #f44336;
    --mdc-checkbox-selected-icon-color: #f44336;
    --mdc-checkbox-selected-pressed-icon-color: #f44336;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-selected-focus-state-layer-color: #f44336;
    --mdc-checkbox-selected-hover-state-layer-color: #f44336;
    --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
    --mdc-checkbox-unselected-focus-state-layer-color: black;
    --mdc-checkbox-unselected-hover-state-layer-color: black;
    --mdc-checkbox-unselected-pressed-state-layer-color: black
}

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
    color: #3f51b5
}

.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
    opacity: 1
}

html {
    --mdc-list-list-item-one-line-container-height: 48px;
    --mdc-list-list-item-two-line-container-height: 64px;
    --mdc-list-list-item-three-line-container-height: 88px
}

.mdc-list-item__start,.mdc-list-item__end {
    --mdc-radio-state-layer-size: 40px
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
    height: 56px
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
    height: 72px
}

html {
    --mdc-list-list-item-label-text-font: Roboto, sans-serif;
    --mdc-list-list-item-label-text-line-height: 24px;
    --mdc-list-list-item-label-text-size: 16px;
    --mdc-list-list-item-label-text-tracking: .03125em;
    --mdc-list-list-item-label-text-weight: 400;
    --mdc-list-list-item-supporting-text-font: Roboto, sans-serif;
    --mdc-list-list-item-supporting-text-line-height: 20px;
    --mdc-list-list-item-supporting-text-size: 14px;
    --mdc-list-list-item-supporting-text-tracking: .0178571429em;
    --mdc-list-list-item-supporting-text-weight: 400;
    --mdc-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
    --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
    --mdc-list-list-item-trailing-supporting-text-size: 12px;
    --mdc-list-list-item-trailing-supporting-text-tracking: .0333333333em;
    --mdc-list-list-item-trailing-supporting-text-weight: 400
}

.mdc-list-group__subheader {
    font: 400 16px/28px Roboto,sans-serif;
    letter-spacing: .009375em
}

html {
    --mat-paginator-container-text-color: rgba(0, 0, 0, .87);
    --mat-paginator-container-background-color: white;
    --mat-paginator-enabled-icon-color: rgba(0, 0, 0, .54);
    --mat-paginator-disabled-icon-color: rgba(0, 0, 0, .12)
}

html {
    --mat-paginator-container-size: 56px
}

.mat-mdc-paginator .mat-mdc-form-field-infix {
    min-height: 40px
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
    top: 20px
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    --mat-mdc-form-field-label-transform: translateY( -26.75px) scale(var(--mat-mdc-form-field-floating-label-scale, .75));
    transform: var(--mat-mdc-form-field-label-transform)
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
    padding-top: 8px;
    padding-bottom: 8px
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
    padding-top: 8px;
    padding-bottom: 8px
}

.mat-mdc-paginator .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
    padding-top: 8px;
    padding-bottom: 8px
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
    display: none
}

html {
    --mat-paginator-container-text-font: Roboto, sans-serif;
    --mat-paginator-container-text-line-height: 20px;
    --mat-paginator-container-text-size: 12px;
    --mat-paginator-container-text-tracking: .0333333333em;
    --mat-paginator-container-text-weight: 400;
    --mat-paginator-select-trigger-text-size: 12px
}

html {
    --mdc-tab-indicator-active-indicator-height: 2px;
    --mdc-tab-indicator-active-indicator-shape: 0;
    --mdc-secondary-navigation-tab-container-height: 48px
}

.mat-mdc-tab-group,.mat-mdc-tab-nav-bar {
    --mdc-tab-indicator-active-indicator-color: #3f51b5;
    --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, .38);
    --mat-tab-header-pagination-icon-color: #000;
    --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-active-label-text-color: #3f51b5;
    --mat-tab-header-active-ripple-color: #3f51b5;
    --mat-tab-header-inactive-ripple-color: #3f51b5;
    --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-active-focus-label-text-color: #3f51b5;
    --mat-tab-header-active-hover-label-text-color: #3f51b5;
    --mat-tab-header-active-focus-indicator-color: #3f51b5;
    --mat-tab-header-active-hover-indicator-color: #3f51b5
}

.mat-mdc-tab-group.mat-accent,.mat-mdc-tab-nav-bar.mat-accent {
    --mdc-tab-indicator-active-indicator-color: #ff4081;
    --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, .38);
    --mat-tab-header-pagination-icon-color: #000;
    --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-active-label-text-color: #ff4081;
    --mat-tab-header-active-ripple-color: #ff4081;
    --mat-tab-header-inactive-ripple-color: #ff4081;
    --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-active-focus-label-text-color: #ff4081;
    --mat-tab-header-active-hover-label-text-color: #ff4081;
    --mat-tab-header-active-focus-indicator-color: #ff4081;
    --mat-tab-header-active-hover-indicator-color: #ff4081
}

.mat-mdc-tab-group.mat-warn,.mat-mdc-tab-nav-bar.mat-warn {
    --mdc-tab-indicator-active-indicator-color: #f44336;
    --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, .38);
    --mat-tab-header-pagination-icon-color: #000;
    --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-active-label-text-color: #f44336;
    --mat-tab-header-active-ripple-color: #f44336;
    --mat-tab-header-inactive-ripple-color: #f44336;
    --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, .6);
    --mat-tab-header-active-focus-label-text-color: #f44336;
    --mat-tab-header-active-hover-label-text-color: #f44336;
    --mat-tab-header-active-focus-indicator-color: #f44336;
    --mat-tab-header-active-hover-indicator-color: #f44336
}

.mat-mdc-tab-group.mat-background-primary,.mat-mdc-tab-nav-bar.mat-background-primary {
    --mat-tab-header-with-background-background-color: #3f51b5;
    --mat-tab-header-with-background-foreground-color: white
}

.mat-mdc-tab-group.mat-background-accent,.mat-mdc-tab-nav-bar.mat-background-accent {
    --mat-tab-header-with-background-background-color: #ff4081;
    --mat-tab-header-with-background-foreground-color: white
}

.mat-mdc-tab-group.mat-background-warn,.mat-mdc-tab-nav-bar.mat-background-warn {
    --mat-tab-header-with-background-background-color: #f44336;
    --mat-tab-header-with-background-foreground-color: white
}

.mat-mdc-tab-header {
    --mdc-secondary-navigation-tab-container-height: 48px
}

.mat-mdc-tab-header {
    --mat-tab-header-label-text-font: Roboto, sans-serif;
    --mat-tab-header-label-text-size: 14px;
    --mat-tab-header-label-text-tracking: .0892857143em;
    --mat-tab-header-label-text-line-height: 36px;
    --mat-tab-header-label-text-weight: 500
}

html {
    --mdc-checkbox-disabled-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-state-layer-opacity: .16;
    --mdc-checkbox-selected-hover-state-layer-opacity: .04;
    --mdc-checkbox-selected-pressed-state-layer-opacity: .16;
    --mdc-checkbox-unselected-focus-state-layer-opacity: .16;
    --mdc-checkbox-unselected-hover-state-layer-opacity: .04;
    --mdc-checkbox-unselected-pressed-state-layer-opacity: .16
}

html {
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #ff4081;
    --mdc-checkbox-selected-hover-icon-color: #ff4081;
    --mdc-checkbox-selected-icon-color: #ff4081;
    --mdc-checkbox-selected-pressed-icon-color: #ff4081;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-selected-focus-state-layer-color: #ff4081;
    --mdc-checkbox-selected-hover-state-layer-color: #ff4081;
    --mdc-checkbox-selected-pressed-state-layer-color: #ff4081;
    --mdc-checkbox-unselected-focus-state-layer-color: black;
    --mdc-checkbox-unselected-hover-state-layer-color: black;
    --mdc-checkbox-unselected-pressed-state-layer-color: black
}

.mat-mdc-checkbox.mat-primary {
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #3f51b5;
    --mdc-checkbox-selected-hover-icon-color: #3f51b5;
    --mdc-checkbox-selected-icon-color: #3f51b5;
    --mdc-checkbox-selected-pressed-icon-color: #3f51b5;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-selected-focus-state-layer-color: #3f51b5;
    --mdc-checkbox-selected-hover-state-layer-color: #3f51b5;
    --mdc-checkbox-selected-pressed-state-layer-color: #3f51b5;
    --mdc-checkbox-unselected-focus-state-layer-color: black;
    --mdc-checkbox-unselected-hover-state-layer-color: black;
    --mdc-checkbox-unselected-pressed-state-layer-color: black
}

.mat-mdc-checkbox.mat-warn {
    --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);
    --mdc-checkbox-selected-checkmark-color: #fff;
    --mdc-checkbox-selected-focus-icon-color: #f44336;
    --mdc-checkbox-selected-hover-icon-color: #f44336;
    --mdc-checkbox-selected-icon-color: #f44336;
    --mdc-checkbox-selected-pressed-icon-color: #f44336;
    --mdc-checkbox-unselected-focus-icon-color: #212121;
    --mdc-checkbox-unselected-hover-icon-color: #212121;
    --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);
    --mdc-checkbox-selected-focus-state-layer-color: #f44336;
    --mdc-checkbox-selected-hover-state-layer-color: #f44336;
    --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
    --mdc-checkbox-unselected-focus-state-layer-color: black;
    --mdc-checkbox-unselected-hover-state-layer-color: black;
    --mdc-checkbox-unselected-pressed-state-layer-color: black
}

.mat-mdc-checkbox .mdc-form-field {
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mat-mdc-checkbox.mat-mdc-checkbox-disabled label {
    color: #00000061
}

html {
    --mdc-checkbox-state-layer-size: 40px
}

.mat-mdc-checkbox .mdc-form-field {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-body2-font-size, 14px);
    line-height: var(--mdc-typography-body2-line-height, 20px);
    font-weight: var(--mdc-typography-body2-font-weight, 400);
    letter-spacing: var(--mdc-typography-body2-letter-spacing, .0178571429em);
    -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
    text-transform: var(--mdc-typography-body2-text-transform, none)
}

.mat-mdc-button {
    --mdc-text-button-label-text-color: #000;
    --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mat-text-button-state-layer-color: #000;
    --mat-text-button-ripple-color: rgba(0, 0, 0, .1);
    --mat-text-button-hover-state-layer-opacity: .04;
    --mat-text-button-focus-state-layer-opacity: .12;
    --mat-text-button-pressed-state-layer-opacity: .12
}

.mat-mdc-button.mat-primary {
    --mdc-text-button-label-text-color: #3f51b5;
    --mat-text-button-state-layer-color: #3f51b5;
    --mat-text-button-ripple-color: rgba(63, 81, 181, .1)
}

.mat-mdc-button.mat-accent {
    --mdc-text-button-label-text-color: #ff4081;
    --mat-text-button-state-layer-color: #ff4081;
    --mat-text-button-ripple-color: rgba(255, 64, 129, .1)
}

.mat-mdc-button.mat-warn {
    --mdc-text-button-label-text-color: #f44336;
    --mat-text-button-state-layer-color: #f44336;
    --mat-text-button-ripple-color: rgba(244, 67, 54, .1)
}

.mat-mdc-unelevated-button {
    --mdc-filled-button-container-color: white;
    --mdc-filled-button-label-text-color: #000;
    --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, .12);
    --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mat-filled-button-state-layer-color: #000;
    --mat-filled-button-ripple-color: rgba(0, 0, 0, .1);
    --mat-filled-button-hover-state-layer-opacity: .04;
    --mat-filled-button-focus-state-layer-opacity: .12;
    --mat-filled-button-pressed-state-layer-opacity: .12
}

.mat-mdc-unelevated-button.mat-primary {
    --mdc-filled-button-container-color: #3f51b5;
    --mdc-filled-button-label-text-color: #fff;
    --mat-filled-button-state-layer-color: #fff;
    --mat-filled-button-ripple-color: rgba(255, 255, 255, .1)
}

.mat-mdc-unelevated-button.mat-accent {
    --mdc-filled-button-container-color: #ff4081;
    --mdc-filled-button-label-text-color: #fff;
    --mat-filled-button-state-layer-color: #fff;
    --mat-filled-button-ripple-color: rgba(255, 255, 255, .1)
}

.mat-mdc-unelevated-button.mat-warn {
    --mdc-filled-button-container-color: #f44336;
    --mdc-filled-button-label-text-color: #fff;
    --mat-filled-button-state-layer-color: #fff;
    --mat-filled-button-ripple-color: rgba(255, 255, 255, .1)
}

.mat-mdc-raised-button {
    --mdc-protected-button-container-color: white;
    --mdc-protected-button-label-text-color: #000;
    --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, .12);
    --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mat-protected-button-state-layer-color: #000;
    --mat-protected-button-ripple-color: rgba(0, 0, 0, .1);
    --mat-protected-button-hover-state-layer-opacity: .04;
    --mat-protected-button-focus-state-layer-opacity: .12;
    --mat-protected-button-pressed-state-layer-opacity: .12;
    box-shadow: 0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f
}

.mat-mdc-raised-button.mat-primary {
    --mdc-protected-button-container-color: #3f51b5;
    --mdc-protected-button-label-text-color: #fff;
    --mat-protected-button-state-layer-color: #fff;
    --mat-protected-button-ripple-color: rgba(255, 255, 255, .1)
}

.mat-mdc-raised-button.mat-accent {
    --mdc-protected-button-container-color: #ff4081;
    --mdc-protected-button-label-text-color: #fff;
    --mat-protected-button-state-layer-color: #fff;
    --mat-protected-button-ripple-color: rgba(255, 255, 255, .1)
}

.mat-mdc-raised-button.mat-warn {
    --mdc-protected-button-container-color: #f44336;
    --mdc-protected-button-label-text-color: #fff;
    --mat-protected-button-state-layer-color: #fff;
    --mat-protected-button-ripple-color: rgba(255, 255, 255, .1)
}

.mat-mdc-raised-button:hover,.mat-mdc-raised-button:focus {
    box-shadow: 0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f
}

.mat-mdc-raised-button:active,.mat-mdc-raised-button:focus:active {
    box-shadow: 0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f
}

.mat-mdc-outlined-button {
    --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, .12);
    --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, .38);
    --mdc-outlined-button-label-text-color: #000;
    --mdc-outlined-button-outline-color: rgba(0, 0, 0, .12);
    --mat-outlined-button-state-layer-color: #000;
    --mat-outlined-button-ripple-color: rgba(0, 0, 0, .1);
    --mat-outlined-button-hover-state-layer-opacity: .04;
    --mat-outlined-button-focus-state-layer-opacity: .12;
    --mat-outlined-button-pressed-state-layer-opacity: .12
}

.mat-mdc-outlined-button.mat-primary {
    --mdc-outlined-button-label-text-color: #3f51b5;
    --mdc-outlined-button-outline-color: rgba(0, 0, 0, .12);
    --mat-outlined-button-state-layer-color: #3f51b5;
    --mat-outlined-button-ripple-color: rgba(63, 81, 181, .1)
}

.mat-mdc-outlined-button.mat-accent {
    --mdc-outlined-button-label-text-color: #ff4081;
    --mdc-outlined-button-outline-color: rgba(0, 0, 0, .12);
    --mat-outlined-button-state-layer-color: #ff4081;
    --mat-outlined-button-ripple-color: rgba(255, 64, 129, .1)
}

.mat-mdc-outlined-button.mat-warn {
    --mdc-outlined-button-label-text-color: #f44336;
    --mdc-outlined-button-outline-color: rgba(0, 0, 0, .12);
    --mat-outlined-button-state-layer-color: #f44336;
    --mat-outlined-button-ripple-color: rgba(244, 67, 54, .1)
}

.mat-mdc-button {
    --mdc-text-button-container-height: 36px
}

.mat-mdc-raised-button {
    --mdc-protected-button-container-height: 36px
}

.mat-mdc-unelevated-button {
    --mdc-filled-button-container-height: 36px
}

.mat-mdc-outlined-button {
    --mdc-outlined-button-container-height: 36px
}

.mdc-button {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-button-font-size, 14px);
    line-height: var(--mdc-typography-button-line-height, 36px);
    font-weight: var(--mdc-typography-button-font-weight, 500);
    letter-spacing: var(--mdc-typography-button-letter-spacing, .0892857143em);
    -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-transform: var(--mdc-typography-button-text-transform, none)
}

.mat-mdc-raised-button {
    line-height: inherit
}

.mat-mdc-icon-button {
    --mdc-icon-button-icon-color: inherit;
    --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, .38);
    --mat-icon-button-state-layer-color: #000;
    --mat-icon-button-ripple-color: rgba(0, 0, 0, .1);
    --mat-icon-button-hover-state-layer-opacity: .04;
    --mat-icon-button-focus-state-layer-opacity: .12;
    --mat-icon-button-pressed-state-layer-opacity: .12
}

.mat-mdc-icon-button.mat-primary {
    --mdc-icon-button-icon-color: #3f51b5;
    --mat-icon-button-state-layer-color: #3f51b5;
    --mat-icon-button-ripple-color: rgba(63, 81, 181, .1)
}

.mat-mdc-icon-button.mat-accent {
    --mdc-icon-button-icon-color: #ff4081;
    --mat-icon-button-state-layer-color: #ff4081;
    --mat-icon-button-ripple-color: rgba(255, 64, 129, .1)
}

.mat-mdc-icon-button.mat-warn {
    --mdc-icon-button-icon-color: #f44336;
    --mat-icon-button-state-layer-color: #f44336;
    --mat-icon-button-ripple-color: rgba(244, 67, 54, .1)
}

.mat-mdc-icon-button.mat-mdc-button-base {
    --mdc-icon-button-state-layer-size: 48px;
    width: var(--mdc-icon-button-state-layer-size);
    height: var(--mdc-icon-button-state-layer-size);
    padding: 12px
}

html {
    --mdc-fab-container-shape: 50%;
    --mdc-fab-icon-size: 24px
}

html {
    --mdc-fab-container-color: white;
    --mat-fab-foreground-color: black;
    --mat-fab-state-layer-color: #000;
    --mat-fab-ripple-color: rgba(0, 0, 0, .1);
    --mat-fab-hover-state-layer-opacity: .04;
    --mat-fab-focus-state-layer-opacity: .12;
    --mat-fab-pressed-state-layer-opacity: .12;
    --mat-fab-disabled-state-container-color: rgba(0, 0, 0, .12);
    --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, .38)
}

html .mat-mdc-fab.mat-primary,html .mat-mdc-mini-fab.mat-primary {
    --mdc-fab-container-color: #3f51b5;
    --mat-fab-foreground-color: #fff;
    --mat-fab-state-layer-color: #fff;
    --mat-fab-ripple-color: rgba(255, 255, 255, .1)
}

html .mat-mdc-fab.mat-accent,html .mat-mdc-mini-fab.mat-accent {
    --mdc-fab-container-color: #ff4081;
    --mat-fab-foreground-color: #fff;
    --mat-fab-state-layer-color: #fff;
    --mat-fab-ripple-color: rgba(255, 255, 255, .1)
}

html .mat-mdc-fab.mat-warn,html .mat-mdc-mini-fab.mat-warn {
    --mdc-fab-container-color: #f44336;
    --mat-fab-foreground-color: #fff;
    --mat-fab-state-layer-color: #fff;
    --mat-fab-ripple-color: rgba(255, 255, 255, .1)
}

.mdc-fab--extended {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: var(--mdc-typography-button-font-size, 14px);
    line-height: var(--mdc-typography-button-line-height, 36px);
    font-weight: var(--mdc-typography-button-font-weight, 500);
    letter-spacing: var(--mdc-typography-button-letter-spacing, .0892857143em);
    -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-decoration: var(--mdc-typography-button-text-decoration, none);
    text-transform: var(--mdc-typography-button-text-transform, none)
}

html {
    --mdc-extended-fab-label-text-font: Roboto, sans-serif;
    --mdc-extended-fab-label-text-size: 14px;
    --mdc-extended-fab-label-text-tracking: .0892857143em;
    --mdc-extended-fab-label-text-weight: 500
}

html {
    --mdc-snackbar-container-shape: 4px
}

html {
    --mdc-snackbar-container-color: #333333;
    --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, .87);
    --mat-snack-bar-button-color: #ff4081
}

html {
    --mdc-snackbar-supporting-text-font: Roboto, sans-serif;
    --mdc-snackbar-supporting-text-line-height: 20px;
    --mdc-snackbar-supporting-text-size: 14px;
    --mdc-snackbar-supporting-text-weight: 400
}

html {
    --mat-table-row-item-outline-width: 1px
}

html {
    --mat-table-background-color: white;
    --mat-table-header-headline-color: rgba(0, 0, 0, .87);
    --mat-table-row-item-label-text-color: rgba(0, 0, 0, .87);
    --mat-table-row-item-outline-color: rgba(0, 0, 0, .12)
}

html {
    --mat-table-header-container-height: 56px;
    --mat-table-footer-container-height: 52px;
    --mat-table-row-item-container-height: 52px
}

html {
    --mat-table-header-headline-font: Roboto, sans-serif;
    --mat-table-header-headline-line-height: 22px;
    --mat-table-header-headline-size: 14px;
    --mat-table-header-headline-weight: 500;
    --mat-table-header-headline-tracking: .0071428571em;
    --mat-table-row-item-label-text-font: Roboto, sans-serif;
    --mat-table-row-item-label-text-line-height: 20px;
    --mat-table-row-item-label-text-size: 14px;
    --mat-table-row-item-label-text-weight: 400;
    --mat-table-row-item-label-text-tracking: .0178571429em;
    --mat-table-footer-supporting-text-font: Roboto, sans-serif;
    --mat-table-footer-supporting-text-line-height: 20px;
    --mat-table-footer-supporting-text-size: 14px;
    --mat-table-footer-supporting-text-weight: 400;
    --mat-table-footer-supporting-text-tracking: .0178571429em
}

html {
    --mdc-circular-progress-active-indicator-width: 4px;
    --mdc-circular-progress-size: 48px
}

html {
    --mdc-circular-progress-active-indicator-color: #3f51b5
}

html .mat-accent {
    --mdc-circular-progress-active-indicator-color: #ff4081
}

html .mat-warn {
    --mdc-circular-progress-active-indicator-color: #f44336
}

.mat-badge {
    position: relative
}

.mat-badge.mat-badge {
    overflow: visible
}

.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;
    background-color: var(--mat-badge-background-color);
    color: var(--mat-badge-text-color);
    font-family: Roboto,sans-serif;
    font-family: var(--mat-badge-text-font, Roboto, sans-serif);
    font-size: 12px;
    font-size: var(--mat-badge-text-size, 12px);
    font-weight: 600;
    font-weight: var(--mat-badge-text-weight, 600)
}

.cdk-high-contrast-active .mat-badge-content {
    outline: solid 1px;
    border-radius: 0
}

.mat-badge-disabled .mat-badge-content {
    background-color: var(--mat-badge-disabled-state-background-color);
    color: var(--mat-badge-disabled-state-text-color)
}

.mat-badge-hidden .mat-badge-content {
    display: 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;
    font-size: 9px;
    font-size: var(--mat-badge-small-size-text-size, 9px)
}

.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;
    font-size: 24px;
    font-size: var(--mat-badge-large-size-text-size, 24px)
}

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

html {
    --mat-badge-background-color: #3f51b5;
    --mat-badge-text-color: white;
    --mat-badge-disabled-state-background-color: #b9b9b9;
    --mat-badge-disabled-state-text-color: rgba(0, 0, 0, .38)
}

.mat-badge-accent {
    --mat-badge-background-color: #ff4081;
    --mat-badge-text-color: white
}

.mat-badge-warn {
    --mat-badge-background-color: #f44336;
    --mat-badge-text-color: white
}

html {
    --mat-badge-text-font: Roboto, sans-serif;
    --mat-badge-text-size: 12px;
    --mat-badge-text-weight: 600;
    --mat-badge-small-size-text-size: 9px;
    --mat-badge-large-size-text-size: 24px
}

html {
    --mat-bottom-sheet-container-shape: 4px
}

html {
    --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, .87);
    --mat-bottom-sheet-container-background-color: white
}

html {
    --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
    --mat-bottom-sheet-container-text-line-height: 20px;
    --mat-bottom-sheet-container-text-size: 14px;
    --mat-bottom-sheet-container-text-tracking: .0178571429em;
    --mat-bottom-sheet-container-text-weight: 400
}

html {
    --mat-legacy-button-toggle-height: 36px;
    --mat-legacy-button-toggle-shape: 2px;
    --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
    --mat-standard-button-toggle-shape: 4px;
    --mat-standard-button-toggle-hover-state-layer-opacity: .04;
    --mat-standard-button-toggle-focus-state-layer-opacity: .12
}

html {
    --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, .38);
    --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, .12);
    --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, .54);
    --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
    --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, .26);
    --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
    --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
    --mat-standard-button-toggle-text-color: rgba(0, 0, 0, .87);
    --mat-standard-button-toggle-background-color: white;
    --mat-standard-button-toggle-state-layer-color: black;
    --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
    --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, .87);
    --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, .26);
    --mat-standard-button-toggle-disabled-state-background-color: white;
    --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, .87);
    --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
    --mat-standard-button-toggle-divider-color: #e0e0e0
}

html {
    --mat-standard-button-toggle-height: 48px
}

html {
    --mat-legacy-button-toggle-text-font: Roboto, sans-serif;
    --mat-standard-button-toggle-text-font: Roboto, sans-serif
}

html {
    --mat-datepicker-calendar-date-selected-state-text-color: white;
    --mat-datepicker-calendar-date-selected-state-background-color: #3f51b5;
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(63, 81, 181, .4);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
    --mat-datepicker-calendar-date-focus-state-background-color: rgba(63, 81, 181, .3);
    --mat-datepicker-calendar-date-hover-state-background-color: rgba(63, 81, 181, .3);
    --mat-datepicker-toggle-active-state-icon-color: #3f51b5;
    --mat-datepicker-calendar-date-in-range-state-background-color: rgba(63, 81, 181, .2);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);
    --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
    --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
    --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, .12);
    --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, .54);
    --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, .38);
    --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, .18);
    --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, .87);
    --mat-datepicker-calendar-date-outline-color: transparent;
    --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, .38);
    --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, .24);
    --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, .87);
    --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, .38);
    --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, .38);
    --mat-datepicker-calendar-container-background-color: white;
    --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, .87)
}

.mat-datepicker-content.mat-accent {
    --mat-datepicker-calendar-date-selected-state-text-color: white;
    --mat-datepicker-calendar-date-selected-state-background-color: #ff4081;
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 64, 129, .4);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
    --mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 64, 129, .3);
    --mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 64, 129, .3);
    --mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 64, 129, .2);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);
    --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
    --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e
}

.mat-datepicker-content.mat-warn {
    --mat-datepicker-calendar-date-selected-state-text-color: white;
    --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, .4);
    --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
    --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, .3);
    --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, .3);
    --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, .2);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, .2);
    --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
    --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e
}

.mat-datepicker-toggle-active.mat-accent {
    --mat-datepicker-toggle-active-state-icon-color: #ff4081
}

.mat-datepicker-toggle-active.mat-warn {
    --mat-datepicker-toggle-active-state-icon-color: #f44336
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
    --mdc-icon-button-state-layer-size: 40px;
    width: var(--mdc-icon-button-state-layer-size);
    height: var(--mdc-icon-button-state-layer-size);
    padding: 8px
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
    display: none
}

html {
    --mat-datepicker-calendar-text-font: Roboto, sans-serif;
    --mat-datepicker-calendar-text-size: 13px;
    --mat-datepicker-calendar-body-label-text-size: 14px;
    --mat-datepicker-calendar-body-label-text-weight: 500;
    --mat-datepicker-calendar-period-button-text-size: 14px;
    --mat-datepicker-calendar-period-button-text-weight: 500;
    --mat-datepicker-calendar-header-text-size: 11px;
    --mat-datepicker-calendar-header-text-weight: 400
}

html {
    --mat-divider-width: 1px
}

html {
    --mat-divider-color: rgba(0, 0, 0, .12)
}

html {
    --mat-expansion-container-shape: 4px
}

html {
    --mat-expansion-container-background-color: white;
    --mat-expansion-container-text-color: rgba(0, 0, 0, .87);
    --mat-expansion-actions-divider-color: rgba(0, 0, 0, .12);
    --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, .04);
    --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, .04);
    --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, .26);
    --mat-expansion-header-text-color: rgba(0, 0, 0, .87);
    --mat-expansion-header-description-color: rgba(0, 0, 0, .54);
    --mat-expansion-header-indicator-color: rgba(0, 0, 0, .54)
}

html {
    --mat-expansion-header-collapsed-state-height: 48px;
    --mat-expansion-header-expanded-state-height: 64px
}

html {
    --mat-expansion-header-text-font: Roboto, sans-serif;
    --mat-expansion-header-text-size: 14px;
    --mat-expansion-header-text-weight: 500;
    --mat-expansion-header-text-line-height: inherit;
    --mat-expansion-header-text-tracking: inherit;
    --mat-expansion-container-text-font: Roboto, sans-serif;
    --mat-expansion-container-text-line-height: 20px;
    --mat-expansion-container-text-size: 14px;
    --mat-expansion-container-text-tracking: .0178571429em;
    --mat-expansion-container-text-weight: 400
}

html {
    --mat-grid-list-tile-header-primary-text-size: 14px;
    --mat-grid-list-tile-header-secondary-text-size: 12px;
    --mat-grid-list-tile-footer-primary-text-size: 14px;
    --mat-grid-list-tile-footer-secondary-text-size: 12px
}

html {
    --mat-icon-color: inherit
}

.mat-icon.mat-primary {
    --mat-icon-color: #3f51b5
}

.mat-icon.mat-accent {
    --mat-icon-color: #ff4081
}

.mat-icon.mat-warn {
    --mat-icon-color: #f44336
}

html {
    --mat-sidenav-container-shape: 0
}

html {
    --mat-sidenav-container-divider-color: rgba(0, 0, 0, .12);
    --mat-sidenav-container-background-color: white;
    --mat-sidenav-container-text-color: rgba(0, 0, 0, .87);
    --mat-sidenav-content-background-color: #fafafa;
    --mat-sidenav-content-text-color: rgba(0, 0, 0, .87);
    --mat-sidenav-scrim-color: rgba(0, 0, 0, .6)
}

html {
    --mat-stepper-header-icon-foreground-color: white;
    --mat-stepper-header-selected-state-icon-background-color: #3f51b5;
    --mat-stepper-header-selected-state-icon-foreground-color: white;
    --mat-stepper-header-done-state-icon-background-color: #3f51b5;
    --mat-stepper-header-done-state-icon-foreground-color: white;
    --mat-stepper-header-edit-state-icon-background-color: #3f51b5;
    --mat-stepper-header-edit-state-icon-foreground-color: white;
    --mat-stepper-container-color: white;
    --mat-stepper-line-color: rgba(0, 0, 0, .12);
    --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, .04);
    --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, .04);
    --mat-stepper-header-label-text-color: rgba(0, 0, 0, .54);
    --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, .54);
    --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, .87);
    --mat-stepper-header-error-state-label-text-color: #f44336;
    --mat-stepper-header-icon-background-color: rgba(0, 0, 0, .54);
    --mat-stepper-header-error-state-icon-foreground-color: #f44336;
    --mat-stepper-header-error-state-icon-background-color: transparent
}

html .mat-step-header.mat-accent {
    --mat-stepper-header-icon-foreground-color: white;
    --mat-stepper-header-selected-state-icon-background-color: #ff4081;
    --mat-stepper-header-selected-state-icon-foreground-color: white;
    --mat-stepper-header-done-state-icon-background-color: #ff4081;
    --mat-stepper-header-done-state-icon-foreground-color: white;
    --mat-stepper-header-edit-state-icon-background-color: #ff4081;
    --mat-stepper-header-edit-state-icon-foreground-color: white
}

html .mat-step-header.mat-warn {
    --mat-stepper-header-icon-foreground-color: white;
    --mat-stepper-header-selected-state-icon-background-color: #f44336;
    --mat-stepper-header-selected-state-icon-foreground-color: white;
    --mat-stepper-header-done-state-icon-background-color: #f44336;
    --mat-stepper-header-done-state-icon-foreground-color: white;
    --mat-stepper-header-edit-state-icon-background-color: #f44336;
    --mat-stepper-header-edit-state-icon-foreground-color: white
}

html {
    --mat-stepper-header-height: 72px
}

html {
    --mat-stepper-container-text-font: Roboto, sans-serif;
    --mat-stepper-header-label-text-font: Roboto, sans-serif;
    --mat-stepper-header-label-text-size: 14px;
    --mat-stepper-header-label-text-weight: 400;
    --mat-stepper-header-error-state-label-text-size: 16px;
    --mat-stepper-header-selected-state-label-text-size: 16px;
    --mat-stepper-header-selected-state-label-text-weight: 400
}

html {
    --mat-sort-arrow-color: #757575
}

html {
    --mat-toolbar-container-background-color: whitesmoke;
    --mat-toolbar-container-text-color: rgba(0, 0, 0, .87)
}

.mat-toolbar.mat-primary {
    --mat-toolbar-container-background-color: #3f51b5;
    --mat-toolbar-container-text-color: white
}

.mat-toolbar.mat-accent {
    --mat-toolbar-container-background-color: #ff4081;
    --mat-toolbar-container-text-color: white
}

.mat-toolbar.mat-warn {
    --mat-toolbar-container-background-color: #f44336;
    --mat-toolbar-container-text-color: white
}

html {
    --mat-toolbar-standard-height: 64px;
    --mat-toolbar-mobile-height: 56px
}

html {
    --mat-toolbar-title-text-font: Roboto, sans-serif;
    --mat-toolbar-title-text-line-height: 32px;
    --mat-toolbar-title-text-size: 20px;
    --mat-toolbar-title-text-tracking: .0125em;
    --mat-toolbar-title-text-weight: 500
}

html {
    --mat-tree-container-background-color: white;
    --mat-tree-node-text-color: rgba(0, 0, 0, .87)
}

html {
    --mat-tree-node-min-height: 48px
}

html {
    --mat-tree-node-text-font: Roboto, sans-serif;
    --mat-tree-node-text-size: 14px;
    --mat-tree-node-text-weight: 400
}

.mat-h1,.mat-headline-5,.mat-typography .mat-h1,.mat-typography .mat-headline-5,.mat-typography h1 {
    font: 400 24px/32px Roboto,sans-serif;
    letter-spacing: normal;
    margin: 0 0 16px
}

.mat-h2,.mat-headline-6,.mat-typography .mat-h2,.mat-typography .mat-headline-6,.mat-typography h2 {
    font: 500 20px/32px Roboto,sans-serif;
    letter-spacing: .0125em;
    margin: 0 0 16px
}

.mat-h3,.mat-subtitle-1,.mat-typography .mat-h3,.mat-typography .mat-subtitle-1,.mat-typography h3 {
    font: 400 16px/28px Roboto,sans-serif;
    letter-spacing: .009375em;
    margin: 0 0 16px
}

.mat-h4,.mat-body-1,.mat-typography .mat-h4,.mat-typography .mat-body-1,.mat-typography h4 {
    font: 400 16px/24px Roboto,sans-serif;
    letter-spacing: .03125em;
    margin: 0 0 16px
}

.mat-h5,.mat-typography .mat-h5,.mat-typography h5 {
    font: 400 11.62px/20px Roboto,sans-serif;
    margin: 0 0 12px
}

.mat-h6,.mat-typography .mat-h6,.mat-typography h6 {
    font: 400 9.38px/20px Roboto,sans-serif;
    margin: 0 0 12px
}

.mat-body-strong,.mat-subtitle-2,.mat-typography .mat-body-strong,.mat-typography .mat-subtitle-2 {
    font: 500 14px/22px Roboto,sans-serif;
    letter-spacing: .0071428571em
}

.mat-body,.mat-body-2,.mat-typography .mat-body,.mat-typography .mat-body-2,.mat-typography {
    font: 400 14px/20px Roboto,sans-serif;
    letter-spacing: .0178571429em
}

.mat-body p,.mat-body-2 p,.mat-typography .mat-body p,.mat-typography .mat-body-2 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,sans-serif;
    letter-spacing: .0333333333em
}

.mat-headline-1,.mat-typography .mat-headline-1 {
    font: 300 96px/96px Roboto,sans-serif;
    letter-spacing: -.015625em;
    margin: 0 0 56px
}

.mat-headline-2,.mat-typography .mat-headline-2 {
    font: 300 60px/60px Roboto,sans-serif;
    letter-spacing: -.0083333333em;
    margin: 0 0 64px
}

.mat-headline-3,.mat-typography .mat-headline-3 {
    font: 400 48px/50px Roboto,sans-serif;
    letter-spacing: normal;
    margin: 0 0 64px
}

.mat-headline-4,.mat-typography .mat-headline-4 {
    font: 400 34px/40px Roboto,sans-serif;
    letter-spacing: .0073529412em;
    margin: 0 0 64px
}

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

@media screen and (-ms-high-contrast: active) {
    .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
        opacity: .6
    }
}

.cdk-overlay-dark-backdrop {
    background: rgba(0,0,0,.288)
}

.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0
}

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

.owl-dialog-container {
    position: relative;
    pointer-events: auto;
    box-sizing: border-box;
    display: block;
    padding: 1.5em;
    box-shadow: 0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f;
    border-radius: 2px;
    overflow: auto;
    background: #fff;
    color: #000000de;
    width: 100%;
    height: 100%;
    outline: none
}

.owl-dt-container,.owl-dt-container * {
    box-sizing: border-box
}

.owl-dt-container {
    display: block;
    font-size: 1rem;
    background: #ffffff;
    pointer-events: auto;
    z-index: 1000
}

.owl-dt-container-row {
    border-bottom: 1px solid rgba(0,0,0,.12)
}

.owl-dt-container-row:last-child {
    border-bottom: none
}

.owl-dt-calendar {
    display: flex;
    flex-direction: column;
    width: 100%
}

.owl-dt-calendar-control {
    display: flex;
    align-items: center;
    font-size: 1em;
    width: 100%;
    padding: .5em;
    color: #000
}

.owl-dt-calendar-control .owl-dt-calendar-control-content {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center
}

.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button {
    padding: 0 .8em
}

.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button:hover {
    background-color: #0000001f
}

.owl-dt-calendar-main {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 0 .5em .5em;
    outline: 0
}

.owl-dt-calendar-view {
    display: block;
    flex: 1 1 auto
}

.owl-dt-calendar-multi-year-view {
    display: flex;
    align-items: center
}

.owl-dt-calendar-multi-year-view .owl-dt-calendar-table {
    width: calc(100% - 3em)
}

.owl-dt-calendar-multi-year-view .owl-dt-calendar-table .owl-dt-calendar-header th {
    padding-bottom: .25em
}

.owl-dt-calendar-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

.owl-dt-calendar-table .owl-dt-calendar-header {
    color: #0006
}

.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-weekdays th {
    font-size: .7em;
    font-weight: 400;
    text-align: center;
    padding-bottom: 1em
}

.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider {
    position: relative;
    height: 1px;
    padding-bottom: .5em
}

.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider:after {
    content: "";
    position: absolute;
    top: 0;
    left: -.5em;
    right: -.5em;
    height: 1px;
    background: rgba(0,0,0,.12)
}

.owl-dt-calendar-table .owl-dt-calendar-cell {
    position: relative;
    height: 0;
    line-height: 0;
    text-align: center;
    outline: 0;
    color: #000000d9;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent
}

.owl-dt-calendar-table .owl-dt-calendar-cell-content {
    position: absolute;
    top: 5%;
    left: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 90%;
    height: 90%;
    font-size: .8em;
    line-height: 1;
    border: 1px solid transparent;
    border-radius: 999px;
    color: inherit;
    cursor: pointer
}

.owl-dt-calendar-table .owl-dt-calendar-cell-out {
    opacity: .2
}

.owl-dt-calendar-table .owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected) {
    border-color: #0006
}

.owl-dt-calendar-table .owl-dt-calendar-cell-selected {
    color: #ffffffd9;
    background-color: #3f51b5
}

.owl-dt-calendar-table .owl-dt-calendar-cell-selected.owl-dt-calendar-cell-today {
    box-shadow: inset 0 0 0 1px #ffffffd9
}

.owl-dt-calendar-table .owl-dt-calendar-cell-disabled {
    cursor: default
}

.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected) {
    color: #0006
}

.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content.owl-dt-calendar-cell-selected {
    opacity: .4
}

.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected) {
    border-color: #0003
}

.owl-dt-calendar-table .owl-dt-calendar-cell-active:focus>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected),.owl-dt-calendar-table :not(.owl-dt-calendar-cell-disabled):hover>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected) {
    background-color: #0000000a
}

.owl-dt-calendar-table .owl-dt-calendar-cell-in-range {
    background: rgba(63,81,181,.2)
}

.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-from {
    border-top-left-radius: 999px;
    border-bottom-left-radius: 999px
}

.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-to {
    border-top-right-radius: 999px;
    border-bottom-right-radius: 999px
}

.owl-dt-timer {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 7em;
    padding: .5em;
    outline: none
}

.owl-dt-timer-box {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    width: 25%;
    height: 100%
}

.owl-dt-timer-content {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: .2em 0
}

.owl-dt-timer-content .owl-dt-timer-input {
    display: block;
    width: 2em;
    text-align: center;
    border: 1px solid rgba(0,0,0,.5);
    border-radius: 3px;
    outline: medium none;
    font-size: 1.2em;
    padding: .2em
}

.owl-dt-timer-divider {
    display: inline-block;
    align-self: flex-end;
    position: absolute;
    width: .6em;
    height: 100%;
    left: -.3em
}

.owl-dt-timer-divider:before,.owl-dt-timer-divider:after {
    content: "";
    display: inline-block;
    width: .35em;
    height: .35em;
    position: absolute;
    left: 50%;
    border-radius: 50%;
    transform: translate(-50%);
    background-color: currentColor
}

.owl-dt-timer-divider:before {
    top: 35%
}

.owl-dt-timer-divider:after {
    bottom: 35%
}

.owl-dt-control-button {
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: none;
    border: none;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
    background-color: transparent;
    font-size: 1em;
    color: inherit
}

.owl-dt-control-button .owl-dt-control-button-content {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    outline: none
}

.owl-dt-control-period-button .owl-dt-control-button-content {
    height: 1.5em;
    padding: 0 .5em;
    border-radius: 3px;
    transition: background-color .1s linear
}

.owl-dt-control-period-button:hover>.owl-dt-control-button-content {
    background-color: #0000001f
}

.owl-dt-control-period-button .owl-dt-control-button-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1em;
    height: 1em;
    margin: .1em;
    transition: transform .2s ease
}

.owl-dt-control-arrow-button .owl-dt-control-button-content {
    padding: 0;
    border-radius: 50%;
    width: 1.5em;
    height: 1.5em
}

.owl-dt-control-arrow-button[disabled] {
    color: #0006;
    cursor: default
}

.owl-dt-control-arrow-button svg {
    width: 50%;
    height: 50%;
    fill: currentColor
}

.owl-dt-inline-container,.owl-dt-popup-container {
    position: relative;
    width: 18.5em;
    box-shadow: 0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f
}

.owl-dt-inline-container .owl-dt-calendar,.owl-dt-inline-container .owl-dt-timer,.owl-dt-popup-container .owl-dt-calendar,.owl-dt-popup-container .owl-dt-timer {
    width: 100%
}

.owl-dt-inline-container .owl-dt-calendar,.owl-dt-popup-container .owl-dt-calendar {
    height: 20.25em
}

.owl-dt-dialog-container {
    max-height: 95vh;
    margin: -1.5em
}

.owl-dt-dialog-container .owl-dt-calendar {
    min-width: 250px;
    min-height: 330px;
    max-width: 750px;
    max-height: 750px
}

.owl-dt-dialog-container .owl-dt-timer {
    min-width: 250px;
    max-width: 750px
}

@media all and (orientation: landscape) {
    .owl-dt-dialog-container .owl-dt-calendar {
        width:58vh;
        height: 62vh
    }

    .owl-dt-dialog-container .owl-dt-timer {
        width: 58vh
    }
}

@media all and (orientation: portrait) {
    .owl-dt-dialog-container .owl-dt-calendar {
        width:80vw;
        height: 80vw
    }

    .owl-dt-dialog-container .owl-dt-timer {
        width: 80vw
    }
}

.owl-dt-container-buttons {
    display: flex;
    width: 100%;
    height: 2em;
    color: #3f51b5
}

.owl-dt-container-control-button {
    font-size: 1em;
    width: 50%;
    height: 100%;
    border-radius: 0
}

.owl-dt-container-control-button .owl-dt-control-button-content {
    height: 100%;
    width: 100%;
    transition: background-color .1s linear
}

.owl-dt-container-control-button:hover .owl-dt-control-button-content {
    background-color: #0000001a
}

.owl-dt-container-info {
    padding: 0 .5em;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

.owl-dt-container-info .owl-dt-container-range {
    outline: none
}

.owl-dt-container-info .owl-dt-container-range .owl-dt-container-range-content {
    display: flex;
    justify-content: space-between;
    padding: .5em 0;
    font-size: .8em
}

.owl-dt-container-info .owl-dt-container-range:last-child {
    border-top: 1px solid rgba(0,0,0,.12)
}

.owl-dt-container-info .owl-dt-container-info-active {
    color: #3f51b5
}

.owl-dt-container-disabled,.owl-dt-trigger-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
    cursor: default!important
}

.owl-dt-timer-hour12 {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #3f51b5
}

.owl-dt-timer-hour12 .owl-dt-timer-hour12-box {
    border: 1px solid currentColor;
    border-radius: 2px;
    transition: background .2s ease
}

.owl-dt-timer-hour12 .owl-dt-timer-hour12-box .owl-dt-control-button-content {
    width: 100%;
    height: 100%;
    padding: .5em
}

.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:focus .owl-dt-control-button-content,.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:hover .owl-dt-control-button-content {
    background: #3f51b5;
    color: #fff
}

.owl-dt-calendar-only-current-month .owl-dt-calendar-cell-out {
    visibility: hidden;
    cursor: default
}

.owl-dt-inline {
    display: inline-block
}

.owl-dt-control {
    outline: none;
    cursor: pointer
}

.owl-dt-control .owl-dt-control-content {
    outline: none
}

.owl-dt-control:focus>.owl-dt-control-content {
    background-color: #0000001f
}

.owl-dt-control:not(:-moz-focusring):focus>.owl-dt-control-content {
    box-shadow: none
}

.owl-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

body {
	background-color: #f0f3fb;
    transition: all .5s;
    font-family: Roboto,sans-serif;
    font-size: 14px
}

button,input,select,a {
    outline: none!important;
    font-size: 14px!important;
    text-decoration: none
}

button:hover,input:hover,select:hover,a:hover {
    text-decoration: none
}

textarea {
    font-size: 14px!important
}

.row {
    margin-bottom: 0!important
}

ol,ul,dl {
    padding-left: 0;
    list-style-type: none
}

.no-animate {
    transition-property: none!important;
    transform: none!important;
    animation: none!important
}

section.content {
    margin: 35px 27px 0 260px;
    min-height: calc(100vh - 76px);
    transition: .5s
}

section.content .content-block {
    padding: 25px 0 0 25px
}

.horizontal-layout section.content {
    margin: 170px 15px 0;
    float: left;
    width: calc(100% - 30px)
}

.pull-left {
    float: left!important
}

.pull-right {
    float: right!important
}

.msl-1 {
    margin-left: .25rem!important
}

.msl-2 {
    margin-left: .5rem!important
}

.msl-3 {
    margin-left: 1rem!important
}

.msl-4 {
    margin-left: 1.5rem!important
}

.msl-5 {
    margin-left: 3rem!important
}

.msr-1 {
    margin-right: .25rem!important
}

.msr-2 {
    margin-right: .5rem!important
}

.msr-3 {
    margin-right: 1rem!important
}

.msr-4 {
    margin-right: 1.5rem!important
}

.msr-5 {
    margin-right: 3rem!important
}

.psl-1 {
    padding-left: .25rem!important
}

.psl-2 {
    padding-left: .5rem!important
}

.psl-3 {
    padding-left: 1rem!important
}

.psl-4 {
    padding-left: 1.5rem!important
}

.psl-5 {
    padding-left: 3rem!important
}

.psr-1 {
    padding-right: .25rem!important
}

.psr-2 {
    padding-right: .5rem!important
}

.psr-3 {
    padding-right: 1rem!important
}

.psr-4 {
    padding-right: 1.5rem!important
}

.psr-5 {
    padding-right: 3rem!important
}

.cursor-pointer {
    cursor: pointer
}

.jqvmap-zoomin,.jqvmap-zoomout {
    width: 15px;
    height: 15px
}

table .checkbox [type=checkbox]+label {
    margin: 0;
    height: 20px;
    padding-left: 20px;
    vertical-align: middle
}

.loading-img-spin {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin: -60px 0 20px -20px;
    animation: spin 1.5s linear infinite
}

.shadow-style {
    box-shadow: 0 .5rem 1rem #00000026
}

.review-img {
    padding-left: 20px;
    padding-top: 5px;
    width: 70px
}

.review-img img {
    border-radius: 50%;
    border: 2px solid #ffffff;
    box-shadow: 0 5px 25px #0003
}

.horizontal-layout .sidebar,.horizontal-layout .nav-left-menu {
    display: none
}

.bootstrap-notify-container {
    max-width: 320px;
    text-align: center
}

.map iframe {
    width: 100%
}

.jqvmap-label {
    position: absolute;
    display: none;
    border-radius: 30px;
    background: #eee;
    color: #000;
    font-size: 14px;
    font-family: sans-serif,Verdana;
    padding: 10px;
    pointer-events: none
}

.logo-white .navbar-toggle,.logo-white .bars:before,.logo-white .bars:after {
    color: #000!important
}

.logo-black .navbar-toggle,.logo-black .bars:before,.logo-black .bars:after {
    color: #fff!important
}

.dark .sidemenu-collapse i {
    color: #fff
}

.dark .nav>li>a {
    color: #fff
}

.light .sidemenu-collapse i {
    color: #0d091d
}

.light .nav>li>a {
    color: #0d091d
}

.border-apply {
    box-shadow: 0 2px 10px #0003!important
}

input::-webkit-input-placeholder {
    font-size: 12px;
    color: #adabab
}

input:-moz-placeholder {
    font-size: 12px;
    color: #adabab
}

input::-moz-placeholder {
    font-size: 12px;
    color: #adabab
}

input:-ms-input-placeholder {
    font-size: 12px;
    color: #adabab
}

textarea::-webkit-input-placeholder {
    font-size: 12px;
    color: #adabab
}

textarea:-moz-placeholder {
    font-size: 12px;
    color: #adabab
}

textarea::-moz-placeholder {
    font-size: 12px;
    color: #adabab
}

textarea:-ms-input-placeholder {
    font-size: 12px;
    color: #adabab
}

.profile-image img {
    width: 100%
}

.font-icon {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 20px;
    padding: 10px;
    transition: all .2s
}

.font-icon .icon-preview {
    font-size: 1.8rem;
    margin-right: 10px;
    line-height: 1;
    color: #333439
}

.deshboard-echart-height {
    height: 250px
}

.pill-style {
    font-size: 17px;
    color: #a9a6a6;
    padding-right: 5px
}

.pill-timing {
    width: 30%
}

.dot1 {
    color: #5a5faf
}

.dot2 {
    color: #f7bf31
}

.dot3 {
    color: #ea6e6c
}

.dot4 {
    color: #28bdb8
}

@media screen and (max-width: 1169px) {
    .horizontal-layout .sidebar {
        display:block
    }

    .horizontal-layout .top-sidebar {
        display: none
    }

    .horizontal-layout section.content {
        margin-top: 100px
    }
}

@media screen and (min-width: 1400px) {
    .boxed-layout .container {
        width:1370px;
        max-width: 100%
    }
}

.demo-button-sizes .btn {
    margin-bottom: 5px
}

.icon-button-demo button {
    margin-right: 5px;
    margin-bottom: 12px
}

.icon-and-text-button-demo button {
    margin-right: 5px;
    margin-bottom: 12px;
    width: 16.6666666667%
}

.button-demo ul {
    padding-left: 0
}

.button-demo ul li {
    list-style: none;
    padding-left: 0;
    display: inline-block;
    margin-right: 7px
}

.button-demo ul li .btn {
    display: block;
    min-width: 175px
}

.button-demo .btn {
    margin-right: 8px;
    margin-bottom: 13px;
    min-width: 100px
}

.demo-button-groups .btn-group {
    margin-right: 10px;
    margin-bottom: 10px
}

.demo-button-toolbar .btn-toolbar {
    float: left;
    margin-right: 25px;
    margin-bottom: 10px
}

.demo-button-toolbar .btn-toolbar .btn-group {
    margin-left: 5px
}

.demo-button-nesting>.btn-group {
    margin-right: 15px
}

.demo-single-button-dropdowns>.btn-group {
    margin-right: 10px
}

.demo-splite-button-dropdowns>.btn-group {
    margin-right: 10px
}

.demo-dropup .dropup {
    margin-right: 10px
}

.demo-checkbox label,.demo-radio-button label {
    min-width: 150px
}

.demo-knob-chart div {
    margin-right: 15px
}

.demo-switch .switch {
    display: inline-block;
    min-width: 170px
}

.demo-switch .demo-switch-title {
    min-width: 95px;
    display: inline-block
}

.demo-color-box {
    padding: 15px 0;
    text-align: center;
    margin-bottom: 20px;
    border-radius: 3px
}

.demo-color-box .color-name {
    font-size: 16px;
    margin-bottom: 5px
}

.demo-color-box .color-code,.demo-color-box .color-class-name {
    font-size: 13px
}

.demo-image-copyright {
    text-align: right;
    font-style: italic;
    font-size: 12px;
    color: #777;
    margin: 5px 0 10px
}

.demo-image-copyright a {
    font-weight: 700;
    color: #555!important
}

.demo-tagsinput-area {
    margin-bottom: 0!important
}

.demo-tagsinput-area.form-group .form-line:after {
    border-bottom: 0px
}

.demo-icon-container .demo-google-material-icon {
    margin-bottom: 5px;
    text-align: left
}

.demo-icon-container .demo-google-material-icon .icon-name {
    position: relative;
    top: -8px;
    left: 7px
}

.demo-icon-container .demo-google-material-icon .material-icons {
    width: 24px
}

.demo-preloader .preloader {
    margin-right: 10px
}

.irs-demo {
    margin-bottom: 40px
}

.irs-demo .irs {
    margin-top: 15px
}

.right-sidebar .nav-tabs+.tab-content {
    padding: 0
}

.right-sidebar p {
    margin: 20px 15px 15px;
    font-weight: 700;
    text-align: center
}

.right-sidebar #settings .setting-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 20px
}

.right-sidebar #settings .setting-list li {
    padding: 15px;
    position: relative;
    border-top: 1px solid #eee
}

.right-sidebar #settings .setting-list li .switch {
    position: absolute;
    top: 15px;
    right: 5px
}

.right-sidebar .progress {
    border-radius: 50px;
    height: 7px;
    margin: 10px 0 0
}

.right-sidebar .choose-theme li {
    position: relative;
    cursor: pointer;
    display: inline-block
}

.demo-choose-skin,.demo-choose-logoheader {
    list-style: none;
    padding-left: 0;
    overflow-y: hidden
}

.demo-choose-skin li,.demo-choose-logoheader li {
    padding: 10px 7px 4px 0;
    position: relative;
    cursor: pointer;
    float: left
}

.demo-choose-skin li.actived:after,.demo-choose-logoheader li.actived:after {
    font-family: Material Icons;
    position: absolute;
    top: 10px;
    right: 10px;
    content: "\e876";
    font-size: 18px;
    color: #ece6e6
}

.demo-choose-skin li div,.demo-choose-logoheader li div {
    width: 24px;
    height: 24px;
    display: inline-block;
    border-radius: 3px
}

.demo-choose-skin li span,.demo-choose-logoheader li span {
    position: relative;
    bottom: 7px;
    left: 5px
}

.demo-choose-skin .white-theme,.demo-choose-logoheader .white-theme {
    background-color: #fff
}

.demo-choose-skin .black-theme,.demo-choose-logoheader .black-theme {
    background-color: #3a3f51
}

.demo-choose-skin .purple-theme,.demo-choose-logoheader .purple-theme {
    background-color: #813ae1
}

.demo-choose-skin .blue-theme,.demo-choose-logoheader .blue-theme {
    background-color: #03a9f3
}

.demo-choose-skin .cyan-theme,.demo-choose-logoheader .cyan-theme {
    background-color: #13d1d3
}

.demo-choose-skin .green-theme,.demo-choose-logoheader .green-theme {
    background-color: #13b464
}

.demo-choose-skin .orange-theme,.demo-choose-logoheader .orange-theme {
    background-color: #f06533
}

.demo-choose-skin .red,.demo-choose-logoheader .red {
    background-color: #f44336
}

.demo-choose-skin .pink,.demo-choose-logoheader .pink {
    background-color: #e91e63
}

.demo-choose-skin .purple,.demo-choose-logoheader .purple {
    background-color: #9c27b0
}

.demo-choose-skin .indigo,.demo-choose-logoheader .indigo {
    background-color: #3f51b5
}

.demo-choose-skin .blue,.demo-choose-logoheader .blue {
    background-color: #2196f3
}

.demo-choose-skin .cyan,.demo-choose-logoheader .cyan {
    background-color: #00bcd4
}

.demo-choose-skin .teal,.demo-choose-logoheader .teal {
    background-color: #009688
}

.demo-choose-skin .green,.demo-choose-logoheader .green {
    background-color: #4caf50
}

.demo-choose-skin .yellow,.demo-choose-logoheader .yellow {
    background-color: #ffe821
}

.demo-choose-skin .orange,.demo-choose-logoheader .orange {
    background-color: #ff9800
}

.demo-choose-skin .deep-orange,.demo-choose-logoheader .deep-orange {
    background-color: #ff5722
}

.demo-choose-skin .brown,.demo-choose-logoheader .brown {
    background-color: #795548
}

.demo-choose-skin .grey,.demo-choose-logoheader .grey {
    background-color: #9e9e9e
}

.demo-choose-skin .black,.demo-choose-logoheader .black {
    background-color: #000
}

.demo-choose-skin .white,.demo-choose-logoheader .white {
    background-color: #fff
}

.white-theme-border {
    border: 1px solid #888888
}

.btn-sidebar-light,.btn-theme-light {
    background: 0 0!important;
    color: #888!important;
    border: 1px solid #888888!important;
    margin: 10px
}

.m-l--125 {
    margin-left: -125px
}

.m-t--125 {
    margin-top: -125px
}

.m-r--125 {
    margin-right: -125px
}

.m-b--125 {
    margin-bottom: -125px
}

.m-l--120 {
    margin-left: -120px
}

.m-t--120 {
    margin-top: -120px
}

.m-r--120 {
    margin-right: -120px
}

.m-b--120 {
    margin-bottom: -120px
}

.m-l--115 {
    margin-left: -115px
}

.m-t--115 {
    margin-top: -115px
}

.m-r--115 {
    margin-right: -115px
}

.m-b--115 {
    margin-bottom: -115px
}

.m-l--110 {
    margin-left: -110px
}

.m-t--110 {
    margin-top: -110px
}

.m-r--110 {
    margin-right: -110px
}

.m-b--110 {
    margin-bottom: -110px
}

.m-l--105 {
    margin-left: -105px
}

.m-t--105 {
    margin-top: -105px
}

.m-r--105 {
    margin-right: -105px
}

.m-b--105 {
    margin-bottom: -105px
}

.m-l--100 {
    margin-left: -100px
}

.m-t--100 {
    margin-top: -100px
}

.m-r--100 {
    margin-right: -100px
}

.m-b--100 {
    margin-bottom: -100px
}

.m-l--95 {
    margin-left: -95px
}

.m-t--95 {
    margin-top: -95px
}

.m-r--95 {
    margin-right: -95px
}

.m-b--95 {
    margin-bottom: -95px
}

.m-l--90 {
    margin-left: -90px
}

.m-t--90 {
    margin-top: -90px
}

.m-r--90 {
    margin-right: -90px
}

.m-b--90 {
    margin-bottom: -90px
}

.m-l--85 {
    margin-left: -85px
}

.m-t--85 {
    margin-top: -85px
}

.m-r--85 {
    margin-right: -85px
}

.m-b--85 {
    margin-bottom: -85px
}

.m-l--80 {
    margin-left: -80px
}

.m-t--80 {
    margin-top: -80px
}

.m-r--80 {
    margin-right: -80px
}

.m-b--80 {
    margin-bottom: -80px
}

.m-l--75 {
    margin-left: -75px
}

.m-t--75 {
    margin-top: -75px
}

.m-r--75 {
    margin-right: -75px
}

.m-b--75 {
    margin-bottom: -75px
}

.m-l--70 {
    margin-left: -70px
}

.m-t--70 {
    margin-top: -70px
}

.m-r--70 {
    margin-right: -70px
}

.m-b--70 {
    margin-bottom: -70px
}

.m-l--65 {
    margin-left: -65px
}

.m-t--65 {
    margin-top: -65px
}

.m-r--65 {
    margin-right: -65px
}

.m-b--65 {
    margin-bottom: -65px
}

.m-l--60 {
    margin-left: -60px
}

.m-t--60 {
    margin-top: -60px
}

.m-r--60 {
    margin-right: -60px
}

.m-b--60 {
    margin-bottom: -60px
}

.m-l--55 {
    margin-left: -55px
}

.m-t--55 {
    margin-top: -55px
}

.m-r--55 {
    margin-right: -55px
}

.m-b--55 {
    margin-bottom: -55px
}

.m-l--50 {
    margin-left: -50px
}

.m-t--50 {
    margin-top: -50px
}

.m-r--50 {
    margin-right: -50px
}

.m-b--50 {
    margin-bottom: -50px
}

.m-l--45 {
    margin-left: -45px
}

.m-t--45 {
    margin-top: -45px
}

.m-r--45 {
    margin-right: -45px
}

.m-b--45 {
    margin-bottom: -45px
}

.m-l--40 {
    margin-left: -40px
}

.m-t--40 {
    margin-top: -40px
}

.m-r--40 {
    margin-right: -40px
}

.m-b--40 {
    margin-bottom: -40px
}

.m-l--35 {
    margin-left: -35px
}

.m-t--35 {
    margin-top: -35px
}

.m-r--35 {
    margin-right: -35px
}

.m-b--35 {
    margin-bottom: -35px
}

.m-l--30 {
    margin-left: -30px
}

.m-t--30 {
    margin-top: -30px
}

.m-r--30 {
    margin-right: -30px
}

.m-b--30 {
    margin-bottom: -30px
}

.m-l--25 {
    margin-left: -25px
}

.m-t--25 {
    margin-top: -25px
}

.m-r--25 {
    margin-right: -25px
}

.m-b--25 {
    margin-bottom: -25px
}

.m-l--20 {
    margin-left: -20px
}

.m-t--20 {
    margin-top: -20px
}

.m-r--20 {
    margin-right: -20px
}

.m-b--20 {
    margin-bottom: -20px
}

.m-l--15 {
    margin-left: -15px
}

.m-t--15 {
    margin-top: -15px
}

.m-r--15 {
    margin-right: -15px
}

.m-b--15 {
    margin-bottom: -15px
}

.m-l--10 {
    margin-left: -10px
}

.m-t--10 {
    margin-top: -10px
}

.m-r--10 {
    margin-right: -10px
}

.m-b--10 {
    margin-bottom: -10px
}

.m-l--5 {
    margin-left: -5px
}

.m-t--5 {
    margin-top: -5px
}

.m-r--5 {
    margin-right: -5px
}

.m-b--5 {
    margin-bottom: -5px
}

.m-l-0 {
    margin-left: 0
}

.m-t-0 {
    margin-top: 0
}

.m-r-0 {
    margin-right: 0
}

.m-b-0 {
    margin-bottom: 0
}

.m-l-5 {
    margin-left: 5px
}

.m-t-5 {
    margin-top: 5px
}

.m-r-5 {
    margin-right: 5px
}

.m-b-5 {
    margin-bottom: 5px
}

.m-l-10 {
    margin-left: 10px
}

.m-t-10 {
    margin-top: 10px
}

.m-r-10 {
    margin-right: 10px
}

.m-b-10 {
    margin-bottom: 10px
}

.m-l-15 {
    margin-left: 15px
}

.m-t-15 {
    margin-top: 15px
}

.m-r-15 {
    margin-right: 15px
}

.m-b-15 {
    margin-bottom: 15px
}

.m-l-20 {
    margin-left: 20px
}

.m-t-20 {
    margin-top: 20px
}

.m-r-20 {
    margin-right: 20px
}

.m-b-20 {
    margin-bottom: 20px
}

.m-l-25 {
    margin-left: 25px
}

.m-t-25 {
    margin-top: 25px
}

.m-r-25 {
    margin-right: 25px
}

.m-b-25 {
    margin-bottom: 25px
}

.m-l-30 {
    margin-left: 30px
}

.m-t-30 {
    margin-top: 30px
}

.m-r-30 {
    margin-right: 30px
}

.m-b-30 {
    margin-bottom: 30px
}

.m-l-35 {
    margin-left: 35px
}

.m-t-35 {
    margin-top: 35px
}

.m-r-35 {
    margin-right: 35px
}

.m-b-35 {
    margin-bottom: 35px
}

.m-l-40 {
    margin-left: 40px
}

.m-t-40 {
    margin-top: 40px
}

.m-r-40 {
    margin-right: 40px
}

.m-b-40 {
    margin-bottom: 40px
}

.m-l-45 {
    margin-left: 45px
}

.m-t-45 {
    margin-top: 45px
}

.m-r-45 {
    margin-right: 45px
}

.m-b-45 {
    margin-bottom: 45px
}

.m-l-50 {
    margin-left: 50px
}

.m-t-50 {
    margin-top: 50px
}

.m-r-50 {
    margin-right: 50px
}

.m-b-50 {
    margin-bottom: 50px
}

.m-l-55 {
    margin-left: 55px
}

.m-t-55 {
    margin-top: 55px
}

.m-r-55 {
    margin-right: 55px
}

.m-b-55 {
    margin-bottom: 55px
}

.m-l-60 {
    margin-left: 60px
}

.m-t-60 {
    margin-top: 60px
}

.m-r-60 {
    margin-right: 60px
}

.m-b-60 {
    margin-bottom: 60px
}

.m-l-65 {
    margin-left: 65px
}

.m-t-65 {
    margin-top: 65px
}

.m-r-65 {
    margin-right: 65px
}

.m-b-65 {
    margin-bottom: 65px
}

.m-l-70 {
    margin-left: 70px
}

.m-t-70 {
    margin-top: 70px
}

.m-r-70 {
    margin-right: 70px
}

.m-b-70 {
    margin-bottom: 70px
}

.m-l-75 {
    margin-left: 75px
}

.m-t-75 {
    margin-top: 75px
}

.m-r-75 {
    margin-right: 75px
}

.m-b-75 {
    margin-bottom: 75px
}

.m-l-80 {
    margin-left: 80px
}

.m-t-80 {
    margin-top: 80px
}

.m-r-80 {
    margin-right: 80px
}

.m-b-80 {
    margin-bottom: 80px
}

.m-l-85 {
    margin-left: 85px
}

.m-t-85 {
    margin-top: 85px
}

.m-r-85 {
    margin-right: 85px
}

.m-b-85 {
    margin-bottom: 85px
}

.m-l-90 {
    margin-left: 90px
}

.m-t-90 {
    margin-top: 90px
}

.m-r-90 {
    margin-right: 90px
}

.m-b-90 {
    margin-bottom: 90px
}

.m-l-95 {
    margin-left: 95px
}

.m-t-95 {
    margin-top: 95px
}

.m-r-95 {
    margin-right: 95px
}

.m-b-95 {
    margin-bottom: 95px
}

.m-l-100 {
    margin-left: 100px
}

.m-t-100 {
    margin-top: 100px
}

.m-r-100 {
    margin-right: 100px
}

.m-b-100 {
    margin-bottom: 100px
}

.m-l-105 {
    margin-left: 105px
}

.m-t-105 {
    margin-top: 105px
}

.m-r-105 {
    margin-right: 105px
}

.m-b-105 {
    margin-bottom: 105px
}

.m-l-110 {
    margin-left: 110px
}

.m-t-110 {
    margin-top: 110px
}

.m-r-110 {
    margin-right: 110px
}

.m-b-110 {
    margin-bottom: 110px
}

.m-l-115 {
    margin-left: 115px
}

.m-t-115 {
    margin-top: 115px
}

.m-r-115 {
    margin-right: 115px
}

.m-b-115 {
    margin-bottom: 115px
}

.m-l-120 {
    margin-left: 120px
}

.m-t-120 {
    margin-top: 120px
}

.m-r-120 {
    margin-right: 120px
}

.m-b-120 {
    margin-bottom: 120px
}

.m-l-125 {
    margin-left: 125px
}

.m-t-125 {
    margin-top: 125px
}

.m-r-125 {
    margin-right: 125px
}

.m-b-125 {
    margin-bottom: 125px
}

.p-l-0 {
    padding-left: 0
}

.p-t-0 {
    padding-top: 0
}

.p-r-0 {
    padding-right: 0
}

.p-b-0 {
    padding-bottom: 0
}

.p-l-5 {
    padding-left: 5px
}

.p-t-5 {
    padding-top: 5px
}

.p-r-5 {
    padding-right: 5px
}

.p-b-5 {
    padding-bottom: 5px
}

.p-l-10 {
    padding-left: 10px
}

.p-t-10 {
    padding-top: 10px
}

.p-r-10 {
    padding-right: 10px
}

.p-b-10 {
    padding-bottom: 10px
}

.p-l-15 {
    padding-left: 15px
}

.p-t-15 {
    padding-top: 15px
}

.p-r-15 {
    padding-right: 15px
}

.p-b-15 {
    padding-bottom: 15px
}

.p-l-20 {
    padding-left: 20px
}

.p-t-20 {
    padding-top: 20px
}

.p-r-20 {
    padding-right: 20px
}

.p-b-20 {
    padding-bottom: 20px
}

.p-l-25 {
    padding-left: 25px
}

.p-t-25 {
    padding-top: 25px
}

.p-r-25 {
    padding-right: 25px
}

.p-b-25 {
    padding-bottom: 25px
}

.p-l-30 {
    padding-left: 30px
}

.p-t-30 {
    padding-top: 30px
}

.p-r-30 {
    padding-right: 30px
}

.p-b-30 {
    padding-bottom: 30px
}

.p-l-35 {
    padding-left: 35px
}

.p-t-35 {
    padding-top: 35px
}

.p-r-35 {
    padding-right: 35px
}

.p-b-35 {
    padding-bottom: 35px
}

.p-l-40 {
    padding-left: 40px
}

.p-t-40 {
    padding-top: 40px
}

.p-r-40 {
    padding-right: 40px
}

.p-b-40 {
    padding-bottom: 40px
}

.p-l-45 {
    padding-left: 45px
}

.p-t-45 {
    padding-top: 45px
}

.p-r-45 {
    padding-right: 45px
}

.p-b-45 {
    padding-bottom: 45px
}

.p-l-50 {
    padding-left: 50px
}

.p-t-50 {
    padding-top: 50px
}

.p-r-50 {
    padding-right: 50px
}

.p-b-50 {
    padding-bottom: 50px
}

.p-l-55 {
    padding-left: 55px
}

.p-t-55 {
    padding-top: 55px
}

.p-r-55 {
    padding-right: 55px
}

.p-b-55 {
    padding-bottom: 55px
}

.p-l-60 {
    padding-left: 60px
}

.p-t-60 {
    padding-top: 60px
}

.p-r-60 {
    padding-right: 60px
}

.p-b-60 {
    padding-bottom: 60px
}

.p-l-65 {
    padding-left: 65px
}

.p-t-65 {
    padding-top: 65px
}

.p-r-65 {
    padding-right: 65px
}

.p-b-65 {
    padding-bottom: 65px
}

.p-l-70 {
    padding-left: 70px
}

.p-t-70 {
    padding-top: 70px
}

.p-r-70 {
    padding-right: 70px
}

.p-b-70 {
    padding-bottom: 70px
}

.p-l-75 {
    padding-left: 75px
}

.p-t-75 {
    padding-top: 75px
}

.p-r-75 {
    padding-right: 75px
}

.p-b-75 {
    padding-bottom: 75px
}

.p-l-80 {
    padding-left: 80px
}

.p-t-80 {
    padding-top: 80px
}

.p-r-80 {
    padding-right: 80px
}

.p-b-80 {
    padding-bottom: 80px
}

.p-l-85 {
    padding-left: 85px
}

.p-t-85 {
    padding-top: 85px
}

.p-r-85 {
    padding-right: 85px
}

.p-b-85 {
    padding-bottom: 85px
}

.p-l-90 {
    padding-left: 90px
}

.p-t-90 {
    padding-top: 90px
}

.p-r-90 {
    padding-right: 90px
}

.p-b-90 {
    padding-bottom: 90px
}

.p-l-95 {
    padding-left: 95px
}

.p-t-95 {
    padding-top: 95px
}

.p-r-95 {
    padding-right: 95px
}

.p-b-95 {
    padding-bottom: 95px
}

.p-l-100 {
    padding-left: 100px
}

.p-t-100 {
    padding-top: 100px
}

.p-r-100 {
    padding-right: 100px
}

.p-b-100 {
    padding-bottom: 100px
}

.p-l-105 {
    padding-left: 105px
}

.p-t-105 {
    padding-top: 105px
}

.p-r-105 {
    padding-right: 105px
}

.p-b-105 {
    padding-bottom: 105px
}

.p-l-110 {
    padding-left: 110px
}

.p-t-110 {
    padding-top: 110px
}

.p-r-110 {
    padding-right: 110px
}

.p-b-110 {
    padding-bottom: 110px
}

.p-l-115 {
    padding-left: 115px
}

.p-t-115 {
    padding-top: 115px
}

.p-r-115 {
    padding-right: 115px
}

.p-b-115 {
    padding-bottom: 115px
}

.p-l-120 {
    padding-left: 120px
}

.p-t-120 {
    padding-top: 120px
}

.p-r-120 {
    padding-right: 120px
}

.p-b-120 {
    padding-bottom: 120px
}

.p-l-125 {
    padding-left: 125px
}

.p-t-125 {
    padding-top: 125px
}

.p-r-125 {
    padding-right: 125px
}

.p-b-125 {
    padding-bottom: 125px
}

.margin-0 {
    margin: 0
}

.margin-5 {
    margin: 5px
}

.padding-5 {
    padding: 5px
}

.margin-10 {
    margin: 10px
}

.padding-10 {
    padding: 10px
}

.margin-15 {
    margin: 15px
}

.padding-15 {
    padding: 15px
}

.margin-20 {
    margin: 20px
}

.padding-20 {
    padding: 20px
}

.margin-25 {
    margin: 25px
}

.padding-25 {
    padding: 25px
}

.margin-30 {
    margin: 30px
}

.padding-30 {
    padding: 30px
}

.margin-35 {
    margin: 35px
}

.padding-35 {
    padding: 35px
}

.margin-40 {
    margin: 40px
}

.padding-40 {
    padding: 40px
}

.margin-45 {
    margin: 45px
}

.padding-45 {
    padding: 45px
}

.margin-50 {
    margin: 50px
}

.padding-50 {
    padding: 50px
}

.margin-55 {
    margin: 55px
}

.padding-55 {
    padding: 55px
}

.margin-60 {
    margin: 60px
}

.padding-60 {
    padding: 60px
}

.margin-65 {
    margin: 65px
}

.padding-65 {
    padding: 65px
}

.margin-70 {
    margin: 70px
}

.padding-70 {
    padding: 70px
}

.margin-75 {
    margin: 75px
}

.padding-75 {
    padding: 75px
}

.margin-80 {
    margin: 80px
}

.padding-80 {
    padding: 80px
}

.margin-85 {
    margin: 85px
}

.padding-85 {
    padding: 85px
}

.margin-90 {
    margin: 90px
}

.padding-90 {
    padding: 90px
}

.margin-95 {
    margin: 95px
}

.padding-95 {
    padding: 95px
}

.margin-100 {
    margin: 100px
}

.padding-100 {
    padding: 100px
}

.margin-105 {
    margin: 105px
}

.padding-105 {
    padding: 105px
}

.margin-110 {
    margin: 110px
}

.padding-110 {
    padding: 110px
}

.margin-115 {
    margin: 115px
}

.padding-115 {
    padding: 115px
}

.margin-120 {
    margin: 120px
}

.padding-120 {
    padding: 120px
}

.margin-125 {
    margin: 125px
}

.padding-125 {
    padding: 125px
}

.padding-0 {
    padding: 0
}

.font-6 {
    font-size: 6px
}

.font-7 {
    font-size: 7px
}

.font-8 {
    font-size: 8px
}

.font-9 {
    font-size: 9px
}

.font-10 {
    font-size: 10px
}

.font-11 {
    font-size: 11px
}

.font-12 {
    font-size: 12px
}

.font-13 {
    font-size: 13px
}

.font-14 {
    font-size: 14px
}

.font-15 {
    font-size: 15px
}

.font-16 {
    font-size: 16px
}

.font-17 {
    font-size: 17px
}

.font-18 {
    font-size: 18px
}

.font-19 {
    font-size: 19px
}

.font-20 {
    font-size: 20px
}

.font-21 {
    font-size: 21px
}

.font-22 {
    font-size: 22px
}

.font-23 {
    font-size: 23px
}

.font-24 {
    font-size: 24px
}

.font-25 {
    font-size: 25px
}

.font-26 {
    font-size: 26px
}

.font-27 {
    font-size: 27px
}

.font-28 {
    font-size: 28px
}

.font-29 {
    font-size: 29px
}

.font-30 {
    font-size: 30px
}

.font-31 {
    font-size: 31px
}

.font-32 {
    font-size: 32px
}

.font-33 {
    font-size: 33px
}

.font-34 {
    font-size: 34px
}

.font-35 {
    font-size: 35px
}

.font-36 {
    font-size: 36px
}

.font-37 {
    font-size: 37px
}

.font-38 {
    font-size: 38px
}

.font-39 {
    font-size: 39px
}

.font-40 {
    font-size: 40px
}

.font-41 {
    font-size: 41px
}

.font-42 {
    font-size: 42px
}

.font-43 {
    font-size: 43px
}

.font-44 {
    font-size: 44px
}

.font-45 {
    font-size: 45px
}

.font-46 {
    font-size: 46px
}

.font-47 {
    font-size: 47px
}

.font-48 {
    font-size: 48px
}

.font-49 {
    font-size: 49px
}

.font-50 {
    font-size: 50px
}

.align-left {
    text-align: left
}

.align-center {
    text-align: center
}

.align-right {
    text-align: right
}

.align-justify {
    text-align: justify
}

.no-resize {
    resize: none
}

.font-bold {
    font-weight: 700!important
}

.font-400 {
    font-weight: 400!important
}

.font-500 {
    font-weight: 500!important
}

.font-600 {
    font-weight: 600!important
}

.font-700 {
    font-weight: 700!important
}

.font-italic {
    font-style: italic
}

.font-underline {
    text-decoration: underline
}

.font-line-through {
    text-decoration: line-through
}

.font-overline {
    text-decoration: overline
}

.block-header h2 {
    margin: 0!important;
    color: #666!important;
    font-weight: 400;
    font-size: 22px;
    line-height: 46px
}

.block-header h2 small {
    display: block;
    font-size: 12px;
    margin-top: 8px;
    color: #888
}

.block-header h2 small a {
    font-weight: 700;
    color: #777
}

.bg-red {
    background-color: #f44336!important;
    color: #fff
}

.bg-red .content .text,.bg-red .content .number {
    color: #fff!important
}

.bg-pink {
    background-color: #e91e63!important;
    color: #fff
}

.bg-pink .content .text,.bg-pink .content .number {
    color: #fff!important
}

.bg-purple {
    background-color: #9c27b0!important;
    color: #fff
}

.bg-purple .content .text,.bg-purple .content .number {
    color: #fff!important
}

.bg-indigo {
    background-color: #3f51b5!important;
    color: #fff
}

.bg-indigo .content .text,.bg-indigo .content .number {
    color: #fff!important
}

.bg-blue {
    background-color: #2196f3!important;
    color: #fff
}

.bg-blue .content .text,.bg-blue .content .number {
    color: #fff!important
}

.bg-cyan {
    background-color: #00bcd4!important;
    color: #fff
}

.bg-cyan .content .text,.bg-cyan .content .number {
    color: #fff!important
}

.bg-teal {
    background-color: #009688!important;
    color: #fff
}

.bg-teal .content .text,.bg-teal .content .number {
    color: #fff!important
}

.bg-green {
    background-color: #4caf50!important;
    color: #fff
}

.bg-green .content .text,.bg-green .content .number {
    color: #fff!important
}

.bg-yellow {
    background-color: #ffe821!important;
    color: #fff
}

.bg-yellow .content .text,.bg-yellow .content .number {
    color: #fff!important
}

.bg-orange {
    background-color: #ff9800!important;
    color: #fff
}

.bg-orange .content .text,.bg-orange .content .number {
    color: #fff!important
}

.bg-deep-orange {
    background-color: #ff5722!important;
    color: #fff
}

.bg-deep-orange .content .text,.bg-deep-orange .content .number {
    color: #fff!important
}

.bg-brown {
    background-color: #795548!important;
    color: #fff
}

.bg-brown .content .text,.bg-brown .content .number {
    color: #fff!important
}

.bg-grey {
    background-color: #9e9e9e!important;
    color: #fff
}

.bg-grey .content .text,.bg-grey .content .number {
    color: #fff!important
}

.bg-black {
    background-color: #000!important;
    color: #fff
}

.bg-black .content .text,.bg-black .content .number {
    color: #fff!important
}

.bg-white {
    background-color: #fff!important;
    color: #fff
}

.bg-white .content .text,.bg-white .content .number {
    color: #fff!important
}

.l-bg-green {
    background: linear-gradient(to right,#56ab2f,#a8e063)!important;
    color: #fff
}

.l-bg-green .content .text,.l-bg-green .content .number {
    color: #fff!important
}

.l-bg-orange {
    background: linear-gradient(to right,#f7971e,#ffd200)!important;
    color: #fff
}

.l-bg-orange .content .text,.l-bg-orange .content .number {
    color: #fff!important
}

.l-bg-blue {
    background: linear-gradient(to right,#00b4db,#0083b0)!important;
    color: #fff
}

.l-bg-blue .content .text,.l-bg-blue .content .number {
    color: #fff!important
}

.l-bg-cyan {
    background: linear-gradient(45deg,#72c2ff,#86f0ff)!important;
    color: #fff
}

.l-bg-cyan .content .text,.l-bg-cyan .content .number {
    color: #fff!important
}

.l-bg-red {
    background: linear-gradient(316deg,#fc5286,#fbaaa2)!important;
    color: #fff
}

.l-bg-red .content .text,.l-bg-red .content .number {
    color: #fff!important
}

.l-bg-purple {
    background: linear-gradient(to right,#834d9b,#d04ed6)!important;
    color: #fff
}

.l-bg-purple .content .text,.l-bg-purple .content .number {
    color: #fff!important
}

.l-bg-purple-dark {
    background: linear-gradient(45deg,#a52dd8,#e29bf1)!important;
    color: #fff
}

.l-bg-purple-dark .content .text,.l-bg-purple-dark .content .number {
    color: #fff!important
}

.l-bg-card1 {
    background: linear-gradient(to left,#3a7bd5,#3a6073)!important;
    color: #fff
}

.l-bg-card1 .content .text,.l-bg-card1 .content .number {
    color: #fff!important
}

.l-bg-card2 {
    background: linear-gradient(to right,#c33764,#1d2671)!important;
    color: #fff
}

.l-bg-card2 .content .text,.l-bg-card2 .content .number {
    color: #fff!important
}

.l-bg-card3 {
    background: linear-gradient(to left,#134e5e,#71b280)!important;
    color: #fff
}

.l-bg-card3 .content .text,.l-bg-card3 .content .number {
    color: #fff!important
}

.l-bg-card4 {
    background: linear-gradient(to left,#d38312,#a83279)!important;
    color: #fff
}

.l-bg-card4 .content .text,.l-bg-card4 .content .number {
    color: #fff!important
}

.col-red {
    color: #f44336!important
}

.col-pink {
    color: #e91e63!important
}

.col-purple {
    color: #9c27b0!important
}

.col-indigo {
    color: #3f51b5!important
}

.col-blue {
    color: #2196f3!important
}

.col-cyan {
    color: #00bcd4!important
}

.col-teal {
    color: #009688!important
}

.col-green {
    color: #4caf50!important
}

.col-yellow {
    color: #ffe821!important
}

.col-orange {
    color: #ff9800!important
}

.col-deep-orange {
    color: #ff5722!important
}

.col-brown {
    color: #795548!important
}

.col-grey {
    color: #9e9e9e!important
}

.col-black {
    color: #000!important
}

.col-white {
    color: #fff!important
}

.width-per-0 {
    width: 0%
}

.tbl-col-width-per-0 {
    max-width: 0%
}

.width-per-1 {
    width: 1%
}

.tbl-col-width-per-1 {
    max-width: 1%
}

.width-per-2 {
    width: 2%
}

.tbl-col-width-per-2 {
    max-width: 2%
}

.width-per-3 {
    width: 3%
}

.tbl-col-width-per-3 {
    max-width: 3%
}

.width-per-4 {
    width: 4%
}

.tbl-col-width-per-4 {
    max-width: 4%
}

.width-per-5 {
    width: 5%
}

.tbl-col-width-per-5 {
    max-width: 5%
}

.width-per-6 {
    width: 6%
}

.tbl-col-width-per-6 {
    max-width: 6%
}

.width-per-7 {
    width: 7%
}

.tbl-col-width-per-7 {
    max-width: 7%
}

.width-per-8 {
    width: 8%
}

.tbl-col-width-per-8 {
    max-width: 8%
}

.width-per-9 {
    width: 9%
}

.tbl-col-width-per-9 {
    max-width: 9%
}

.width-per-10 {
    width: 10%
}

.tbl-col-width-per-10 {
    max-width: 10%
}

.width-per-11 {
    width: 11%
}

.tbl-col-width-per-11 {
    max-width: 11%
}

.width-per-12 {
    width: 12%
}

.tbl-col-width-per-12 {
    max-width: 12%
}

.width-per-13 {
    width: 13%
}

.tbl-col-width-per-13 {
    max-width: 13%
}

.width-per-14 {
    width: 14%
}

.tbl-col-width-per-14 {
    max-width: 14%
}

.width-per-15 {
    width: 15%
}

.tbl-col-width-per-15 {
    max-width: 15%
}

.width-per-16 {
    width: 16%
}

.tbl-col-width-per-16 {
    max-width: 16%
}

.width-per-17 {
    width: 17%
}

.tbl-col-width-per-17 {
    max-width: 17%
}

.width-per-18 {
    width: 18%
}

.tbl-col-width-per-18 {
    max-width: 18%
}

.width-per-19 {
    width: 19%
}

.tbl-col-width-per-19 {
    max-width: 19%
}

.width-per-20 {
    width: 20%
}

.tbl-col-width-per-20 {
    max-width: 20%
}

.width-per-21 {
    width: 21%
}

.tbl-col-width-per-21 {
    max-width: 21%
}

.width-per-22 {
    width: 22%
}

.tbl-col-width-per-22 {
    max-width: 22%
}

.width-per-23 {
    width: 23%
}

.tbl-col-width-per-23 {
    max-width: 23%
}

.width-per-24 {
    width: 24%
}

.tbl-col-width-per-24 {
    max-width: 24%
}

.width-per-25 {
    width: 25%
}

.tbl-col-width-per-25 {
    max-width: 25%
}

.width-per-26 {
    width: 26%
}

.tbl-col-width-per-26 {
    max-width: 26%
}

.width-per-27 {
    width: 27%
}

.tbl-col-width-per-27 {
    max-width: 27%
}

.width-per-28 {
    width: 28%
}

.tbl-col-width-per-28 {
    max-width: 28%
}

.width-per-29 {
    width: 29%
}

.tbl-col-width-per-29 {
    max-width: 29%
}

.width-per-30 {
    width: 30%
}

.tbl-col-width-per-30 {
    max-width: 30%
}

.width-per-31 {
    width: 31%
}

.tbl-col-width-per-31 {
    max-width: 31%
}

.width-per-32 {
    width: 32%
}

.tbl-col-width-per-32 {
    max-width: 32%
}

.width-per-33 {
    width: 33%
}

.tbl-col-width-per-33 {
    max-width: 33%
}

.width-per-34 {
    width: 34%
}

.tbl-col-width-per-34 {
    max-width: 34%
}

.width-per-35 {
    width: 35%
}

.tbl-col-width-per-35 {
    max-width: 35%
}

.width-per-36 {
    width: 36%
}

.tbl-col-width-per-36 {
    max-width: 36%
}

.width-per-37 {
    width: 37%
}

.tbl-col-width-per-37 {
    max-width: 37%
}

.width-per-38 {
    width: 38%
}

.tbl-col-width-per-38 {
    max-width: 38%
}

.width-per-39 {
    width: 39%
}

.tbl-col-width-per-39 {
    max-width: 39%
}

.width-per-40 {
    width: 40%
}

.tbl-col-width-per-40 {
    max-width: 40%
}

.width-per-41 {
    width: 41%
}

.tbl-col-width-per-41 {
    max-width: 41%
}

.width-per-42 {
    width: 42%
}

.tbl-col-width-per-42 {
    max-width: 42%
}

.width-per-43 {
    width: 43%
}

.tbl-col-width-per-43 {
    max-width: 43%
}

.width-per-44 {
    width: 44%
}

.tbl-col-width-per-44 {
    max-width: 44%
}

.width-per-45 {
    width: 45%
}

.tbl-col-width-per-45 {
    max-width: 45%
}

.width-per-46 {
    width: 46%
}

.tbl-col-width-per-46 {
    max-width: 46%
}

.width-per-47 {
    width: 47%
}

.tbl-col-width-per-47 {
    max-width: 47%
}

.width-per-48 {
    width: 48%
}

.tbl-col-width-per-48 {
    max-width: 48%
}

.width-per-49 {
    width: 49%
}

.tbl-col-width-per-49 {
    max-width: 49%
}

.width-per-50 {
    width: 50%
}

.tbl-col-width-per-50 {
    max-width: 50%
}

.width-per-51 {
    width: 51%
}

.tbl-col-width-per-51 {
    max-width: 51%
}

.width-per-52 {
    width: 52%
}

.tbl-col-width-per-52 {
    max-width: 52%
}

.width-per-53 {
    width: 53%
}

.tbl-col-width-per-53 {
    max-width: 53%
}

.width-per-54 {
    width: 54%
}

.tbl-col-width-per-54 {
    max-width: 54%
}

.width-per-55 {
    width: 55%
}

.tbl-col-width-per-55 {
    max-width: 55%
}

.width-per-56 {
    width: 56%
}

.tbl-col-width-per-56 {
    max-width: 56%
}

.width-per-57 {
    width: 57%
}

.tbl-col-width-per-57 {
    max-width: 57%
}

.width-per-58 {
    width: 58%
}

.tbl-col-width-per-58 {
    max-width: 58%
}

.width-per-59 {
    width: 59%
}

.tbl-col-width-per-59 {
    max-width: 59%
}

.width-per-60 {
    width: 60%
}

.tbl-col-width-per-60 {
    max-width: 60%
}

.width-per-61 {
    width: 61%
}

.tbl-col-width-per-61 {
    max-width: 61%
}

.width-per-62 {
    width: 62%
}

.tbl-col-width-per-62 {
    max-width: 62%
}

.width-per-63 {
    width: 63%
}

.tbl-col-width-per-63 {
    max-width: 63%
}

.width-per-64 {
    width: 64%
}

.tbl-col-width-per-64 {
    max-width: 64%
}

.width-per-65 {
    width: 65%
}

.tbl-col-width-per-65 {
    max-width: 65%
}

.width-per-66 {
    width: 66%
}

.tbl-col-width-per-66 {
    max-width: 66%
}

.width-per-67 {
    width: 67%
}

.tbl-col-width-per-67 {
    max-width: 67%
}

.width-per-68 {
    width: 68%
}

.tbl-col-width-per-68 {
    max-width: 68%
}

.width-per-69 {
    width: 69%
}

.tbl-col-width-per-69 {
    max-width: 69%
}

.width-per-70 {
    width: 70%
}

.tbl-col-width-per-70 {
    max-width: 70%
}

.width-per-71 {
    width: 71%
}

.tbl-col-width-per-71 {
    max-width: 71%
}

.width-per-72 {
    width: 72%
}

.tbl-col-width-per-72 {
    max-width: 72%
}

.width-per-73 {
    width: 73%
}

.tbl-col-width-per-73 {
    max-width: 73%
}

.width-per-74 {
    width: 74%
}

.tbl-col-width-per-74 {
    max-width: 74%
}

.width-per-75 {
    width: 75%
}

.tbl-col-width-per-75 {
    max-width: 75%
}

.width-per-76 {
    width: 76%
}

.tbl-col-width-per-76 {
    max-width: 76%
}

.width-per-77 {
    width: 77%
}

.tbl-col-width-per-77 {
    max-width: 77%
}

.width-per-78 {
    width: 78%
}

.tbl-col-width-per-78 {
    max-width: 78%
}

.width-per-79 {
    width: 79%
}

.tbl-col-width-per-79 {
    max-width: 79%
}

.width-per-80 {
    width: 80%
}

.tbl-col-width-per-80 {
    max-width: 80%
}

.width-per-81 {
    width: 81%
}

.tbl-col-width-per-81 {
    max-width: 81%
}

.width-per-82 {
    width: 82%
}

.tbl-col-width-per-82 {
    max-width: 82%
}

.width-per-83 {
    width: 83%
}

.tbl-col-width-per-83 {
    max-width: 83%
}

.width-per-84 {
    width: 84%
}

.tbl-col-width-per-84 {
    max-width: 84%
}

.width-per-85 {
    width: 85%
}

.tbl-col-width-per-85 {
    max-width: 85%
}

.width-per-86 {
    width: 86%
}

.tbl-col-width-per-86 {
    max-width: 86%
}

.width-per-87 {
    width: 87%
}

.tbl-col-width-per-87 {
    max-width: 87%
}

.width-per-88 {
    width: 88%
}

.tbl-col-width-per-88 {
    max-width: 88%
}

.width-per-89 {
    width: 89%
}

.tbl-col-width-per-89 {
    max-width: 89%
}

.width-per-90 {
    width: 90%
}

.tbl-col-width-per-90 {
    max-width: 90%
}

.width-per-91 {
    width: 91%
}

.tbl-col-width-per-91 {
    max-width: 91%
}

.width-per-92 {
    width: 92%
}

.tbl-col-width-per-92 {
    max-width: 92%
}

.width-per-93 {
    width: 93%
}

.tbl-col-width-per-93 {
    max-width: 93%
}

.width-per-94 {
    width: 94%
}

.tbl-col-width-per-94 {
    max-width: 94%
}

.width-per-95 {
    width: 95%
}

.tbl-col-width-per-95 {
    max-width: 95%
}

.width-per-96 {
    width: 96%
}

.tbl-col-width-per-96 {
    max-width: 96%
}

.width-per-97 {
    width: 97%
}

.tbl-col-width-per-97 {
    max-width: 97%
}

.width-per-98 {
    width: 98%
}

.tbl-col-width-per-98 {
    max-width: 98%
}

.width-per-99 {
    width: 99%
}

.tbl-col-width-per-99 {
    max-width: 99%
}

.width-per-100 {
    width: 100%
}

.tbl-col-width-per-100 {
    max-width: 100%
}

@media (min-width: 1281px) {
    .navbar-header {
        float:left
    }

    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block!important;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important
    }

    .navbar-toggle {
        display: none
    }

    .navbar-nav {
        float: left;
        margin: 0
    }

    .navbar-nav>li {
        float: left
    }

    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

@media (max-width: 1025px) {
    .sidemenu-collapse {
        display:none!important
    }
}

@media (min-width: 1025px) and (max-width: 1280px) {
    .navbar-header {
        float:left
    }

    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block!important;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important
    }

    .navbar-toggle {
        display: none
    }

    .navbar-nav {
        float: left;
        margin: 0
    }

    .navbar-nav>li {
        float: left
    }

    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .navbar .collapse-menu-icon {
        padding-left: 0!important
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    section.content {
        margin:35px 15px 0
    }

    section.content .content-block {
        padding: 25px 10px 0 12px
    }

    .rtl .content-block {
        padding: 25px 12px 0 10px!important
    }

    .navbar-header {
        float: left
    }

    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block!important;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important
    }

    .navbar-toggle {
        display: none
    }

    .navbar-nav {
        float: left;
        margin: 0
    }

    .navbar-nav>li {
        float: left
    }

    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .navbar-brand {
        margin-left: 0!important
    }

    .rtl .navbar .navbar-toggle {
        float: left;
        margin-left: 15px;
        margin-right: 0
    }

    .rtl .navbar .navbar-header {
        margin-bottom: 0
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    section.content {
        margin:35px 15px 0
    }

    section.content .content-block {
        padding: 25px 10px 0 12px
    }

    .rtl .content-block {
        padding: 25px 12px 0 10px!important
    }

    .navbar .navbar-header {
        display: inline-block;
        width: calc(100% + 30px);
        float: left
    }

    .navbar .navbar-toggle {
        float: right;
        position: relative;
        margin-right: 40px!important
    }

    .navbar .nav>li {
        display: inline-block
    }

    .navbar-brand {
        margin-left: 0!important
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    section.content {
        margin:35px 15px 0
    }

    section.content .content-block {
        padding: 25px 10px 0 12px
    }

    .rtl .content-block {
        padding: 25px 12px 0 10px!important
    }

    .navbar .navbar-header {
        width: 100%;
        padding: 0
    }

    .navbar .navbar-toggle {
        float: right;
        position: relative;
        margin-right: 30px!important
    }

    .navbar .nav>li {
        display: inline-block
    }

    .navbar-brand {
        margin-left: 0!important
    }
}

@media (max-width: 280px) {
    section.content {
        margin:35px 15px 0
    }

    section.content .content-block {
        padding: 25px 10px 0 12px
    }

    .rtl .content-block {
        padding: 25px 12px 0 10px
    }

    .navbar .navbar-header {
        width: 100%;
        padding: 0
    }

    .navbar .navbar-toggle {
        margin-right: 30px!important;
        float: right;
        position: relative
    }

    .navbar .nav>li {
        display: inline-block
    }
}

.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: -50px;
    opacity: 0;
    background: transparent;
    transition: all .5s ease-out;
    transition-property: transform,opacity;
    transform: scale(0) translate(0);
    pointer-events: none
}

.waves-effect.waves-light .waves-ripple {
    background: rgba(255,255,255,.4);
    background: radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%)
}

.waves-effect.waves-classic .waves-ripple {
    background: rgba(0,0,0,.2)
}

.waves-effect.waves-classic.waves-light .waves-ripple {
    background: rgba(255,255,255,.4)
}

.waves-notransition {
    transition: none!important
}

.waves-button,.waves-circle {
    transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle,#fff 100%,#000 100%)
}

.waves-button,.waves-button:hover,.waves-button:visited,.waves-button-input {
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    outline: none;
    color: inherit;
    background-color: transparent;
    font-size: 1em;
    line-height: 1em;
    text-align: center;
    text-decoration: none;
    z-index: 1
}

.waves-button {
    padding: .85em 1.1em;
    border-radius: .2em
}

.waves-button-input {
    margin: 0;
    padding: .85em 1.1em
}

.waves-input-wrapper {
    border-radius: .2em;
    vertical-align: bottom
}

.waves-input-wrapper.waves-button {
    padding: 0
}

.waves-input-wrapper .waves-button-input {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1
}

.waves-circle {
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%
}

.waves-float {
    -webkit-mask-image: none;
    box-shadow: 0 1px 1.5px 1px #0000001f;
    transition: all .3s
}

.waves-float:active {
    box-shadow: 0 8px 20px 1px #0000004d
}

.waves-block {
    display: block
}

.slideDown {
    animation-name: slideDown;
    -webkit-animation-name: slideDown;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    visibility: visible!important
}

@keyframes slideDown {
    0% {
        transform: translateY(-100%)
    }

    50% {
        transform: translateY(8%)
    }

    65% {
        transform: translateY(-4%)
    }

    80% {
        transform: translateY(4%)
    }

    95% {
        transform: translateY(-2%)
    }

    to {
        transform: translateY(0)
    }
}

.slideUp {
    animation-name: slideUp;
    -webkit-animation-name: slideUp;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    visibility: visible!important
}

@keyframes slideUp {
    0% {
        transform: translateY(100%)
    }

    50% {
        transform: translateY(-8%)
    }

    65% {
        transform: translateY(4%)
    }

    80% {
        transform: translateY(-4%)
    }

    95% {
        transform: translateY(2%)
    }

    to {
        transform: translateY(0)
    }
}

.slideLeft {
    animation-name: slideLeft;
    -webkit-animation-name: slideLeft;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible!important
}

@keyframes slideLeft {
    0% {
        transform: translate(150%)
    }

    50% {
        transform: translate(-8%)
    }

    65% {
        transform: translate(4%)
    }

    80% {
        transform: translate(-4%)
    }

    95% {
        transform: translate(2%)
    }

    to {
        transform: translate(0)
    }
}

.slideRight {
    animation-name: slideRight;
    -webkit-animation-name: slideRight;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible!important
}

@keyframes slideRight {
    0% {
        transform: translate(-150%)
    }

    50% {
        transform: translate(8%)
    }

    65% {
        transform: translate(-4%)
    }

    80% {
        transform: translate(4%)
    }

    95% {
        transform: translate(-2%)
    }

    to {
        transform: translate(0)
    }
}

.slideExpandUp {
    animation-name: slideExpandUp;
    -webkit-animation-name: slideExpandUp;
    animation-duration: 1.6s;
    -webkit-animation-duration: 1.6s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease -out;
    visibility: visible!important
}

@keyframes slideExpandUp {
    0% {
        transform: translateY(100%) scaleX(.5)
    }

    30% {
        transform: translateY(-8%) scaleX(.5)
    }

    40% {
        transform: translateY(2%) scaleX(.5)
    }

    50% {
        transform: translateY(0) scaleX(1.1)
    }

    60% {
        transform: translateY(0) scaleX(.9)
    }

    70% {
        transform: translateY(0) scaleX(1.05)
    }

    80% {
        transform: translateY(0) scaleX(.95)
    }

    90% {
        transform: translateY(0) scaleX(1.02)
    }

    to {
        transform: translateY(0) scaleX(1)
    }
}

.expandUp {
    animation-name: expandUp;
    -webkit-animation-name: expandUp;
    animation-duration: .7s;
    -webkit-animation-duration: .7s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    visibility: visible!important
}

@keyframes expandUp {
    0% {
        transform: translateY(100%) scale(.6) scaleY(.5)
    }

    60% {
        transform: translateY(-7%) scaleY(1.12)
    }

    75% {
        transform: translateY(3%)
    }

    to {
        transform: translateY(0) scale(1) scaleY(1)
    }
}

.fadeIn {
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible!important
}

@keyframes fadeIn {
    0% {
        transform: scale(0);
        opacity: 0
    }

    60% {
        transform: scale(1.1)
    }

    80% {
        transform: scale(.9);
        opacity: 1
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

.expandOpen {
    animation-name: expandOpen;
    -webkit-animation-name: expandOpen;
    animation-duration: 1.2s;
    -webkit-animation-duration: 1.2s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    visibility: visible!important
}

@keyframes expandOpen {
    0% {
        transform: scale(1.8)
    }

    50% {
        transform: scale(.95)
    }

    80% {
        transform: scale(1.05)
    }

    90% {
        transform: scale(.98)
    }

    to {
        transform: scale(1)
    }
}

.bigEntrance {
    animation-name: bigEntrance;
    -webkit-animation-name: bigEntrance;
    animation-duration: 1.6s;
    -webkit-animation-duration: 1.6s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    visibility: visible!important
}

@keyframes bigEntrance {
    0% {
        transform: scale(.3) rotate(6deg) translate(-30%) translateY(30%);
        opacity: .2
    }

    30% {
        transform: scale(1.03) rotate(-2deg) translate(2%) translateY(-2%);
        opacity: 1
    }

    45% {
        transform: scale(.98) rotate(1deg) translate(0) translateY(0);
        opacity: 1
    }

    60% {
        transform: scale(1.01) rotate(-1deg) translate(0) translateY(0);
        opacity: 1
    }

    75% {
        transform: scale(.99) rotate(1deg) translate(0) translateY(0);
        opacity: 1
    }

    90% {
        transform: scale(1.01) rotate(0) translate(0) translateY(0);
        opacity: 1
    }

    to {
        transform: scale(1) rotate(0) translate(0) translateY(0);
        opacity: 1
    }
}

.hatch {
    animation-name: hatch;
    -webkit-animation-name: hatch;
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
    visibility: visible!important
}

@keyframes hatch {
    0% {
        transform: rotate(0) scaleY(.6)
    }

    20% {
        transform: rotate(-2deg) scaleY(1.05)
    }

    35% {
        transform: rotate(2deg) scaleY(1)
    }

    50% {
        transform: rotate(-2deg)
    }

    65% {
        transform: rotate(1deg)
    }

    80% {
        transform: rotate(-1deg)
    }

    to {
        transform: rotate(0)
    }
}

.bounce {
    animation-name: bounce;
    -webkit-animation-name: bounce;
    animation-duration: 1.6s;
    -webkit-animation-duration: 1.6s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%
}

@keyframes bounce {
    0% {
        transform: translateY(0) scaleY(.6)
    }

    60% {
        transform: translateY(-100%) scaleY(1.1)
    }

    70% {
        transform: translateY(0) scaleY(.95) scaleX(1.05)
    }

    80% {
        transform: translateY(0) scaleY(1.05) scaleX(1)
    }

    90% {
        transform: translateY(0) scaleY(.95) scaleX(1)
    }

    to {
        transform: translateY(0) scaleY(1) scaleX(1)
    }
}

.pulse {
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

@keyframes pulse {
    0% {
        transform: scale(.9);
        opacity: .7
    }

    50% {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(.9);
        opacity: .7
    }
}

.floating {
    animation-name: floating;
    -webkit-animation-name: floating;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

@keyframes floating {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(8%)
    }

    to {
        transform: translateY(0)
    }
}

.tossing {
    animation-name: tossing;
    -webkit-animation-name: tossing;
    animation-duration: 2.5s;
    -webkit-animation-duration: 2.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

@keyframes tossing {
    0% {
        transform: rotate(-4deg)
    }

    50% {
        transform: rotate(4deg)
    }

    to {
        transform: rotate(-4deg)
    }
}

.pullUp {
    animation-name: pullUp;
    -webkit-animation-name: pullUp;
    animation-duration: 1.1s;
    -webkit-animation-duration: 1.1s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%
}

@keyframes pullUp {
    0% {
        transform: scaleY(.1)
    }

    40% {
        transform: scaleY(1.02)
    }

    60% {
        transform: scaleY(.98)
    }

    80% {
        transform: scaleY(1.01)
    }

    to {
        transform: scaleY(.98)
    }

    80% {
        transform: scaleY(1.01)
    }

    to {
        transform: scaleY(1)
    }
}

.pullDown {
    animation-name: pullDown;
    -webkit-animation-name: pullDown;
    animation-duration: 1.1s;
    -webkit-animation-duration: 1.1s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -webkit-transform-origin: 50% 0%
}

@keyframes pullDown {
    0% {
        transform: scaleY(.1)
    }

    40% {
        transform: scaleY(1.02)
    }

    60% {
        transform: scaleY(.98)
    }

    80% {
        transform: scaleY(1.01)
    }

    to {
        transform: scaleY(.98)
    }

    80% {
        transform: scaleY(1.01)
    }

    to {
        transform: scaleY(1)
    }
}

.stretchLeft {
    animation-name: stretchLeft;
    -webkit-animation-name: stretchLeft;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    -webkit-transform-origin: 100% 0%
}

@keyframes stretchLeft {
    0% {
        transform: scaleX(.3)
    }

    40% {
        transform: scaleX(1.02)
    }

    60% {
        transform: scaleX(.98)
    }

    80% {
        transform: scaleX(1.01)
    }

    to {
        transform: scaleX(.98)
    }

    80% {
        transform: scaleX(1.01)
    }

    to {
        transform: scaleX(1)
    }
}

.stretchRight {
    animation-name: stretchRight;
    -webkit-animation-name: stretchRight;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;
    transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%
}

@keyframes stretchRight {
    0% {
        transform: scaleX(.3)
    }

    40% {
        transform: scaleX(1.02)
    }

    60% {
        transform: scaleX(.98)
    }

    80% {
        transform: scaleX(1.01)
    }

    to {
        transform: scaleX(.98)
    }

    80% {
        transform: scaleX(1.01)
    }

    to {
        transform: scaleX(1)
    }
}

.rtl {
    direction: rtl;
    text-align: right
}

.rtl .navbar .navbar-toggle {
    float: left;
    margin-left: 15px;
    margin-right: 0
}

.rtl .navbar .navbar-header {
    margin-bottom: 0
}

.rtl .navbar-nav.navbar-right {
    float: left!important;
    display: flex!important;
    flex-direction: unset
}

.rtl .navbar-nav.navbar-right .user_profile .user_img {
    margin: 0 0 0 10px;
    border-radius: 50%
}

.rtl .navbar-nav .nfc-dropdown {
    left: 0;
    right: auto!important
}

.rtl .navbar-nav .nfc-dropdown:before {
    left: 19px;
    right: unset
}

.rtl .navbar-nav .nfc-dropdown:after {
    left: 20px;
    right: unset
}

.rtl .navbar-nav>li .js-right-sidebar {
    margin-left: 0;
    margin-right: 0
}

.rtl .navbar-nav .user_profile .user_dw_menu li i {
    float: right;
    padding-left: 5px
}

.rtl section.content {
    margin: 35px 260px 0 27px;
    min-height: calc(100vh - 76px);
    transition: .5s
}

.rtl section.content .content-block {
    padding: 25px 25px 0 0
}

.rtl .breadcrumb .page-title {
    border-right: none;
    padding-right: 0
}

.rtl .breadcrumb .page-title:after {
    display: none
}

.rtl .breadcrumb .page-title:before {
    content: "\f104";
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
    font-weight: 900;
    padding: 0 5px
}

.rtl .breadcrumb li a .fa-home {
    float: right;
    padding-right: 10px;
    padding-left: unset
}

.rtl .breadcrumb .breadcrumb-item+.breadcrumb-item {
    padding-right: 5px;
    padding-left: unset
}

.rtl .breadcrumb .breadcrumb-item+.breadcrumb-item:after {
    content: "\f104";
    font-family: "Font Awesome 5 Free";
    font-size: 14px;
    font-weight: 900;
    padding-left: .5rem
}

.rtl .breadcrumb .breadcrumb-item+.breadcrumb-item:before {
    display: none
}

.rtl .sidebar {
    right: 0
}

.rtl .sidebar .menu .list .menu-toggle:after {
    left: 17px;
    right: unset
}

.rtl .sidebar .menu .list .menu-toggle:before {
    left: 17px;
    right: unset
}

.rtl .sidebar .menu .list a {
    padding: 9px
}

.rtl .sidebar .menu .list a span {
    margin: 7px 12px 7px 0
}

.rtl .sidebar .menu .list a .mat-button-wrapper {
    margin: 7px 0 7px 12px
}

.rtl .sidebar .menu .list a .material-icons-two-tone {
    float: right
}

.rtl .sidebar .menu .list a .material-icons-outlined {
    float: right;
    line-height: 2rem
}

.rtl .sidebar .menu .list .ml-menu li a {
    padding-right: 55px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-right: 0
}

.rtl .sidebar .menu .list .ml-menu .ml-menu-2 {
    padding-right: 55px
}

.rtl .sidebar .menu .list .ml-menu .ml-menu-2 li a {
    padding-right: 20px;
    padding-top: 4px;
    padding-bottom: 4px
}

.rtl .sidebar .menu .list .ml-menu .ml-menu-3 {
    padding-right: 20px
}

.rtl .sidebar .menu .list .ml-menu .ml-menu-3 li a {
    padding-right: 20px;
    padding-top: 4px;
    padding-bottom: 4px
}

.rtl .sidebar .menu .list .ml-sub-menu:after,.rtl .sidebar .menu .list .ml-sub-menu:before {
    left: 17px;
    right: unset
}

.rtl .sidebar .menu .list .header {
    margin: 15px 35px 5px 0!important
}

.rtl .sidebar .menu .list .ml-sub-menu2:after,.rtl .sidebar .menu .list .ml-sub-menu2:before {
    left: 17px;
    right: unset
}

.rtl .sidebar .sidebar-badge {
    left: 35px;
    right: unset
}

.rtl .sidemenu-reorder {
    float: right
}

.rtl .form-check .form-check-label {
    padding-right: 30px
}

.rtl .form-check .form-check-sign {
    left: unset;
    right: 0;
    padding-right: 0
}

.rtl .mat-radio-button~.mat-radio-button {
    margin-right: 16px
}

@media (min-width: 768px) {
    .rtl .navbar-header {
        float:right
    }
}

.rtl .msl-1 {
    margin-right: .25rem!important;
    margin-left: unset!important
}

.rtl .msl-2 {
    margin-right: .5rem!important;
    margin-left: unset!important
}

.rtl .msl-3 {
    margin-right: 1rem!important;
    margin-left: unset!important
}

.rtl .msl-4 {
    margin-right: 1.5rem!important;
    margin-left: unset!important
}

.rtl .msl-5 {
    margin-right: 3rem!important;
    margin-left: unset!important
}

.rtl .msr-1 {
    margin-left: .25rem!important;
    margin-right: unset!important
}

.rtl .msr-2 {
    margin-left: .5rem!important;
    margin-right: unset!important
}

.rtl .msr-3 {
    margin-left: 1rem!important;
    margin-right: unset!important
}

.rtl .msr-4 {
    margin-left: 1.5rem!important;
    margin-right: unset!important
}

.rtl .msr-5 {
    margin-left: 3rem!important;
    margin-right: unset!important
}

.rtl .psl-1 {
    padding-right: .25rem!important;
    padding-left: unset!important
}

.rtl .psl-2 {
    padding-right: .5rem!important;
    padding-left: unset!important
}

.rtl .psl-3 {
    padding-right: 1rem!important;
    padding-left: unset!important
}

.rtl .psl-4 {
    padding-right: 1.5rem!important;
    padding-left: unset!important
}

.rtl .psl-5 {
    padding-right: 3rem!important;
    padding-left: unset!important
}

.rtl .psr-1 {
    padding-left: .25rem!important;
    padding-right: unset!important
}

.rtl .psr-2 {
    padding-left: .5rem!important;
    padding-right: unset!important
}

.rtl .psr-3 {
    padding-left: 1rem!important;
    padding-right: unset!important
}

.rtl .psr-4 {
    padding-left: 1.5rem!important;
    padding-right: unset!important
}

.rtl .psr-5 {
    padding-left: 3rem!important;
    padding-right: unset!important
}

.rtl.side-closed.side-closed-hover section.content {
    margin-right: 276px;
    margin-left: 0
}

.rtl.side-closed.side-closed-hover .sidebar .menu .list .ml-menu li a {
    padding-right: 55px
}

.rtl.side-closed.side-closed-hover .sidebar .menu .list .ml-menu li a :before {
    padding-right: 40px
}

.rtl.side-closed.side-closed-hover .sidebar .menu .list .ml-menu .ml-menu-2 {
    padding-right: 55px
}

.rtl.side-closed.side-closed-hover .sidebar .menu .list .ml-menu .ml-menu-2 li a {
    padding-right: 20px
}

.rtl.side-closed.side-closed-hover .sidebar .menu .list li i {
    float: right;
    line-height: 2rem
}

.rtl.side-closed.side-closed-hover .sidebar .menu .list li span {
    display: block;
    float: right
}

.rtl.side-closed section.content {
    margin-right: 58px;
    margin-left: 20px
}

.rtl .card .header .header-dropdown,.rtl .right-sidebar.open {
    left: 0;
    right: unset
}

.rtl .right-sidebar .rightSidebarClose {
    right: 5px;
    left: unset
}

.rtl .collapse-menu-icon {
    float: right!important
}

.rtl .list-unstyled {
    padding-right: 0
}

.rtl .review-img {
    padding-left: 0!important;
    padding-right: 20px
}

.rtl .progress-percent {
    float: left!important
}

.rtl .todo-actionlist {
    left: 0
}

.rtl .ngxTableHeader .header-buttons-left {
    right: -15px
}

.rtl .ngxTableHeader .header-buttons-left li {
    margin-right: 10px
}

.rtl .ngxTableHeader .header-buttons-left .search-icon {
    left: 0
}

.rtl .ngxTableHeader .header-buttons {
    left: 35px;
    right: unset
}

.rtl #mail-nav #mail-folders {
    padding-right: 0
}

.rtl #mail-nav #mail-folders .badge {
    float: left
}

.rtl #mail-nav #mail-labels,.rtl #mail-nav #online-offline {
    padding-right: 0
}

.rtl .chat .chat-header img {
    float: right
}

.rtl .chat .chat-header .chat-about {
    float: right;
    padding-right: 10px
}

.rtl .chat .chat-history .my-message:after {
    right: 7%
}

.rtl .owl-carousel {
    direction: ltr
}

.rtl .owl-carousel .owl-item {
    direction: rtl
}

.rtl .bx-wrapper,.rtl .lg-outer {
    direction: ltr
}

.rtl .rightSetting p {
    text-align: right
}

.rtl .sidebar .menu .list {
    padding-right: 0
}

.rtl .sidebar .menu .list .active .ml-menu {
    margin-right: 0;
    padding-left: 0
}

.rtl .sidebar .menu .list .ml-menu {
    padding-right: 0
}

.rtl .sidebar .menu .list .ml-menu li.active .ml-menu:before {
    right: 30px;
    left: unset;
    content: "\f104";
    font-family: "Font Awesome 5 Free"
}

.rtl .sidebar .menu .list .ml-menu .ml-menu-2 li.active a:not(.menu-toggle):before {
    right: 0;
    left: unset
}

.rtl .sidebar .menu .list .ml-menu-3 li.active .ml-menu3:before {
    content: "\f104"
}

.rtl .notice-board .notice-body {
    padding: 0 10px 5px 0
}

.rtl .ngx-datatable.material .datatable-footer .datatable-pager {
    text-align: left
}

.rtl .people-list img {
    float: right
}

.rtl .cd-timeline-img img {
    right: 10%
}

.rtl .navbar-header .bars:before {
    right: 10px;
    left: unset
}

.rtl .navbar-brand span {
    padding-left: unset;
    padding-right: 10px
}

.rtl .dropdown-menu ul.menu {
    padding-right: 0
}

.rtl .navbar-nav .user_profile .user_dw_menu {
    padding-right: 0;
    text-align: right
}

.rtl .progress-list .status {
    left: 0;
    right: unset
}

.rtl .to-do-list {
    padding-right: 0
}

.rtl .materialTableHeader .tbl-export-btn {
    left: 20px;
    right: unset;
    float: left
}

.rtl .materialTableHeader .header-buttons-left {
    padding-right: 0
}

.rtl .materialTableHeader .header-buttons-left .tbl-title {
    margin-right: 20px;
    margin-left: 0
}

.rtl .materialTableHeader .header-buttons-left .tbl-search-box {
    margin-right: 10px
}

.rtl .materialTableHeader .header-buttons-left .search-icon {
    padding-right: 10px;
    padding-left: unset
}

.rtl .materialTableHeader .header-buttons-left input.search-field {
    padding: 8px 50px 8px 8px
}

.rtl #mail-nav #mail-labels li {
    float: right
}

.rtl #mail-nav #online-offline .material-icons {
    padding: 0 5px 2px
}

.rtl .chat-upload {
    float: left
}

.rtl .modal-header .close {
    margin-left: 0
}

.rtl .modal-close-button {
    left: 10px;
    right: unset
}

.rtl .owl-dt-container {
    direction: rtl
}

.rtl .owl-dt-control-arrow-button svg {
    transform: rotate(180deg)
}

.rtl .card-statistic-4 .card-spacing {
    padding-right: 15px;
    padding-top: 1rem
}

.rtl .post-user .avtar-img {
    float: right;
    margin-left: 15px;
    margin-right: unset
}

.rtl .info-box6 .count-numbers,.rtl .info-box6 .count-name {
    left: 35px;
    right: unset
}

.rtl .feedBody {
    border-right: 1px solid #d6d6d6;
    border-left: unset;
    margin-right: 30px;
    margin-left: unset;
    padding-right: 0;
    padding-left: unset
}

.rtl .feedBody li {
    padding-left: unset;
    padding-right: 30px
}

.rtl .feedBody li .feed-user-img {
    right: -20px;
    left: unset
}

.rtl .sl-item {
    border-right: 1px solid #13b1e0;
    border-left: unset;
    padding-right: 15px;
    padding-left: unset
}

.rtl .sl-item:before {
    right: -6.5px;
    left: unset
}

.rtl .task-module .header-button,.rtl .task-list .task-low,.rtl .task-list .task-high,.rtl .task-list .task-normal {
    margin-right: auto;
    margin-left: unset
}

.rtl .task-container .header .header-close {
    left: 15px;
    right: unset
}

.rtl .form-check .form-check-sign .check:before {
    margin-right: 10px;
    margin-left: unset
}

.rtl .top-sell .product-title,.rtl .top-sell .product-price {
    margin-right: 20px
}

.rtl .top-sell .sell-price {
    float: left
}

.rtl .doc-file-type .media-cta {
    margin-left: 15px
}

.rtl .lang-item .lang-item-list {
    text-align: right;
    line-height: 15px;
    display: block
}

.rtl .lang-item .lang-item-list .flag-img {
    float: right;
    margin: 5px 0 0 5px
}

.rtl .user_dw_menu .user-item-list {
    text-align: right;
    line-height: 15px;
    display: block
}

.rtl .user_dw_menu .user-item-list .user-menu-icons {
    float: right
}

.rtl.ls-closed .sidebar {
    margin-right: -300px;
    margin-left: unset
}

.rtl.ls-closed section.content {
    margin-right: 15px;
    margin-left: 15px
}

.rtl.overlay-open.ls-closed .sidebar {
    margin-right: 0;
    margin-left: unset
}

.rtl .btn-space {
    margin-left: 10px!important
}

.rtl .ms-auto {
    margin-right: auto!important;
    margin-left: unset!important
}

.rtl .float-end {
    float: left!important
}

.rtl .float-start {
    float: right!important
}

.rtl .text-end {
    text-align: left!important
}

.rtl .text-start {
    text-align: right!important
}

.rtl .settingSidebar {
    left: -280px;
    right: unset
}

.rtl .settingSidebar.showSettingPanel {
    left: 0;
    right: unset
}

.rtl .settingSidebar .settingPanelToggle {
    background: #6777ef;
    padding: 10px 15px;
    color: #fff;
    position: absolute;
    top: 30%;
    left: 280px;
    width: 40px;
    border-radius: 0 10px 10px 0
}

.rtl .nfc-menu {
    right: auto;
    left: unset
}

.rtl .nfc-menu .nfc-dropdown .menu .msg-user {
    float: right
}

.rtl .nfc-menu .nfc-dropdown .menu .menu-info {
    margin-right: 20px;
    float: right;
    text-align: right
}

.rtl .nfc-menu .nfc-dropdown .menu .menu-info .menu-desc .material-icons {
    float: right;
    margin-left: 3px
}

.rtl .nfc-menu .nfc-dropdown .menu li a,.rtl .mat-menu-item .user-menu-icons {
    float: right
}

.rtl .profile-menu .menu .user_dw_menu .mdc-list-item {
    display: block
}

.rtl .profile-menu .menu .user_dw_menu .mdc-list-item .user-menu-icons {
    float: right
}

.rtl .order-list li+li {
    margin-left: unset;
    margin-right: -14px
}

.rtl .ng-scroll-viewport {
    --native-scrollbar-size: 1px !important
}

.fa,.fas,.far,.fal,.fad,.fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.fa-lg {
    font-size: 1.3333333333em;
    line-height: .75em;
    vertical-align: -.0667em
}

.fa-xs {
    font-size: .75em
}

.fa-sm {
    font-size: .875em
}

.fa-1x {
    font-size: 1em
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0
}

.fa-ul>li {
    position: relative
}

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit
}

.fa-border {
    border: solid .08em #eee;
    border-radius: .1em;
    padding: .2em .25em .15em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left,.fas.fa-pull-left,.far.fa-pull-left,.fal.fa-pull-left,.fab.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right,.fas.fa-pull-right,.far.fa-pull-right,.fal.fa-pull-right,.fab.fa-pull-right {
    margin-left: .3em
}

.fa-spin {
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    animation: fa-spin 1s infinite steps(8)
}

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

    to {
        transform: rotate(360deg)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scaleX(-1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scaleY(-1)
}

.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scale(-1)
}

:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-flip-both {
    filter: none
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em
}

.fa-stack-1x,.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-500px:before {
    content: "\f26e"
}

.fa-accessible-icon:before {
    content: "\f368"
}

.fa-accusoft:before {
    content: "\f369"
}

.fa-acquisitions-incorporated:before {
    content: "\f6af"
}

.fa-ad:before {
    content: "\f641"
}

.fa-address-book:before {
    content: "\f2b9"
}

.fa-address-card:before {
    content: "\f2bb"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-adn:before {
    content: "\f170"
}

.fa-adobe:before {
    content: "\f778"
}

.fa-adversal:before {
    content: "\f36a"
}

.fa-affiliatetheme:before {
    content: "\f36b"
}

.fa-air-freshener:before {
    content: "\f5d0"
}

.fa-airbnb:before {
    content: "\f834"
}

.fa-algolia:before {
    content: "\f36c"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-alipay:before {
    content: "\f642"
}

.fa-allergies:before {
    content: "\f461"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-amazon-pay:before {
    content: "\f42c"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-american-sign-language-interpreting:before {
    content: "\f2a3"
}

.fa-amilia:before {
    content: "\f36d"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-android:before {
    content: "\f17b"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angry:before {
    content: "\f556"
}

.fa-angrycreative:before {
    content: "\f36e"
}

.fa-angular:before {
    content: "\f420"
}

.fa-ankh:before {
    content: "\f644"
}

.fa-app-store:before {
    content: "\f36f"
}

.fa-app-store-ios:before {
    content: "\f370"
}

.fa-apper:before {
    content: "\f371"
}

.fa-apple:before {
    content: "\f179"
}

.fa-apple-alt:before {
    content: "\f5d1"
}

.fa-apple-pay:before {
    content: "\f415"
}

.fa-archive:before {
    content: "\f187"
}

.fa-archway:before {
    content: "\f557"
}

.fa-arrow-alt-circle-down:before {
    content: "\f358"
}

.fa-arrow-alt-circle-left:before {
    content: "\f359"
}

.fa-arrow-alt-circle-right:before {
    content: "\f35a"
}

.fa-arrow-alt-circle-up:before {
    content: "\f35b"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-arrows-alt-h:before {
    content: "\f337"
}

.fa-arrows-alt-v:before {
    content: "\f338"
}

.fa-artstation:before {
    content: "\f77a"
}

.fa-assistive-listening-systems:before {
    content: "\f2a2"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-asymmetrik:before {
    content: "\f372"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-atlas:before {
    content: "\f558"
}

.fa-atlassian:before {
    content: "\f77b"
}

.fa-atom:before {
    content: "\f5d2"
}

.fa-audible:before {
    content: "\f373"
}

.fa-audio-description:before {
    content: "\f29e"
}

.fa-autoprefixer:before {
    content: "\f41c"
}

.fa-avianex:before {
    content: "\f374"
}

.fa-aviato:before {
    content: "\f421"
}

.fa-award:before {
    content: "\f559"
}

.fa-aws:before {
    content: "\f375"
}

.fa-baby:before {
    content: "\f77c"
}

.fa-baby-carriage:before {
    content: "\f77d"
}

.fa-backspace:before {
    content: "\f55a"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-bacon:before {
    content: "\f7e5"
}

.fa-bacteria:before {
    content: "\f959"
}

.fa-bacterium:before {
    content: "\f95a"
}

.fa-bahai:before {
    content: "\f666"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-balance-scale-left:before {
    content: "\f515"
}

.fa-balance-scale-right:before {
    content: "\f516"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-band-aid:before {
    content: "\f462"
}

.fa-bandcamp:before {
    content: "\f2d5"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-bars:before {
    content: "\f0c9"
}

.fa-baseball-ball:before {
    content: "\f433"
}

.fa-basketball-ball:before {
    content: "\f434"
}

.fa-bath:before {
    content: "\f2cd"
}

.fa-battery-empty:before {
    content: "\f244"
}

.fa-battery-full:before {
    content: "\f240"
}

.fa-battery-half:before {
    content: "\f242"
}

.fa-battery-quarter:before {
    content: "\f243"
}

.fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-battle-net:before {
    content: "\f835"
}

.fa-bed:before {
    content: "\f236"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bezier-curve:before {
    content: "\f55b"
}

.fa-bible:before {
    content: "\f647"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-biking:before {
    content: "\f84a"
}

.fa-bimobject:before {
    content: "\f378"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-biohazard:before {
    content: "\f780"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitcoin:before {
    content: "\f379"
}

.fa-bity:before {
    content: "\f37a"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-blackberry:before {
    content: "\f37b"
}

.fa-blender:before {
    content: "\f517"
}

.fa-blender-phone:before {
    content: "\f6b6"
}

.fa-blind:before {
    content: "\f29d"
}

.fa-blog:before {
    content: "\f781"
}

.fa-blogger:before {
    content: "\f37c"
}

.fa-blogger-b:before {
    content: "\f37d"
}

.fa-bluetooth:before {
    content: "\f293"
}

.fa-bluetooth-b:before {
    content: "\f294"
}

.fa-bold:before {
    content: "\f032"
}

.fa-bolt:before {
    content: "\f0e7"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-bone:before {
    content: "\f5d7"
}

.fa-bong:before {
    content: "\f55c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-book-dead:before {
    content: "\f6b7"
}

.fa-book-medical:before {
    content: "\f7e6"
}

.fa-book-open:before {
    content: "\f518"
}

.fa-book-reader:before {
    content: "\f5da"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-bootstrap:before {
    content: "\f836"
}

.fa-border-all:before {
    content: "\f84c"
}

.fa-border-none:before {
    content: "\f850"
}

.fa-border-style:before {
    content: "\f853"
}

.fa-bowling-ball:before {
    content: "\f436"
}

.fa-box:before {
    content: "\f466"
}

.fa-box-open:before {
    content: "\f49e"
}

.fa-box-tissue:before {
    content: "\f95b"
}

.fa-boxes:before {
    content: "\f468"
}

.fa-braille:before {
    content: "\f2a1"
}

.fa-brain:before {
    content: "\f5dc"
}

.fa-bread-slice:before {
    content: "\f7ec"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-briefcase-medical:before {
    content: "\f469"
}

.fa-broadcast-tower:before {
    content: "\f519"
}

.fa-broom:before {
    content: "\f51a"
}

.fa-brush:before {
    content: "\f55d"
}

.fa-btc:before {
    content: "\f15a"
}

.fa-buffer:before {
    content: "\f837"
}

.fa-bug:before {
    content: "\f188"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-burn:before {
    content: "\f46a"
}

.fa-buromobelexperte:before {
    content: "\f37f"
}

.fa-bus:before {
    content: "\f207"
}

.fa-bus-alt:before {
    content: "\f55e"
}

.fa-business-time:before {
    content: "\f64a"
}

.fa-buy-n-large:before {
    content: "\f8a6"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-calendar:before {
    content: "\f133"
}

.fa-calendar-alt:before {
    content: "\f073"
}

.fa-calendar-check:before {
    content: "\f274"
}

.fa-calendar-day:before {
    content: "\f783"
}

.fa-calendar-minus:before {
    content: "\f272"
}

.fa-calendar-plus:before {
    content: "\f271"
}

.fa-calendar-times:before {
    content: "\f273"
}

.fa-calendar-week:before {
    content: "\f784"
}

.fa-camera:before {
    content: "\f030"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-campground:before {
    content: "\f6bb"
}

.fa-canadian-maple-leaf:before {
    content: "\f785"
}

.fa-candy-cane:before {
    content: "\f786"
}

.fa-cannabis:before {
    content: "\f55f"
}

.fa-capsules:before {
    content: "\f46b"
}

.fa-car:before {
    content: "\f1b9"
}

.fa-car-alt:before {
    content: "\f5de"
}

.fa-car-battery:before {
    content: "\f5df"
}

.fa-car-crash:before {
    content: "\f5e1"
}

.fa-car-side:before {
    content: "\f5e4"
}

.fa-caravan:before {
    content: "\f8ff"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-caret-square-down:before {
    content: "\f150"
}

.fa-caret-square-left:before {
    content: "\f191"
}

.fa-caret-square-right:before {
    content: "\f152"
}

.fa-caret-square-up:before {
    content: "\f151"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-carrot:before {
    content: "\f787"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cash-register:before {
    content: "\f788"
}

.fa-cat:before {
    content: "\f6be"
}

.fa-cc-amazon-pay:before {
    content: "\f42d"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-apple-pay:before {
    content: "\f416"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-centercode:before {
    content: "\f380"
}

.fa-centos:before {
    content: "\f789"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-chair:before {
    content: "\f6c0"
}

.fa-chalkboard:before {
    content: "\f51b"
}

.fa-chalkboard-teacher:before {
    content: "\f51c"
}

.fa-charging-station:before {
    content: "\f5e7"
}

.fa-chart-area:before {
    content: "\f1fe"
}

.fa-chart-bar:before {
    content: "\f080"
}

.fa-chart-line:before {
    content: "\f201"
}

.fa-chart-pie:before {
    content: "\f200"
}

.fa-check:before {
    content: "\f00c"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-check-double:before {
    content: "\f560"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-cheese:before {
    content: "\f7ef"
}

.fa-chess:before {
    content: "\f439"
}

.fa-chess-bishop:before {
    content: "\f43a"
}

.fa-chess-board:before {
    content: "\f43c"
}

.fa-chess-king:before {
    content: "\f43f"
}

.fa-chess-knight:before {
    content: "\f441"
}

.fa-chess-pawn:before {
    content: "\f443"
}

.fa-chess-queen:before {
    content: "\f445"
}

.fa-chess-rook:before {
    content: "\f447"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-chromecast:before {
    content: "\f838"
}

.fa-church:before {
    content: "\f51d"
}

.fa-circle:before {
    content: "\f111"
}

.fa-circle-notch:before {
    content: "\f1ce"
}

.fa-city:before {
    content: "\f64f"
}

.fa-clinic-medical:before {
    content: "\f7f2"
}

.fa-clipboard:before {
    content: "\f328"
}

.fa-clipboard-check:before {
    content: "\f46c"
}

.fa-clipboard-list:before {
    content: "\f46d"
}

.fa-clock:before {
    content: "\f017"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-closed-captioning:before {
    content: "\f20a"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-cloud-download-alt:before {
    content: "\f381"
}

.fa-cloud-meatball:before {
    content: "\f73b"
}

.fa-cloud-moon:before {
    content: "\f6c3"
}

.fa-cloud-moon-rain:before {
    content: "\f73c"
}

.fa-cloud-rain:before {
    content: "\f73d"
}

.fa-cloud-showers-heavy:before {
    content: "\f740"
}

.fa-cloud-sun:before {
    content: "\f6c4"
}

.fa-cloud-sun-rain:before {
    content: "\f743"
}

.fa-cloud-upload-alt:before {
    content: "\f382"
}

.fa-cloudscale:before {
    content: "\f383"
}

.fa-cloudsmith:before {
    content: "\f384"
}

.fa-cloudversify:before {
    content: "\f385"
}

.fa-cocktail:before {
    content: "\f561"
}

.fa-code:before {
    content: "\f121"
}

.fa-code-branch:before {
    content: "\f126"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-codiepie:before {
    content: "\f284"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-cog:before {
    content: "\f013"
}

.fa-cogs:before {
    content: "\f085"
}

.fa-coins:before {
    content: "\f51e"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-comment:before {
    content: "\f075"
}

.fa-comment-alt:before {
    content: "\f27a"
}

.fa-comment-dollar:before {
    content: "\f651"
}

.fa-comment-dots:before {
    content: "\f4ad"
}

.fa-comment-medical:before {
    content: "\f7f5"
}

.fa-comment-slash:before {
    content: "\f4b3"
}

.fa-comments:before {
    content: "\f086"
}

.fa-comments-dollar:before {
    content: "\f653"
}

.fa-compact-disc:before {
    content: "\f51f"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-compress:before {
    content: "\f066"
}

.fa-compress-alt:before {
    content: "\f422"
}

.fa-compress-arrows-alt:before {
    content: "\f78c"
}

.fa-concierge-bell:before {
    content: "\f562"
}

.fa-confluence:before {
    content: "\f78d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-cookie:before {
    content: "\f563"
}

.fa-cookie-bite:before {
    content: "\f564"
}

.fa-copy:before {
    content: "\f0c5"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-cotton-bureau:before {
    content: "\f89e"
}

.fa-couch:before {
    content: "\f4b8"
}

.fa-cpanel:before {
    content: "\f388"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-creative-commons-by:before {
    content: "\f4e7"
}

.fa-creative-commons-nc:before {
    content: "\f4e8"
}

.fa-creative-commons-nc-eu:before {
    content: "\f4e9"
}

.fa-creative-commons-nc-jp:before {
    content: "\f4ea"
}

.fa-creative-commons-nd:before {
    content: "\f4eb"
}

.fa-creative-commons-pd:before {
    content: "\f4ec"
}

.fa-creative-commons-pd-alt:before {
    content: "\f4ed"
}

.fa-creative-commons-remix:before {
    content: "\f4ee"
}

.fa-creative-commons-sa:before {
    content: "\f4ef"
}

.fa-creative-commons-sampling:before {
    content: "\f4f0"
}

.fa-creative-commons-sampling-plus:before {
    content: "\f4f1"
}

.fa-creative-commons-share:before {
    content: "\f4f2"
}

.fa-creative-commons-zero:before {
    content: "\f4f3"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-critical-role:before {
    content: "\f6c9"
}

.fa-crop:before {
    content: "\f125"
}

.fa-crop-alt:before {
    content: "\f565"
}

.fa-cross:before {
    content: "\f654"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-crow:before {
    content: "\f520"
}

.fa-crown:before {
    content: "\f521"
}

.fa-crutch:before {
    content: "\f7f7"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-css3-alt:before {
    content: "\f38b"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-cut:before {
    content: "\f0c4"
}

.fa-cuttlefish:before {
    content: "\f38c"
}

.fa-d-and-d:before {
    content: "\f38d"
}

.fa-d-and-d-beyond:before {
    content: "\f6ca"
}

.fa-dailymotion:before {
    content: "\f952"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-deaf:before {
    content: "\f2a4"
}

.fa-deezer:before {
    content: "\f977"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-democrat:before {
    content: "\f747"
}

.fa-deploydog:before {
    content: "\f38e"
}

.fa-deskpro:before {
    content: "\f38f"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-dev:before {
    content: "\f6cc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-dharmachakra:before {
    content: "\f655"
}

.fa-dhl:before {
    content: "\f790"
}

.fa-diagnoses:before {
    content: "\f470"
}

.fa-diaspora:before {
    content: "\f791"
}

.fa-dice:before {
    content: "\f522"
}

.fa-dice-d20:before {
    content: "\f6cf"
}

.fa-dice-d6:before {
    content: "\f6d1"
}

.fa-dice-five:before {
    content: "\f523"
}

.fa-dice-four:before {
    content: "\f524"
}

.fa-dice-one:before {
    content: "\f525"
}

.fa-dice-six:before {
    content: "\f526"
}

.fa-dice-three:before {
    content: "\f527"
}

.fa-dice-two:before {
    content: "\f528"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-digital-ocean:before {
    content: "\f391"
}

.fa-digital-tachograph:before {
    content: "\f566"
}

.fa-directions:before {
    content: "\f5eb"
}

.fa-discord:before {
    content: "\f392"
}

.fa-discourse:before {
    content: "\f393"
}

.fa-disease:before {
    content: "\f7fa"
}

.fa-divide:before {
    content: "\f529"
}

.fa-dizzy:before {
    content: "\f567"
}

.fa-dna:before {
    content: "\f471"
}

.fa-dochub:before {
    content: "\f394"
}

.fa-docker:before {
    content: "\f395"
}

.fa-dog:before {
    content: "\f6d3"
}

.fa-dollar-sign:before {
    content: "\f155"
}

.fa-dolly:before {
    content: "\f472"
}

.fa-dolly-flatbed:before {
    content: "\f474"
}

.fa-donate:before {
    content: "\f4b9"
}

.fa-door-closed:before {
    content: "\f52a"
}

.fa-door-open:before {
    content: "\f52b"
}

.fa-dot-circle:before {
    content: "\f192"
}

.fa-dove:before {
    content: "\f4ba"
}

.fa-download:before {
    content: "\f019"
}

.fa-draft2digital:before {
    content: "\f396"
}

.fa-drafting-compass:before {
    content: "\f568"
}

.fa-dragon:before {
    content: "\f6d5"
}

.fa-draw-polygon:before {
    content: "\f5ee"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-dribbble-square:before {
    content: "\f397"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-drum:before {
    content: "\f569"
}

.fa-drum-steelpan:before {
    content: "\f56a"
}

.fa-drumstick-bite:before {
    content: "\f6d7"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-dumbbell:before {
    content: "\f44b"
}

.fa-dumpster:before {
    content: "\f793"
}

.fa-dumpster-fire:before {
    content: "\f794"
}

.fa-dungeon:before {
    content: "\f6d9"
}

.fa-dyalog:before {
    content: "\f399"
}

.fa-earlybirds:before {
    content: "\f39a"
}

.fa-ebay:before {
    content: "\f4f4"
}

.fa-edge:before {
    content: "\f282"
}

.fa-edge-legacy:before {
    content: "\f978"
}

.fa-edit:before {
    content: "\f044"
}

.fa-egg:before {
    content: "\f7fb"
}

.fa-eject:before {
    content: "\f052"
}

.fa-elementor:before {
    content: "\f430"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-ello:before {
    content: "\f5f1"
}

.fa-ember:before {
    content: "\f423"
}

.fa-empire:before {
    content: "\f1d1"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-envelope-open:before {
    content: "\f2b6"
}

.fa-envelope-open-text:before {
    content: "\f658"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-envira:before {
    content: "\f299"
}

.fa-equals:before {
    content: "\f52c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-erlang:before {
    content: "\f39d"
}

.fa-ethereum:before {
    content: "\f42e"
}

.fa-ethernet:before {
    content: "\f796"
}

.fa-etsy:before {
    content: "\f2d7"
}

.fa-euro-sign:before {
    content: "\f153"
}

.fa-evernote:before {
    content: "\f839"
}

.fa-exchange-alt:before {
    content: "\f362"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-exclamation-triangle:before {
    content: "\f071"
}

.fa-expand:before {
    content: "\f065"
}

.fa-expand-alt:before {
    content: "\f424"
}

.fa-expand-arrows-alt:before {
    content: "\f31e"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-external-link-alt:before {
    content: "\f35d"
}

.fa-external-link-square-alt:before {
    content: "\f360"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-dropper:before {
    content: "\f1fb"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-facebook:before {
    content: "\f09a"
}

.fa-facebook-f:before {
    content: "\f39e"
}

.fa-facebook-messenger:before {
    content: "\f39f"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-fan:before {
    content: "\f863"
}

.fa-fantasy-flight-games:before {
    content: "\f6dc"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-faucet:before {
    content: "\f905"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-feather:before {
    content: "\f52d"
}

.fa-feather-alt:before {
    content: "\f56b"
}

.fa-fedex:before {
    content: "\f797"
}

.fa-fedora:before {
    content: "\f798"
}

.fa-female:before {
    content: "\f182"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-figma:before {
    content: "\f799"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-alt:before {
    content: "\f15c"
}

.fa-file-archive:before {
    content: "\f1c6"
}

.fa-file-audio:before {
    content: "\f1c7"
}

.fa-file-code:before {
    content: "\f1c9"
}

.fa-file-contract:before {
    content: "\f56c"
}

.fa-file-csv:before {
    content: "\f6dd"
}

.fa-file-download:before {
    content: "\f56d"
}

.fa-file-excel:before {
    content: "\f1c3"
}

.fa-file-export:before {
    content: "\f56e"
}

.fa-file-image:before {
    content: "\f1c5"
}

.fa-file-import:before {
    content: "\f56f"
}

.fa-file-invoice:before {
    content: "\f570"
}

.fa-file-invoice-dollar:before {
    content: "\f571"
}

.fa-file-medical:before {
    content: "\f477"
}

.fa-file-medical-alt:before {
    content: "\f478"
}

.fa-file-pdf:before {
    content: "\f1c1"
}

.fa-file-powerpoint:before {
    content: "\f1c4"
}

.fa-file-prescription:before {
    content: "\f572"
}

.fa-file-signature:before {
    content: "\f573"
}

.fa-file-upload:before {
    content: "\f574"
}

.fa-file-video:before {
    content: "\f1c8"
}

.fa-file-word:before {
    content: "\f1c2"
}

.fa-fill:before {
    content: "\f575"
}

.fa-fill-drip:before {
    content: "\f576"
}

.fa-film:before {
    content: "\f008"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-fingerprint:before {
    content: "\f577"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-fire-alt:before {
    content: "\f7e4"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-firefox-browser:before {
    content: "\f907"
}

.fa-first-aid:before {
    content: "\f479"
}

.fa-first-order:before {
    content: "\f2b0"
}

.fa-first-order-alt:before {
    content: "\f50a"
}

.fa-firstdraft:before {
    content: "\f3a1"
}

.fa-fish:before {
    content: "\f578"
}

.fa-fist-raised:before {
    content: "\f6de"
}

.fa-flag:before {
    content: "\f024"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-flag-usa:before {
    content: "\f74d"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-flipboard:before {
    content: "\f44d"
}

.fa-flushed:before {
    content: "\f579"
}

.fa-fly:before {
    content: "\f417"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-minus:before {
    content: "\f65d"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-folder-plus:before {
    content: "\f65e"
}

.fa-font:before {
    content: "\f031"
}

.fa-font-awesome:before {
    content: "\f2b4"
}

.fa-font-awesome-alt:before {
    content: "\f35c"
}

.fa-font-awesome-flag:before {
    content: "\f425"
}

.fa-font-awesome-logo-full:before {
    content: "\f4e6"
}

.fa-fonticons:before {
    content: "\f280"
}

.fa-fonticons-fi:before {
    content: "\f3a2"
}

.fa-football-ball:before {
    content: "\f44e"
}

.fa-fort-awesome:before {
    content: "\f286"
}

.fa-fort-awesome-alt:before {
    content: "\f3a3"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-free-code-camp:before {
    content: "\f2c5"
}

.fa-freebsd:before {
    content: "\f3a4"
}

.fa-frog:before {
    content: "\f52e"
}

.fa-frown:before {
    content: "\f119"
}

.fa-frown-open:before {
    content: "\f57a"
}

.fa-fulcrum:before {
    content: "\f50b"
}

.fa-funnel-dollar:before {
    content: "\f662"
}

.fa-futbol:before {
    content: "\f1e3"
}

.fa-galactic-republic:before {
    content: "\f50c"
}

.fa-galactic-senate:before {
    content: "\f50d"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-gas-pump:before {
    content: "\f52f"
}

.fa-gavel:before {
    content: "\f0e3"
}

.fa-gem:before {
    content: "\f3a5"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-gg:before {
    content: "\f260"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-ghost:before {
    content: "\f6e2"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-gifts:before {
    content: "\f79c"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-git-alt:before {
    content: "\f841"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-github:before {
    content: "\f09b"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-gitkraken:before {
    content: "\f3a6"
}

.fa-gitlab:before {
    content: "\f296"
}

.fa-gitter:before {
    content: "\f426"
}

.fa-glass-cheers:before {
    content: "\f79f"
}

.fa-glass-martini:before {
    content: "\f000"
}

.fa-glass-martini-alt:before {
    content: "\f57b"
}

.fa-glass-whiskey:before {
    content: "\f7a0"
}

.fa-glasses:before {
    content: "\f530"
}

.fa-glide:before {
    content: "\f2a5"
}

.fa-glide-g:before {
    content: "\f2a6"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-globe-africa:before {
    content: "\f57c"
}

.fa-globe-americas:before {
    content: "\f57d"
}

.fa-globe-asia:before {
    content: "\f57e"
}

.fa-globe-europe:before {
    content: "\f7a2"
}

.fa-gofore:before {
    content: "\f3a7"
}

.fa-golf-ball:before {
    content: "\f450"
}

.fa-goodreads:before {
    content: "\f3a8"
}

.fa-goodreads-g:before {
    content: "\f3a9"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-google-drive:before {
    content: "\f3aa"
}

.fa-google-pay:before {
    content: "\f979"
}

.fa-google-play:before {
    content: "\f3ab"
}

.fa-google-plus:before {
    content: "\f2b3"
}

.fa-google-plus-g:before {
    content: "\f0d5"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-gopuram:before {
    content: "\f664"
}

.fa-graduation-cap:before {
    content: "\f19d"
}

.fa-gratipay:before {
    content: "\f184"
}

.fa-grav:before {
    content: "\f2d6"
}

.fa-greater-than:before {
    content: "\f531"
}

.fa-greater-than-equal:before {
    content: "\f532"
}

.fa-grimace:before {
    content: "\f57f"
}

.fa-grin:before {
    content: "\f580"
}

.fa-grin-alt:before {
    content: "\f581"
}

.fa-grin-beam:before {
    content: "\f582"
}

.fa-grin-beam-sweat:before {
    content: "\f583"
}

.fa-grin-hearts:before {
    content: "\f584"
}

.fa-grin-squint:before {
    content: "\f585"
}

.fa-grin-squint-tears:before {
    content: "\f586"
}

.fa-grin-stars:before {
    content: "\f587"
}

.fa-grin-tears:before {
    content: "\f588"
}

.fa-grin-tongue:before {
    content: "\f589"
}

.fa-grin-tongue-squint:before {
    content: "\f58a"
}

.fa-grin-tongue-wink:before {
    content: "\f58b"
}

.fa-grin-wink:before {
    content: "\f58c"
}

.fa-grip-horizontal:before {
    content: "\f58d"
}

.fa-grip-lines:before {
    content: "\f7a4"
}

.fa-grip-lines-vertical:before {
    content: "\f7a5"
}

.fa-grip-vertical:before {
    content: "\f58e"
}

.fa-gripfire:before {
    content: "\f3ac"
}

.fa-grunt:before {
    content: "\f3ad"
}

.fa-guitar:before {
    content: "\f7a6"
}

.fa-gulp:before {
    content: "\f3ae"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-hacker-news:before {
    content: "\f1d4"
}

.fa-hacker-news-square:before {
    content: "\f3af"
}

.fa-hackerrank:before {
    content: "\f5f7"
}

.fa-hamburger:before {
    content: "\f805"
}

.fa-hammer:before {
    content: "\f6e3"
}

.fa-hamsa:before {
    content: "\f665"
}

.fa-hand-holding:before {
    content: "\f4bd"
}

.fa-hand-holding-heart:before {
    content: "\f4be"
}

.fa-hand-holding-medical:before {
    content: "\f95c"
}

.fa-hand-holding-usd:before {
    content: "\f4c0"
}

.fa-hand-holding-water:before {
    content: "\f4c1"
}

.fa-hand-lizard:before {
    content: "\f258"
}

.fa-hand-middle-finger:before {
    content: "\f806"
}

.fa-hand-paper:before {
    content: "\f256"
}

.fa-hand-peace:before {
    content: "\f25b"
}

.fa-hand-point-down:before {
    content: "\f0a7"
}

.fa-hand-point-left:before {
    content: "\f0a5"
}

.fa-hand-point-right:before {
    content: "\f0a4"
}

.fa-hand-point-up:before {
    content: "\f0a6"
}

.fa-hand-pointer:before {
    content: "\f25a"
}

.fa-hand-rock:before {
    content: "\f255"
}

.fa-hand-scissors:before {
    content: "\f257"
}

.fa-hand-sparkles:before {
    content: "\f95d"
}

.fa-hand-spock:before {
    content: "\f259"
}

.fa-hands:before {
    content: "\f4c2"
}

.fa-hands-helping:before {
    content: "\f4c4"
}

.fa-hands-wash:before {
    content: "\f95e"
}

.fa-handshake:before {
    content: "\f2b5"
}

.fa-handshake-alt-slash:before {
    content: "\f95f"
}

.fa-handshake-slash:before {
    content: "\f960"
}

.fa-hanukiah:before {
    content: "\f6e6"
}

.fa-hard-hat:before {
    content: "\f807"
}

.fa-hashtag:before {
    content: "\f292"
}

.fa-hat-cowboy:before {
    content: "\f8c0"
}

.fa-hat-cowboy-side:before {
    content: "\f8c1"
}

.fa-hat-wizard:before {
    content: "\f6e8"
}

.fa-hdd:before {
    content: "\f0a0"
}

.fa-head-side-cough:before {
    content: "\f961"
}

.fa-head-side-cough-slash:before {
    content: "\f962"
}

.fa-head-side-mask:before {
    content: "\f963"
}

.fa-head-side-virus:before {
    content: "\f964"
}

.fa-heading:before {
    content: "\f1dc"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-headphones-alt:before {
    content: "\f58f"
}

.fa-headset:before {
    content: "\f590"
}

.fa-heart:before {
    content: "\f004"
}

.fa-heart-broken:before {
    content: "\f7a9"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-helicopter:before {
    content: "\f533"
}

.fa-highlighter:before {
    content: "\f591"
}

.fa-hiking:before {
    content: "\f6ec"
}

.fa-hippo:before {
    content: "\f6ed"
}

.fa-hips:before {
    content: "\f452"
}

.fa-hire-a-helper:before {
    content: "\f3b0"
}

.fa-history:before {
    content: "\f1da"
}

.fa-hockey-puck:before {
    content: "\f453"
}

.fa-holly-berry:before {
    content: "\f7aa"
}

.fa-home:before {
    content: "\f015"
}

.fa-hooli:before {
    content: "\f427"
}

.fa-hornbill:before {
    content: "\f592"
}

.fa-horse:before {
    content: "\f6f0"
}

.fa-horse-head:before {
    content: "\f7ab"
}

.fa-hospital:before {
    content: "\f0f8"
}

.fa-hospital-alt:before {
    content: "\f47d"
}

.fa-hospital-symbol:before {
    content: "\f47e"
}

.fa-hospital-user:before {
    content: "\f80d"
}

.fa-hot-tub:before {
    content: "\f593"
}

.fa-hotdog:before {
    content: "\f80f"
}

.fa-hotel:before {
    content: "\f594"
}

.fa-hotjar:before {
    content: "\f3b1"
}

.fa-hourglass:before {
    content: "\f254"
}

.fa-hourglass-end:before {
    content: "\f253"
}

.fa-hourglass-half:before {
    content: "\f252"
}

.fa-hourglass-start:before {
    content: "\f251"
}

.fa-house-damage:before {
    content: "\f6f1"
}

.fa-house-user:before {
    content: "\f965"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-hryvnia:before {
    content: "\f6f2"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-hubspot:before {
    content: "\f3b2"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-ice-cream:before {
    content: "\f810"
}

.fa-icicles:before {
    content: "\f7ad"
}

.fa-icons:before {
    content: "\f86d"
}

.fa-id-badge:before {
    content: "\f2c1"
}

.fa-id-card:before {
    content: "\f2c2"
}

.fa-id-card-alt:before {
    content: "\f47f"
}

.fa-ideal:before {
    content: "\f913"
}

.fa-igloo:before {
    content: "\f7ae"
}

.fa-image:before {
    content: "\f03e"
}

.fa-images:before {
    content: "\f302"
}

.fa-imdb:before {
    content: "\f2d8"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-industry:before {
    content: "\f275"
}

.fa-infinity:before {
    content: "\f534"
}

.fa-info:before {
    content: "\f129"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-instagram-square:before {
    content: "\f955"
}

.fa-intercom:before {
    content: "\f7af"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-invision:before {
    content: "\f7b0"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-italic:before {
    content: "\f033"
}

.fa-itch-io:before {
    content: "\f83a"
}

.fa-itunes:before {
    content: "\f3b4"
}

.fa-itunes-note:before {
    content: "\f3b5"
}

.fa-java:before {
    content: "\f4e4"
}

.fa-jedi:before {
    content: "\f669"
}

.fa-jedi-order:before {
    content: "\f50e"
}

.fa-jenkins:before {
    content: "\f3b6"
}

.fa-jira:before {
    content: "\f7b1"
}

.fa-joget:before {
    content: "\f3b7"
}

.fa-joint:before {
    content: "\f595"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-journal-whills:before {
    content: "\f66a"
}

.fa-js:before {
    content: "\f3b8"
}

.fa-js-square:before {
    content: "\f3b9"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-kaaba:before {
    content: "\f66b"
}

.fa-kaggle:before {
    content: "\f5fa"
}

.fa-key:before {
    content: "\f084"
}

.fa-keybase:before {
    content: "\f4f5"
}

.fa-keyboard:before {
    content: "\f11c"
}

.fa-keycdn:before {
    content: "\f3ba"
}

.fa-khanda:before {
    content: "\f66d"
}

.fa-kickstarter:before {
    content: "\f3bb"
}

.fa-kickstarter-k:before {
    content: "\f3bc"
}

.fa-kiss:before {
    content: "\f596"
}

.fa-kiss-beam:before {
    content: "\f597"
}

.fa-kiss-wink-heart:before {
    content: "\f598"
}

.fa-kiwi-bird:before {
    content: "\f535"
}

.fa-korvue:before {
    content: "\f42f"
}

.fa-landmark:before {
    content: "\f66f"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-laptop-code:before {
    content: "\f5fc"
}

.fa-laptop-house:before {
    content: "\f966"
}

.fa-laptop-medical:before {
    content: "\f812"
}

.fa-laravel:before {
    content: "\f3bd"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-laugh:before {
    content: "\f599"
}

.fa-laugh-beam:before {
    content: "\f59a"
}

.fa-laugh-squint:before {
    content: "\f59b"
}

.fa-laugh-wink:before {
    content: "\f59c"
}

.fa-layer-group:before {
    content: "\f5fd"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-lemon:before {
    content: "\f094"
}

.fa-less:before {
    content: "\f41d"
}

.fa-less-than:before {
    content: "\f536"
}

.fa-less-than-equal:before {
    content: "\f537"
}

.fa-level-down-alt:before {
    content: "\f3be"
}

.fa-level-up-alt:before {
    content: "\f3bf"
}

.fa-life-ring:before {
    content: "\f1cd"
}

.fa-lightbulb:before {
    content: "\f0eb"
}

.fa-line:before {
    content: "\f3c0"
}

.fa-link:before {
    content: "\f0c1"
}

.fa-linkedin:before {
    content: "\f08c"
}

.fa-linkedin-in:before {
    content: "\f0e1"
}

.fa-linode:before {
    content: "\f2b8"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-lira-sign:before {
    content: "\f195"
}

.fa-list:before {
    content: "\f03a"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-lock:before {
    content: "\f023"
}

.fa-lock-open:before {
    content: "\f3c1"
}

.fa-long-arrow-alt-down:before {
    content: "\f309"
}

.fa-long-arrow-alt-left:before {
    content: "\f30a"
}

.fa-long-arrow-alt-right:before {
    content: "\f30b"
}

.fa-long-arrow-alt-up:before {
    content: "\f30c"
}

.fa-low-vision:before {
    content: "\f2a8"
}

.fa-luggage-cart:before {
    content: "\f59d"
}

.fa-lungs:before {
    content: "\f604"
}

.fa-lungs-virus:before {
    content: "\f967"
}

.fa-lyft:before {
    content: "\f3c3"
}

.fa-magento:before {
    content: "\f3c4"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-mail-bulk:before {
    content: "\f674"
}

.fa-mailchimp:before {
    content: "\f59e"
}

.fa-male:before {
    content: "\f183"
}

.fa-mandalorian:before {
    content: "\f50f"
}

.fa-map:before {
    content: "\f279"
}

.fa-map-marked:before {
    content: "\f59f"
}

.fa-map-marked-alt:before {
    content: "\f5a0"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-map-marker-alt:before {
    content: "\f3c5"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-map-signs:before {
    content: "\f277"
}

.fa-markdown:before {
    content: "\f60f"
}

.fa-marker:before {
    content: "\f5a1"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mask:before {
    content: "\f6fa"
}

.fa-mastodon:before {
    content: "\f4f6"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-mdb:before {
    content: "\f8ca"
}

.fa-medal:before {
    content: "\f5a2"
}

.fa-medapps:before {
    content: "\f3c6"
}

.fa-medium:before {
    content: "\f23a"
}

.fa-medium-m:before {
    content: "\f3c7"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-medrt:before {
    content: "\f3c8"
}

.fa-meetup:before {
    content: "\f2e0"
}

.fa-megaport:before {
    content: "\f5a3"
}

.fa-meh:before {
    content: "\f11a"
}

.fa-meh-blank:before {
    content: "\f5a4"
}

.fa-meh-rolling-eyes:before {
    content: "\f5a5"
}

.fa-memory:before {
    content: "\f538"
}

.fa-mendeley:before {
    content: "\f7b3"
}

.fa-menorah:before {
    content: "\f676"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-meteor:before {
    content: "\f753"
}

.fa-microblog:before {
    content: "\f91a"
}

.fa-microchip:before {
    content: "\f2db"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-alt:before {
    content: "\f3c9"
}

.fa-microphone-alt-slash:before {
    content: "\f539"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-microscope:before {
    content: "\f610"
}

.fa-microsoft:before {
    content: "\f3ca"
}

.fa-minus:before {
    content: "\f068"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-mitten:before {
    content: "\f7b5"
}

.fa-mix:before {
    content: "\f3cb"
}

.fa-mixcloud:before {
    content: "\f289"
}

.fa-mixer:before {
    content: "\f956"
}

.fa-mizuni:before {
    content: "\f3cc"
}

.fa-mobile:before {
    content: "\f10b"
}

.fa-mobile-alt:before {
    content: "\f3cd"
}

.fa-modx:before {
    content: "\f285"
}

.fa-monero:before {
    content: "\f3d0"
}

.fa-money-bill:before {
    content: "\f0d6"
}

.fa-money-bill-alt:before {
    content: "\f3d1"
}

.fa-money-bill-wave:before {
    content: "\f53a"
}

.fa-money-bill-wave-alt:before {
    content: "\f53b"
}

.fa-money-check:before {
    content: "\f53c"
}

.fa-money-check-alt:before {
    content: "\f53d"
}

.fa-monument:before {
    content: "\f5a6"
}

.fa-moon:before {
    content: "\f186"
}

.fa-mortar-pestle:before {
    content: "\f5a7"
}

.fa-mosque:before {
    content: "\f678"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-mountain:before {
    content: "\f6fc"
}

.fa-mouse:before {
    content: "\f8cc"
}

.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-mug-hot:before {
    content: "\f7b6"
}

.fa-music:before {
    content: "\f001"
}

.fa-napster:before {
    content: "\f3d2"
}

.fa-neos:before {
    content: "\f612"
}

.fa-network-wired:before {
    content: "\f6ff"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-newspaper:before {
    content: "\f1ea"
}

.fa-nimblr:before {
    content: "\f5a8"
}

.fa-node:before {
    content: "\f419"
}

.fa-node-js:before {
    content: "\f3d3"
}

.fa-not-equal:before {
    content: "\f53e"
}

.fa-notes-medical:before {
    content: "\f481"
}

.fa-npm:before {
    content: "\f3d4"
}

.fa-ns8:before {
    content: "\f3d5"
}

.fa-nutritionix:before {
    content: "\f3d6"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-odnoklassniki-square:before {
    content: "\f264"
}

.fa-oil-can:before {
    content: "\f613"
}

.fa-old-republic:before {
    content: "\f510"
}

.fa-om:before {
    content: "\f679"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-orcid:before {
    content: "\f8d2"
}

.fa-osi:before {
    content: "\f41a"
}

.fa-otter:before {
    content: "\f700"
}

.fa-outdent:before {
    content: "\f03b"
}

.fa-page4:before {
    content: "\f3d7"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-pager:before {
    content: "\f815"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-paint-roller:before {
    content: "\f5aa"
}

.fa-palette:before {
    content: "\f53f"
}

.fa-palfed:before {
    content: "\f3d8"
}

.fa-pallet:before {
    content: "\f482"
}

.fa-paper-plane:before {
    content: "\f1d8"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-parachute-box:before {
    content: "\f4cd"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-parking:before {
    content: "\f540"
}

.fa-passport:before {
    content: "\f5ab"
}

.fa-pastafarianism:before {
    content: "\f67b"
}

.fa-paste:before {
    content: "\f0ea"
}

.fa-patreon:before {
    content: "\f3d9"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-pause-circle:before {
    content: "\f28b"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-peace:before {
    content: "\f67c"
}

.fa-pen:before {
    content: "\f304"
}

.fa-pen-alt:before {
    content: "\f305"
}

.fa-pen-fancy:before {
    content: "\f5ac"
}

.fa-pen-nib:before {
    content: "\f5ad"
}

.fa-pen-square:before {
    content: "\f14b"
}

.fa-pencil-alt:before {
    content: "\f303"
}

.fa-pencil-ruler:before {
    content: "\f5ae"
}

.fa-penny-arcade:before {
    content: "\f704"
}

.fa-people-arrows:before {
    content: "\f968"
}

.fa-people-carry:before {
    content: "\f4ce"
}

.fa-pepper-hot:before {
    content: "\f816"
}

.fa-percent:before {
    content: "\f295"
}

.fa-percentage:before {
    content: "\f541"
}

.fa-periscope:before {
    content: "\f3da"
}

.fa-person-booth:before {
    content: "\f756"
}

.fa-phabricator:before {
    content: "\f3db"
}

.fa-phoenix-framework:before {
    content: "\f3dc"
}

.fa-phoenix-squadron:before {
    content: "\f511"
}

.fa-phone:before {
    content: "\f095"
}

.fa-phone-alt:before {
    content: "\f879"
}

.fa-phone-slash:before {
    content: "\f3dd"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-phone-square-alt:before {
    content: "\f87b"
}

.fa-phone-volume:before {
    content: "\f2a0"
}

.fa-photo-video:before {
    content: "\f87c"
}

.fa-php:before {
    content: "\f457"
}

.fa-pied-piper:before {
    content: "\f2ae"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-pied-piper-hat:before {
    content: "\f4e5"
}

.fa-pied-piper-pp:before {
    content: "\f1a7"
}

.fa-pied-piper-square:before {
    content: "\f91e"
}

.fa-piggy-bank:before {
    content: "\f4d3"
}

.fa-pills:before {
    content: "\f484"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-pizza-slice:before {
    content: "\f818"
}

.fa-place-of-worship:before {
    content: "\f67f"
}

.fa-plane:before {
    content: "\f072"
}

.fa-plane-arrival:before {
    content: "\f5af"
}

.fa-plane-departure:before {
    content: "\f5b0"
}

.fa-plane-slash:before {
    content: "\f969"
}

.fa-play:before {
    content: "\f04b"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-playstation:before {
    content: "\f3df"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-plus:before {
    content: "\f067"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-podcast:before {
    content: "\f2ce"
}

.fa-poll:before {
    content: "\f681"
}

.fa-poll-h:before {
    content: "\f682"
}

.fa-poo:before {
    content: "\f2fe"
}

.fa-poo-storm:before {
    content: "\f75a"
}

.fa-poop:before {
    content: "\f619"
}

.fa-portrait:before {
    content: "\f3e0"
}

.fa-pound-sign:before {
    content: "\f154"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-pray:before {
    content: "\f683"
}

.fa-praying-hands:before {
    content: "\f684"
}

.fa-prescription:before {
    content: "\f5b1"
}

.fa-prescription-bottle:before {
    content: "\f485"
}

.fa-prescription-bottle-alt:before {
    content: "\f486"
}

.fa-print:before {
    content: "\f02f"
}

.fa-procedures:before {
    content: "\f487"
}

.fa-product-hunt:before {
    content: "\f288"
}

.fa-project-diagram:before {
    content: "\f542"
}

.fa-pump-medical:before {
    content: "\f96a"
}

.fa-pump-soap:before {
    content: "\f96b"
}

.fa-pushed:before {
    content: "\f3e1"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-python:before {
    content: "\f3e2"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-question:before {
    content: "\f128"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-quidditch:before {
    content: "\f458"
}

.fa-quinscape:before {
    content: "\f459"
}

.fa-quora:before {
    content: "\f2c4"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-quran:before {
    content: "\f687"
}

.fa-r-project:before {
    content: "\f4f7"
}

.fa-radiation:before {
    content: "\f7b9"
}

.fa-radiation-alt:before {
    content: "\f7ba"
}

.fa-rainbow:before {
    content: "\f75b"
}

.fa-random:before {
    content: "\f074"
}

.fa-raspberry-pi:before {
    content: "\f7bb"
}

.fa-ravelry:before {
    content: "\f2d9"
}

.fa-react:before {
    content: "\f41b"
}

.fa-reacteurope:before {
    content: "\f75d"
}

.fa-readme:before {
    content: "\f4d5"
}

.fa-rebel:before {
    content: "\f1d0"
}

.fa-receipt:before {
    content: "\f543"
}

.fa-record-vinyl:before {
    content: "\f8d9"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-red-river:before {
    content: "\f3e3"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-alien:before {
    content: "\f281"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-redhat:before {
    content: "\f7bc"
}

.fa-redo:before {
    content: "\f01e"
}

.fa-redo-alt:before {
    content: "\f2f9"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-remove-format:before {
    content: "\f87d"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-reply:before {
    content: "\f3e5"
}

.fa-reply-all:before {
    content: "\f122"
}

.fa-replyd:before {
    content: "\f3e6"
}

.fa-republican:before {
    content: "\f75e"
}

.fa-researchgate:before {
    content: "\f4f8"
}

.fa-resolving:before {
    content: "\f3e7"
}

.fa-restroom:before {
    content: "\f7bd"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-rev:before {
    content: "\f5b2"
}

.fa-ribbon:before {
    content: "\f4d6"
}

.fa-ring:before {
    content: "\f70b"
}

.fa-road:before {
    content: "\f018"
}

.fa-robot:before {
    content: "\f544"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-rocketchat:before {
    content: "\f3e8"
}

.fa-rockrms:before {
    content: "\f3e9"
}

.fa-route:before {
    content: "\f4d7"
}

.fa-rss:before {
    content: "\f09e"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-ruble-sign:before {
    content: "\f158"
}

.fa-ruler:before {
    content: "\f545"
}

.fa-ruler-combined:before {
    content: "\f546"
}

.fa-ruler-horizontal:before {
    content: "\f547"
}

.fa-ruler-vertical:before {
    content: "\f548"
}

.fa-running:before {
    content: "\f70c"
}

.fa-rupee-sign:before {
    content: "\f156"
}

.fa-rust:before {
    content: "\f97a"
}

.fa-sad-cry:before {
    content: "\f5b3"
}

.fa-sad-tear:before {
    content: "\f5b4"
}

.fa-safari:before {
    content: "\f267"
}

.fa-salesforce:before {
    content: "\f83b"
}

.fa-sass:before {
    content: "\f41e"
}

.fa-satellite:before {
    content: "\f7bf"
}

.fa-satellite-dish:before {
    content: "\f7c0"
}

.fa-save:before {
    content: "\f0c7"
}

.fa-schlix:before {
    content: "\f3ea"
}

.fa-school:before {
    content: "\f549"
}

.fa-screwdriver:before {
    content: "\f54a"
}

.fa-scribd:before {
    content: "\f28a"
}

.fa-scroll:before {
    content: "\f70e"
}

.fa-sd-card:before {
    content: "\f7c2"
}

.fa-search:before {
    content: "\f002"
}

.fa-search-dollar:before {
    content: "\f688"
}

.fa-search-location:before {
    content: "\f689"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-searchengin:before {
    content: "\f3eb"
}

.fa-seedling:before {
    content: "\f4d8"
}

.fa-sellcast:before {
    content: "\f2da"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-server:before {
    content: "\f233"
}

.fa-servicestack:before {
    content: "\f3ec"
}

.fa-shapes:before {
    content: "\f61f"
}

.fa-share:before {
    content: "\f064"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-shekel-sign:before {
    content: "\f20b"
}

.fa-shield-alt:before {
    content: "\f3ed"
}

.fa-shield-virus:before {
    content: "\f96c"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-shipping-fast:before {
    content: "\f48b"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-shoe-prints:before {
    content: "\f54b"
}

.fa-shopify:before {
    content: "\f957"
}

.fa-shopping-bag:before {
    content: "\f290"
}

.fa-shopping-basket:before {
    content: "\f291"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-shopware:before {
    content: "\f5b5"
}

.fa-shower:before {
    content: "\f2cc"
}

.fa-shuttle-van:before {
    content: "\f5b6"
}

.fa-sign:before {
    content: "\f4d9"
}

.fa-sign-in-alt:before {
    content: "\f2f6"
}

.fa-sign-language:before {
    content: "\f2a7"
}

.fa-sign-out-alt:before {
    content: "\f2f5"
}

.fa-signal:before {
    content: "\f012"
}

.fa-signature:before {
    content: "\f5b7"
}

.fa-sim-card:before {
    content: "\f7c4"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-sink:before {
    content: "\f96d"
}

.fa-sistrix:before {
    content: "\f3ee"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-sith:before {
    content: "\f512"
}

.fa-skating:before {
    content: "\f7c5"
}

.fa-sketch:before {
    content: "\f7c6"
}

.fa-skiing:before {
    content: "\f7c9"
}

.fa-skiing-nordic:before {
    content: "\f7ca"
}

.fa-skull:before {
    content: "\f54c"
}

.fa-skull-crossbones:before {
    content: "\f714"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-slack:before {
    content: "\f198"
}

.fa-slack-hash:before {
    content: "\f3ef"
}

.fa-slash:before {
    content: "\f715"
}

.fa-sleigh:before {
    content: "\f7cc"
}

.fa-sliders-h:before {
    content: "\f1de"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-smile:before {
    content: "\f118"
}

.fa-smile-beam:before {
    content: "\f5b8"
}

.fa-smile-wink:before {
    content: "\f4da"
}

.fa-smog:before {
    content: "\f75f"
}

.fa-smoking:before {
    content: "\f48d"
}

.fa-smoking-ban:before {
    content: "\f54d"
}

.fa-sms:before {
    content: "\f7cd"
}

.fa-snapchat:before {
    content: "\f2ab"
}

.fa-snapchat-ghost:before {
    content: "\f2ac"
}

.fa-snapchat-square:before {
    content: "\f2ad"
}

.fa-snowboarding:before {
    content: "\f7ce"
}

.fa-snowflake:before {
    content: "\f2dc"
}

.fa-snowman:before {
    content: "\f7d0"
}

.fa-snowplow:before {
    content: "\f7d2"
}

.fa-soap:before {
    content: "\f96e"
}

.fa-socks:before {
    content: "\f696"
}

.fa-solar-panel:before {
    content: "\f5ba"
}

.fa-sort:before {
    content: "\f0dc"
}

.fa-sort-alpha-down:before {
    content: "\f15d"
}

.fa-sort-alpha-down-alt:before {
    content: "\f881"
}

.fa-sort-alpha-up:before {
    content: "\f15e"
}

.fa-sort-alpha-up-alt:before {
    content: "\f882"
}

.fa-sort-amount-down:before {
    content: "\f160"
}

.fa-sort-amount-down-alt:before {
    content: "\f884"
}

.fa-sort-amount-up:before {
    content: "\f161"
}

.fa-sort-amount-up-alt:before {
    content: "\f885"
}

.fa-sort-down:before {
    content: "\f0dd"
}

.fa-sort-numeric-down:before {
    content: "\f162"
}

.fa-sort-numeric-down-alt:before {
    content: "\f886"
}

.fa-sort-numeric-up:before {
    content: "\f163"
}

.fa-sort-numeric-up-alt:before {
    content: "\f887"
}

.fa-sort-up:before {
    content: "\f0de"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-sourcetree:before {
    content: "\f7d3"
}

.fa-spa:before {
    content: "\f5bb"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-speakap:before {
    content: "\f3f3"
}

.fa-speaker-deck:before {
    content: "\f83c"
}

.fa-spell-check:before {
    content: "\f891"
}

.fa-spider:before {
    content: "\f717"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-splotch:before {
    content: "\f5bc"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-spray-can:before {
    content: "\f5bd"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-square-full:before {
    content: "\f45c"
}

.fa-square-root-alt:before {
    content: "\f698"
}

.fa-squarespace:before {
    content: "\f5be"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-stackpath:before {
    content: "\f842"
}

.fa-stamp:before {
    content: "\f5bf"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-and-crescent:before {
    content: "\f699"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-star-half-alt:before {
    content: "\f5c0"
}

.fa-star-of-david:before {
    content: "\f69a"
}

.fa-star-of-life:before {
    content: "\f621"
}

.fa-staylinked:before {
    content: "\f3f5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-steam-symbol:before {
    content: "\f3f6"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-sticker-mule:before {
    content: "\f3f7"
}

.fa-sticky-note:before {
    content: "\f249"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-stop-circle:before {
    content: "\f28d"
}

.fa-stopwatch:before {
    content: "\f2f2"
}

.fa-stopwatch-20:before {
    content: "\f96f"
}

.fa-store:before {
    content: "\f54e"
}

.fa-store-alt:before {
    content: "\f54f"
}

.fa-store-alt-slash:before {
    content: "\f970"
}

.fa-store-slash:before {
    content: "\f971"
}

.fa-strava:before {
    content: "\f428"
}

.fa-stream:before {
    content: "\f550"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-stripe:before {
    content: "\f429"
}

.fa-stripe-s:before {
    content: "\f42a"
}

.fa-stroopwafel:before {
    content: "\f551"
}

.fa-studiovinari:before {
    content: "\f3f8"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-subway:before {
    content: "\f239"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-suitcase-rolling:before {
    content: "\f5c1"
}

.fa-sun:before {
    content: "\f185"
}

.fa-superpowers:before {
    content: "\f2dd"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-supple:before {
    content: "\f3f9"
}

.fa-surprise:before {
    content: "\f5c2"
}

.fa-suse:before {
    content: "\f7d6"
}

.fa-swatchbook:before {
    content: "\f5c3"
}

.fa-swift:before {
    content: "\f8e1"
}

.fa-swimmer:before {
    content: "\f5c4"
}

.fa-swimming-pool:before {
    content: "\f5c5"
}

.fa-symfony:before {
    content: "\f83d"
}

.fa-synagogue:before {
    content: "\f69b"
}

.fa-sync:before {
    content: "\f021"
}

.fa-sync-alt:before {
    content: "\f2f1"
}

.fa-syringe:before {
    content: "\f48e"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-table-tennis:before {
    content: "\f45d"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-tablet-alt:before {
    content: "\f3fa"
}

.fa-tablets:before {
    content: "\f490"
}

.fa-tachometer-alt:before {
    content: "\f3fd"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-tape:before {
    content: "\f4db"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-taxi:before {
    content: "\f1ba"
}

.fa-teamspeak:before {
    content: "\f4f9"
}

.fa-teeth:before {
    content: "\f62e"
}

.fa-teeth-open:before {
    content: "\f62f"
}

.fa-telegram:before {
    content: "\f2c6"
}

.fa-telegram-plane:before {
    content: "\f3fe"
}

.fa-temperature-high:before {
    content: "\f769"
}

.fa-temperature-low:before {
    content: "\f76b"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-tenge:before {
    content: "\f7d7"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-the-red-yeti:before {
    content: "\f69d"
}

.fa-theater-masks:before {
    content: "\f630"
}

.fa-themeco:before {
    content: "\f5c6"
}

.fa-themeisle:before {
    content: "\f2b2"
}

.fa-thermometer:before {
    content: "\f491"
}

.fa-thermometer-empty:before {
    content: "\f2cb"
}

.fa-thermometer-full:before {
    content: "\f2c7"
}

.fa-thermometer-half:before {
    content: "\f2c9"
}

.fa-thermometer-quarter:before {
    content: "\f2ca"
}

.fa-thermometer-three-quarters:before {
    content: "\f2c8"
}

.fa-think-peaks:before {
    content: "\f731"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbtack:before {
    content: "\f08d"
}

.fa-ticket-alt:before {
    content: "\f3ff"
}

.fa-tiktok:before {
    content: "\f97b"
}

.fa-times:before {
    content: "\f00d"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-tint:before {
    content: "\f043"
}

.fa-tint-slash:before {
    content: "\f5c7"
}

.fa-tired:before {
    content: "\f5c8"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-toilet:before {
    content: "\f7d8"
}

.fa-toilet-paper:before {
    content: "\f71e"
}

.fa-toilet-paper-slash:before {
    content: "\f972"
}

.fa-toolbox:before {
    content: "\f552"
}

.fa-tools:before {
    content: "\f7d9"
}

.fa-tooth:before {
    content: "\f5c9"
}

.fa-torah:before {
    content: "\f6a0"
}

.fa-torii-gate:before {
    content: "\f6a1"
}

.fa-tractor:before {
    content: "\f722"
}

.fa-trade-federation:before {
    content: "\f513"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-traffic-light:before {
    content: "\f637"
}

.fa-trailer:before {
    content: "\f941"
}

.fa-train:before {
    content: "\f238"
}

.fa-tram:before {
    content: "\f7da"
}

.fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-trash-alt:before {
    content: "\f2ed"
}

.fa-trash-restore:before {
    content: "\f829"
}

.fa-trash-restore-alt:before {
    content: "\f82a"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-trello:before {
    content: "\f181"
}

.fa-tripadvisor:before {
    content: "\f262"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-truck-loading:before {
    content: "\f4de"
}

.fa-truck-monster:before {
    content: "\f63b"
}

.fa-truck-moving:before {
    content: "\f4df"
}

.fa-truck-pickup:before {
    content: "\f63c"
}

.fa-tshirt:before {
    content: "\f553"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-tv:before {
    content: "\f26c"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-typo3:before {
    content: "\f42b"
}

.fa-uber:before {
    content: "\f402"
}

.fa-ubuntu:before {
    content: "\f7df"
}

.fa-uikit:before {
    content: "\f403"
}

.fa-umbraco:before {
    content: "\f8e8"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-umbrella-beach:before {
    content: "\f5ca"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-undo:before {
    content: "\f0e2"
}

.fa-undo-alt:before {
    content: "\f2ea"
}

.fa-uniregistry:before {
    content: "\f404"
}

.fa-unity:before {
    content: "\f949"
}

.fa-universal-access:before {
    content: "\f29a"
}

.fa-university:before {
    content: "\f19c"
}

.fa-unlink:before {
    content: "\f127"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-unsplash:before {
    content: "\f97c"
}

.fa-untappd:before {
    content: "\f405"
}

.fa-upload:before {
    content: "\f093"
}

.fa-ups:before {
    content: "\f7e0"
}

.fa-usb:before {
    content: "\f287"
}

.fa-user:before {
    content: "\f007"
}

.fa-user-alt:before {
    content: "\f406"
}

.fa-user-alt-slash:before {
    content: "\f4fa"
}

.fa-user-astronaut:before {
    content: "\f4fb"
}

.fa-user-check:before {
    content: "\f4fc"
}

.fa-user-circle:before {
    content: "\f2bd"
}

.fa-user-clock:before {
    content: "\f4fd"
}

.fa-user-cog:before {
    content: "\f4fe"
}

.fa-user-edit:before {
    content: "\f4ff"
}

.fa-user-friends:before {
    content: "\f500"
}

.fa-user-graduate:before {
    content: "\f501"
}

.fa-user-injured:before {
    content: "\f728"
}

.fa-user-lock:before {
    content: "\f502"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-user-minus:before {
    content: "\f503"
}

.fa-user-ninja:before {
    content: "\f504"
}

.fa-user-nurse:before {
    content: "\f82f"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-user-shield:before {
    content: "\f505"
}

.fa-user-slash:before {
    content: "\f506"
}

.fa-user-tag:before {
    content: "\f507"
}

.fa-user-tie:before {
    content: "\f508"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-users:before {
    content: "\f0c0"
}

.fa-users-cog:before {
    content: "\f509"
}

.fa-users-slash:before {
    content: "\f973"
}

.fa-usps:before {
    content: "\f7e1"
}

.fa-ussunnah:before {
    content: "\f407"
}

.fa-utensil-spoon:before {
    content: "\f2e5"
}

.fa-utensils:before {
    content: "\f2e7"
}

.fa-vaadin:before {
    content: "\f408"
}

.fa-vector-square:before {
    content: "\f5cb"
}

.fa-venus:before {
    content: "\f221"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-viadeo:before {
    content: "\f2a9"
}

.fa-viadeo-square:before {
    content: "\f2aa"
}

.fa-vial:before {
    content: "\f492"
}

.fa-vials:before {
    content: "\f493"
}

.fa-viber:before {
    content: "\f409"
}

.fa-video:before {
    content: "\f03d"
}

.fa-video-slash:before {
    content: "\f4e2"
}

.fa-vihara:before {
    content: "\f6a7"
}

.fa-vimeo:before {
    content: "\f40a"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-vimeo-v:before {
    content: "\f27d"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-virus:before {
    content: "\f974"
}

.fa-virus-slash:before {
    content: "\f975"
}

.fa-viruses:before {
    content: "\f976"
}

.fa-vk:before {
    content: "\f189"
}

.fa-vnv:before {
    content: "\f40b"
}

.fa-voicemail:before {
    content: "\f897"
}

.fa-volleyball-ball:before {
    content: "\f45f"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-mute:before {
    content: "\f6a9"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-vote-yea:before {
    content: "\f772"
}

.fa-vr-cardboard:before {
    content: "\f729"
}

.fa-vuejs:before {
    content: "\f41f"
}

.fa-walking:before {
    content: "\f554"
}

.fa-wallet:before {
    content: "\f555"
}

.fa-warehouse:before {
    content: "\f494"
}

.fa-water:before {
    content: "\f773"
}

.fa-wave-square:before {
    content: "\f83e"
}

.fa-waze:before {
    content: "\f83f"
}

.fa-weebly:before {
    content: "\f5cc"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-weight:before {
    content: "\f496"
}

.fa-weight-hanging:before {
    content: "\f5cd"
}

.fa-weixin:before {
    content: "\f1d7"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-whatsapp-square:before {
    content: "\f40c"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-whmcs:before {
    content: "\f40d"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-wind:before {
    content: "\f72e"
}

.fa-window-close:before {
    content: "\f410"
}

.fa-window-maximize:before {
    content: "\f2d0"
}

.fa-window-minimize:before {
    content: "\f2d1"
}

.fa-window-restore:before {
    content: "\f2d2"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-wine-bottle:before {
    content: "\f72f"
}

.fa-wine-glass:before {
    content: "\f4e3"
}

.fa-wine-glass-alt:before {
    content: "\f5ce"
}

.fa-wix:before {
    content: "\f5cf"
}

.fa-wizards-of-the-coast:before {
    content: "\f730"
}

.fa-wolf-pack-battalion:before {
    content: "\f514"
}

.fa-won-sign:before {
    content: "\f159"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-wordpress-simple:before {
    content: "\f411"
}

.fa-wpbeginner:before {
    content: "\f297"
}

.fa-wpexplorer:before {
    content: "\f2de"
}

.fa-wpforms:before {
    content: "\f298"
}

.fa-wpressr:before {
    content: "\f3e4"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-x-ray:before {
    content: "\f497"
}

.fa-xbox:before {
    content: "\f412"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-y-combinator:before {
    content: "\f23b"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-yammer:before {
    content: "\f840"
}

.fa-yandex:before {
    content: "\f413"
}

.fa-yandex-international:before {
    content: "\f414"
}

.fa-yarn:before {
    content: "\f7e3"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-yen-sign:before {
    content: "\f157"
}

.fa-yin-yang:before {
    content: "\f6ad"
}

.fa-yoast:before {
    content: "\f2b1"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-youtube-square:before {
    content: "\f431"
}

.fa-zhihu:before {
    content: "\f63f"
}

.sr-only {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(fa-regular-400.bc8a0b5e2498f32d.eot);
    src: url(fa-regular-400.bc8a0b5e2498f32d.eot?#iefix) format("embedded-opentype"),url(fa-regular-400.bde9e3bd001cd847.woff2) format("woff2"),url(fa-regular-400.0f739d1222531816.woff) format("woff"),url(fa-regular-400.240510d2a63f9d60.ttf) format("truetype"),url(fa-regular-400.76f8da36e469b374.svg#fontawesome) format("svg")
}

.far {
    font-family: "Font Awesome 5 Free";
    font-weight: 400
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url(fa-solid-900.64fe03b0711adaf8.eot);
    src: url(fa-solid-900.64fe03b0711adaf8.eot?#iefix) format("embedded-opentype"),url(fa-solid-900.392c6f61b05a70e4.woff2) format("woff2"),url(fa-solid-900.5cf51ce89c689361.woff) format("woff"),url(fa-solid-900.46da6865e47352fa.ttf) format("truetype"),url(fa-solid-900.72d7d7cae2ce04a0.svg#fontawesome) format("svg")
}

.fa,.fas {
    font-family: "Font Awesome 5 Free";
    font-weight: 900
}

/*!
 * Font Awesome Free 5.13.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
    font-family: "Font Awesome 5 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(fa-brands-400.275ec41bd2b84e33.eot);
    src: url(fa-brands-400.275ec41bd2b84e33.eot?#iefix) format("embedded-opentype"),url(fa-brands-400.8bf51a90c13327a1.woff2) format("woff2"),url(fa-brands-400.976d271f9b24536a.woff) format("woff"),url(fa-brands-400.4eeaeb09bf682c25.ttf) format("truetype"),url(fa-brands-400.b55ed7e55e6826d7.svg#fontawesome) format("svg")
}

.fab {
    font-family: "Font Awesome 5 Brands";
    font-weight: 400
}

.breadcrumb {
    background-color: transparent;
    font-size: 15px;
    align-items: center;
    margin: 3rem 0;
    padding: 0;
    color: #555
}

.breadcrumb li {
    display: inline-block
}

.breadcrumb li a {
    color: #444;
    text-decoration: none
}

.breadcrumb li a .fa-home {
    font-size: 17px;
    position: relative;
    top: 0;
    float: left;
    padding-left: 10px;
    color: #5798f7
}

.breadcrumb li .material-icons {
    font-size: 18px;
    position: relative;
    top: 4px;
    float: none
}

.breadcrumb li.active {
    color: #444
}

.breadcrumb .page-title {
    font-size: 18px;
    font-weight: 500;
    color: #444;
    margin-bottom: 0
}

.breadcrumb .page-title:after {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
    font-weight: 900;
    padding: 0 5px
}

.breadcrumb .page-title i {
    padding: 0 5px
}

.breadcrumb .page-title i:before {
    color: #717883;
    font-size: 20px
}

.breadcrumb .breadcrumb-item+.breadcrumb-item {
    padding-left: 5px
}

.breadcrumb .breadcrumb-item+.breadcrumb-item:before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-size: 14px;
    display: block;
    font-weight: 900;
    padding-right: .5rem
}

.breadcrumb-col-red li a {
    color: #f44336!important;
    font-weight: 700
}

.breadcrumb-bg-red {
    background-color: #f44336!important
}

.breadcrumb-bg-red li {
    color: #fff!important
}

.breadcrumb-bg-red li a {
    color: #fff;
    font-weight: 700
}

.breadcrumb-bg-red li a .material-icons {
    padding-bottom: 8px
}

.breadcrumb-bg-red li+li:before {
    color: #fff
}

.breadcrumb-col-pink li a {
    color: #e91e63!important;
    font-weight: 700
}

.breadcrumb-bg-pink {
    background-color: #e91e63!important
}

.breadcrumb-bg-pink li {
    color: #fff!important
}

.breadcrumb-bg-pink li a {
    color: #fff;
    font-weight: 700
}

.breadcrumb-bg-pink li a .material-icons {
    padding-bottom: 8px
}

.breadcrumb-bg-pink li+li:before {
    color: #fff
}

.breadcrumb-col-purple li a {
    color: #9c27b0!important;
    font-weight: 700
}

.breadcrumb-bg-purple {
    background-color: #9c27b0!important
}

.breadcrumb-bg-purple li {
    color: #fff!important
}

.breadcrumb-bg-purple li a {
    color: #fff;
    font-weight: 700
}

.breadcrumb-bg-purple li a .material-icons {
    padding-bottom: 8px
}

.breadcrumb-bg-purple li+li:before {
    color: #fff
}

.breadcrumb-col-indigo li a {
    color: #3f51b5!important;
    font-weight: 700
}

.breadcrumb-bg-indigo {
    background-color: #3f51b5!important
}

.breadcrumb-bg-indigo li {
    color: #fff!important
}

.breadcrumb-bg-indigo li a {
    color: #fff;
    font-weight: 700
}

.breadcrumb-bg-indigo li a .material-icons {
    padding-bottom: 8px
}

.breadcrumb-bg-indigo li+li:before {
    color: #fff
}

.breadcrumb-col-blue li a {
    color: #2196f3!important;
    font-weight: 700
}

.breadcrumb-bg-blue {
    background-color: #2196f3!important
}

.breadcrumb-bg-blue li {
    color: #fff!important
}

.breadcrumb-bg-blue li a {
    color: #fff;
    font-weight: 700
}

.breadcrumb-bg-blue li a .material-icons {
    padding-bottom: 8px
}

.breadcrumb-bg-blue li+li:before {
    color: #fff
}

.breadcrumb-col-cyan li a {
    color: #00bcd4!important;
    font-weight: 700
}

.breadcrumb-bg-cyan {
    background-color: #00bcd4!important
}

.breadcrumb-bg-cyan li {
    color: #fff!important
}

.breadcrumb-bg-cyan li a {
    color: #fff;
    font-weight: 700
}

.breadcrumb-bg-cyan li a .material-icons {
    padding-bottom: 8px
}

.breadcrumb-bg-cyan li+li:before {
    color: #fff
}

.breadcrumb-col-teal li a {
    color: #009688!important;
    font-weight: 700
}

.breadcrumb-bg-teal {
    background-color: #009688!important
}

.breadcrumb-bg-teal li {
    color: #fff!important
}

.breadcrumb-bg-teal li a {
    color: #fff;
    font-weight: 700
}

.breadcrumb-bg-teal li a .material-icons {
    padding-bottom: 8px
}

.breadcrumb-bg-teal li+li:before {
    color: #fff
}

.breadcrumb-col-green li a {
    color: #4caf50!important;
    font-weight: 700
}

.breadcrumb-bg-green {
    background-color: #4caf50!important
}

.breadcrumb-bg-green li {
    color: #fff!important
}

.breadcrumb-bg-green li a {
    color: #fff;
    font-weight: 700
}

.breadcrumb-bg-green li a .material-icons {
    padding-bottom: 8px
}

.breadcrumb-bg-green li+li:before {
    color: #fff
}

.breadcrumb-col-yellow li a {
    color: #ffe821!important;
    font-weight: 700
}

.breadcrumb-bg-yellow {
    background-color: #ffe821!important
}

.breadcrumb-bg-yellow li {
    color: #fff!important
}

.breadcrumb-bg-yellow li a {
    color: #fff;
    font-weight: 700
}

.breadcrumb-bg-yellow li a .material-icons {
    padding-bottom: 8px
}

.breadcrumb-bg-yellow li+li:before {
    color: #fff
}

.breadcrumb-col-orange li a {
    color: #ff9800!important;
    font-weight: 700
}

.breadcrumb-bg-orange {
    background-color: #ff9800!important
}

.breadcrumb-bg-orange li {
    color: #fff!important
}

.breadcrumb-bg-orange li a {
    color: #fff;
    font-weight: 700
}

.breadcrumb-bg-orange li a .material-icons {
    padding-bottom: 8px
}

.breadcrumb-bg-orange li+li:before {
    color: #fff
}

.breadcrumb-col-deep-orange li a {
    color: #ff5722!important;
    font-weight: 700
}

.breadcrumb-bg-deep-orange {
    background-color: #ff5722!important
}

.breadcrumb-bg-deep-orange li {
    color: #fff!important
}

.breadcrumb-bg-deep-orange li a {
    color: #fff;
    font-weight: 700
}

.breadcrumb-bg-deep-orange li a .material-icons {
    padding-bottom: 8px
}

.breadcrumb-bg-deep-orange li+li:before {
    color: #fff
}

.breadcrumb-col-brown li a {
    color: #795548!important;
    font-weight: 700
}

.breadcrumb-bg-brown {
    background-color: #795548!important
}

.breadcrumb-bg-brown li {
    color: #fff!important
}

.breadcrumb-bg-brown li a {
    color: #fff;
    font-weight: 700
}

.breadcrumb-bg-brown li a .material-icons {
    padding-bottom: 8px
}

.breadcrumb-bg-brown li+li:before {
    color: #fff
}

.breadcrumb-col-grey li a {
    color: #9e9e9e!important;
    font-weight: 700
}

.breadcrumb-bg-grey {
    background-color: #9e9e9e!important
}

.breadcrumb-bg-grey li {
    color: #fff!important
}

.breadcrumb-bg-grey li a {
    color: #fff;
    font-weight: 700
}

.breadcrumb-bg-grey li a .material-icons {
    padding-bottom: 8px
}

.breadcrumb-bg-grey li+li:before {
    color: #fff
}

.breadcrumb-col-black li a {
    color: #000!important;
    font-weight: 700
}

.breadcrumb-bg-black {
    background-color: #000!important
}

.breadcrumb-bg-black li {
    color: #fff!important
}

.breadcrumb-bg-black li a {
    color: #fff;
    font-weight: 700
}

.breadcrumb-bg-black li a .material-icons {
    padding-bottom: 8px
}

.breadcrumb-bg-black li+li:before {
    color: #fff
}

.breadcrumb-col-white li a {
    color: #fff!important;
    font-weight: 700
}

.breadcrumb-bg-white {
    background-color: #fff!important
}

.breadcrumb-bg-white li {
    color: #fff!important
}

.breadcrumb-bg-white li a {
    color: #fff;
    font-weight: 700
}

.breadcrumb-bg-white li a .material-icons {
    padding-bottom: 8px
}

.breadcrumb-bg-white li+li:before {
    color: #fff
}

.breadcrumb-style {
    border-radius: 30px
}

.breadcrumb-chart {
    display: inline-block
}

.breadcrumb-chart .chart-info p {
    font-size: 13px
}

.breadcrumb-icon {
    vertical-align: top;
    height: 18px!important;
    width: 18px!important;
    margin: 0 3px
}

.breadcrumb-icon .feather {
    width: 18px;
    height: 18px;
    color: #2c323f;
    position: relative;
    float: left
}

[type=checkbox]+label {
    padding-left: 26px;
    height: 25px;
    line-height: 21px;
    font-size: 13px;
    font-weight: 400;
    vertical-align: middle
}

[type=checkbox]:checked+label:before {
    top: -4px;
    left: -2px;
    width: 11px;
    height: 19px
}

[type=checkbox]:checked.chk-col-red+label:before {
    border-right: 2px solid #f44336;
    border-bottom: 2px solid #f44336
}

[type=checkbox]:checked.chk-col-pink+label:before {
    border-right: 2px solid #e91e63;
    border-bottom: 2px solid #e91e63
}

[type=checkbox]:checked.chk-col-purple+label:before {
    border-right: 2px solid #9c27b0;
    border-bottom: 2px solid #9c27b0
}

[type=checkbox]:checked.chk-col-indigo+label:before {
    border-right: 2px solid #3f51b5;
    border-bottom: 2px solid #3f51b5
}

[type=checkbox]:checked.chk-col-blue+label:before {
    border-right: 2px solid #2196f3;
    border-bottom: 2px solid #2196f3
}

[type=checkbox]:checked.chk-col-cyan+label:before {
    border-right: 2px solid #00bcd4;
    border-bottom: 2px solid #00bcd4
}

[type=checkbox]:checked.chk-col-teal+label:before {
    border-right: 2px solid #009688;
    border-bottom: 2px solid #009688
}

[type=checkbox]:checked.chk-col-green+label:before {
    border-right: 2px solid #4caf50;
    border-bottom: 2px solid #4caf50
}

[type=checkbox]:checked.chk-col-yellow+label:before {
    border-right: 2px solid #ffe821;
    border-bottom: 2px solid #ffe821
}

[type=checkbox]:checked.chk-col-orange+label:before {
    border-right: 2px solid #ff9800;
    border-bottom: 2px solid #ff9800
}

[type=checkbox]:checked.chk-col-deep-orange+label:before {
    border-right: 2px solid #ff5722;
    border-bottom: 2px solid #ff5722
}

[type=checkbox]:checked.chk-col-brown+label:before {
    border-right: 2px solid #795548;
    border-bottom: 2px solid #795548
}

[type=checkbox]:checked.chk-col-grey+label:before {
    border-right: 2px solid #9e9e9e;
    border-bottom: 2px solid #9e9e9e
}

[type=checkbox]:checked.chk-col-black+label:before {
    border-right: 2px solid #000000;
    border-bottom: 2px solid #000000
}

[type=checkbox]:checked.chk-col-white+label:before {
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff
}

:checked.chk-col-red+span:after {
    color: #f44336
}

:checked.chk-col-pink+span:after {
    color: #e91e63
}

:checked.chk-col-purple+span:after {
    color: #9c27b0
}

:checked.chk-col-indigo+span:after {
    color: #3f51b5
}

:checked.chk-col-blue+span:after {
    color: #2196f3
}

:checked.chk-col-cyan+span:after {
    color: #00bcd4
}

:checked.chk-col-teal+span:after {
    color: #009688
}

:checked.chk-col-green+span:after {
    color: #4caf50
}

:checked.chk-col-yellow+span:after {
    color: #ffe821
}

:checked.chk-col-orange+span:after {
    color: #ff9800
}

:checked.chk-col-deep-orange+span:after {
    color: #ff5722
}

:checked.chk-col-brown+span:after {
    color: #795548
}

:checked.chk-col-grey+span:after {
    color: #9e9e9e
}

:checked.chk-col-black+span:after {
    color: #000
}

:checked.chk-col-white+span:after {
    color: #fff
}

[type=checkbox].filled-in:checked+label:after {
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #26a69a;
    background-color: #26a69a;
    z-index: 0
}

[type=checkbox].filled-in:checked+label:before {
    border-right: 2px solid #fff!important;
    border-bottom: 2px solid #fff!important
}

[type=checkbox].filled-in:checked.chk-col-red+label:after {
    border: 2px solid #f44336;
    background-color: #f44336
}

[type=checkbox].filled-in:checked.chk-col-pink+label:after {
    border: 2px solid #e91e63;
    background-color: #e91e63
}

[type=checkbox].filled-in:checked.chk-col-purple+label:after {
    border: 2px solid #9c27b0;
    background-color: #9c27b0
}

[type=checkbox].filled-in:checked.chk-col-indigo+label:after {
    border: 2px solid #3f51b5;
    background-color: #3f51b5
}

[type=checkbox].filled-in:checked.chk-col-blue+label:after {
    border: 2px solid #2196f3;
    background-color: #2196f3
}

[type=checkbox].filled-in:checked.chk-col-cyan+label:after {
    border: 2px solid #00bcd4;
    background-color: #00bcd4
}

[type=checkbox].filled-in:checked.chk-col-teal+label:after {
    border: 2px solid #009688;
    background-color: #009688
}

[type=checkbox].filled-in:checked.chk-col-green+label:after {
    border: 2px solid #4caf50;
    background-color: #4caf50
}

[type=checkbox].filled-in:checked.chk-col-yellow+label:after {
    border: 2px solid #ffe821;
    background-color: #ffe821
}

[type=checkbox].filled-in:checked.chk-col-orange+label:after {
    border: 2px solid #ff9800;
    background-color: #ff9800
}

[type=checkbox].filled-in:checked.chk-col-deep-orange+label:after {
    border: 2px solid #ff5722;
    background-color: #ff5722
}

[type=checkbox].filled-in:checked.chk-col-brown+label:after {
    border: 2px solid #795548;
    background-color: #795548
}

[type=checkbox].filled-in:checked.chk-col-grey+label:after {
    border: 2px solid #9e9e9e;
    background-color: #9e9e9e
}

[type=checkbox].filled-in:checked.chk-col-black+label:after {
    border: 2px solid #000000;
    background-color: #000
}

[type=checkbox].filled-in:checked.chk-col-white+label:after {
    border: 2px solid #ffffff;
    background-color: #fff
}

[type=radio]:not(:checked)+label {
    padding-left: 26px;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    font-weight: 400
}

[type=radio]:checked+label {
    padding-left: 26px;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    font-weight: 400
}

[type=radio]+label {
    vertical-align: middle
}

[type=radio].radio-col-red:checked+label:after {
    background-color: #f44336;
    border-color: #f44336
}

[type=radio].radio-col-pink:checked+label:after {
    background-color: #e91e63;
    border-color: #e91e63
}

[type=radio].radio-col-purple:checked+label:after {
    background-color: #9c27b0;
    border-color: #9c27b0
}

[type=radio].radio-col-indigo:checked+label:after {
    background-color: #3f51b5;
    border-color: #3f51b5
}

[type=radio].radio-col-blue:checked+label:after {
    background-color: #2196f3;
    border-color: #2196f3
}

[type=radio].radio-col-cyan:checked+label:after {
    background-color: #00bcd4;
    border-color: #00bcd4
}

[type=radio].radio-col-teal:checked+label:after {
    background-color: #009688;
    border-color: #009688
}

[type=radio].radio-col-green:checked+label:after {
    background-color: #4caf50;
    border-color: #4caf50
}

[type=radio].radio-col-yellow:checked+label:after {
    background-color: #ffe821;
    border-color: #ffe821
}

[type=radio].radio-col-orange:checked+label:after {
    background-color: #ff9800;
    border-color: #ff9800
}

[type=radio].radio-col-deep-orange:checked+label:after {
    background-color: #ff5722;
    border-color: #ff5722
}

[type=radio].radio-col-brown:checked+label:after {
    background-color: #795548;
    border-color: #795548
}

[type=radio].radio-col-grey:checked+label:after {
    background-color: #9e9e9e;
    border-color: #9e9e9e
}

[type=radio].radio-col-black:checked+label:after {
    background-color: #000;
    border-color: #000
}

[type=radio].radio-col-white:checked+label:after {
    background-color: #fff;
    border-color: #fff
}

[type=radio].with-gap.radio-col-red:checked+label:before {
    border: 2px solid #f44336
}

[type=radio].with-gap.radio-col-red:checked+label:after {
    background-color: #f44336;
    border: 2px solid #f44336
}

[type=radio].with-gap.radio-col-pink:checked+label:before {
    border: 2px solid #e91e63
}

[type=radio].with-gap.radio-col-pink:checked+label:after {
    background-color: #e91e63;
    border: 2px solid #e91e63
}

[type=radio].with-gap.radio-col-purple:checked+label:before {
    border: 2px solid #9c27b0
}

[type=radio].with-gap.radio-col-purple:checked+label:after {
    background-color: #9c27b0;
    border: 2px solid #9c27b0
}

[type=radio].with-gap.radio-col-indigo:checked+label:before {
    border: 2px solid #3f51b5
}

[type=radio].with-gap.radio-col-indigo:checked+label:after {
    background-color: #3f51b5;
    border: 2px solid #3f51b5
}

[type=radio].with-gap.radio-col-blue:checked+label:before {
    border: 2px solid #2196f3
}

[type=radio].with-gap.radio-col-blue:checked+label:after {
    background-color: #2196f3;
    border: 2px solid #2196f3
}

[type=radio].with-gap.radio-col-cyan:checked+label:before {
    border: 2px solid #00bcd4
}

[type=radio].with-gap.radio-col-cyan:checked+label:after {
    background-color: #00bcd4;
    border: 2px solid #00bcd4
}

[type=radio].with-gap.radio-col-teal:checked+label:before {
    border: 2px solid #009688
}

[type=radio].with-gap.radio-col-teal:checked+label:after {
    background-color: #009688;
    border: 2px solid #009688
}

[type=radio].with-gap.radio-col-green:checked+label:before {
    border: 2px solid #4caf50
}

[type=radio].with-gap.radio-col-green:checked+label:after {
    background-color: #4caf50;
    border: 2px solid #4caf50
}

[type=radio].with-gap.radio-col-yellow:checked+label:before {
    border: 2px solid #ffe821
}

[type=radio].with-gap.radio-col-yellow:checked+label:after {
    background-color: #ffe821;
    border: 2px solid #ffe821
}

[type=radio].with-gap.radio-col-orange:checked+label:before {
    border: 2px solid #ff9800
}

[type=radio].with-gap.radio-col-orange:checked+label:after {
    background-color: #ff9800;
    border: 2px solid #ff9800
}

[type=radio].with-gap.radio-col-deep-orange:checked+label:before {
    border: 2px solid #ff5722
}

[type=radio].with-gap.radio-col-deep-orange:checked+label:after {
    background-color: #ff5722;
    border: 2px solid #ff5722
}

[type=radio].with-gap.radio-col-brown:checked+label:before {
    border: 2px solid #795548
}

[type=radio].with-gap.radio-col-brown:checked+label:after {
    background-color: #795548;
    border: 2px solid #795548
}

[type=radio].with-gap.radio-col-grey:checked+label:before {
    border: 2px solid #9e9e9e
}

[type=radio].with-gap.radio-col-grey:checked+label:after {
    background-color: #9e9e9e;
    border: 2px solid #9e9e9e
}

[type=radio].with-gap.radio-col-black:checked+label:before {
    border: 2px solid #000000
}

[type=radio].with-gap.radio-col-black:checked+label:after {
    background-color: #000;
    border: 2px solid #000000
}

[type=radio].with-gap.radio-col-white:checked+label:before {
    border: 2px solid #ffffff
}

[type=radio].with-gap.radio-col-white:checked+label:after {
    background-color: #fff;
    border: 2px solid #ffffff
}

.dropdown-menu {
    margin-top: -35px!important;
    margin-left: -15px;
    box-shadow: 0 5px 15px 2px #40464a33!important;
    border-radius: 0;
    border: none;
    padding: 0
}

.dropdown-menu .divider {
    margin: 5px 0
}

.dropdown-menu .header {
    font-size: 13px;
    font-weight: 700;
    width: 100%;
    border-bottom: 1px solid #eee;
    text-align: center;
    padding: 4px 0 6px
}

.dropdown-menu .footer a {
    text-align: center;
    border-top: 1px solid #eee;
    padding: 10px 0 5px;
    font-size: 13px;
    margin-bottom: -5px;
    color: #ff5e00;
    font-weight: 500
}

.dropdown-menu .footer a:hover {
    background-color: transparent
}

.dropdown-menu>li>a {
    padding: 7px 18px;
    color: #666;
    transition: all .5s;
    font-size: 14px;
    line-height: 25px;
    display: block
}

.dropdown-menu>li>a:hover {
    background-color: #00000013
}

.dropdown-menu>li>a i.material-icons {
    float: left;
    margin-right: 7px;
    margin-top: 2px;
    font-size: 20px
}

.dropdown-content li>a,.dropdown-content li>span {
    font-size: 13px;
    color: #636262
}

.dropdown-animated {
    animation-duration: .3s!important
}

.dropdown-menu.pull-right.show {
    position: absolute!important;
    left: auto!important;
    right: 0!important;
    top: 50px!important;
    transform: none!important
}

.nfc-menu {
    transform-origin: left top;
    width: 325px;
    max-width: 100vw!important;
    right: 10px;
    left: auto;
    position: absolute!important;
    top: 0;
    padding: 0;
    border-radius: 5px
}

.nfc-menu .nfc-dropdown .menu {
    padding-left: 0
}

.nfc-menu .nfc-dropdown .menu button {
    padding: 11px;
    text-decoration: none;
    transition: .5s;
    float: left;
    width: 100%;
    height: 65px;
    margin-bottom: 2px
}

.nfc-menu .nfc-dropdown .menu button:hover {
    background-color: #eef4fd
}

.nfc-menu .nfc-dropdown .menu button .mdc-list-item__primary-text {
    width: 100%
}

.nfc-menu .nfc-dropdown .menu.tasks h4 {
    color: #333;
    font-size: 13px;
    margin: 0 0 8px
}

.nfc-menu .nfc-dropdown .menu.tasks h4 small {
    float: right;
    margin-top: 6px
}

.nfc-menu .nfc-dropdown .menu.tasks .progress {
    height: 7px;
    margin-bottom: 7px
}

.nfc-menu .nfc-dropdown .menu .icon-circle {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    display: inline-block;
    float: left
}

.nfc-menu .nfc-dropdown .menu .icon-circle i {
    font-size: 18px;
    line-height: 36px!important
}

.nfc-menu .nfc-dropdown .menu .msg-user {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    float: left
}

.nfc-menu .nfc-dropdown .menu .msg-user img {
    float: left
}

.nfc-menu .nfc-dropdown .menu li:last-child {
    border-bottom: none
}

.nfc-menu .nfc-dropdown .menu .menu-info {
    display: inline-block;
    position: relative;
    top: 3px;
    left: 10px;
    float: left;
    width: calc(100% - 75px)
}

.nfc-menu .nfc-dropdown .menu .menu-info h4,.nfc-menu .nfc-dropdown .menu .menu-info .menu-title {
    margin: 0;
    font-size: 14px;
    color: #121212;
    float: left;
    width: 100%;
    line-height: 1
}

.nfc-menu .nfc-dropdown .menu .menu-info p,.nfc-menu .nfc-dropdown .menu .menu-info .menu-desc {
    margin: 0;
    font-size: 11px;
    color: #0000008a;
    float: left;
    width: 100%;
    line-height: 20px
}

.nfc-menu .nfc-dropdown .menu .menu-info p .material-icons,.nfc-menu .nfc-dropdown .menu .menu-info .menu-desc .material-icons {
    font-size: 13px;
    color: #0000008a;
    position: relative;
    top: 3px;
    float: left;
    margin-right: 3px;
    height: 20px
}

.nfc-menu .nfc-dropdown .menu .nfc-close {
    display: flex;
    height: 40px;
    line-height: 40px
}

.nfc-menu .nfc-dropdown .menu .nfc-close .feather {
    color: #747474;
    height: 12px!important;
    width: 12px!important
}

.nfc-menu .nfc-dropdown .menu .nfc-type-icon {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.nfc-menu .nfc-dropdown .menu .nfc-type-icon.nfc-green {
    filter: invert(77%) sepia(4%) saturate(5247%) hue-rotate(85deg) brightness(88%) contrast(95%)
}

.nfc-menu .nfc-dropdown .menu .nfc-type-icon.nfc-blue {
    filter: invert(67%) sepia(95%) saturate(5173%) hue-rotate(214deg) brightness(101%) contrast(101%)
}

.nfc-menu .nfc-dropdown .menu .nfc-type-icon.nfc-orange {
    filter: invert(69%) sepia(81%) saturate(523%) hue-rotate(353deg) brightness(101%) contrast(102%)
}

.nfc-menu .nfc-dropdown .menu .nfc-type-icon.nfc-purple {
    filter: invert(19%) sepia(98%) saturate(7474%) hue-rotate(284deg) brightness(105%) contrast(117%)
}

.nfc-menu .nfc-dropdown .menu .nfc-type-icon.nfc-red {
    filter: invert(24%) sepia(94%) saturate(7102%) hue-rotate(356deg) brightness(103%) contrast(100%)
}

.nfc-menu .nfc-dropdown .menu .msg-unread {
    background-color: #f5f9ff;
    border-bottom: 1px solid #eee
}

.nfc-menu .nfc-dropdown .menu .msg-read {
    border-bottom: 1px solid #eee
}

.nfc-menu .mat-menu-content {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.nfc-menu .nfc-header {
    padding: 20px;
    background-color: #7366ff;
    border-radius: 5px 5px 0 0;
    display: flex
}

.nfc-menu .nfc-header h5 {
    color: #fff
}

.nfc-menu .nfc-mark-as-read {
    display: block;
    text-align: right;
    color: #fff;
    float: right;
    width: 100%;
    font-size: 12px!important
}

.nfc-menu .nfc-footer {
    line-height: 50px;
    cursor: pointer;
    text-align: center;
    border-top: 1px solid rgba(0,0,0,.15)
}

.nfc-menu .nfc-footer .nfc-read-all {
    color: #6a6a6a
}

.nfc-menu .mat-mdc-menu-content {
    padding: 0
}

.profile-menu {
    width: 200px;
    max-width: 200px!important;
    right: 10px
}

.profile-menu .user-menu-icons .feather {
    height: 18px!important;
    width: 18px!important;
    vertical-align: middle
}

.profile-menu .mat-mdc-menu-content,.lang-item-menu .mat-mdc-menu-content {
    padding: 0
}

.feedBody {
    border-left: 1px solid #d6d6d6;
    margin-left: 30px;
    padding-top: 10px;
    padding-left: 0
}

.col-auto {
    padding-left: 15px;
    padding-right: 15px
}

.feedLblStyle {
    padding: 1px 8px 1px 9px;
    border-radius: 10px;
    font-size: 12px;
    margin: 5px
}

.lblFileStyle {
    color: red;
    border: 1px solid red
}

.lblTaskStyle {
    color: #2ed8b6;
    border: 1px solid #2ed8b6
}

.lblCommentStyle {
    color: #4099ff;
    border: 1px solid #4099ff
}

.lblReplyStyle {
    color: #f15317;
    border: 1px solid #f15317
}

.feedBody li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 25px
}

.feedBody li .feed-user-img {
    position: absolute;
    left: -20px;
    top: -10px
}

.feedBody li .feed-user-img img {
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.feedBody li .feed-user-img:after {
    content: "";
    position: absolute;
    top: 3px;
    right: 3px;
    border: 3px solid transparent;
    border-radius: 50%
}

.text-muted {
    color: #96a2b4!important;
    margin-bottom: 10px
}

.img-100 {
    width: 100px
}

.feedBody li h6 {
    line-height: 1.5;
    cursor: pointer
}

.feedBody li.active-feed .feed-user-img:after {
    border-color: #2ed8b6
}

.sl-item {
    border-left: 1px solid #13b1e0;
    padding-bottom: 1px;
    padding-left: 15px;
    position: relative
}

.sl-item:last-child:after {
    border-radius: 100%;
    bottom: 0;
    content: "";
    height: 6px;
    left: -3px;
    position: absolute;
    width: 6px
}

.sl-item .sl-content i {
    font-size: 12px
}

.sl-item .sl-content small {
    position: relative;
    top: -4px
}

.sl-item .sl-content p {
    padding-bottom: 4px;
    position: relative
}

.sl-item:before {
    background-color: #13b1e0;
    border-radius: 100%;
    content: "";
    height: 12px;
    left: -6.5px;
    position: absolute;
    top: 0;
    width: 12px
}

.sl-primary {
    border-left-color: #2196f3
}

.sl-primary:last-child:after {
    background-color: #2196f3
}

.sl-primary:before {
    background-color: #2196f3
}

.sl-danger {
    border-left-color: #f44336
}

.sl-danger:last-child:after {
    background-color: #f44336
}

.sl-danger:before {
    background-color: #f44336
}

.sl-success {
    border-left-color: #4caf50
}

.sl-success:last-child:after {
    background-color: #4caf50
}

.sl-success:before {
    background-color: #4caf50
}

.sl-warning {
    border-left-color: #ff5722
}

.sl-warning:last-child:after {
    background-color: #ff5722
}

.sl-warning:before {
    background-color: #ff5722
}

.example-form {
    min-width: 150px;
    max-width: 500px;
    width: 100%
}

.example-full-width {
    width: 100%
}

.example-h2 {
    margin: 10px
}

.example-section {
    display: flex;
    align-content: center;
    align-items: center;
    height: 60px
}

.example-margin {
    margin: 0 10px
}

.example-radio-group {
    display: flex;
    flex-direction: column;
    margin: 15px 0
}

.example-radio-button {
    margin: 5px
}

.advance-validation .error-msg {
    margin-top: -15px
}

.mat-radio-button~.mat-radio-button {
    margin-left: 16px
}

.mat-radio-label {
    margin-bottom: 0
}

.mat-datepicker-content-touch .mat-calendar {
    width: 50vh!important;
    height: 57vh!important
}

.mat-datepicker-toggle-default-icon {
    width: 1.4em!important
}

.mat-form-field .date-icon {
    cursor: pointer
}

.mat-form-field-prefix,.mat-form-field-suffix {
    color: #0000008a
}

.info-box {
    box-shadow: 0 2px 10px #0003;
    height: 80px;
    display: flex;
    cursor: default;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px
}

.info-box .icon {
    display: inline-block;
    text-align: center;
    background-color: #0000001f;
    width: 80px
}

.info-box .icon i {
    color: #fff;
    font-size: 50px;
    line-height: 80px
}

.info-box .icon .chart.chart-bar {
    height: 100%;
    line-height: 100px
}

.info-box .icon .chart.chart-bar canvas {
    vertical-align: baseline!important
}

.info-box .icon .chart.chart-pie {
    height: 100%;
    line-height: 123px
}

.info-box .icon .chart.chart-pie canvas {
    vertical-align: baseline!important
}

.info-box .icon .chart.chart-line {
    height: 100%;
    line-height: 115px
}

.info-box .icon .chart.chart-line canvas {
    vertical-align: baseline!important
}

.info-box .content {
    display: inline-block;
    padding: 7px 10px
}

.info-box .content .text {
    font-size: 13px;
    margin-top: 11px;
    color: #555
}

.info-box .content .number {
    font-weight: 400;
    font-size: 26px;
    margin-top: -4px;
    color: #555
}

.info-box.hover-zoom-effect .icon {
    overflow: hidden
}

.info-box.hover-zoom-effect .icon i {
    transition: all .3s ease
}

.info-box.hover-zoom-effect:hover .icon i {
    opacity: .4;
    transform: rotate(-32deg) scale(1.4)
}

.info-box.hover-expand-effect:after {
    background-color: #0000000d;
    content: ".";
    position: absolute;
    left: 80px;
    top: 0;
    width: 0;
    height: 100%;
    color: transparent;
    transition: all .95s
}

.info-box.hover-expand-effect:hover:after {
    width: 100%
}

.info-box-2 {
    box-shadow: 0 2px 10px #0003;
    height: 80px;
    display: flex;
    cursor: default;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px
}

.info-box-2 .icon {
    display: inline-block;
    text-align: center;
    width: 80px
}

.info-box-2 .icon i {
    color: #fff;
    font-size: 50px;
    line-height: 80px
}

.info-box-2 .chart.chart-bar {
    height: 100%;
    line-height: 105px
}

.info-box-2 .chart.chart-bar canvas {
    vertical-align: baseline!important
}

.info-box-2 .chart.chart-pie {
    height: 100%;
    line-height: 123px
}

.info-box-2 .chart.chart-pie canvas {
    vertical-align: baseline!important
}

.info-box-2 .chart.chart-line {
    height: 100%;
    line-height: 115px
}

.info-box-2 .chart.chart-line canvas {
    vertical-align: baseline!important
}

.info-box-2 .content {
    display: inline-block;
    padding: 7px 10px
}

.info-box-2 .content .text {
    font-size: 13px;
    margin-top: 11px;
    color: #555
}

.info-box-2 .content .number {
    font-weight: 400;
    font-size: 26px;
    margin-top: -4px;
    color: #555
}

.info-box-2.hover-zoom-effect .icon {
    overflow: hidden
}

.info-box-2.hover-zoom-effect .icon i {
    transition: all .3s ease
}

.info-box-2.hover-zoom-effect:hover .icon i {
    opacity: .4;
    transform: rotate(-32deg) scale(1.4)
}

.info-box-2.hover-expand-effect:after {
    background-color: #0000000d;
    content: ".";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    color: transparent;
    transition: all .95s
}

.info-box-2.hover-expand-effect:hover:after {
    width: 100%
}

.info-box-3 {
    box-shadow: 0 2px 10px #0003;
    height: 80px;
    display: flex;
    cursor: default;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px
}

.info-box-3 .icon {
    position: absolute;
    right: 10px;
    bottom: 2px;
    text-align: center
}

.info-box-3 .icon i {
    color: #00000026;
    font-size: 60px
}

.info-box-3 .chart {
    margin-right: 5px
}

.info-box-3 .chart.chart-bar {
    height: 100%;
    line-height: 50px
}

.info-box-3 .chart.chart-bar canvas {
    vertical-align: baseline!important
}

.info-box-3 .chart.chart-pie {
    height: 100%;
    line-height: 34px
}

.info-box-3 .chart.chart-pie canvas {
    vertical-align: baseline!important
}

.info-box-3 .chart.chart-line {
    height: 100%;
    line-height: 40px
}

.info-box-3 .chart.chart-line canvas {
    vertical-align: baseline!important
}

.info-box-3 .content {
    display: inline-block;
    padding: 7px 16px
}

.info-box-3 .content .text {
    font-size: 13px;
    margin-top: 11px;
    color: #555
}

.info-box-3 .content .number {
    font-weight: 400;
    font-size: 26px;
    margin-top: -4px;
    color: #555
}

.info-box-3.hover-zoom-effect .icon i {
    transition: all .3s ease
}

.info-box-3.hover-zoom-effect:hover .icon i {
    opacity: .4;
    transform: rotate(-32deg) scale(1.4)
}

.info-box-3.hover-expand-effect:after {
    background-color: #0000000d;
    content: ".";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    color: transparent;
    transition: all .95s
}

.info-box-3.hover-expand-effect:hover:after {
    width: 100%
}

.info-box-4 {
    box-shadow: 0 2px 10px #0003;
    height: 80px;
    display: flex;
    cursor: default;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px
}

.info-box-4 .icon {
    position: absolute;
    right: 10px;
    bottom: 2px;
    text-align: center
}

.info-box-4 .icon i {
    color: #00000026;
    font-size: 60px
}

.info-box-4 .chart {
    margin-right: 5px
}

.info-box-4 .chart.chart-bar {
    height: 100%;
    line-height: 50px
}

.info-box-4 .chart.chart-bar canvas {
    vertical-align: baseline!important
}

.info-box-4 .chart.chart-pie {
    height: 100%;
    line-height: 34px
}

.info-box-4 .chart.chart-pie canvas {
    vertical-align: baseline!important
}

.info-box-4 .chart.chart-line {
    height: 100%;
    line-height: 40px
}

.info-box-4 .chart.chart-line canvas {
    vertical-align: baseline!important
}

.info-box-4 .content {
    display: inline-block;
    padding: 7px 16px
}

.info-box-4 .content .text {
    font-size: 13px;
    margin-top: 11px;
    color: #555
}

.info-box-4 .content .number {
    font-weight: 400;
    font-size: 26px;
    margin-top: -4px;
    color: #555
}

.info-box-4.hover-zoom-effect .icon i {
    transition: all .3s ease
}

.info-box-4.hover-zoom-effect:hover .icon i {
    opacity: .4;
    transform: rotate(-32deg) scale(1.4)
}

.info-box-4.hover-expand-effect:after {
    background-color: #0000000d;
    content: ".";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    color: transparent;
    transition: all .95s
}

.info-box-4.hover-expand-effect:hover:after {
    width: 100%
}

.info-box-new {
    background: #fff;
    padding: 20px 20px 0;
    color: #463f3f;
    border-radius: 15px
}

.info-box-new .progress {
    height: 10px;
    border-radius: 20px
}

.support-box {
    padding: 15px;
    color: #fff;
    margin: 8px 0 25px;
    border-radius: 10px;
    min-height: 140px
}

.counter-box {
    padding: 15px;
    color: #212529;
    margin: 8px 0 25px;
    border-radius: 10px;
    min-height: 140px;
    background-color: #fff;
    box-shadow: 0 5px 25px #0000001a
}

.info-box1 .text-end h2 {
    color: #44e229
}

.info-box2 .text-end h2 {
    color: #e66c2f
}

.info-box3 .text-end h2 {
    color: #58b5f5
}

.info-box4 .text-end h2 {
    color: #ab92d4
}

.info-box5 {
    width: 100%;
    box-shadow: 0 5px 25px #0000001a;
    margin-bottom: 25px;
    padding: 0 20px;
    border-radius: 25px;
    height: 110px;
    display: flex;
    cursor: default;
    background-color: #fff;
    position: relative;
    overflow: hidden
}

.info-box5 small {
    font-size: 14px
}

.info-box5 .progress {
    background: rgba(0,0,0,.2);
    margin: 5px -10px 5px 0;
    height: 8px;
    background: #e3e3e3;
    border-radius: 20px;
    box-shadow: none;
    overflow: visible
}

.info-box5 .progress .progress-bar {
    border-radius: 20px;
    background: #fff
}

.info-box5 .knob-icon {
    margin-top: 16px
}

.info-box5 .info-box-content {
    margin-top: 24px;
    margin-left: 10px
}

.info-box5 .progress-bar {
    position: relative;
    animation: animate-positive 4s;
    line-height: 8px
}

.info-box6 {
    box-shadow: 2px 2px 10px #dadada;
    margin: 8px 0 25px;
    padding: 20px 10px;
    background-color: #fff;
    height: 100px;
    border-radius: 5px;
    transition: .3s linear all
}

.info-box6:hover {
    box-shadow: 4px 4px 20px #dadada;
    transition: .3s linear all
}

.info-box6.primary {
    background-color: #007bff;
    color: #fff
}

.info-box6.danger {
    background-color: #ef5350;
    color: #fff
}

.info-box6.success {
    background-color: #66bb6a;
    color: #fff
}

.info-box6.info {
    background-color: #26c6da;
    color: #fff
}

.info-box6 i {
    font-size: 5em;
    opacity: .2
}

.info-box6 .count-numbers {
    position: absolute;
    right: 35px;
    top: 20px;
    font-size: 32px;
    display: block
}

.info-box6 .count-name {
    position: absolute;
    right: 35px;
    top: 65px;
    font-style: italic;
    text-transform: capitalize;
    opacity: .5;
    display: block;
    font-size: 18px
}

.bg-c-blue {
    background: linear-gradient(45deg,#4099ff,#73b4ff)
}

.bg-c-green {
    background: linear-gradient(45deg,#2ed8b6,#59e0c5)
}

.bg-c-yellow {
    background: linear-gradient(45deg,#ffb64d,#ffcb80)
}

.bg-c-pink {
    background: linear-gradient(45deg,#ff5370,#ff869a)
}

.info-box7 {
    border-radius: 5px;
    color: #fff;
    box-shadow: 0 1px 2.94px .06px #041a3729;
    border: none;
    margin: 8px 0 25px;
    transition: all .3s ease-in-out
}

.info-box7 .info-box7-block {
    padding: 25px
}

.order-info-box7 i {
    font-size: 26px
}

.box-part {
    background: #fff;
    border-radius: 10px;
    padding: 30px 15px;
    margin: 5px 0 23px;
    box-shadow: 0 5px 25px #0000001a
}

.infobox-5 .card-icon i {
    font-size: 4rem
}

.card-statistic-4 {
    position: relative;
    color: #000;
    padding: 15px;
    border-radius: 3px;
    overflow: hidden
}

.card-statistic-4 .card-icon-large {
    font-size: 110px;
    width: 110px;
    height: 50px;
    text-shadow: 3px 7px rgba(0,0,0,.3)
}

.card-statistic-4 .card-icon {
    text-align: center;
    line-height: 50px;
    margin-left: 15px;
    color: #000;
    position: absolute;
    right: -5px;
    top: 20px;
    opacity: .1
}

.card-statistic-4 .banner-img img {
    max-width: 100%;
    float: right
}

.card-statistic-4 .card-spacing {
    padding-right: 0;
    padding-top: 1rem
}

@keyframes animate-positive {
    0% {
        width: 0
    }
}

label,.form-check {
    font-size: 13px;
    line-height: 1.42857;
    color: #414244;
    font-weight: 400
}

.input-group {
    width: 100%;
    margin-bottom: 20px;
    display: table
}

.input-group .form-line {
    display: inline-block;
    width: 100%;
    position: relative
}

.input-group .form-line:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    transform: scaleX(0);
    transition: .25s ease-in;
    border-bottom: 2px solid #1f91f3
}

.input-group .form-line+.input-group-addon {
    padding-right: 0;
    padding-left: 10px
}

.input-group .help-info {
    float: right;
    font-size: 12px;
    margin-top: 5px;
    color: #999
}

.input-group label.error {
    font-size: 12px;
    display: block;
    margin-top: 5px;
    font-weight: 400;
    color: #f44336
}

.input-group .form-line.error:after {
    border-bottom: 2px solid #f44336
}

.input-group .form-line.success:after {
    border-bottom: 2px solid #4caf50
}

.input-group .form-line.warning:after {
    border-bottom: 2px solid #ffc107
}

.input-group .form-line.focused:after {
    transform: scaleX(1)
}

.input-group .form-line.focused .form-label {
    bottom: 25px;
    left: 0;
    font-size: 12px
}

.input-group .input-group-addon {
    border: none;
    background-color: transparent;
    padding-left: 0;
    font-weight: 700;
    display: table-cell
}

.input-group .input-group-addon .material-icons {
    font-size: 18px;
    color: #555
}

.input-group input[type=text],.input-group .form-control {
    box-shadow: none;
    padding-left: 0;
    margin: 0;
    font-size: 13px
}

.input-group .form-control:focus {
    -ms-box-shadow: none!important;
    box-shadow: none!important
}

.input-group.input-group-sm .input-group-addon i {
    font-size: 14px
}

.input-group.input-group-sm .form-control {
    font-size: 12px!important
}

.input-group.input-group-lg .input-group-addon i {
    font-size: 26px
}

.input-group.input-group-lg .form-control {
    font-size: 18px!important
}

.input-field>label:not(.label-icon).active {
    font-size: 15px!important;
    transform: translateY(-5px) scale(.8)
}

.input-field input,.input-field textarea {
    font-size: 13px!important
}

.input-field>label {
    font-size: 13px!important
}

.form-control-label {
    text-align: right
}

.form-control-label label {
    margin-top: 8px
}

.form-horizontal .form-group {
    margin-bottom: 0
}

.form-group {
    width: 100%;
    margin-bottom: 25px
}

.form-group .form-control {
    width: 100%;
    box-shadow: none;
    border-radius: 0;
    padding-left: 0
}

.form-group input.form-control {
    margin: 0;
    font-size: 13px
}

.form-group .help-info {
    float: right;
    font-size: 12px;
    margin-top: 5px;
    color: #999
}

.form-group label.error {
    font-size: 12px;
    display: block;
    margin-top: 5px;
    font-weight: 400;
    color: #f44336
}

.form-group .form-line {
    width: 100%;
    position: relative
}

.form-group .form-line:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0;
    bottom: -1px;
    transform: scaleX(0);
    transition: .25s ease-in;
    border-bottom: 2px solid #1f91f3
}

.form-group .form-line .form-label {
    font-weight: 400;
    color: #aaa;
    position: absolute;
    top: 10px;
    left: 0;
    cursor: text;
    transition: .2s
}

.form-group .form-line.error:after {
    border-bottom: 2px solid #f44336
}

.form-group .form-line.success:after {
    border-bottom: 2px solid #4caf50
}

.form-group .form-line.warning:after {
    border-bottom: 2px solid #ffc107
}

.form-group .form-line.focused:after {
    transform: scaleX(1)
}

.form-group .form-line.focused .form-label {
    top: -10px;
    left: 0;
    font-size: 12px
}

.form-group-sm .form-label {
    font-size: 12px
}

.form-group-sm .form-line.focused .form-label {
    bottom: 20px;
    font-size: 10px
}

.form-group-lg .form-label {
    font-size: 18px
}

.form-group-lg .form-line.focused .form-label {
    bottom: 35px;
    font-size: 12px
}

.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
    background-color: transparent
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \ ;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.show>.dropdown-menu {
    display: block
}

.spinner .input-group-addon {
    position: absolute;
    top: 10px;
    right: 0
}

.spinner .input-group-addon .spin-up i {
    position: absolute;
    left: 0
}

.spinner .input-group-addon .spin-down i {
    position: absolute;
    left: 0;
    bottom: -15px
}

.bootstrap-select .btn {
    color: #333
}

.input-group-addon,.input-group-btn,.input-group .form-control {
    display: table-cell
}

.form-check {
    margin-bottom: .5rem;
    padding-left: 0
}

.form-check .form-check-label {
    cursor: pointer;
    padding-left: 25px;
    position: relative;
    padding-right: 15px
}

.form-check .form-check-label span {
    display: block;
    position: absolute;
    left: -1px;
    top: -1px;
    transition-duration: .2s;
    padding-left: 0
}

.form-check .form-check-input {
    opacity: 0;
    height: 0;
    width: 0;
    overflow: hidden;
    position: absolute;
    margin: 0;
    z-index: -1;
    left: 0;
    pointer-events: none
}

.form-check .form-check-input:checked+.form-check-sign:before {
    animation: rippleOn .5s
}

.form-check .form-check-input:checked+.form-check-sign .check {
    background: #9c27b0
}

.form-check .form-check-input:checked+.form-check-sign .check:before {
    color: #fff;
    box-shadow: 0 0 0 10px,10px -10px 0 10px,32px 0 0 20px,0 32px 0 20px,-5px 5px 0 10px,20px -12px 0 11px;
    animation: checkboxOn .3s forwards
}

.form-check .form-check-sign {
    vertical-align: middle;
    position: relative;
    top: -2px;
    float: left;
    padding-right: 10px;
    display: inline-block
}

.form-check .form-check-sign:before {
    display: block;
    position: absolute;
    left: 0;
    content: "";
    background-color: #000000d6;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    z-index: 1;
    opacity: 0;
    margin: 0;
    top: 0;
    transform: scale3d(2.3,2.3,1)
}

.form-check .form-check-sign .check {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid rgba(0,0,0,.54);
    overflow: hidden;
    z-index: 1;
    border-radius: 3px
}

.form-check .form-check-sign .check:before {
    position: absolute;
    content: "";
    transform: rotate(45deg);
    display: block;
    margin-top: -3px;
    margin-left: 7px;
    width: 0;
    color: #fff;
    height: 0;
    animation: checkboxOff .3s forwards
}

.default-select select {
    width: 100px;
    appearance: none
}

.default-select .select-wrapper input.select-dropdown {
    display: none
}

.label {
    border-radius: 10px;
    padding: 2px 10px;
    color: #fff;
    display: inline-block
}

.label-default {
    background-color: #777
}

.label-primary {
    background-color: #1f91f3
}

.label-success {
    background-color: #2b982b
}

.label-info {
    background-color: #00b0e4
}

.label-warning {
    background-color: #ff9600
}

.label-danger {
    background-color: #fb483a
}

.overlay {
    position: fixed;
    cursor: pointer;
    inset: 0;
    background-color: #00000080;
    z-index: 10
}

.overlay-open .sidebar {
    margin-left: 0;
    z-index: 99999999
}

.sidebar {
    transition: all .5s;
    font-family: Roboto,sans-serif;
    background: #ffffff;
    width: 260px;
    overflow: hidden;
    display: inline-block;
    height: calc(100vh - 60px);
    position: fixed;
    top: 60px;
    left: 0;
    border-right: 1px solid #f2f4f9;
    box-shadow: 0 8px 10px #b7c0ce33;
    z-index: 999!important
}

.sidebar .user-info {
    padding: 13px 15px 12px;
    white-space: nowrap;
    position: relative;
    border-bottom: 1px solid #e9e9e9;
    height: 135px
}

.sidebar .user-info .image {
    margin-right: 12px;
    display: inline-block
}

.sidebar .user-info .image img {
    border-radius: 50%;
    vertical-align: bottom!important
}

.sidebar .user-info .info-container {
    cursor: default;
    display: block;
    position: relative;
    top: 25px
}

.sidebar .user-info .info-container .name {
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    max-width: 200px;
    color: #fff
}

.sidebar .user-info .info-container .email {
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
    max-width: 200px;
    color: #fff
}

.sidebar .user-info .info-container .user-helper-dropdown {
    position: absolute;
    right: -3px;
    bottom: -12px;
    -ms-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    color: #fff
}

.sidebar .menu {
    position: relative;
    overflow-y: auto;
    height: 100vh
}

.sidebar .menu .list {
    list-style: none;
    padding-left: 0
}

.sidebar .menu .list li.active .menu-top {
    background-color: #f0f3fb
}

.sidebar .menu .list li.active>:first-child span {
    font-weight: 500
}

.sidebar .menu .list li.active-top .menu-top {
    background-color: #f0f3fb
}

.sidebar .menu .list .header {
    font-size: 12px;
    margin: 45px 0 5px 28px;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #000
}

.sidebar .menu .list i.material-icons {
    font-size: 20px;
    vertical-align: middle;
    color: #74767a
}

.sidebar .menu .list i.material-icons-outlined {
    font-size: 20px;
    vertical-align: middle;
    color: #47484b
}

.sidebar .menu .list i.fas,.sidebar .menu .list i.far,.sidebar .menu .list i.fab,.sidebar .menu .list i.fa {
    font-size: 15px
}

.sidebar .menu .list .tooltips .sidebarQuickIcon {
    font-size: 18px;
    margin-top: 10px
}

.sidebar .menu .list .active .menu-toggle {
    background: rgba(146,144,144,.28)
}

.sidebar .menu .list .active .ml-menu,.sidebar .menu .list .active .ml-sub-menu,.sidebar .menu .list .active .ml-sub-menu2,.sidebar .menu .list .active .ml-sub-menu3 {
    display: block
}

.sidebar .menu .list .menu-toggle:after,.sidebar .menu .list .menu-toggle:before {
    position: absolute;
    right: 17px;
    font-size: 19px;
    transform: scale(0);
    transition: all .3s
}

.sidebar .menu .list .menu-toggle:before {
    content: "+";
    transform: scale(1)
}

.sidebar .menu .list .menu-toggle:after {
    content: "\2013";
    transform: scale(0)
}

.sidebar .menu .list .material-icons-two-tone {
    vertical-align: middle;
    filter: invert(28%) sepia(39%) saturate(503%) hue-rotate(197deg) brightness(94%) contrast(91%)
}

.sidebar .menu .list .active .menu-toggle:before {
    transform: scale(0)
}

.sidebar .menu .list .active .menu-toggle:after {
    transform: scale(1)
}

.sidebar .menu .list .ml-sub-menu:after,.sidebar .menu .list .ml-sub-menu:before {
    position: absolute;
    top: calc(50% - 13px);
    right: 17px;
    font-size: 19px;
    transition: all .3s
}

.sidebar .menu .list .ml-sub-menu:before {
    content: "+"
}

.sidebar .menu .list .ml-sub-menu:after {
    content: "\2013"
}

.sidebar .menu .list .ml-sub-menu2:after,.sidebar .menu .list .ml-sub-menu2:before {
    position: absolute;
    top: calc(50% - 13px);
    right: 17px;
    font-size: 19px;
    transition: all .3s
}

.sidebar .menu .list .ml-sub-menu2:before {
    content: "+"
}

.sidebar .menu .list .ml-sub-menu2:after {
    content: "\2013"
}

.sidebar .menu .list .ml-sub-menu3:after,.sidebar .menu .list .ml-sub-menu3:before {
    position: absolute;
    top: calc(50% - 13px);
    right: 17px;
    font-size: 19px;
    transition: all .3s
}

.sidebar .menu .list .ml-sub-menu3:before {
    content: "+"
}

.sidebar .menu .list .ml-sub-menu3:after {
    content: "\2013"
}

.sidebar .menu .list a {
    color: #000;
    position: relative;
    font-size: 14px;
    display: block;
    overflow: hidden;
    line-height: 2rem;
    padding: 9px;
    margin: 8px 11px 0;
    border-radius: .5rem
}

.sidebar .menu .list a:hover,.sidebar .menu .list a:active {
    text-decoration: none!important;
    background-color: #f0f3fb;
    cursor: pointer
}

.sidebar .menu .list a small {
    position: absolute;
    top: calc(50% - 7.5px);
    right: 15px
}

.sidebar .menu .list a span {
    margin: 7px 0 7px 12px;
    color: #333;
    font-size: 14px;
    overflow: hidden
}

.sidebar .menu .list .ml-menu {
    list-style: none;
    display: none;
    padding-left: 0
}

.sidebar .menu .list .ml-menu span {
    font-weight: 400;
    font-size: 14px;
    margin: 3px 0 1px 6px
}

.sidebar .menu .list .ml-menu li a {
    padding-left: 45px;
    padding-top: 4px;
    padding-bottom: 4px
}

.sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle):before {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    position: absolute;
    left: 18%;
    top: 50%;
    transform: translate(-10px,-50%);
    opacity: 1;
    transition: all .2s ease
}

.sidebar .menu .list .ml-menu li.active .ml-menu:before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-size: 13px;
    display: block;
    width: 7px;
    height: 7px;
    position: absolute;
    left: 8%;
    font-weight: 900;
    top: calc(50% - 15px)
}

.sidebar .menu .list .ml-menu li.active .ml-menu-2 {
    display: block
}

.sidebar .menu .list .ml-menu li .ml-menu li a {
    padding-left: 80px
}

.sidebar .menu .list .ml-menu li .ml-menu .ml-menu li a {
    padding-left: 95px
}

.sidebar .menu .list .ml-menu .activeSub .ml-menu-2,.sidebar .menu .list .ml-menu .activeSub .ml-menu-3 {
    display: block
}

.sidebar .menu .list .ml-menu-2 {
    list-style: none;
    display: none;
    padding-left: 0
}

.sidebar .menu .list .ml-menu-2 span {
    font-weight: 400;
    font-size: 14px;
    margin: 3px 0 1px 6px
}

.sidebar .menu .list .ml-menu-2 li a {
    padding-left: 65px;
    padding-top: 4px;
    padding-bottom: 4px
}

.sidebar .menu .list .ml-menu-2 li.active .ml-menu-3 {
    display: block
}

.sidebar .menu .list .ml-menu-2 li.active .ml-menu2:before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-size: 13px;
    display: block;
    width: 7px;
    height: 7px;
    position: absolute;
    left: 20%;
    font-weight: 900;
    top: calc(50% - 15px)
}

.sidebar .menu .list .ml-menu-3 {
    list-style: none;
    display: none;
    padding-left: 0
}

.sidebar .menu .list .ml-menu-3 span {
    font-weight: 400;
    font-size: 14px;
    margin: 3px 0 1px 6px
}

.sidebar .menu .list .ml-menu-3 li a {
    padding-left: 85px;
    padding-top: 4px;
    padding-bottom: 4px
}

.sidebar .menu .list .ml-menu-3 li.active .ml-menu3:before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-size: 13px;
    display: block;
    width: 7px;
    height: 7px;
    position: absolute;
    left: 28%;
    font-weight: 900;
    top: calc(50% - 15px)
}

.sidebar .sidebar-badge {
    position: absolute;
    right: 35px;
    padding: 3px 6px;
    margin-top: 5px!important;
    border-radius: 15px;
    color: #fff!important;
    font-size: 12px!important;
    border: none;
    font-weight: 300!important
}

.ml-menu .ml-sub-menu:before {
    transform: scale(1)
}

.ml-menu .ml-sub-menu:after {
    transform: scale(0)
}

.ml-menu .ml-sub-menu2:before {
    transform: scale(1)
}

.ml-menu .ml-sub-menu2:after {
    transform: scale(0)
}

.ml-menu .ml-sub-menu3:before {
    transform: scale(1)
}

.ml-menu .ml-sub-menu3:after {
    transform: scale(0)
}

.ml-menu .active .ml-sub-menu:after {
    transform: scale(1)
}

.ml-menu .active .ml-sub-menu:before {
    transform: scale(0)
}

.ml-menu .ml-menu-2 li.active .ml-sub-menu2:after {
    transform: scale(1)
}

.ml-menu .ml-menu-2 li.active .ml-sub-menu2:before {
    transform: scale(0)
}

.ml-menu .ml-menu-3 li.active .ml-sub-menu3:after {
    transform: scale(1)
}

.ml-menu .ml-menu-3 li.active .ml-sub-menu3:before {
    transform: scale(0)
}

.right-sidebar {
    width: 280px;
    height: calc(100vh - 60px);
    position: fixed;
    right: -300px;
    top: 60px;
    background: #fdfdfd;
    z-index: 999!important;
    -ms-box-shadow: -2px 2px 5px rgba(0,0,0,.1);
    box-shadow: -2px 2px 5px #0000001a;
    overflow: hidden;
    transition: .5s
}

.right-sidebar.open {
    right: 0
}

.right-sidebar .nav-tabs {
    font-weight: 600;
    font-size: 13px;
    width: 100%;
    margin-left: 2px
}

.right-sidebar .nav-tabs li {
    text-align: center
}

.right-sidebar .nav-tabs li>a {
    margin-right: 0
}

.right-sidebar .nav-tabs li:first-child {
    width: 45%
}

.right-sidebar .nav-tabs li:last-child {
    width: 55%
}

.right-sidebar .rightSidebarClose {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 99;
    cursor: pointer
}

.boxed-layout .sidebar {
    left: auto
}

.boxed-layout.side-closed .sidebar {
    left: 0
}

.horizontal-menu {
    width: 100%;
    text-align: center
}

.top-sidebar {
    float: left;
    width: 100%;
    position: fixed;
    z-index: 9;
    top: 60px;
    background-color: #fff;
    -ms-box-shadow: 0 1px 5px rgba(0,0,0,.3);
    box-shadow: 0 1px 5px #0000004d
}

.top-sidebar ul.horizontal-list {
    overflow: visible!important;
    margin: 0;
    display: inline-block;
    height: 60px
}

.top-sidebar ul.horizontal-list a {
    color: #747474;
    float: left;
    width: 100%
}

.top-sidebar ul.horizontal-list li {
    float: left;
    position: relative;
    padding: 20px
}

.top-sidebar ul.horizontal-list li:hover>ul {
    display: block!important;
    position: absolute;
    top: 63px;
    background-color: #fff;
    border-radius: 5px;
    z-index: 9;
    -ms-box-shadow: 0 1px 5px rgba(0,0,0,.3);
    box-shadow: 0 1px 5px #0000004d
}

.top-sidebar ul.horizontal-list li:hover>ul:after {
    position: absolute;
    bottom: 100%;
    left: 1.8rem;
    width: 0;
    height: 0;
    margin-left: -16px;
    content: " ";
    pointer-events: none;
    border: solid transparent;
    border-width: 9px;
    border-color: #88b7d500;
    border-bottom-color: #fff
}

.top-sidebar ul.horizontal-list li:hover>ul:before {
    position: absolute;
    bottom: 100%;
    left: 1.8rem;
    width: 0;
    height: 0;
    margin-left: -16px;
    content: " ";
    pointer-events: none;
    border: solid transparent;
    border-width: 9px;
    border-color: #88b7d500;
    border-bottom-color: #ad5454
}

.top-sidebar ul.horizontal-list li:hover>ul.mega-ml-menu {
    position: relative;
    top: 0
}

.top-sidebar ul.horizontal-list li ul li {
    width: 100%;
    padding: 10px 15px;
    text-align: left
}

.top-sidebar ul.horizontal-list ul.ml-menu {
    display: none!important;
    width: 200px
}

.top-sidebar ul.horizontal-list ul.ml-menu li:hover ul {
    top: 0;
    left: 100%
}

.top-sidebar ul.horizontal-list ul.ml-menu .menu-toggle {
    position: relative
}

.top-sidebar ul.horizontal-list ul.ml-menu .menu-toggle:after {
    content: "\2023";
    position: absolute;
    right: 0;
    font-size: 25px;
    top: 0;
    line-height: 22px
}

.top-sidebar ul.horizontal-list i.material-icons {
    margin-top: 1px;
    margin-right: 3px;
    float: left;
    font-size: 20px
}

.top-sidebar .slimScrollDiv {
    overflow: visible!important
}

.menu_dark .sidebar {
    background: #1a202e;
    border-right: 1px solid #2f3a44;
    font-weight: 500
}

.menu_dark .sidebar .menu .list a,.menu_dark .sidebar .menu .list a span {
    color: #cfd8e3
}

.menu_dark .sidebar .menu .list i.material-icons,.menu_dark .sidebar .menu .list i.material-icons-outlined {
    color: #b2b6bf
}

.menu_dark .sidebar .menu .list a:hover {
    background-color: #0003
}

.menu_dark .sidebar .menu .list .header {
    background: transparent;
    color: #9babf1;
    font-size: 12px;
    margin: 45px 0 5px 28px;
    text-transform: uppercase;
    letter-spacing: .5px
}

.menu_dark .sidebar .menu .list .active .menu-toggle {
    background-color: #0006
}

.menu_dark .sidebar .menu .list .menu-toggle:after {
    color: #b8babb
}

.menu_dark .sidebar .menu .list .menu-toggle:before {
    color: #b8babb
}

.menu_dark .sidebar .menu .list .material-icons-two-tone {
    filter: invert(86%) sepia(3%) saturate(2995%) hue-rotate(185deg) brightness(79%) contrast(78%)
}

.menu_dark .sidebar .menu .list .ml-menu li a {
    color: #dadada
}

.menu_dark .sidebar .menu .list li.active .menu-top,.menu_dark .sidebar .menu .list li.active-top .menu-top {
    background-color: #0006
}

.menu_dark .sidebar .menu .list .ml-menu .active a:before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-size: 13px;
    display: block;
    width: 7px;
    height: 7px;
    position: absolute;
    left: 8%;
    font-weight: 900
}

.menu_dark .sidebar-userpic-name,.menu_dark .profile-usertitle-job {
    color: #e6e6e6
}

.user-panel {
    float: left;
    width: 100%;
    color: #ccc;
    padding: 25px 0 10px
}

.user-panel .image {
    width: 35%;
    max-width: 75px;
    margin: 0 auto
}

.user-panel .image img {
    max-width: 100%
}

.user-img-circle {
    background: #fff;
    z-index: 1000;
    position: inherit;
    padding: 2px;
    box-shadow: 0 5px 25px #0003
}

.img-circle {
    border-radius: 15%
}

.profile-usertitle {
    text-align: center;
    color: #060606
}

.profile-usertitle-job {
    font-size: 11px;
    color: #000
}

.sidebar-userpic-btn {
    display: flex;
    place-content: space-around;
    line-height: 2rem;
    padding: 9px;
    margin: 8px 13px 0
}

.sidebar-userpic-btn a {
    padding: 0!important;
    margin: 0!important;
    height: 30px;
    width: 30px
}

.sidebar-userpic-btn a:hover {
    cursor: pointer
}

.sidebar-userpic-btn a .mat-button-wrapper {
    margin-left: 0!important
}

.sidebar-userpic-btn a:hover {
    background-color: transparent!important
}

.collapse.in {
    display: block;
    list-style-type: none
}

.navbar {
    font-family: Roboto,sans-serif;
    border-radius: 0;
    box-shadow: none;
    border: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    padding: 0
}

.navbar .navbar-brand {
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.navbar .navbar-custom-right-menu {
    float: right
}

.navbar .navbar-toggle {
    text-decoration: none;
    color: #fff;
    width: 20px;
    height: 20px;
    margin-top: -7px;
    line-height: 60px;
    margin-right: 17px
}

.navbar .navbar-toggle:before {
    content: "\e8d5";
    font-family: Material Icons;
    font-size: 26px
}

.navbar .navbar-collapse.in {
    overflow: visible
}

.navbar .nav.navbar-nav,.navbar .container {
    display: block
}

.navbar .container-fluid {
    display: block;
    padding: 0
}

.navbar .dropdown-menu ul.menu li {
    width: 100%
}

.navbar .nav-left-menu {
    margin: 3px 15px
}

.navbar .collapse-menu-icon {
    margin-bottom: 0;
    line-height: 60px;
    padding-left: 15px;
    padding-right: 15px
}

.ls-closed .sidebar {
    margin-left: -300px
}

.ls-closed section.content {
    margin-left: 15px
}

.ls-closed .bars:after,.ls-closed .bars:before {
    font-family: Material Icons;
    font-size: 24px;
    position: absolute;
    left: 10px;
    top: 0;
    line-height: 60px;
    margin-right: 10px;
    transform: scale(0);
    transition: all .3s
}

.ls-closed .bars:before {
    content: "\e5d2";
    transform: scale(1)
}

.ls-closed .navbar-brand {
    margin-left: 30px
}

.overlay-open .bars:before {
    transform: scale(0)
}

.overlay-open .bars:after {
    transform: scale(1)
}

.overlay-open.ls-closed .sidebar {
    margin-left: 0
}

.navbar-header {
    padding: 8px;
    width: 260px;
    transition: all .5s
}

.navbar-header .bars {
    float: left;
    text-decoration: none
}

.navbar-icon {
    list-style-type: none;
    padding-left: 20px
}

.logo-name {
    color: #fff;
    font-size: 24px;
    font-weight: 400
}

.navbar-nav>li .js-right-sidebar {
    margin-right: 20px
}

.navbar-nav.navbar-right {
    float: right!important;
    margin: 0;
    line-height: 60px
}

.navbar-nav.navbar-right .mat-icon-button {
    width: 24px;
    height: 24px;
    margin: 0 10px;
    line-height: 24px
}

.navbar-nav.navbar-right .user_profile .dropdown-toggle {
    cursor: pointer
}

.navbar-nav.navbar-right .user_profile .user_img {
    margin: 0 10px 0 0;
    border-radius: 50%
}

.navbar-nav.navbar-right .user_profile span {
    font-weight: 500
}

.navbar-nav .material-icons {
    line-height: 1;
    height: 24px;
    font-size: 27px
}

.navbar-nav .fas,.navbar-nav .far,.navbar-nav .fab,.navbar-nav .fa {
    line-height: 1;
    height: 24px;
    font-size: 18px
}

.navbar-nav .user_profile .user_dw_menu {
    list-style-type: none;
    padding-left: 0
}

.navbar-nav .user_profile .user_dw_menu li {
    width: 100%;
    border-bottom: 1px solid #eee;
    height: 45px
}

.navbar-nav .user_profile .user_dw_menu li a {
    line-height: 27px;
    color: #333;
    padding: 8px 15px;
    display: inline-flex
}

.navbar-nav .user_profile .user_dw_menu li i {
    float: left;
    padding-right: 5px
}

.navbar-nav .user_profile .user_dw_menu li:last-child {
    border-bottom: 0
}

.navbar-nav .user_profile .dropdown-menu {
    width: 200px;
    right: -10px
}

.nav-notification-icons {
    min-width: 0!important;
    flex-shrink: 0;
    line-height: 40px!important;
    border-radius: 50%!important;
    margin: 0 4px
}

.nav-notification-icons:after {
    display: none
}

.nav-notification-icons .material-icons-outlined {
    display: flex;
    vertical-align: middle
}

.lang-dropdown {
    cursor: pointer
}

.lang-dropdown .country-name {
    margin-left: 5px;
    vertical-align: middle
}

.lang-dropdown:after {
    display: none
}

.lang-dropdown img {
    height: 17px;
    border-radius: 3px
}

.lang-item {
    width: 175px!important
}

.lang-item .lang-item-list {
    line-height: 30px
}

.lang-item .lang-item-list.active,.lang-item .lang-item-list:active {
    background-color: #eef1f9;
    color: #000
}

.lang-item .lang-item-list .flag-img {
    margin: 0 10px 0 0;
    height: 15px;
    border-radius: 3px
}

.label-count {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 10px;
    line-height: 15px;
    background-color: #000;
    padding: 3px;
    border-radius: 3px
}

.navbar-brand {
    float: left;
    height: 45px;
    padding: 6px 25px;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    width: 100%
}

.navbar-brand img {
    vertical-align: top
}

.navbar-brand span {
    line-height: 32px;
    padding-left: 10px
}

.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px #ffffff1a
}

.collapse {
    display: none
}

.navbar-nav {
    margin: 0 -15px
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav>li {
    position: relative;
    display: block
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 5px 0
}

.nav .user-menu-icons {
    margin: 0 5px
}

.nav .user-menu-icons .feather {
    height: 18px!important;
    width: 18px!important;
    vertical-align: middle
}

nav.navbar {
    min-height: 60px
}

.col-red .navbar .navbar-brand,.col-red .navbar .navbar-brand:hover,.col-red .navbar .navbar-brand:active,.col-red .navbar .navbar-brand:focus {
    color: #fff
}

.col-red .navbar .nav>li>a:hover,.col-red .navbar .nav>li>a:focus,.col-red .navbar .nav .open>a,.col-red .navbar .nav .open>a:hover,.col-red .navbar .nav .open>a:focus {
    background-color: #0000000d
}

.col-red .navbar .nav>li>a {
    color: #fff
}

.col-red .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-red .navbar .bars:hover {
    background-color: #00000014
}

.col-pink .navbar .navbar-brand,.col-pink .navbar .navbar-brand:hover,.col-pink .navbar .navbar-brand:active,.col-pink .navbar .navbar-brand:focus {
    color: #fff
}

.col-pink .navbar .nav>li>a:hover,.col-pink .navbar .nav>li>a:focus,.col-pink .navbar .nav .open>a,.col-pink .navbar .nav .open>a:hover,.col-pink .navbar .nav .open>a:focus {
    background-color: #0000000d
}

.col-pink .navbar .nav>li>a {
    color: #fff
}

.col-pink .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-pink .navbar .bars:hover {
    background-color: #00000014
}

.col-purple .navbar .navbar-brand,.col-purple .navbar .navbar-brand:hover,.col-purple .navbar .navbar-brand:active,.col-purple .navbar .navbar-brand:focus {
    color: #fff
}

.col-purple .navbar .nav>li>a:hover,.col-purple .navbar .nav>li>a:focus,.col-purple .navbar .nav .open>a,.col-purple .navbar .nav .open>a:hover,.col-purple .navbar .nav .open>a:focus {
    background-color: #0000000d
}

.col-purple .navbar .nav>li>a {
    color: #fff
}

.col-purple .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-purple .navbar .bars:hover {
    background-color: #00000014
}

.col-indigo .navbar .navbar-brand,.col-indigo .navbar .navbar-brand:hover,.col-indigo .navbar .navbar-brand:active,.col-indigo .navbar .navbar-brand:focus {
    color: #fff
}

.col-indigo .navbar .nav>li>a:hover,.col-indigo .navbar .nav>li>a:focus,.col-indigo .navbar .nav .open>a,.col-indigo .navbar .nav .open>a:hover,.col-indigo .navbar .nav .open>a:focus {
    background-color: #0000000d
}

.col-indigo .navbar .nav>li>a {
    color: #fff
}

.col-indigo .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-indigo .navbar .bars:hover {
    background-color: #00000014
}

.col-blue .navbar .navbar-brand,.col-blue .navbar .navbar-brand:hover,.col-blue .navbar .navbar-brand:active,.col-blue .navbar .navbar-brand:focus {
    color: #fff
}

.col-blue .navbar .nav>li>a:hover,.col-blue .navbar .nav>li>a:focus,.col-blue .navbar .nav .open>a,.col-blue .navbar .nav .open>a:hover,.col-blue .navbar .nav .open>a:focus {
    background-color: #0000000d
}

.col-blue .navbar .nav>li>a {
    color: #fff
}

.col-blue .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-blue .navbar .bars:hover {
    background-color: #00000014
}

.col-cyan .navbar .navbar-brand,.col-cyan .navbar .navbar-brand:hover,.col-cyan .navbar .navbar-brand:active,.col-cyan .navbar .navbar-brand:focus {
    color: #fff
}

.col-cyan .navbar .nav>li>a:hover,.col-cyan .navbar .nav>li>a:focus,.col-cyan .navbar .nav .open>a,.col-cyan .navbar .nav .open>a:hover,.col-cyan .navbar .nav .open>a:focus {
    background-color: #0000000d
}

.col-cyan .navbar .nav>li>a {
    color: #fff
}

.col-cyan .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-cyan .navbar .bars:hover {
    background-color: #00000014
}

.col-teal .navbar .navbar-brand,.col-teal .navbar .navbar-brand:hover,.col-teal .navbar .navbar-brand:active,.col-teal .navbar .navbar-brand:focus {
    color: #fff
}

.col-teal .navbar .nav>li>a:hover,.col-teal .navbar .nav>li>a:focus,.col-teal .navbar .nav .open>a,.col-teal .navbar .nav .open>a:hover,.col-teal .navbar .nav .open>a:focus {
    background-color: #0000000d
}

.col-teal .navbar .nav>li>a {
    color: #fff
}

.col-teal .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-teal .navbar .bars:hover {
    background-color: #00000014
}

.col-green .navbar .navbar-brand,.col-green .navbar .navbar-brand:hover,.col-green .navbar .navbar-brand:active,.col-green .navbar .navbar-brand:focus {
    color: #fff
}

.col-green .navbar .nav>li>a:hover,.col-green .navbar .nav>li>a:focus,.col-green .navbar .nav .open>a,.col-green .navbar .nav .open>a:hover,.col-green .navbar .nav .open>a:focus {
    background-color: #0000000d
}

.col-green .navbar .nav>li>a {
    color: #fff
}

.col-green .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-green .navbar .bars:hover {
    background-color: #00000014
}

.col-yellow .navbar .navbar-brand,.col-yellow .navbar .navbar-brand:hover,.col-yellow .navbar .navbar-brand:active,.col-yellow .navbar .navbar-brand:focus {
    color: #fff
}

.col-yellow .navbar .nav>li>a:hover,.col-yellow .navbar .nav>li>a:focus,.col-yellow .navbar .nav .open>a,.col-yellow .navbar .nav .open>a:hover,.col-yellow .navbar .nav .open>a:focus {
    background-color: #0000000d
}

.col-yellow .navbar .nav>li>a {
    color: #fff
}

.col-yellow .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-yellow .navbar .bars:hover {
    background-color: #00000014
}

.col-orange .navbar .navbar-brand,.col-orange .navbar .navbar-brand:hover,.col-orange .navbar .navbar-brand:active,.col-orange .navbar .navbar-brand:focus {
    color: #fff
}

.col-orange .navbar .nav>li>a:hover,.col-orange .navbar .nav>li>a:focus,.col-orange .navbar .nav .open>a,.col-orange .navbar .nav .open>a:hover,.col-orange .navbar .nav .open>a:focus {
    background-color: #0000000d
}

.col-orange .navbar .nav>li>a {
    color: #fff
}

.col-orange .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-orange .navbar .bars:hover {
    background-color: #00000014
}

.col-deep-orange .navbar .navbar-brand,.col-deep-orange .navbar .navbar-brand:hover,.col-deep-orange .navbar .navbar-brand:active,.col-deep-orange .navbar .navbar-brand:focus {
    color: #fff
}

.col-deep-orange .navbar .nav>li>a:hover,.col-deep-orange .navbar .nav>li>a:focus,.col-deep-orange .navbar .nav .open>a,.col-deep-orange .navbar .nav .open>a:hover,.col-deep-orange .navbar .nav .open>a:focus {
    background-color: #0000000d
}

.col-deep-orange .navbar .nav>li>a {
    color: #fff
}

.col-deep-orange .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-deep-orange .navbar .bars:hover {
    background-color: #00000014
}

.col-brown .navbar .navbar-brand,.col-brown .navbar .navbar-brand:hover,.col-brown .navbar .navbar-brand:active,.col-brown .navbar .navbar-brand:focus {
    color: #fff
}

.col-brown .navbar .nav>li>a:hover,.col-brown .navbar .nav>li>a:focus,.col-brown .navbar .nav .open>a,.col-brown .navbar .nav .open>a:hover,.col-brown .navbar .nav .open>a:focus {
    background-color: #0000000d
}

.col-brown .navbar .nav>li>a {
    color: #fff
}

.col-brown .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-brown .navbar .bars:hover {
    background-color: #00000014
}

.col-grey .navbar .navbar-brand,.col-grey .navbar .navbar-brand:hover,.col-grey .navbar .navbar-brand:active,.col-grey .navbar .navbar-brand:focus {
    color: #fff
}

.col-grey .navbar .nav>li>a:hover,.col-grey .navbar .nav>li>a:focus,.col-grey .navbar .nav .open>a,.col-grey .navbar .nav .open>a:hover,.col-grey .navbar .nav .open>a:focus {
    background-color: #0000000d
}

.col-grey .navbar .nav>li>a {
    color: #fff
}

.col-grey .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-grey .navbar .bars:hover {
    background-color: #00000014
}

.col-black .navbar .navbar-brand,.col-black .navbar .navbar-brand:hover,.col-black .navbar .navbar-brand:active,.col-black .navbar .navbar-brand:focus {
    color: #fff
}

.col-black .navbar .nav>li>a:hover,.col-black .navbar .nav>li>a:focus,.col-black .navbar .nav .open>a,.col-black .navbar .nav .open>a:hover,.col-black .navbar .nav .open>a:focus {
    background-color: #0000000d
}

.col-black .navbar .nav>li>a {
    color: #fff
}

.col-black .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-black .navbar .bars:hover {
    background-color: #00000014
}

.col-white .navbar .navbar-brand,.col-white .navbar .navbar-brand:hover,.col-white .navbar .navbar-brand:active,.col-white .navbar .navbar-brand:focus {
    color: #fff
}

.col-white .navbar .nav>li>a:hover,.col-white .navbar .nav>li>a:focus,.col-white .navbar .nav .open>a,.col-white .navbar .nav .open>a:hover,.col-white .navbar .nav .open>a:focus {
    background-color: #0000000d
}

.col-white .navbar .nav>li>a {
    color: #fff
}

.col-white .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

.col-white .navbar .bars:hover {
    background-color: #00000014
}

.side-closed .sidebar {
    width: 60px
}

.side-closed .sidebar .menu .list li .menu-toggle:before,.side-closed .sidebar .menu .list li .menu-toggle:after {
    content: ""
}

.side-closed .sidebar .menu .list li span {
    display: none
}

.side-closed .sidebar .menu .list li a {
    line-height: 1rem;
    margin: 8px 10px 0 9px
}

.side-closed .sidebar .menu .list li a:before,.side-closed .sidebar .menu .list li a:after {
    top: calc(50% - 7px)
}

.side-closed.submenu-closed .sidebar .menu .list li .ml-menu,.side-closed.submenu-closed .sidebar .menu .list .header {
    display: none!important
}

.side-closed.submenu-closed .navbar-header {
    width: 60px
}

.side-closed.submenu-closed .navbar-header .navbar-brand {
    padding-right: 0;
    padding-left: 0;
    margin: 0
}

.side-closed.submenu-closed .navbar-header .navbar-brand span,.side-closed.submenu-closed .sidebar-user-panel {
    display: none
}

.side-closed section.content {
    margin-left: 58px
}

.side-closed .navbar-brand {
    margin-left: 30px
}

.side-closed.side-closed-hover .sidebar {
    width: 260px
}

.side-closed.side-closed-hover .sidebar .menu .list li .menu-toggle:before {
    content: "+"
}

.side-closed.side-closed-hover .sidebar .menu .list li .menu-toggle:after {
    content: "\2013"
}

.side-closed.side-closed-hover .sidebar .menu .list li span {
    display: block;
    float: left
}

.side-closed.side-closed-hover .sidebar .menu .list li a {
    padding: 9px
}

.side-closed.side-closed-hover .sidebar .menu .list li i {
    float: left;
    line-height: 2rem
}

.side-closed.side-closed-hover .sidebar .menu .list .ml-menu li a {
    padding-left: 45px;
    padding-top: 7px;
    padding-bottom: 7px;
    line-height: 2rem
}

.side-closed.side-closed-hover .sidebar .menu .list .ml-menu .ml-menu-2 li a {
    padding-left: 65px;
    padding-top: 4px;
    padding-bottom: 4px
}

.side-closed.side-closed-hover .sidebar .menu .list .ml-menu .ml-menu-3 li a {
    padding-left: 85px;
    padding-top: 4px;
    padding-bottom: 4px
}

.side-closed.side-closed-hover section.content {
    margin-left: 276px
}

.sidemenu-collapse {
    height: 50px;
    padding: 0 20px 0 44px
}

.sidemenu-collapse:hover {
    text-decoration: none;
    color: #fff;
    background-color: transparent
}

.sidemenu-collapse .fas {
    line-height: 1;
    height: 24px;
    font-size: 18px;
    color: #3a2c70
}

.boxed-layout .container>.navbar-header {
    margin-left: 0
}

.nav-tabs {
    border-bottom: 2px solid #eee
}

.nav-tabs>li {
    position: relative;
    top: 3px;
    left: -2px
}

.nav-tabs>li>a {
    border: none!important;
    color: #999!important;
    border-radius: 0
}

.nav-tabs>li>a:hover,.nav-tabs>li>a:active,.nav-tabs>li>a:focus {
    background-color: transparent!important
}

.nav-tabs>li>a:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 0;
    border-bottom: 2px solid #2196f3;
    bottom: 2px;
    transform: scaleX(0);
    transition: .1s ease-in
}

.nav-tabs>li>a .material-icons {
    position: relative;
    top: 7px;
    margin-bottom: 8px
}

.nav-tabs li a.active {
    color: #222!important
}

.nav-tabs li a.active:hover,.nav-tabs li a.active:active,.nav-tabs li a.active:focus {
    background-color: transparent!important
}

.nav-tabs li a.active:before {
    transform: scaleX(1)
}

.nav-tabs+.tab-content {
    padding: 15px 0
}

.nav-tabs.tab-col-red>li>a:before {
    border-bottom: 2px solid #f44336
}

.nav-tabs.tab-col-pink>li>a:before {
    border-bottom: 2px solid #e91e63
}

.nav-tabs.tab-col-purple>li>a:before {
    border-bottom: 2px solid #9c27b0
}

.nav-tabs.tab-col-indigo>li>a:before {
    border-bottom: 2px solid #3f51b5
}

.nav-tabs.tab-col-blue>li>a:before {
    border-bottom: 2px solid #2196f3
}

.nav-tabs.tab-col-cyan>li>a:before {
    border-bottom: 2px solid #00bcd4
}

.nav-tabs.tab-col-teal>li>a:before {
    border-bottom: 2px solid #009688
}

.nav-tabs.tab-col-green>li>a:before {
    border-bottom: 2px solid #4caf50
}

.nav-tabs.tab-col-yellow>li>a:before {
    border-bottom: 2px solid #ffe821
}

.nav-tabs.tab-col-orange>li>a:before {
    border-bottom: 2px solid #ff9800
}

.nav-tabs.tab-col-deep-orange>li>a:before {
    border-bottom: 2px solid #ff5722
}

.nav-tabs.tab-col-brown>li>a:before {
    border-bottom: 2px solid #795548
}

.nav-tabs.tab-col-grey>li>a:before {
    border-bottom: 2px solid #9e9e9e
}

.nav-tabs.tab-col-black>li>a:before {
    border-bottom: 2px solid #000000
}

.nav-tabs.tab-col-white>li>a:before {
    border-bottom: 2px solid #ffffff
}

.notice-board {
    display: flex;
    align-items: flex-start
}

.notice-board .notice-body {
    font-size: 13px;
    padding: 0 0 5px 10px
}

.notice-board .notice-body p {
    margin-bottom: 0
}

.notice-board .notice-body .notice-heading {
    margin: 0
}

.rightSetting {
    padding: 20px 25px 0
}

.rightSetting p {
    font-weight: 700;
    margin: 0;
    border-bottom: 1px solid #eee;
    font-size: 12px;
    text-align: left
}

.rightSetting .mat-button-toggle-checked {
    background-color: #6e68c1!important;
    color: #fff!important
}

.rightSetting .mat-button-toggle {
    width: 60px;
    height: 30px;
    font-size: 14px
}

.rightSetting .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
    line-height: 30px!important
}

.search-box:focus button.icon,.search-box:active button.icon,.search-box:hover button.icon {
    outline: none;
    opacity: 1;
    margin-left: -43px
}

.search-box {
    overflow: hidden;
    width: 270px;
    vertical-align: middle;
    white-space: nowrap
}

.search-box input#search {
    width: 250px;
    height: 40px;
    background: rgb(255,255,255);
    border: none;
    font-size: 10pt;
    float: left;
    color: #fff;
    padding-left: 15px;
    margin-bottom: 0;
    margin-top: 10px;
    border-radius: 50px
}

.search-box input#search:-moz-placeholder {
    color: #65737e
}

.search-box input#search:-ms-input-placeholder {
    color: #65737e
}

.search-box input#search::-webkit-input-placeholder {
    color: #65737e
}

.search-box input#search::-moz-placeholder {
    color: #65737e
}

.search-box button.icon {
    border: none;
    background: transparent;
    height: 50px;
    width: 0px;
    color: #4f5b66;
    opacity: 0;
    font-size: 10pt;
    transition: all .55s ease
}

.search-box button.icon .fa {
    font-size: 18px
}

.search-box:hover button.icon:hover {
    background: transparent
}

.switch label {
    font-weight: 400;
    font-size: 13px
}

.switch label .lever {
    margin: 0 14px
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-red:active:after {
    box-shadow: 0 1px 3px 1px #0006,0 0 0 15px #f443361a
}

.switch label input[type=checkbox]:checked+.lever.switch-col-red {
    background-color: #f4433680
}

.switch label input[type=checkbox]:checked+.lever.switch-col-red:after {
    background-color: #f44336
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-pink:active:after {
    box-shadow: 0 1px 3px 1px #0006,0 0 0 15px #e91e631a
}

.switch label input[type=checkbox]:checked+.lever.switch-col-pink {
    background-color: #e91e6380
}

.switch label input[type=checkbox]:checked+.lever.switch-col-pink:after {
    background-color: #e91e63
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-purple:active:after {
    box-shadow: 0 1px 3px 1px #0006,0 0 0 15px #9c27b01a
}

.switch label input[type=checkbox]:checked+.lever.switch-col-purple {
    background-color: #9c27b080
}

.switch label input[type=checkbox]:checked+.lever.switch-col-purple:after {
    background-color: #9c27b0
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-indigo:active:after {
    box-shadow: 0 1px 3px 1px #0006,0 0 0 15px #3f51b51a
}

.switch label input[type=checkbox]:checked+.lever.switch-col-indigo {
    background-color: #3f51b580
}

.switch label input[type=checkbox]:checked+.lever.switch-col-indigo:after {
    background-color: #3f51b5
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-blue:active:after {
    box-shadow: 0 1px 3px 1px #0006,0 0 0 15px #2196f31a
}

.switch label input[type=checkbox]:checked+.lever.switch-col-blue {
    background-color: #2196f380
}

.switch label input[type=checkbox]:checked+.lever.switch-col-blue:after {
    background-color: #2196f3
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-cyan:active:after {
    box-shadow: 0 1px 3px 1px #0006,0 0 0 15px #00bcd41a
}

.switch label input[type=checkbox]:checked+.lever.switch-col-cyan {
    background-color: #00bcd480
}

.switch label input[type=checkbox]:checked+.lever.switch-col-cyan:after {
    background-color: #00bcd4
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-teal:active:after {
    box-shadow: 0 1px 3px 1px #0006,0 0 0 15px #0096881a
}

.switch label input[type=checkbox]:checked+.lever.switch-col-teal {
    background-color: #00968880
}

.switch label input[type=checkbox]:checked+.lever.switch-col-teal:after {
    background-color: #009688
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-green:active:after {
    box-shadow: 0 1px 3px 1px #0006,0 0 0 15px #4caf501a
}

.switch label input[type=checkbox]:checked+.lever.switch-col-green {
    background-color: #4caf5080
}

.switch label input[type=checkbox]:checked+.lever.switch-col-green:after {
    background-color: #4caf50
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-yellow:active:after {
    box-shadow: 0 1px 3px 1px #0006,0 0 0 15px #ffe8211a
}

.switch label input[type=checkbox]:checked+.lever.switch-col-yellow {
    background-color: #ffe82180
}

.switch label input[type=checkbox]:checked+.lever.switch-col-yellow:after {
    background-color: #ffe821
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-orange:active:after {
    box-shadow: 0 1px 3px 1px #0006,0 0 0 15px #ff98001a
}

.switch label input[type=checkbox]:checked+.lever.switch-col-orange {
    background-color: #ff980080
}

.switch label input[type=checkbox]:checked+.lever.switch-col-orange:after {
    background-color: #ff9800
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-deep-orange:active:after {
    box-shadow: 0 1px 3px 1px #0006,0 0 0 15px #ff57221a
}

.switch label input[type=checkbox]:checked+.lever.switch-col-deep-orange {
    background-color: #ff572280
}

.switch label input[type=checkbox]:checked+.lever.switch-col-deep-orange:after {
    background-color: #ff5722
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-brown:active:after {
    box-shadow: 0 1px 3px 1px #0006,0 0 0 15px #7955481a
}

.switch label input[type=checkbox]:checked+.lever.switch-col-brown {
    background-color: #79554880
}

.switch label input[type=checkbox]:checked+.lever.switch-col-brown:after {
    background-color: #795548
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-grey:active:after {
    box-shadow: 0 1px 3px 1px #0006,0 0 0 15px #9e9e9e1a
}

.switch label input[type=checkbox]:checked+.lever.switch-col-grey {
    background-color: #9e9e9e80
}

.switch label input[type=checkbox]:checked+.lever.switch-col-grey:after {
    background-color: #9e9e9e
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-black:active:after {
    box-shadow: 0 1px 3px 1px #0006,0 0 0 15px #0000001a
}

.switch label input[type=checkbox]:checked+.lever.switch-col-black {
    background-color: #00000080
}

.switch label input[type=checkbox]:checked+.lever.switch-col-black:after {
    background-color: #000
}

.switch label input[type=checkbox]:checked:not(:disabled)~.lever.switch-col-white:active:after {
    box-shadow: 0 1px 3px 1px #0006,0 0 0 15px #ffffff1a
}

.switch label input[type=checkbox]:checked+.lever.switch-col-white {
    background-color: #ffffff80
}

.switch label input[type=checkbox]:checked+.lever.switch-col-white:after {
    background-color: #fff
}

.thumbnail {
    border-radius: 0
}

.thumbnail p:not(button) {
    color: #999;
    font-size: 14px
}

.thumbnail h3 {
    font-weight: 700;
    font-size: 17px
}

.to-do-list {
    padding-left: 0;
    margin-top: -10px;
    font-size: 12px;
    min-height: 311px;
    float: left;
    width: 100%
}

.to-do-list li {
    padding: 15px 0;
    border-radius: 3px;
    position: relative;
    cursor: move;
    list-style: none;
    font-size: 14px;
    background: #fff;
    border-bottom: 1px dotted rgba(0,0,0,.2)
}

.to-do-list li p {
    margin: 0;
    padding-left: 50px
}

.to-do-list li .todo-check input[type=checkbox] {
    visibility: hidden
}

.todo-actionlist {
    position: absolute;
    right: -5px;
    top: 22px
}

.todo-actionlist a {
    height: 24px;
    width: 24px;
    display: inline-block;
    float: left
}

.todo-actionlist a i {
    height: 24px;
    width: 24px;
    display: inline-block;
    text-align: center;
    line-height: 24px;
    color: #ccc
}

.todo-actionlist a:hover i {
    color: #666
}

.line-through {
    text-decoration: line-through
}

.todo-action-bar {
    margin-top: 20px
}

.todo-check {
    width: 20px;
    position: relative;
    margin-right: 10px;
    margin-left: 10px
}

.todo-check input[type=checkbox] {
    visibility: hidden
}

.todo-check label {
    cursor: pointer;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
    border-radius: 2px
}

.todo-done i {
    font-size: 14px
}

.todo-remove i {
    font-size: 10px
}

.inbox-small-cells .todo-check input[type=checkbox] {
    visibility: hidden
}

.settingSidebar {
    background: #fff;
    position: fixed;
    height: 100%;
    width: 280px;
    top: 62px;
    right: -280px;
    z-index: 999;
    transition: .3s ease-in;
    box-shadow: 0 2px 5px #00000029,0 2px 10px #0000001f
}

.settingSidebar .settingPanelToggle {
    background: #6777ef;
    padding: 13px;
    color: #fff;
    position: absolute;
    top: 30%;
    left: -40px;
    width: 40px;
    border-radius: 10px 0 0 10px
}

.settingSidebar .settingPanelToggle .setting-sidebar-icon .feather {
    height: 17px;
    width: 17px
}

.settingSidebar.showSettingPanel {
    right: 0
}

.settingSidebar .settingSidebar-body {
    position: relative;
    height: 100%
}

.settingSidebar .settingSidebar-tab {
    display: flex
}

.settingSidebar .settingSidebar-tab .nav-item {
    width: 33.33%;
    text-align: center
}

.settingSidebar .settingSidebar-tab .nav-item .nav-link {
    padding: 15px 12px;
    color: #6a7a8c;
    border-bottom: 3px solid transparent
}

.settingSidebar .settingSidebar-tab .nav-item .nav-link.active,.settingSidebar .settingSidebar-tab .nav-item .nav-link:hover {
    border-bottom: 3px solid #2962ff;
    color: #2962ff
}

.settingSidebar ul.choose-theme li {
    display: inline-block
}

.settingSidebar ul.choose-theme li:hover {
    cursor: pointer
}

.settingSidebar ul.choose-theme li div {
    border-radius: 15px;
    display: inline-block;
    vertical-align: middle;
    height: 25px;
    width: 25px;
    overflow: hidden;
    position: relative;
    margin: 4px
}

.settingSidebar ul.choose-theme li div.purple {
    background: #6777ef;
    box-shadow: 4px 3px 6px #0003
}

.settingSidebar ul.choose-theme li div.orange {
    background: #ffa117;
    box-shadow: 4px 3px 6px #0003
}

.settingSidebar ul.choose-theme li div.cyan {
    background: #3dc7be;
    box-shadow: 4px 3px 6px #0003
}

.settingSidebar ul.choose-theme li div.green {
    background: #4caf4f;
    box-shadow: 4px 3px 6px #0003
}

.settingSidebar ul.choose-theme li div.red {
    background: #ea5455;
    box-shadow: 4px 3px 6px #0003
}

.settingSidebar ul.choose-theme li div.white {
    background: #ece8e8;
    box-shadow: 4px 3px 6px #0003
}

.settingSidebar ul.choose-theme li div.black {
    background: #343a40;
    box-shadow: 4px 3px 6px #0003
}

.settingSidebar ul.choose-theme li div.blue {
    background: #03a9f3;
    box-shadow: 4px 3px 6px #0003
}

.settingSidebar ul.choose-theme li.active div:after {
    content: "\f00c";
    color: #fff;
    top: 4px;
    left: 7px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    position: absolute;
    transition: .5s
}

.settingSidebar .setting-panel-header {
    display: block;
    padding: 15px 20px;
    color: #212529;
    font-size: 15px;
    border: 1px solid #eae9e9;
    background: #e9ecef
}

.settingSidebar .disk-server-setting .progress {
    height: 8px
}

.settingSidebar .disk-server-setting p {
    font-weight: 700;
    margin: 0;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    text-align: left;
    padding-bottom: 5px
}

.settingSidebar .rt-sidebar-last-ele {
    margin-bottom: 70px!important
}

.hiddenradio {
    padding: 0 20px 0 0;
    margin: 0 20px 0 0
}

.hiddenradio [type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0
}

.hiddenradio [type=radio]+img {
    cursor: pointer;
    height: auto;
    width: 100%;
    border: 3px solid #d5e0ec
}

.hiddenradio [type=radio]:checked+img {
    outline: 2px solid #6777ef
}

@media only screen and (max-width: 1024px) {
    .settingSidebar {
        display:none
    }
}

#event_title {
    font-size: 1.2rem
}

#calendar {
    float: right;
    width: 100%
}

#external-events .fc-event {
    padding: 5px 10px;
    font-size: 14px;
    margin-bottom: 4px;
    box-shadow: 0 1px 1px #0000001a;
    text-shadow: 0 1px 1px rgba(0,0,0,.1);
    border-radius: 3px;
    cursor: move
}

#external-events .form-check .form-check-label {
    font-size: 14px
}

.cal-event {
    display: inline-block!important;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    padding: 0
}

.fc-state-active {
    background: #a389d4!important;
    color: #fff
}

.fc-day-grid-event {
    color: #fff!important;
    text-align: center
}

.fc-event-primary {
    border: none!important;
    background-color: #007bff!important;
    box-shadow: 0 4px 20px #00000024,0 7px 10px -5px #009aff66;
    color: #fff
}

.fc-event-warning {
    border: none!important;
    background-color: #ff9800!important;
    box-shadow: 0 4px 20px #00000024,0 7px 10px -5px #ff980066;
    color: #fff
}

.fc-event-success {
    border: none!important;
    position: relative;
    background-color: #53b958!important;
    box-shadow: 0 4px 20px #00000024,0 7px 10px -5px #4caf5066;
    font-weight: 400;
    color: #fff
}

.fc-event-danger {
    border: none!important;
    background-color: #f9483b!important;
    box-shadow: 0 4px 20px #00000024,0 7px 10px -5px #f4433666;
    color: #fff
}

.fc-event-info {
    border: none!important;
    position: relative;
    background-color: #03c5de!important;
    box-shadow: 0 4px 20px #00000024,0 7px 10px -5px #00bcd466;
    font-weight: 400;
    color: #fff
}

.fc-event-default {
    background: #007bff;
    border: 1px solid #007bff
}

.fc-state-default {
    border: 1px solid #eee;
    background: transparent!important;
    color: #7e869d;
    border-radius: 0
}

.catLbl {
    font-weight: 600;
    color: #34395e;
    font-size: 12px;
    letter-spacing: .5px;
    margin-bottom: 0
}

.fc .fc-button-primary {
    background-color: #fff!important;
    border: 1px solid #eee!important;
    color: #7e869d!important;
    border-radius: 5px!important;
    margin-right: 8px!important
}

.fc .fc-button-primary:disabled {
    color: #fff!important;
    background-color: #6777ef!important;
    border-color: #6777ef!important
}

.fc .fc-button-primary:hover {
    color: #868181!important;
    background-color: #e1e0e0!important;
    border-color: #e1e0e0!important
}

.fc .fc-button-primary:focus {
    box-shadow: none!important
}

.fc .fc-button-primary:not(:disabled).fc-button-active {
    color: #fff!important;
    background-color: #6777ef!important;
    border-color: #6777ef!important
}

.fc .fc-button-primary:not(:disabled):active {
    color: #fff!important;
    background-color: #6777ef!important;
    border-color: #6777ef!important
}

.fc-color-picker {
    list-style: none;
    margin: 0;
    padding: 0
}

.fc-color-picker>li {
    float: left;
    font-size: 30px;
    margin-right: 5px;
    line-height: 30px
}

.fc-content-skeleton thead {
    border-bottom: none
}

.fc-toolbar h2 {
    font-size: 16px;
    margin-top: 4px
}

.fc-view {
    border-color: #f2f2f2;
    color: color(fontdark)!important;
    font-weight: 500;
    padding: 10px
}

.fc-view>table {
    border-color: #f2f2f2
}

.fc-view>table th {
    border-color: #ddd;
    color: color(fontdark)!important;
    font-weight: 500;
    padding: 15px
}

.fc-view .fc-scrollgrid-section>th {
    padding: 0
}

.fc-view-container>.fc-view {
    padding: 0
}

.fc-view {
    color: #666;
    text-align: right
}

.fc-view>table td {
    color: #666;
    text-align: right
}

.fc button .fc-icon {
    top: -.09em
}

.fc-basic-view .fc-day-number,.fc-basic-view .fc-week-number {
    padding: 10px
}

.fc .fc-daygrid-event {
    padding: 0 10px;
    box-shadow: 0 4px 25px #0000001a;
    color: #fff;
    text-align: left
}

.fc-daygrid-block-event .fc-event-time {
    font-weight: 400!important;
    font-size: 12px
}

.fc-daygrid-event-dot {
    display: none
}

.fc-daygrid-dot-event .fc-event-title,.fc-daygrid-dot-event .fc-event-time,.fc-event-title-container .fc-event-title {
    font-weight: 400!important;
    text-align: left;
    font-size: 12px
}

tr:first-child>td>.fc-day-grid-event {
    margin-bottom: 10px
}

.fc-state-default {
    border-radius: 3px;
    background-color: #f2f2f2;
    background-image: none;
    border: none;
    box-shadow: none;
    text-transform: capitalize;
    font-weight: 500
}

.fc button {
    height: auto;
    padding: 10px 15px;
    text-shadow: none;
    border-radius: 0
}

.fc button.fc-state-active {
    background-color: color(primary);
    color: #fff
}

.fc .fc-axis {
    vertical-align: middle;
    padding: 0 4px;
    white-space: nowrap
}

.ngx-mat-timepicker .ng-pristine td {
    padding: 0;
    border-top: none;
    border-bottom: none
}

.fc-time-grid-event .fc-content,.fc-list-event {
    color: #fff
}

.fc-list-event:hover td {
    background-color: #cccaca!important
}

.fc-event-container:hover {
    cursor: pointer
}

.fc-daygrid-day-top {
    text-align: center;
    display: block!important
}

.fc-daygrid-day-top .fc-daygrid-day-number {
    color: #666;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 4px 0;
    font-size: 12px!important
}

.fc-day-today .fc-daygrid-day-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    margin: 4px 0;
    font-size: 12px;
    border-radius: 50%;
    background: #6777ef;
    color: #fff
}

.fc .fc-daygrid-day.fc-day-today {
    background-color: transparent!important
}

.fc .fc-col-header-cell-cushion {
    color: #666
}

.chat .chat-message .fa-file-image-o,.chat .chat-message .fa-file-o {
    font-size: 16px;
    color: gray;
    cursor: pointer
}

.chat-app {
    height: 690px
}

.chat-app .people-list {
    width: 280px;
    position: absolute;
    left: 0;
    top: 0;
    padding: 20px
}

.chat-app .chat {
    border-left: 1px solid #e8e8e8
}

.chat-app .list_btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    padding: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    display: none;
    -ms-box-shadow: 0 10px 25px 0 rgba(0,0,0,.3);
    box-shadow: 0 10px 25px #0000004d;
    border-radius: 3px
}

.people-list {
    transition: .5s
}

.people-list .chat-list li {
    padding: 10px 15px;
    list-style: none;
    border-radius: 3px
}

.people-list .chat-list li:hover {
    background: #efefef;
    cursor: pointer
}

.people-list .chat-list li.active {
    background: #efefef
}

.people-list .chat-list li .name {
    font-size: 15px
}

.people-list .chat-list img {
    width: 45px;
    border-radius: 50%
}

.people-list img {
    float: left;
    border: 1px solid #fff;
    -ms-box-shadow: 0px 5px 25px 0px rgba(0,0,0,.2);
    box-shadow: 0 5px 25px #0003;
    border-radius: 50%
}

.people-list .about {
    float: left;
    padding-left: 8px
}

.people-list .status {
    color: #999;
    font-size: 13px
}

.chat .chat-header {
    padding: 20px;
    border-bottom: 1px solid #eee;
    border-radius: 0 .55rem 0 0
}

.chat .chat-header img {
    float: left;
    border-radius: 50%;
    width: 45px
}

.chat .chat-header .chat-about {
    float: left;
    padding-left: 10px
}

.chat .chat-header .chat-with {
    font-weight: 700;
    font-size: 16px
}

.chat .chat-header .chat-num-messages {
    color: 434651
}

.chat .chat-history {
    padding: 20px;
    border-bottom: 2px solid #fff;
    height: 450px
}

.chat .chat-history ul {
    padding: 0
}

.chat .chat-history ul li {
    list-style: none
}

.chat .chat-history .message-data {
    margin-bottom: 15px
}

.chat .chat-history .message-data .message-data-name {
    font-size: 13px;
    font-weight: 700
}

.chat .chat-history .message-data-time {
    color: #434651;
    padding-left: 6px
}

.chat .chat-history .message {
    color: #444;
    padding: 18px 20px;
    line-height: 26px;
    font-size: 13px;
    border-radius: 7px;
    margin-bottom: 30px;
    width: 90%;
    position: relative
}

.chat .chat-history .message:after {
    bottom: 100%;
    left: 7%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px
}

.chat .chat-history .my-message {
    background: #e8e8e8
}

.chat .chat-history .my-message:after {
    bottom: 100%;
    left: 7%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #e8e8e8;
    border-width: 10px;
    margin-left: -10px
}

.chat .chat-history .other-message {
    background: #d9e7ea
}

.chat .chat-history .other-message:after {
    border-bottom-color: #d9e7ea;
    left: 93%
}

.chat .chat-message {
    padding: 20px
}

.chat .chat-message textarea {
    width: 100%;
    border: none;
    padding: 10px 20px;
    font: 14px/22px Lato,Arial,sans-serif;
    margin-bottom: 10px;
    border-radius: 5px;
    resize: none
}

.online {
    margin-right: 3px;
    font-size: 10px;
    color: #86bb71
}

.offline {
    margin-right: 3px;
    font-size: 10px;
    color: #e38968
}

.me {
    margin-right: 3px;
    font-size: 10px;
    color: #0498bd
}

.float-end {
    float: right
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.slimScrollBar {
    z-index: 0!important
}

.chat-upload {
    float: right
}

.contact-detail .fa {
    float: left;
    width: 30px;
    font-size: 20px;
    margin-top: 5px
}

.contact-detail span {
    float: left;
    width: calc(100% - 30px);
    margin-bottom: 20px
}

.contact-detail .fa-envelope {
    font-size: 15px
}

.contact-detail .fa-mobile {
    font-size: 25px
}

.contact-photo {
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 20px
}

.contact-photo img {
    margin: 0 auto;
    width: 130px;
    padding: 3px;
    border: 3px solid rgb(210,214,222);
    border-radius: 50%
}

.contact-usertitle {
    text-align: center;
    margin-top: 5px
}

.contact-usertitle-name {
    font-size: 20px;
    margin-bottom: 2px;
    font-weight: 700;
    color: #3a405b
}

.contact-usertitle-job {
    color: #777;
    font-size: 12px;
    margin-bottom: 5px
}

.newLabelBtn {
    padding: 20px 0;
    text-align: center
}

.alert-dismissible .close {
    text-indent: 0
}

.alert.alert-dismissible {
    color: #fff
}

.contact_list .phone {
    position: relative;
    padding-left: 20px
}

.contact_list .phone .material-icons {
    position: absolute;
    left: 0;
    font-size: 16px;
    top: 1px
}

.list-group-unbordered .list-group-item {
    border: 0px
}

.contact-header {
    display: flex
}

.contact-header .contact-details-img img {
    position: relative;
    display: flex;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 0;
    overflow: hidden
}

.contact-details-name {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px
}

.contact-details-field {
    display: flex;
    margin-top: 30px
}

.contact-details-field .material-icons-two-tone {
    margin: 0 20px 0 10px
}

.contact-details-field .contact-detail-info {
    white-space: pre-wrap
}

.contact-details-field .color-icon {
    filter: invert(14%) sepia(0%) saturate(5141%) hue-rotate(101deg) brightness(95%) contrast(97%)
}

.contact-form .modalHeader img {
    border-radius: 50%;
    height: 35px;
    width: 35px
}

.contact-details-heading {
    margin: 0 10px
}

.contact-grid {
    float: left;
    width: 100%;
    text-align: center
}

.profile-header {
    min-height: 150px;
    color: #fff
}

.user-name {
    padding: 10px 3px 3px;
    font-size: 22px;
    text-align: center
}

.user-img {
    border-radius: 10px;
    max-width: 112px;
    margin-top: -70px;
    box-shadow: 0 10px 25px #0000004d;
    margin-bottom: 20px
}

.profile-userbuttons {
    text-align: center;
    margin-top: 10px
}

.contact-grid .phone .material-icons {
    font-size: 16px;
    padding: 4px 7px 40px 0
}

.example-box {
    width: 200px;
    height: 200px;
    border: solid 1px #ccc;
    color: #000000de;
    cursor: move;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #fff;
    border-radius: 4px;
    margin-right: 25px;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    padding: 10px;
    transition: box-shadow .2s cubic-bezier(0,0,.2,1);
    box-shadow: 0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f
}

.example-box:active {
    box-shadow: 0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f
}

.example-boundary {
    width: 400px;
    height: 400px;
    max-width: 100%;
    border: dotted #ccc 2px
}

.example-container2 {
    width: 400px;
    max-width: 100%;
    margin: 0 25px 25px 0;
    display: inline-block;
    vertical-align: top
}

.example-list {
    border: solid 1px #ccc;
    min-height: 60px;
    background: white;
    border-radius: 4px;
    overflow: hidden;
    display: block
}

.example-box-small {
    padding: 20px 10px;
    border-bottom: solid 1px #ccc;
    color: #000000de;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    cursor: move;
    background: white;
    font-size: 14px
}

.cdk-drag-placeholder {
    opacity: 0
}

.example-box-small:last-child {
    border: none
}

.example-list.cdk-drop-list-dragging .example-box-small:not(.cdk-drag-placeholder) {
    transition: transform .25s cubic-bezier(0,0,.2,1)
}

.example-list2 {
    width: 500px;
    max-width: 100%;
    border: solid 1px #ccc;
    min-height: 60px;
    display: block;
    background: white;
    border-radius: 4px;
    overflow: hidden
}

.example-box2 {
    padding: 20px 10px;
    border-bottom: solid 1px #ccc;
    color: #000000de;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    cursor: move;
    background: white;
    font-size: 14px
}

.example-box2:last-child {
    border: none
}

.example-list2.cdk-drop-list-dragging .example-box2:not(.cdk-drag-placeholder) {
    transition: transform .25s cubic-bezier(0,0,.2,1)
}

.example-custom-placeholder {
    background: #ccc;
    border: dotted 3px #999;
    min-height: 60px;
    transition: transform .25s cubic-bezier(0,0,.2,1)
}

.example-box-small.cdk-drag-disabled {
    background: #ccc;
    cursor: default
}

.example-handle {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #ccc;
    cursor: move;
    width: 24px;
    height: 24px
}

.gu-mirror {
    position: fixed!important;
    margin: 0!important;
    z-index: 9999!important;
    opacity: .8;
    filter: alpha(opacity=80)
}

.gu-hide {
    display: none!important
}

.gu-unselectable {
    -webkit-user-select: none!important;
    user-select: none!important
}

.gu-transit {
    opacity: .2;
    filter: alpha(opacity=20)
}

.taskbar .checked {
    border: 3px solid #dda500!important
}

.taskbar .box {
    padding-bottom: 7px
}

.taskbar .box .task-name {
    font-size: 18px;
    font-weight: 600;
    color: green
}

.taskbar .box .task-desc {
    font-size: 1.1em;
    color: #555
}

.taskbar .box .task-deadline {
    margin-top: 5px;
    margin-right: 5px;
    font-size: .8em;
    color: #555
}

.taskbar .done div.box {
    pointer-events: none
}

.taskbar .done div.box .tasks {
    color: #fff!important
}

.taskbar .avatar-image {
    display: inline-block;
    position: relative
}

.taskbar .task-header {
    text-align: center;
    font-size: 25px;
    padding: 20px;
    color: #6b6a6a
}

.taskbar .card-footer {
    background: #fff!important;
    border-radius: 0 0 10px 10px
}

.taskbar .card-footer .progress {
    height: 5px
}

.pad {
    padding-left: 0;
    padding-right: 0;
    display: flex
}

.move {
    text-align: center;
    background: #eee
}

.move .btn {
    margin-bottom: 20px
}

.task-module {
    display: flex;
    flex-direction: column;
    padding: 0!important;
    min-height: 100%
}

.task-module .mat-drawer.mat-drawer-end {
    width: 500px;
    min-width: 500px;
    border: 1px solid #dcd6d6
}

.task-module .task-header {
    display: flex;
    flex: 0 1 auto;
    align-items: center;
    margin: 10px 0 23px
}

.task-module .header-button {
    margin-left: auto
}

.task-container .header .header-title {
    margin: 0 0 0 5px
}

.task-container .header .header-close {
    position: absolute;
    top: 10px;
    right: 15px;
    list-style: none
}

.task-list {
    width: 100%;
    max-width: 100%;
    border: solid 1px #ccc;
    min-height: 60px;
    display: block;
    background: white;
    border-radius: 4px;
    overflow: hidden
}

.task-user-img {
    height: 30px;
    width: 30px;
    position: relative;
    margin-left: 30px;
    border-radius: 50%
}

.task-date {
    margin-left: 30px
}

.lbl-low,.lbl-high,.lbl-normal {
    display: inline-flex;
    vertical-align: middle
}

.task-low {
    color: #0bc53a;
    position: relative;
    margin-left: auto
}

.task-high {
    color: #f9683a;
    position: relative;
    margin-left: auto
}

.task-normal {
    color: #868688;
    position: relative;
    margin-left: auto
}

.task-box {
    padding: 10px;
    border-bottom: solid 1px #ccc;
    color: #000000de;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    cursor: move;
    background: white;
    font-size: 14px
}

.task-box:hover {
    cursor: pointer
}

.cdk-drag-preview {
    box-sizing: border-box;
    border-radius: 4px;
    box-shadow: 0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f
}

.cdk-drag-animating {
    transition: transform .25s cubic-bezier(0,0,.2,1)
}

.task-box:last-child {
    border: none
}

.task-list.cdk-drop-list-dragging .task-box:not(.cdk-drag-placeholder) {
    transition: transform .25s cubic-bezier(0,0,.2,1)
}

.task-custom-placeholder {
    background: #ccc;
    border: dotted 3px #999;
    min-height: 60px;
    transition: transform .25s cubic-bezier(0,0,.2,1)
}

.task-handle {
    color: #ccc;
    cursor: move;
    width: 24px;
    height: 24px
}

.done {
    text-decoration: line-through;
    opacity: .5
}

.mat-list-item-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.dashboard-flot-chart {
    height: 275px
}

.dashboard-donut-chart {
    height: 265px;
    text-align: center
}

.dashboard-line-chart {
    height: 250px
}

.dashboard-stat-list {
    list-style: none;
    padding-left: 0;
    margin-top: 40px
}

.dashboard-stat-list li {
    padding: 16px 0 0
}

.dashboard-stat-list li small {
    font-size: 8px
}

.dashboard-task-infos .progress {
    height: 10px;
    position: relative;
    top: 6px
}

.totalEarning {
    text-align: center;
    padding: 6px;
    color: #ff9800
}

.earningProgress .progress {
    height: 9px
}

.p-15 {
    padding: 15px
}

.p-10 {
    padding: 10px
}

.b-b {
    border-bottom: 1px solid rgba(0,0,0,.2)
}

.mail_listing .mail-option .btn-group {
    margin-bottom: 5px
}

#mail-nav .btn {
    min-width: 110px
}

#mail-nav #mail-folders {
    list-style-type: none;
    padding-left: 0
}

#mail-nav #mail-folders .badge {
    float: right
}

#mail-nav #mail-folders>li {
    margin: 2px 0
}

#mail-nav #mail-folders>li a:hover {
    color: #fff;
    background-color: #337ab7
}

#mail-nav #mail-folders>li.active>a {
    color: #fff;
    background-color: #337ab7
}

#mail-nav #mail-folders>li.active>a:hover {
    background-color: #32c0c3
}

#mail-nav #mail-labels {
    float: left;
    width: 100%;
    list-style-type: none;
    padding-left: 0
}

#mail-nav #mail-labels li {
    float: left
}

#mail-nav #mail-labels .material-icons {
    font-size: 16px;
    height: 16px;
    padding: 2px;
    float: left
}

#mail-nav #online-offline {
    list-style-type: none;
    padding-left: 0
}

#mail-nav #online-offline .material-icons {
    font-size: 8px;
    height: 8px;
    padding: 0 5px 2px 0
}

#mail-nav #mail-labels li a:hover,#mail-nav #online-offline li a:hover {
    background-color: #e6e6e6
}

#mail-nav li a {
    color: #212529;
    padding: 7px 10px;
    display: block;
    border-radius: 4px;
    position: relative;
    transition: all .2s ease-out
}

.composeForm {
    padding: 25px
}

.inbox-body {
    padding: 20px
}

.replyBox {
    border: 1px solid rgba(120,130,140,.13);
    padding: 20px
}

.inbox-center .table thead th {
    vertical-align: middle
}

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

.max-texts {
    padding: 15px!important
}

.max-texts a {
    color: #212529;
    padding: 10px 0
}

.pricingTable {
    text-align: center;
    background: #fff;
    box-shadow: 0 0 10px #ababab;
    padding-bottom: 40px;
    border-radius: 10px;
    color: #cad0de;
    transform: scale(1);
    transition: all .5s ease 0s
}

.pricingTable:hover {
    transform: scale(1.05);
    z-index: 1
}

.pricingTable:hover .pricingTable-header {
    background: #ff9624
}

.pricingTable:hover .pricingTable-header i,.pricingTable:hover .price-value,.pricingTable:hover .month {
    color: #fff
}

.pricingTable .pricingTable-header {
    padding: 40px 0;
    background: #f5f6f9;
    border-radius: 10px 10px 50% 50%;
    transition: all .5s ease 0s
}

.pricingTable .pricingTable-header i {
    font-size: 50px;
    color: #858c9a;
    margin-bottom: 10px;
    transition: all .5s ease 0s
}

.pricingTable .price-value {
    font-size: 35px;
    color: #ff9624;
    transition: all .5s ease 0s
}

.pricingTable .month {
    display: block;
    font-size: 14px;
    color: #cad0de
}

.pricingTable .heading {
    font-size: 24px;
    color: #ff9624;
    margin-bottom: 20px;
    text-transform: uppercase;
    padding-top: 15px
}

.pricingTable.blue .price-value,.pricingTable.blue .heading {
    color: #4b64ff
}

.pricingTable.blue:hover .pricingTable-header,.pricingTable.blue .pricingTable-signup a {
    background: #4b64ff
}

.pricingTable.blue .pricingTable-signup a:hover {
    box-shadow: 0 0 10px #4b64ff
}

.pricingTable.red .price-value,.pricingTable.red .heading {
    color: #ff4b4b
}

.pricingTable.red:hover .pricingTable-header,.pricingTable.red .pricingTable-signup a {
    background: #ff4b4b
}

.pricingTable.red .pricingTable-signup a:hover {
    box-shadow: 0 0 10px #ff4b4b
}

.pricingTable.greenColor .price-value {
    color: #40c952
}

.pricingTable.greenColor:hover .pricingTable-header {
    background: #40c952
}

.pricingTable.greenColor:hover .price-value {
    color: #fff
}

.pricingTable.greenColor .pricingTable-signup a {
    background: #40c952
}

.pricingTable.greenColor .pricingTable-signup a:hover {
    box-shadow: 0 0 10px #40c952
}

.pricingTable.blueColor:hover .pricingTable-header {
    background: #4b64ff
}

.pricingTable.blueColor:hover .price-value {
    color: #fff
}

.pricingTable.blueColor .price-value,.pricingTable.blueColor .heading {
    color: #4b64ff
}

.pricingTable.blueColor .pricingTable-signup a {
    background: #4b64ff
}

.pricingTable.redColor:hover .pricingTable-header {
    background: #ff4b4b
}

.pricingTable.redColor:hover .price-value {
    color: #fff
}

.pricingTable.redColor .price-value,.pricingTable.redColor .heading {
    color: #ff4b4b
}

.pricingTable.redColor .pricingTable-signup a {
    background: #ff4b4b
}

.pricingTable .pricing-content ul {
    list-style: none;
    padding: 0;
    margin-bottom: 30px
}

.pricingTable .pricing-content ul li {
    line-height: 30px;
    color: #a7a8aa
}

.pricingTable .pricingTable-signup a {
    display: inline-block;
    font-size: 15px;
    color: #fff;
    padding: 10px 35px;
    border-radius: 20px;
    background: #ffa442;
    text-transform: uppercase;
    transition: all .3s ease 0s
}

.pricingTable .pricingTable-signup a:hover {
    box-shadow: 0 0 10px #ffa442
}

.pricingTable.green .heading {
    color: #40c952
}

@media screen and (max-width: 990px) {
    .pricingTable {
        margin:0 0 20px
    }
}

.greenColor .heading {
    font-size: 24px;
    color: #40c952;
    margin-bottom: 20px;
    text-transform: uppercase
}

.profile-tab-box {
    background: #fff;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 15px;
    width: 100%
}

.skill-progress {
    height: 10px!important
}

.tab-all a {
    color: #948f8f!important
}

.tab-all a.active {
    background-color: #e91e63!important;
    box-shadow: 0 5px 20px #0003,0 13px 24px -11px #e91e6399;
    color: #fff!important;
    border-radius: 30px
}

.cd-container {
    width: 90%;
    max-width: 1170px;
    margin: 0 auto
}

.cd-container:after {
    content: "";
    display: table;
    clear: both
}

header {
    height: 200px;
    line-height: 60px;
    text-align: center;
    background: #303e49
}

header h1 {
    color: #fff;
    font-size: 18px;
    font-size: 1.125rem
}

.timelineImgHight {
    width: 150px
}

@media only screen and (min-width: 1170px) {
    header {
        height:60px;
        line-height: 60px
    }

    header h1 {
        font-size: 24px;
        font-size: 1.5rem
    }
}

#cd-timeline {
    position: relative;
    padding: 2em 0;
    margin-top: 2em;
    margin-bottom: 2em
}

#cd-timeline:before {
    content: "";
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 4px;
    background: #d7e4ed
}

@media only screen and (min-width: 1170px) {
    #cd-timeline {
        margin-top:3em;
        margin-bottom: 3em
    }

    #cd-timeline:before {
        left: 50%;
        margin-left: -2px
    }
}

.cd-timeline-block {
    position: relative;
    margin: 2em 0
}

.cd-timeline-block:after {
    clear: both;
    content: "";
    display: table
}

.cd-timeline-block:first-child {
    margin-top: 0
}

.cd-timeline-block:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 1170px) {
    .cd-timeline-block {
        margin:4em 0
    }

    .cd-timeline-block:first-child {
        margin-top: 0
    }

    .cd-timeline-block:last-child {
        margin-bottom: 0
    }
}

.cd-timeline-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 0 0 4px #e6dfdf,inset 0 2px #00000014,0 3px 0 4px #0000000d
}

.cd-timeline-img img {
    display: block;
    width: 48px;
    position: relative;
    left: 30%;
    top: 30%;
    margin-left: -12px;
    margin-top: -12px;
    border-radius: 50%
}

.cd-timeline-img.cd-picture {
    background: #75ce66
}

.cd-timeline-img.cd-movie {
    background: #c03b44
}

.cd-timeline-img.cd-location {
    background: #f0ca45
}

@media only screen and (min-width: 1170px) {
    .cd-timeline-img {
        width:60px;
        height: 60px;
        left: 50%;
        margin-left: -30px;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden
    }

    .cssanimations .cd-timeline-img.is-hidden {
        visibility: hidden
    }

    .cssanimations .cd-timeline-img.bounce-in {
        visibility: visible;
        animation: cd-bounce-1 .6s
    }
}

@keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        transform: scale(.5)
    }

    60% {
        opacity: 1;
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

.cd-timeline-content {
    position: relative;
    margin-left: 60px;
    background: #f0f1f3;
    border-radius: .25em;
    padding: 1em;
    box-shadow: 0 3px #d7e4ed
}

.cd-timeline-content:after {
    clear: both;
    content: "";
    display: table
}

.cd-timeline-content h2 {
    color: #303e49
}

.cd-timeline-content p,.cd-timeline-content .cd-read-more,.cd-timeline-content .cd-date {
    font-size: 13px;
    font-size: .8125rem
}

.cd-timeline-content .cd-read-more,.cd-timeline-content .cd-date {
    display: inline-block
}

.cd-timeline-content p {
    margin: 1em 0;
    line-height: 1.6
}

.cd-timeline-content .cd-read-more {
    float: right;
    padding: .8em 1em;
    background: #acb7c0;
    color: #fff;
    border-radius: .25em
}

.no-touch .cd-timeline-content .cd-read-more:hover {
    background-color: #bac4cb
}

.cd-timeline-content .cd-date {
    float: left;
    padding: .8em 0;
    opacity: .7
}

.cd-timeline-content:before {
    content: "";
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid #ffffff
}

@media only screen and (min-width: 768px) {
    .cd-timeline-content h2 {
        font-size:20px;
        font-size: 1.25rem
    }

    .cd-timeline-content p {
        font-size: 16px;
        font-size: 1rem
    }

    .cd-timeline-content .cd-read-more,.cd-timeline-content .cd-date {
        font-size: 14px;
        font-size: .875rem
    }
}

@media only screen and (min-width: 1170px) {
    .cd-timeline-content {
        margin-left:0;
        padding: 1.6em;
        width: 45%
    }

    .cd-timeline-content:before {
        top: 24px;
        left: 100%;
        border-color: transparent;
        border-left-color: #f0f1f3
    }

    .cd-timeline-content .cd-read-more {
        float: left
    }

    .cd-timeline-content .cd-date {
        position: absolute;
        width: 100%;
        left: 122%;
        top: 6px;
        font-size: 16px;
        font-size: 1rem
    }

    .cd-timeline-block:nth-child(2n) .cd-timeline-content {
        float: right
    }

    .cd-timeline-block:nth-child(2n) .cd-timeline-content:before {
        top: 24px;
        left: auto;
        right: 100%;
        border-color: transparent;
        border-right-color: #f0f1f3
    }

    .cd-timeline-block:nth-child(2n) .cd-timeline-content .cd-read-more {
        float: right
    }

    .cd-timeline-block:nth-child(2n) .cd-timeline-content .cd-date {
        left: auto;
        right: 122%;
        text-align: right
    }

    .cssanimations .cd-timeline-content.is-hidden {
        visibility: hidden
    }

    .cssanimations .cd-timeline-content.bounce-in {
        visibility: visible;
        animation: cd-bounce-2 .6s
    }
}

@media only screen and (min-width: 1170px) {
    .cssanimations .cd-timeline-block:nth-child(2n) .cd-timeline-content.bounce-in {
        animation:cd-bounce-2-inverse .6s
    }
}

@keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        transform: translate(-100px)
    }

    60% {
        opacity: 1;
        transform: translate(20px)
    }

    to {
        transform: translate(0)
    }
}

@keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        transform: translate(100px)
    }

    60% {
        opacity: 1;
        transform: translate(-20px)
    }

    to {
        transform: translate(0)
    }
}

.timeline {
    list-style: none;
    padding: 0 0 8px;
    position: relative
}

.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #e7e7e7;
    left: 25px;
    margin-right: -1.5px
}

.timeline>li {
    margin-bottom: 5px;
    position: relative
}

.timeline>li:before {
    content: " ";
    display: table
}

.timeline>li:after {
    content: " ";
    display: table;
    clear: both
}

.timeline>li>.timeline-panel {
    width: calc(100% - 70px);
    float: right;
    border: 1px solid #e7e7e7;
    padding: 5px 20px;
    position: relative;
    border-radius: 10px;
    margin-bottom: 5px
}

.timeline>li>.timeline-panel:before {
    position: absolute;
    top: 26px;
    left: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-right: 15px solid #e7e7e7;
    border-left: 0 solid #e7e7e7;
    border-bottom: 15px solid transparent;
    content: " "
}

.timeline>li>.timeline-panel:after {
    position: absolute;
    top: 27px;
    left: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-right: 14px solid #ffffff;
    border-left: 0 solid #ffffff;
    border-bottom: 14px solid transparent;
    content: " "
}

.timeline>li>.timeline-badge {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 25px;
    left: 8px
}

.timeline>li>.timeline-badge img {
    border-radius: 50%;
    border: 2px solid #ffffff;
    -ms-box-shadow: 0px 5px 25px 0px rgba(0,0,0,.2);
    box-shadow: 0 5px 25px #0003
}

.timeline-title {
    margin: 4px 0!important;
    font-size: 13px
}

.timeline-body>p {
    font-size: 12px;
    margin-bottom: 2px
}

.left-timeline {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative
}

.left-timeline:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 3px;
    background: #eee;
    left: 20%;
    margin-left: -6px
}

.left-timeline>li {
    position: relative
}

.left-timeline>li:first-child .left-icon {
    background: #fff;
    color: #666
}

.left-timeline>li:first-child .left-time span.large {
    color: #444;
    font-size: 17px!important;
    font-weight: 700
}

.left-timeline>li:nth-child(odd) .left-label {
    background: #f0f1f3
}

.left-timeline>li:nth-child(odd) .left-label:after {
    border-right-color: #f0f1f3
}

.left-timeline>li:nth-child(odd) .left-time span:last-child {
    color: #444;
    font-size: 13px
}

.left-timeline>li .left-time {
    display: block;
    width: 23%;
    padding-right: 70px;
    position: absolute
}

.left-timeline>li .left-time span {
    display: block;
    text-align: right
}

.left-timeline>li .left-time span:first-child {
    font-size: 15px;
    color: #3d4c5a;
    font-weight: 700
}

.left-timeline>li .left-time span:last-child {
    font-size: 14px;
    color: #444
}

.left-timeline>li .left-label {
    margin: 0 0 15px 25%;
    background: #f0f1f3;
    padding: 1.2em;
    position: relative;
    border-radius: 5px
}

.left-timeline>li .left-label:after {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #f0f1f3;
    border-width: 10px;
    top: 10px
}

.left-timeline>li .left-label blockquote {
    font-size: 16px
}

.left-timeline>li .left-label .map-checkin {
    border: 5px solid rgba(235,235,235,.2);
    box-shadow: 0 0 0 1px #ebebeb;
    background: #fff!important
}

.left-timeline>li .left-label h2 {
    margin: 0;
    padding: 0 0 10px;
    line-height: 26px;
    font-size: 16px;
    font-weight: 400
}

.left-timeline>li .left-label h2 a {
    font-size: 15px
}

.left-timeline>li .left-label h2 a:hover {
    text-decoration: none
}

.left-timeline>li .left-label h2 span {
    font-size: 15px
}

.left-timeline>li .left-label p {
    color: #444
}

.left-timeline>li .left-icon {
    width: 40px;
    height: 40px;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: 1.4em;
    line-height: 40px;
    position: absolute;
    color: #fff;
    border-radius: 50%;
    box-shadow: 0 5px 25px #0003;
    text-align: center;
    left: 20%;
    top: 0;
    margin: 0 0 0 -25px
}

.left-timeline>li .left-icon img {
    border-radius: 50%
}

.left-timeline>li .empty span {
    color: #777
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .left-timeline>li .left-time {
        padding-right:60px
    }
}

@media screen and (max-width: 65.375em) {
    .left-timeline>li .left-time span:last-child {
        font-size:12px
    }
}

@media screen and (max-width: 47.2em) {
    .left-timeline:before {
        display:none
    }

    .left-timeline>li .left-time {
        width: 100%;
        position: relative;
        padding: 0 0 20px
    }

    .left-timeline>li .left-time span {
        text-align: left
    }

    .left-timeline>li .left-label {
        margin: 0 0 30px;
        padding: 1em;
        font-weight: 400;
        font-size: 95%
    }

    .left-timeline>li .left-label:after {
        right: auto;
        left: 20px;
        border-right-color: transparent;
        border-bottom-color: #f5f5f6;
        top: -20px
    }

    .left-timeline>li .left-icon {
        position: relative;
        float: right;
        left: auto;
        margin: -64px 5px 0 0
    }

    .left-timeline>li:nth-child(odd) .left-label:after {
        border-right-color: transparent;
        border-bottom-color: #f5f5f6
    }
}

.auth-container {
    height: 100%;
    width: 100%;
    margin-top: 60px;
}

.auth-container .auth-main {
    height: 100%;
    width: 100%;
    margin: 0!important;
    min-height: 100vh
}

.left-img {
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    position: relative;
    z-index: 1
}

.left-content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    max-width: 480px;
    width: 100%;
    text-align: center
}

.left-content h1,.left-content p {
    color: #fff
}

.auth-form-section {
    background-color: #fff
}

.auth-form-btn {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 50px!important;
    cursor: pointer
}

.auth-form-btn button {
    width: 100%
}

.rounded-circle_img {
    border-radius: 10% !important;
    margin-top: 10px;
    width: 100px;
    height: 100px;
    border: 2px solid #ccd4da;
}

.form-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: auto
}

.auth-signup-text {
    font-size: 18px;
    color: #000;
    padding-bottom: 30px;
    width: 410px;
    max-width: 100%
}

.sign-up-link {
    color: #3699ff;
    font-size: 20px!important;
    margin: 0 10px
}

.auth-wrapper {
    width: 400px;
    max-width: 100%;
    margin-top: 25px;
    margin-bottom: auto
}

.login-title {
    margin-top: 20px;
    margin-bottom: 20px;
}

.social-login-title {
    font-size: 15px;
    color: #919aa3;
    display: flex;
    margin: 20px 0
}

.social-login-title:before,.social-login-title:after {
    content: "";
    background-image: linear-gradient(#bbb8b8,#f3f3f3);
    flex-grow: 1;
    background-size: calc(100% - 20px) 1px;
    background-repeat: no-repeat
}

.social-login-title:before {
    background-position: center left
}

.social-login-title:after {
    background-position: center right
}

.welcome-msg {
    font-weight: 500
}

.social-icon {
    text-align: center
}

.social-icon li a {
    color: #3c4858;
    border: 1px solid #3c4858;
    display: inline-block;
    height: 32px;
    width: 32px;
    line-height: 32px;
    text-align: center;
    transition: all .4s ease;
    overflow: hidden;
    position: relative
}

.social-icon li a:hover {
    background-color: #2f55d4;
    border-color: #2f55d4!important;
    color: #fff!important
}

.sm-icon {
    height: 16px!important;
    width: 16px!important
}

.show-pwd-icon {
    color: #0000008c;
    padding: 12px
}

.face-icon {
    color: #0000008c
}

.auth-locked {
    font-size: 60px;
    color: #333;
    width: 120px;
    height: 120px;
    background-color: transparent;
    margin: 0 auto
}

.auth-locked img {
    width: 100px;
    border-radius: 50%;
    box-shadow: 0 .5rem 1rem #0003
}

.auth-locked-title {
    font-size: 30px;
    font-family: Poppins,sans-serif;
    color: #403866;
    line-height: 1.2;
    text-align: center;
    width: 100%;
    display: block
}

.error-header {
    font-size: 80px;
    line-height: 1.2;
    color: #403866;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    display: block;
    font-weight: 700
}

.error-subheader {
    font-size: 17px;
    color: #403866;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    display: block;
    font-weight: 700
}

.error-subheader2 {
    font-size: 12px;
    color: #919192;
    text-align: center;
    width: 100%;
    display: block;
    font-weight: 500
}

@keyframes spinner {
    to {
        transform: rotate(360deg)
    }
}

.auth-spinner:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    border-top-color: #000;
    animation: spinner .8s linear infinite
}

.pwd-toggle {
    cursor: pointer
}

.owl-btns {
    text-align: center
}

.owl-btns [class*=owl-] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-btns [class*=owl-]:hover {
    background: #869791;
    color: #fff;
    text-decoration: none
}

#dashboard_slide {
    padding: 6px 10px 0 0
}

#dashboard_slide2 {
    padding: 0 10px 0 0
}

.carousel-content {
    height: 232px;
    border-radius: 5px
}

.carousel-content .slide-heading {
    font-size: 20px
}

.morris-hover.morris-default-style {
    border-radius: 0
}

.flot-chart {
    width: 100%;
    height: 320px
}

.panel-switch-btn {
    position: relative;
    right: 20px;
    z-index: 9
}

.panel-switch-btn label {
    font-weight: 700!important
}

.legendLabel {
    width: 85px!important;
    position: relative;
    left: 3px
}

#multiple_axis_chart .legendLabel {
    width: 160px!important
}

.sparkline {
    text-align: center
}

.chart-box {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    margin-bottom: 30px
}

.chart-box2 {
    font-size: 14px;
    margin-bottom: 30px;
    text-align: center
}

.chart-note {
    text-transform: capitalize;
    display: inline-block;
    margin-right: 12px;
    font-size: 14px
}

.chart-note .dot {
    margin: 0 7px
}

.chart-statis {
    display: inline-block;
    margin-right: 35px
}

.chart-statis .label {
    display: block;
    text-transform: capitalize;
    line-height: 1.2
}

.chart-statis .index {
    font-size: 18px;
    color: #333;
    padding-left: 15px
}

.dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%
}

.dot-black {
    background: #000000
}

.dot-orange {
    background: #f96332
}

.chart-box-left {
    padding-left: 10px
}

.area_chart-style {
    height: 170px;
    margin: 30px
}

.chart-shadow2 {
    filter: drop-shadow(0 -6px 4px rgba(106,141,247,.5))
}

.chart-shadow {
    filter: drop-shadow(0px 9px 2px rgba(0,0,0,.3))
}

.chartsh {
    height: 16rem
}

.axisData {
    position: absolute;
    color: #fff;
    z-index: 1;
    text-transform: uppercase;
    display: flex;
    width: 100%;
    bottom: 0
}

.axisData .tick {
    flex: 1;
    position: relative;
    overflow: hidden;
    opacity: .2;
    font-size: 11px;
    text-align: center;
    line-height: 40px;
    padding-top: 150px
}

.axisData .tick:hover {
    opacity: 1;
    background-color: #fff3
}

.axisData .tick:hover .value.productValue {
    transform: translateY(0);
    display: block
}

.axisData .tick:hover .value.serviceValue {
    transform: translateY(0);
    display: block;
    left: 0;
    top: 80px;
    color: #000;
    transition: .3s transform
}

.axisData .tick .value {
    transform: translateY(20px);
    transition: .3s transform;
    position: absolute;
    top: 20px;
    color: #000;
    border-radius: 2px;
    width: 100%;
    line-height: 20px
}

.dot-product {
    background: #5bcfe4
}

.dot-service {
    background: #64e88b
}

.dot-product1 {
    background: #d3d3d3
}

.dot-service1 {
    background: #6e68c1
}

.chart-legend header {
    background: transparent;
    height: 0px
}

.chart-legend .legend-labels {
    background: transparent!important
}

.ngx-charts text {
    fill: #9aa0ac
}

mwl-gauge {
    width: 150px;
    height: 150px;
    display: block;
    padding: 10px
}

mwl-gauge>.gauge>.dial {
    stroke: #d7d7d7;
    stroke-width: 5;
    fill: #0000
}

mwl-gauge>.gauge>.value {
    stroke: #4fa1f1;
    stroke-width: 5;
    fill: #0000
}

mwl-gauge>.gauge>.value-text {
    fill: #4fa1f1;
    font-family: sans-serif;
    font-weight: 700;
    font-size: .8em
}

mwl-gauge.two>.gauge>.dial {
    stroke: #345;
    stroke-width: 10
}

mwl-gauge.two>.gauge>.value {
    stroke: orange;
    stroke-dasharray: none;
    stroke-width: 13
}

mwl-gauge.two>.gauge>.value-text {
    fill: orange
}

mwl-gauge.three>.gauge>.dial {
    stroke: #345;
    stroke-width: 2
}

mwl-gauge.three>.gauge>.value {
    stroke: #c9de3c;
    stroke-width: 5
}

mwl-gauge.three>.gauge>.value-text {
    fill: #c9de3c
}

mwl-gauge.four>.gauge>.dial {
    stroke: #345;
    stroke-width: 5
}

mwl-gauge.four>.gauge>.value {
    stroke: #be80ff;
    stroke-dasharray: none;
    stroke-width: 5
}

mwl-gauge.four>.gauge>.value-text {
    fill: #be80ff
}

mwl-gauge.five>.gauge>.dial {
    stroke: #345;
    stroke-width: 5
}

mwl-gauge.five>.gauge>.value {
    stroke: #f8774b;
    stroke-dasharray: 25 1;
    stroke-width: 5
}

mwl-gauge.five>.gauge>.value-text {
    fill: #f8774b;
    font-size: .7em
}

mwl-gauge.six>.gauge>.dial {
    stroke: #345;
    fill: #345;
    stroke-width: 20
}

mwl-gauge.six>.gauge>.value {
    stroke: #ff6daf;
    stroke-width: 20
}

mwl-gauge.six>.gauge>.value-text {
    fill: #ff6daf;
    font-size: .7em
}

mwl-gauge.seven>.gauge>.dial {
    stroke: transparent;
    stroke-width: 5;
    transform: scale(.9) translate3d(5.5px,5.5px,0);
    fill: #bfcad66b
}

mwl-gauge.seven>.gauge>.value {
    stroke: #f8774b;
    stroke-dasharray: none;
    stroke-width: 5
}

ngx-gauge.guage-chart-center {
    display: flex;
    justify-content: center;
    width: 100%!important
}

.apex-pie-center {
    display: flex;
    justify-content: center
}

.apexcharts-legend-marker {
    margin: 0 5px!important
}

.wizard,.tabcontrol {
    display: block;
    width: 100%;
    overflow: hidden
}

.wizard a,.tabcontrol a {
    outline: 0
}

.wizard ul,.tabcontrol ul {
    list-style: none!important;
    padding: 0;
    margin: 0
}

.wizard ul>li,.tabcontrol ul>li {
    display: block;
    padding: 0
}

.wizard>.steps .current-info,.tabcontrol>.steps .current-info,.wizard>.content>.title,.tabcontrol>.content>.title {
    position: absolute;
    left: -999em
}

.wizard>.steps {
    position: relative;
    display: block;
    width: 100%
}

.wizard.vertical>.steps {
    float: left;
    width: 30%;
    clear: none
}

.wizard.vertical>.steps>ul>li {
    float: none;
    width: 100%
}

.wizard.vertical>.content {
    float: left;
    margin: 0 0 .5em;
    width: 70%;
    clear: none
}

.wizard.vertical>.actions {
    float: right;
    width: 100%
}

.wizard.vertical>.actions>ul>li {
    margin: 0 0 0 1em
}

.wizard>.steps .number {
    font-size: 1.429em
}

.wizard>.steps>ul>li {
    width: 25%;
    float: left
}

.wizard>.actions>ul>li {
    float: left
}

.wizard>.steps a {
    display: block;
    width: auto;
    margin: 0 .5em .5em;
    padding: 1em;
    text-decoration: none;
    border-radius: 5px
}

.wizard>.steps a:hover,.wizard>.steps a:active {
    display: block;
    width: auto;
    margin: 0 .5em .5em;
    padding: 1em;
    text-decoration: none;
    border-radius: 5px
}

.wizard>.steps .disabled a {
    background: #eee;
    color: #aaa;
    cursor: default
}

.wizard>.steps .disabled a:hover,.wizard>.steps .disabled a:active {
    background: #eee;
    color: #aaa;
    cursor: default
}

.wizard>.steps .current a {
    background: #2184be;
    color: #fff;
    cursor: default
}

.wizard>.steps .current a:hover,.wizard>.steps .current a:active {
    background: #2184be;
    color: #fff;
    cursor: default
}

.wizard>.steps .done a {
    background: #9dc8e2;
    color: #fff
}

.wizard>.steps .done a:hover,.wizard>.steps .done a:active {
    background: #9dc8e2;
    color: #fff
}

.wizard>.steps .error a {
    background: #ff3111;
    color: #fff
}

.wizard>.steps .error a:hover,.wizard>.steps .error a:active {
    background: #ff3111;
    color: #fff
}

.wizard>.content {
    border: 1px solid #ddd;
    display: block;
    margin: .5em;
    min-height: 35em;
    overflow: hidden;
    position: relative;
    width: auto
}

.wizard>.actions {
    position: relative;
    display: block;
    text-align: right;
    width: 100%
}

.wizard>.actions>ul {
    display: inline-block;
    text-align: right
}

.wizard>.actions>ul>li {
    margin: 0 .5em
}

.wizard>.actions a {
    background: #009688;
    color: #fff;
    display: block;
    padding: .5em 1em;
    text-decoration: none;
    border-radius: 0
}

.wizard>.actions a:hover,.wizard>.actions a:active {
    background: #009688;
    color: #fff;
    display: block;
    padding: .5em 1em;
    text-decoration: none;
    border-radius: 0
}

.wizard>.actions .disabled a {
    background: #eee;
    color: #aaa
}

.wizard>.actions .disabled a:hover,.wizard>.actions .disabled a:active {
    background: #eee;
    color: #aaa
}

.tabcontrol>.steps {
    position: relative;
    display: block;
    width: 100%
}

.tabcontrol>.steps>ul {
    position: relative;
    margin: 6px 0 0;
    top: 1px;
    z-index: 1
}

.tabcontrol>.steps>ul>li {
    float: left;
    margin: 5px 2px 0 0;
    padding: 1px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.tabcontrol>.steps>ul>li:hover {
    background: #edecec;
    border: 1px solid #bbb;
    padding: 0
}

.tabcontrol>.steps>ul>li.current {
    background: #fff;
    border: 1px solid #bbb;
    border-bottom: 0 none;
    padding: 0 0 1px;
    margin-top: 0
}

.tabcontrol>.steps>ul>li.current>a {
    padding: 15px 30px 10px
}

.tabcontrol>.steps>ul>li>a {
    color: #5f5f5f;
    display: inline-block;
    border: 0 none;
    margin: 0;
    padding: 10px 30px;
    text-decoration: none
}

.tabcontrol>.steps>ul>li>a:hover {
    text-decoration: none
}

.tabcontrol>.content {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 35em;
    overflow: hidden;
    border-top: 1px solid #bbb;
    padding-top: 20px
}

.tabcontrol>.content>.body {
    float: left;
    position: absolute;
    width: 95%;
    height: 95%;
    padding: 2.5%
}

.tabcontrol>.content>.body ul {
    list-style: disc!important
}

.tabcontrol>.content>.body ul>li {
    display: list-item
}

.wizard .content {
    min-height: 245px;
    border-radius: 0;
    overflow-y: auto
}

.wizard .content .body {
    padding: 15px
}

.wizard .steps a {
    border-radius: 0;
    transition: .5s
}

.wizard .steps a:active,.wizard .steps a:focus,.wizard .steps a:hover {
    border-radius: 0
}

.wizard .steps .done a {
    background-color: #00968899
}

.wizard .steps .done a:hover,.wizard .steps .done a:active,.wizard .steps .done a:focus {
    background-color: #00968880
}

.wizard .steps .error a {
    background-color: #f44336!important
}

.wizard .steps .current a {
    background-color: #009688
}

.wizard .steps .current a:active,.wizard .steps .current a:focus,.wizard .steps .current a:hover {
    background-color: #009688
}

.group-1,.group-2 {
    border: 1px solid #ffffff;
    border-radius: 5px;
    display: table;
    margin-bottom: 20px;
    box-shadow: 0 4px 8px #0003,0 6px 20px #00000030
}

.group-1 img,.group-2 img {
    cursor: pointer;
    width: 300px;
    height: 300px;
    padding: 10px;
    border-radius: 10px
}

agm-map {
    height: 300px
}

.table tbody {
    border-top: none!important
}

.table tbody tr td,.table tbody tr th {
    padding: 10px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    vertical-align: middle
}

.table tbody tr td ul,.table tbody tr th ul {
    margin: 0
}

.table tbody tr.primary td,.table tbody tr.primary th {
    background-color: #1f91f3;
    color: #fff
}

.table tbody tr.success td,.table tbody tr.success th {
    background-color: #2b982b;
    color: #fff
}

.table tbody tr.info td,.table tbody tr.info th {
    background-color: #00b0e4;
    color: #fff
}

.table tbody tr.warning td,.table tbody tr.warning th {
    background-color: #ff9600;
    color: #fff
}

.table tbody tr.danger td,.table tbody tr.danger th {
    background-color: #fb483a;
    color: #fff
}

.table thead tr th {
    padding: 0 10px;
    height: 50px;
    vertical-align: middle;
    background-color: #f5f5f5;
    color: #666;
    font-weight: 500;
    border: none
}

.table .tbl-pdf {
    color: #f96332;
    font-size: 20px;
    cursor: pointer
}

.table .tbl-action-btn {
    height: 40px;
    width: 40px;
    display: inline-flex;
    align-items: center
}

.table-bordered {
    border-top: 1px solid #eee
}

.table-bordered tbody tr td,.table-bordered tbody tr th,.table-bordered thead tr th {
    padding: 10px;
    border: 1px solid #eee
}

.table-img img {
    border-radius: 5px;
    height: 33px;
    width: 33px;
    background: #fff;
    position: inherit
}

.btn-tbl-edit {
    background-color: #96a2b4;
    height: 30px!important;
    width: 30px!important;
    margin: 2px!important;
    line-height: 30px!important;
    color: #fff
}

.btn-tbl-edit .material-icons {
    font-size: 16px!important
}

.btn-tbl-edit:hover {
    background-color: #888;
    color: #fff
}

.btn-tbl-edit:focus {
    background-color: #888
}

.btn-tbl-delete {
    background-color: #ff944f;
    height: 30px!important;
    width: 30px!important;
    margin: 2px!important;
    line-height: 30px!important;
    color: #fff
}

.btn-tbl-delete .material-icons {
    font-size: 16px!important
}

.btn-tbl-delete:hover {
    background-color: #ff9600;
    color: #fff
}

.btn-tbl-delete:focus {
    background-color: #ff9600
}

.btn-tbl-confirm {
    background-color: #3fa3f3;
    height: 30px!important;
    width: 30px!important;
    margin: 2px!important;
    line-height: 30px!important;
    color: #fff
}

.btn-tbl-confirm .material-icons {
    font-size: 16px!important
}

.btn-tbl-confirm:hover {
    background-color: #62b5f8;
    color: #fff
}

.btn-tbl-confirm:focus {
    background-color: #62b5f8
}

.btn-tbl-reject {
    background-color: #f96333;
    height: 30px!important;
    width: 30px!important;
    margin: 2px!important;
    line-height: 30px!important;
    color: #fff
}

.btn-tbl-reject .material-icons {
    font-size: 16px!important
}

.btn-tbl-reject:hover {
    background-color: #f87346;
    color: #fff
}

.btn-tbl-reject:focus {
    background-color: #f87346
}

.tbl-fav-edit {
    color: #6777ef;
    display: inline!important
}

.tbl-fav-edit .feather {
    height: 20px!important;
    width: 20px!important
}

.tbl-fav-delete {
    color: #ff5200;
    display: inline!important
}

.tbl-fav-delete .feather {
    height: 20px!important;
    width: 20px!important
}

.avatar {
    position: relative;
    width: 30px;
    white-space: nowrap;
    border-radius: 1000px;
    vertical-align: bottom;
    display: inline-block
}

.avatar img {
    width: 100%;
    max-width: 100%;
    height: auto;
    border: 0;
    border-radius: 1000px
}

.avatar-sm {
    width: 32px
}

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

.spinner,.spinner-reverse {
    display: inline-block
}

.order-list li img {
    border: 2px solid #ffffff;
    box-shadow: 0 2px 10px #6b6f824d
}

.order-list li+li {
    margin-left: -14px
}

.order-list li .badge {
    background: rgba(255,255,255,.8);
    color: #6b6f82;
    margin-bottom: 6px
}

.buttons-copy {
    background-color: #666!important;
    box-shadow: 0 5px 20px #0003,0 13px 24px -11px #e91e6399;
    color: #fff!important;
    border-radius: 30px!important;
    border: 0px!important;
    height: 30px;
    width: 60px;
    cursor: pointer
}

.buttons-excel {
    background-color: #59bf70!important;
    box-shadow: 0 5px 20px #0003,0 13px 24px -11px #e91e6399;
    color: #fff!important;
    border-radius: 30px!important;
    border: 0px!important;
    height: 30px;
    width: 60px;
    cursor: pointer
}

.buttons-csv {
    background-color: #2ab9d0!important;
    box-shadow: 0 5px 20px #0003,0 13px 24px -11px #e91e6399;
    color: #fff!important;
    border-radius: 30px!important;
    border: 0px!important;
    height: 30px;
    width: 60px;
    cursor: pointer
}

.buttons-pdf {
    background-color: #e91e63!important;
    box-shadow: 0 5px 20px #0003,0 13px 24px -11px #e91e6399;
    color: #fff!important;
    border-radius: 30px!important;
    border: 0px!important;
    height: 30px;
    width: 60px;
    cursor: pointer
}

.buttons-print {
    background-color: #6563ef!important;
    box-shadow: 0 5px 20px #0003,0 13px 24px -11px #6563ef;
    color: #fff!important;
    border-radius: 30px!important;
    border: 0px!important;
    height: 30px;
    width: 60px;
    cursor: pointer
}

tr.group,tr.group:hover {
    background-color: #ddd!important
}

.tableBody {
    font-size: 14px;
    color: #555;
    padding: 0 15px
}

.tbl-checkbox {
    text-align: center
}

.ngxTableHeader {
    padding: 10px 20px;
    display: flex;
    align-items: center;
    border-color: #e6e9ed;
    background-color: #ebebee;
    min-width: 800px;
    height: 70px
}

.ngxTableHeader .header-buttons {
    position: absolute;
    right: 30px;
    list-style: none;
    margin-bottom: 0
}

.ngxTableHeader .header-buttons li {
    display: inline-block
}

.ngxTableHeader .header-buttons .material-icons {
    color: #000;
    vertical-align: text-bottom
}

.ngxTableHeader .header-buttons-left {
    position: absolute;
    list-style: none
}

.ngxTableHeader .header-buttons-left li {
    display: inline-block
}

.ngxTableHeader .header-buttons-left .searchbox {
    position: relative
}

.ngxTableHeader .header-buttons-left ::placeholder {
    color: #0000008a
}

.ngxTableHeader .header-buttons-left .search-icon {
    position: absolute;
    top: 10px;
    padding-left: 10px;
    color: #0000008a
}

.ngxTableHeader .header-buttons-left input.search-field {
    font-weight: 500;
    color: #0000008a;
    border-radius: 25px;
    border: 0;
    height: 45px;
    padding: 8px 8px 8px 50px;
    width: 250px;
    background: #ffffff;
    transition: background .2s,width .2s
}

.ngxTableHeader .header-buttons-left input.search-field:hover {
    background: #fffefe
}

.ngxTableHeader .header-buttons-left input.search-field:focus {
    outline: none;
    width: 380px;
    color: #212121
}

.ngxTableHeader .header-buttons-left input.search-field:focus:hover {
    background: #f7f7f7
}

.ngxTableHeader h2 {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    color: #5b626b
}

.mat-table .mat-header-cell {
    font-size: 14px;
    font-weight: 600
}

.ngx-datatable.material {
    background: #fff;
    border: 1px solid #f5f5f5;
    box-shadow: none!important
}

.ngx-datatable.material .datatable-footer .datatable-pager .pager li a {
    margin: 5px
}

.ngx-datatable.material .datatable-footer .datatable-pager .pager li a .datatable-icon-right,.ngx-datatable.material .datatable-footer .datatable-pager .pager li a .datatable-icon-skip,.ngx-datatable.material .datatable-footer .datatable-pager .pager li a .datatable-icon-left,.ngx-datatable.material .datatable-footer .datatable-pager .pager li a .datatable-icon-prev {
    line-height: 30px
}

.ngx-datatable.material .datatable-footer .datatable-pager li.active a {
    background-color: #0d8df3;
    transition: .25s ease;
    color: #fff;
    box-shadow: 4px 3px 6px #0003
}

.ngx-table-form-select {
    margin-top: 0;
    padding-left: 40px!important
}

.ngx-search {
    margin: 15px auto!important;
    width: 30%!important;
    font-size: 13px!important
}

.ngx-datatable .datatable-body-cell {
    display: table!important
}

.ngx-datatable .datatable-body-cell-label {
    display: table-cell!important;
    vertical-align: middle!important
}

.ngx-datatable .datatable-header-cell {
    line-height: 2.4!important
}

.materialTableHeader {
    align-items: center;
    border-color: #dae1f3;
    background-color: #dae1f3;
    display: flex;
    flex-wrap: wrap;
    text-align: center
}

.materialTableHeader .left {
    flex: 35%;
    height: 60px;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.materialTableHeader .center {
    flex: 40%;
    height: 60px;
    display: table-cell;
    vertical-align: middle;
    text-align: left
}

.materialTableHeader .right {
    flex: 10%;
    height: 60px;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.materialTableHeader .tbl-export-btn {
    float: right;
    margin: 0 15px;
    list-style: none;
    height: 100%;
    display: flex;
    align-items: center
}

.materialTableHeader .tbl-export-btn li {
    display: inline-block;
    position: relative
}

.materialTableHeader .header-buttons-left {
    list-style: none;
    height: 100%;
    display: flex;
    align-items: center
}

.materialTableHeader .header-buttons-left .tbl-search-box {
    position: relative;
    margin-left: 10px
}

.materialTableHeader .header-buttons-left .tbl-title {
    vertical-align: middle;
    margin-left: 20px
}

.materialTableHeader .header-buttons-left .tbl-title h2 {
    font-weight: 500
}

.materialTableHeader .header-buttons-left .tbl-header-btn {
    position: relative
}

.materialTableHeader .header-buttons-left li {
    display: inline-block
}

.materialTableHeader .header-buttons-left .searchbox {
    position: relative
}

.materialTableHeader .header-buttons-left ::placeholder {
    color: #0000008a
}

.materialTableHeader .header-buttons-left .search-icon {
    position: absolute;
    top: 10px;
    padding-left: 10px;
    color: #0000008a
}

.materialTableHeader .header-buttons-left input.search-field {
    font-weight: 500;
    color: #0000008a;
    border-radius: 5px;
    border: 0;
    height: 45px;
    padding: 8px 8px 8px 50px;
    width: 250px;
    background: #ffffff;
    transition: background .2s,width .2s
}

.materialTableHeader .header-buttons-left input.search-field:hover {
    background: #fffefe
}

.materialTableHeader .header-buttons-right {
    text-align: right;
    list-style: none;
    height: 100%;
    margin: 0 10px
}

.materialTableHeader .header-buttons-right .tbl-header-btn {
    position: relative;
    top: 12px
}

.materialTableHeader .header-buttons-right li {
    display: inline-block
}

.materialTableHeader .header-buttons-right h2,.materialTableHeader h2 {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    color: #5b626b
}

.tbl-checkbox label {
    margin-bottom: 0
}

.column-nowrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.table-tab a {
    background-color: #e2e2e2!important;
    color: #868788!important;
    border-radius: 30px
}

.table-tab a.active {
    background-color: #7274e2!important;
    box-shadow: 0 5px 5px #0003,0 4px 13px -11px #7197b5;
    color: #fff!important;
    border-radius: 30px
}

.app-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 10px;
    vertical-align: middle;
    padding: 10px;
    margin-bottom: 10px;
    background: #f9f9f9
}

.app-list img {
    margin: 0 10px
}

.app-list .set-flex {
    flex: 1
}

.lecture-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 5px;
    vertical-align: middle;
    padding: 10px;
    margin-bottom: 10px;
    background: #f6f4ff
}

.report-list {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding: 12px;
    border: 1px dashed #bfc9d4;
    border-radius: 6px
}

.report-list .file-style {
    font-size: 20px;
    margin: 0 10px
}

.report-list .ms-auto {
    margin-right: 10px;
    cursor: pointer
}

.report-list .ms-auto i {
    padding-right: 10px
}

.patient-group-list {
    display: flex;
    align-items: center;
    padding: 12px;
    border-radius: 6px
}

.patient-group-list .lbl-bedge {
    padding: 10px;
    margin: 0 5px;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    width: 38px;
    height: 38px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px
}

.patient-group-list .lbl-bedge .lbl-bedge-title {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.patient-group-list .group-details {
    line-height: 38px;
    padding-left: 10px;
    font-weight: 500
}

.tbl-spinner {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px
}

.doc-file-type .d-flex {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #d5dadb
}

.doc-file-type .img-icon {
    width: 46px;
    height: 46px;
    line-height: 46px;
    border-radius: 10%;
    font-size: 23px;
    text-align: center;
    margin: 0 15px
}

.doc-file-type .set-flex {
    display: block;
    color: #000;
    height: 30px
}

.doc-file-type .ms-auto {
    margin-right: 10px;
    cursor: pointer
}

.primary-rgba {
    background-color: #6e81dc1a
}

.success-rgba {
    background-color: #5fc27e1a
}

.danger-rgba {
    background-color: #f444551a
}

.info-rgba {
    background-color: #72d0fb1a
}

.timetable-block {
    border-radius: 4px;
    border: 1px solid #f4f4f4;
    padding: 10px;
    margin-bottom: 20px;
    box-shadow: 0 .46875rem 2.1875rem #5a61691a,0 .9375rem 1.40625rem #5a61691a,0 .25rem .53125rem #5a61691f,0 .125rem .1875rem #5a61691a;
    background: #ffffff
}

.medicine-list td {
    padding: .4rem
}

mat-cell>span.truncate-text {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.export-button {
    cursor: pointer
}

.export-button img {
    height: 32px;
    width: 32px
}

.mobile-label {
    display: none
}

@media (max-width: 600px) {
    .mobile-label {
        width:100px;
        display: inline-block;
        font-weight: 700
    }

    .advance-table .mdc-data-table__header-row {
        display: none
    }

    .advance-table .mdc-data-table__row {
        flex-direction: column;
        align-items: start;
        padding: 8px 24px;
        display: grid
    }

    mat-cell:first-of-type,mat-header-cell:first-of-type,mat-footer-cell:first-of-type {
        padding-left: 10px
    }

    .flex-item-right,.flex-item-left {
        flex: 100%
    }

    .tbl-col-width-per-6,.tbl-col-width-per-7,.tbl-col-width-per-5 {
        max-width: 100%
    }
}

@media (max-width: 380px) {
    .materialTableHeader .header-buttons-left input.search-field {
        width:140px
    }
}

@media (max-width: 300px) {
    .materialTableHeader .header-buttons-left input.search-field {
        width:100px
    }
}

.alert {
    border-radius: 0;
    -ms-box-shadow: none;
    box-shadow: none;
    border: none;
    color: #fff!important
}

.alert .alert-link {
    color: #fff;
    text-decoration: underline;
    font-weight: 700
}

.alert-success {
    background-color: #18ce0fcc
}

.alert-info {
    background-color: #2ca8ffcc
}

.alert-warning {
    background-color: #ffb236cc
}

.alert-danger {
    background-color: #ff3636cc
}

.alert-dismissible .close {
    color: #fff;
    opacity: 1;
    border: none;
    text-shadow: none
}

.badge {
    padding: 5px 8px;
    line-height: 12px;
    border: 1px solid;
    font-weight: 400;
    font-size: 13px
}

.list-group-item {
    border-radius: 0;
    transition: .5s
}

.list-group .active,.list-group .list-group-item.active {
    background-color: #2196f3;
    border-color: #2196f3
}

.list-group .active:hover,.list-group .active:focus,.list-group .active:active,.list-group .list-group-item.active:hover,.list-group .list-group-item.active:focus,.list-group .list-group-item.active:active {
    background-color: #2196f3;
    border-color: #2196f3
}

.list-group .active .list-group-item-text,.list-group .list-group-item.active .list-group-item-text {
    color: #dfe9f1;
    font-size: 13px
}

.list-group .active .list-group-item-text:hover,.list-group .active .list-group-item-text:active,.list-group .active .list-group-item-text:focus,.list-group .list-group-item.active .list-group-item-text:hover,.list-group .list-group-item.active .list-group-item-text:active,.list-group .list-group-item.active .list-group-item-text:focus {
    color: #dfe9f1
}

.list-group a.list-group-item,.list-group button.list-group-item {
    color: #555
}

.list-group a.list-group-item.active,.list-group button.list-group-item.active {
    color: #dfe9f1
}

.list-group .list-group-item.active:hover .list-group-item-text,.list-group .list-group-item.active:focus .list-group-item-text,.list-group .list-group-item.active:active .list-group-item-text {
    color: #dfe9f1
}

.list-group .list-group-item {
    text-align: left
}

.list-group .list-group-item:first-child,.list-group .list-group-item:last-child {
    border-radius: 0
}

.list-group .list-group-item .list-group-item-heading {
    font-weight: 700;
    font-size: 17px
}

.list-group .list-group-item:focus,.list-group .list-group-item:hover {
    background-color: #f5f5f5
}

.list-group .list-group-item-success {
    background-color: #2b982b;
    border: none;
    color: #fff
}

.list-group .list-group-item-success:hover,.list-group .list-group-item-success:focus {
    background-color: #2b982b;
    color: #fff;
    opacity: .8
}

.list-group .list-group-item-info {
    background-color: #00b0e4;
    border: none;
    color: #fff
}

.list-group .list-group-item-info:hover,.list-group .list-group-item-info:focus {
    background-color: #00b0e4;
    color: #fff;
    opacity: .8
}

.list-group .list-group-item-warning {
    background-color: #ff9600;
    border: none;
    color: #fff
}

.list-group .list-group-item-warning:hover,.list-group .list-group-item-warning:focus {
    background-color: #ff9600;
    color: #fff;
    opacity: .8
}

.list-group .list-group-item-danger {
    background-color: #fb483a;
    border: none;
    color: #fff
}

.list-group .list-group-item-danger:hover,.list-group .list-group-item-danger:focus {
    background-color: #fb483a;
    color: #fff;
    opacity: .8
}

.list-group .pl-red {
    stroke: #f44336
}

.list-group .list-group-bg-red {
    background-color: #f44336;
    border: none;
    color: #fff
}

.list-group .list-group-bg-red:hover,.list-group .list-group-bg-red:focus {
    background-color: #f44336;
    color: #fff;
    opacity: .8
}

.list-group .pl-pink {
    stroke: #e91e63
}

.list-group .list-group-bg-pink {
    background-color: #e91e63;
    border: none;
    color: #fff
}

.list-group .list-group-bg-pink:hover,.list-group .list-group-bg-pink:focus {
    background-color: #e91e63;
    color: #fff;
    opacity: .8
}

.list-group .pl-purple {
    stroke: #9c27b0
}

.list-group .list-group-bg-purple {
    background-color: #9c27b0;
    border: none;
    color: #fff
}

.list-group .list-group-bg-purple:hover,.list-group .list-group-bg-purple:focus {
    background-color: #9c27b0;
    color: #fff;
    opacity: .8
}

.list-group .pl-indigo {
    stroke: #3f51b5
}

.list-group .list-group-bg-indigo {
    background-color: #3f51b5;
    border: none;
    color: #fff
}

.list-group .list-group-bg-indigo:hover,.list-group .list-group-bg-indigo:focus {
    background-color: #3f51b5;
    color: #fff;
    opacity: .8
}

.list-group .pl-blue {
    stroke: #2196f3
}

.list-group .list-group-bg-blue {
    background-color: #2196f3;
    border: none;
    color: #fff
}

.list-group .list-group-bg-blue:hover,.list-group .list-group-bg-blue:focus {
    background-color: #2196f3;
    color: #fff;
    opacity: .8
}

.list-group .pl-cyan {
    stroke: #00bcd4
}

.list-group .list-group-bg-cyan {
    background-color: #00bcd4;
    border: none;
    color: #fff
}

.list-group .list-group-bg-cyan:hover,.list-group .list-group-bg-cyan:focus {
    background-color: #00bcd4;
    color: #fff;
    opacity: .8
}

.list-group .pl-teal {
    stroke: #009688
}

.list-group .list-group-bg-teal {
    background-color: #009688;
    border: none;
    color: #fff
}

.list-group .list-group-bg-teal:hover,.list-group .list-group-bg-teal:focus {
    background-color: #009688;
    color: #fff;
    opacity: .8
}

.list-group .pl-green {
    stroke: #4caf50
}

.list-group .list-group-bg-green {
    background-color: #4caf50;
    border: none;
    color: #fff
}

.list-group .list-group-bg-green:hover,.list-group .list-group-bg-green:focus {
    background-color: #4caf50;
    color: #fff;
    opacity: .8
}

.list-group .pl-yellow {
    stroke: #ffe821
}

.list-group .list-group-bg-yellow {
    background-color: #ffe821;
    border: none;
    color: #fff
}

.list-group .list-group-bg-yellow:hover,.list-group .list-group-bg-yellow:focus {
    background-color: #ffe821;
    color: #fff;
    opacity: .8
}

.list-group .pl-orange {
    stroke: #ff9800
}

.list-group .list-group-bg-orange {
    background-color: #ff9800;
    border: none;
    color: #fff
}

.list-group .list-group-bg-orange:hover,.list-group .list-group-bg-orange:focus {
    background-color: #ff9800;
    color: #fff;
    opacity: .8
}

.list-group .pl-deep-orange {
    stroke: #ff5722
}

.list-group .list-group-bg-deep-orange {
    background-color: #ff5722;
    border: none;
    color: #fff
}

.list-group .list-group-bg-deep-orange:hover,.list-group .list-group-bg-deep-orange:focus {
    background-color: #ff5722;
    color: #fff;
    opacity: .8
}

.list-group .pl-brown {
    stroke: #795548
}

.list-group .list-group-bg-brown {
    background-color: #795548;
    border: none;
    color: #fff
}

.list-group .list-group-bg-brown:hover,.list-group .list-group-bg-brown:focus {
    background-color: #795548;
    color: #fff;
    opacity: .8
}

.list-group .pl-grey {
    stroke: #9e9e9e
}

.list-group .list-group-bg-grey {
    background-color: #9e9e9e;
    border: none;
    color: #fff
}

.list-group .list-group-bg-grey:hover,.list-group .list-group-bg-grey:focus {
    background-color: #9e9e9e;
    color: #fff;
    opacity: .8
}

.list-group .pl-black {
    stroke: #000
}

.list-group .list-group-bg-black {
    background-color: #000;
    border: none;
    color: #fff
}

.list-group .list-group-bg-black:hover,.list-group .list-group-bg-black:focus {
    background-color: #000;
    color: #fff;
    opacity: .8
}

.list-group .pl-white {
    stroke: #fff
}

.list-group .list-group-bg-white {
    background-color: #fff;
    border: none;
    color: #fff
}

.list-group .list-group-bg-white:hover,.list-group .list-group-bg-white:focus {
    background-color: #fff;
    color: #fff;
    opacity: .8
}

span.badge {
    min-width: auto;
    float: none;
    font-size: 13px
}

.list-group span.badge {
    float: right
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #fff
}

.btn-primary .badge {
    color: #337ab7;
    background-color: #fff
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff
}

.badge-solid-red {
    color: #f11541;
    background-color: #f1154126;
    border: none;
    padding: 5px 12px;
    font-weight: 500;
    line-height: 1.2
}

.badge-solid-purple {
    color: #6f42c1;
    background-color: #6f42c126;
    border: none;
    padding: 5px 12px;
    font-weight: 500;
    line-height: 1.2
}

.badge-solid-green {
    color: #198754;
    background-color: #19875426;
    border: none;
    padding: 5px 12px;
    font-weight: 500;
    line-height: 1.2
}

.badge-solid-blue {
    color: #0d6efd;
    background-color: #0d6efd26;
    border: none;
    padding: 5px 12px;
    font-weight: 500;
    line-height: 1.2
}

.badge-solid-pink {
    color: #fd0dfd;
    background-color: #fd0dfd26;
    border: none;
    padding: 5px 12px;
    font-weight: 500;
    line-height: 1.2
}

.badge-solid-orange {
    color: #fd7e14;
    background-color: #fd7e1426;
    border: none;
    padding: 5px 12px;
    font-weight: 500;
    line-height: 1.2
}

.badge-solid-cyan {
    color: #0dcaf0;
    background-color: #0dcaf026;
    border: none;
    padding: 5px 12px;
    font-weight: 500;
    line-height: 1.2
}

.badge-solid-brown {
    color: #964b00;
    background-color: #964b0026;
    border: none;
    padding: 5px 12px;
    font-weight: 500;
    line-height: 1.2
}

.example-button-row button,.example-button-row a {
    margin-right: 8px
}

.btn:focus,.btn.focus {
    box-shadow: none
}

.btn-space {
    margin-right: 10px!important
}

.card {
    background: #fff;
    min-height: 50px;
    position: relative;
    margin-bottom: 24px;
    border: 1px solid #f2f4f9;
    border-radius: 10px;
    box-shadow: 0 0 10px #b7c0ce33;
    -webkit-box-shadow: 0 0 10px 0 rgba(183,192,206,.2)
}

.card .card-inside-title {
    margin-top: 25px;
    margin-bottom: 15px;
    display: block;
    font-size: 15px;
    color: #000
}

.card .card-inside-title small {
    color: #999;
    display: block;
    font-size: 11px;
    margin-top: 5px
}

.card .card-inside-title small a {
    color: #777;
    font-weight: 700
}

.card .card-inside-title:first-child {
    margin-top: 0
}

.card .bg-red,.card .bg-pink,.card .bg-purple,.card .bg-indigo,.card .bg-blue,.card .bg-cyan,.card .bg-teal,.card .bg-green,.card .bg-yellow,.card .bg-orange,.card .bg-deep-orange,.card .bg-brown,.card .bg-grey,.card .bg-black {
    border-bottom: none!important;
    color: #fff!important
}

.card .bg-red h2,.card .bg-red small,.card .bg-red .material-icons,.card .bg-pink h2,.card .bg-pink small,.card .bg-pink .material-icons,.card .bg-purple h2,.card .bg-purple small,.card .bg-purple .material-icons,.card .bg-indigo h2,.card .bg-indigo small,.card .bg-indigo .material-icons,.card .bg-blue h2,.card .bg-blue small,.card .bg-blue .material-icons,.card .bg-cyan h2,.card .bg-cyan small,.card .bg-cyan .material-icons,.card .bg-teal h2,.card .bg-teal small,.card .bg-teal .material-icons,.card .bg-green h2,.card .bg-green small,.card .bg-green .material-icons,.card .bg-yellow h2,.card .bg-yellow small,.card .bg-yellow .material-icons,.card .bg-orange h2,.card .bg-orange small,.card .bg-orange .material-icons,.card .bg-deep-orange h2,.card .bg-deep-orange small,.card .bg-deep-orange .material-icons,.card .bg-brown h2,.card .bg-brown small,.card .bg-brown .material-icons,.card .bg-grey h2,.card .bg-grey small,.card .bg-grey .material-icons,.card .bg-black h2,.card .bg-black small,.card .bg-black .material-icons {
    color: #fff!important
}

.card .bg-red .badge,.card .bg-pink .badge,.card .bg-purple .badge,.card .bg-indigo .badge,.card .bg-blue .badge,.card .bg-cyan .badge,.card .bg-teal .badge,.card .bg-green .badge,.card .bg-yellow .badge,.card .bg-orange .badge,.card .bg-deep-orange .badge,.card .bg-brown .badge,.card .bg-grey .badge,.card .bg-black .badge {
    background-color: #fff;
    color: #555
}

.card .header {
    position: relative;
    display: flex;
    width: 100%;
    color: #555;
    padding: 10px 15px;
    line-height: 30px
}

.card .header .header-dropdown {
    position: absolute;
    top: 0;
    right: 10px;
    list-style: none
}

.card .header .header-dropdown .dropdown-menu li {
    display: block!important
}

.card .header .header-dropdown li {
    display: inline-block
}

.card .header .header-dropdown i {
    font-size: 20px;
    color: #999;
    transition: all .5s
}

.card .header .header-dropdown i:hover {
    color: #000
}

.card .header h2 {
    margin: 0;
    color: #5b626b;
    font-size: 17px;
    line-height: 28px;
    padding-right: 10px;
    font-weight: 500
}

.card .header h2 small {
    display: block;
    font-size: 12px;
    margin-top: 5px;
    color: #999;
    line-height: 15px
}

.card .header h2 small a {
    font-weight: 700;
    color: #777
}

.card .header .col-xs-12 h2 {
    margin-top: 5px
}

.card .body {
    font-size: 14px;
    color: #555;
    padding: 15px
}

.card .body .col-xs-1,.card .body .col-sm-1,.card .body .col-md-1,.card .body .col-lg-1,.card .body .col-xs-2,.card .body .col-sm-2,.card .body .col-md-2,.card .body .col-lg-2,.card .body .col-xs-3,.card .body .col-sm-3,.card .body .col-md-3,.card .body .col-lg-3,.card .body .col-xs-4,.card .body .col-sm-4,.card .body .col-md-4,.card .body .col-lg-4,.card .body .col-xs-5,.card .body .col-sm-5,.card .body .col-md-5,.card .body .col-lg-5,.card .body .col-xs-6,.card .body .col-sm-6,.card .body .col-md-6,.card .body .col-lg-6,.card .body .col-xs-7,.card .body .col-sm-7,.card .body .col-md-7,.card .body .col-lg-7,.card .body .col-xs-8,.card .body .col-sm-8,.card .body .col-md-8,.card .body .col-lg-8,.card .body .col-xs-9,.card .body .col-sm-9,.card .body .col-md-9,.card .body .col-lg-9,.card .body .col-xs-10,.card .body .col-sm-10,.card .body .col-md-10,.card .body .col-lg-10,.card .body .col-xs-11,.card .body .col-sm-11,.card .body .col-md-11,.card .body .col-lg-11,.card .body .col-xs-12,.card .body .col-sm-12,.card .body .col-md-12,.card .body .col-lg-12 {
    margin-bottom: 20px
}

.card .list-body {
    padding: 0 10px
}

.card.card-statistic-1 .card-header,.card.card-statistic-2 .card-header {
    border-color: transparent;
    padding-bottom: 0;
    height: auto;
    min-height: auto;
    display: block
}

.card.card-statistic-1 .card-icon {
    width: 30px;
    height: 30px;
    margin: 10px 0 0 20px;
    border-radius: 3px;
    line-height: 78px;
    text-align: center;
    float: left;
    font-size: 30px
}

.card.card-statistic-1 .card-header h4,.card.card-statistic-2 .card-header h4 {
    line-height: 1.2;
    color: color(muted)
}

.card.card-statistic-1 .card-body,.card.card-statistic-2 .card-body {
    padding-top: 0
}

.card.card-statistic-1 .card-body,.card.card-statistic-2 .card-body {
    font-size: 26px;
    font-weight: 700;
    color: color(fontdark);
    padding-bottom: 0
}

.card.card-statistic-1,.card.card-statistic-2 {
    display: inline-block;
    width: 100%
}

.card.card-statistic-1 .card-icon,.card.card-statistic-2 .card-icon {
    width: 80px;
    height: 80px;
    margin: 10px 15px 10px 10px;
    line-height: 94px;
    text-align: center;
    float: left;
    border-radius: 50px
}

.card.card-statistic-1 .card-icon .ion,.card.card-statistic-1 .card-icon .fas,.card.card-statistic-1 .card-icon .far,.card.card-statistic-1 .card-icon .fab,.card.card-statistic-1 .card-icon .fal,.card.card-statistic-2 .card-icon .ion,.card.card-statistic-2 .card-icon .fas,.card.card-statistic-2 .card-icon .far,.card.card-statistic-2 .card-icon .fab,.card.card-statistic-2 .card-icon .fal {
    font-size: 22px;
    color: #fff
}

.card.card-statistic-1 .card-icon {
    line-height: 90px
}

.card.card-statistic-2 .card-icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 22px;
    margin: 25px;
    box-shadow: 5px 3px 10px #150f0f4d;
    border-radius: 10px;
    background: #6777ef
}

.card.card-statistic-2 .card-icon-only {
    font-size: 35px;
    margin: 20px
}

.card.card-statistic-1 .card-header,.card.card-statistic-2 .card-header {
    padding-bottom: 0;
    padding-top: 25px
}

.card.card-statistic-2 .card-header+.card-body,.card.card-statistic-2 .card-body+.card-header {
    padding-top: 0
}

.card.card-statistic-1 .card-header h4,.card.card-statistic-2 .card-header h4 {
    font-weight: 600;
    font-size: 13px;
    letter-spacing: .5px
}

.card.card-statistic-1 .card-header h4 {
    margin-bottom: 0
}

.card.card-statistic-2 .card-header h4 {
    text-transform: none;
    margin-bottom: 0
}

.card.card-statistic-1 .card-body {
    font-size: 20px
}

.card.card-statistic-2 .card-chart {
    margin-left: -10px;
    margin-right: -1px;
    margin-bottom: -7px
}

.card.card-statistic-2 .card-chart canvas {
    height: 70px!important
}

.card.card-statistic-2 .card-right {
    float: right;
    margin: 15px 15px 15px 0
}

.plain-card {
    box-shadow: 0 2px 5px #0000001a;
    padding: 20px;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
    margin: .5rem 0 1rem
}

.card-inner .progress {
    height: 10px;
    margin: 0
}

.col-block {
    margin-left: 5px
}

.card-height-100 {
    height: 100px
}

.doc-card-title {
    color: #00bdf2;
    font-size: 16px
}

.doc-card-image {
    background: #fff;
    position: inherit;
    padding: 2px;
    box-shadow: 0 5px 25px #0003
}

.card-spacing {
    padding-right: 0
}

.course-card-blog {
    margin-top: 30px
}

.course-card-blog .course-card-caption {
    margin-top: 5px
}

.course-card {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    border-radius: 6px;
    color: #000000de;
    background: #fff;
    box-shadow: 0 2px 2px #00000024,0 3px 1px -2px #0003,0 1px 5px #0000001f
}

.course-card .course-card-image {
    height: 60%;
    position: relative;
    overflow: hidden;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: -30px;
    border-radius: 6px;
    box-shadow: 0 16px 38px -12px #0000008f,0 4px 25px #0000001f,0 8px 10px -5px #0003
}

.course-card .course-card-image img {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    pointer-events: none
}

.course-card .blog-table {
    padding: 15px 30px
}

.course-card .ftr {
    margin-top: 15px
}

.course-card .ftr .author {
    color: #888
}

.course-card .ftr div {
    display: inline-block
}

.course-card .ftr .stats {
    position: relative;
    top: 1px;
    font-size: 14px;
    float: right;
    line-height: 30px
}

.course-card .author .avatar {
    width: 36px;
    height: 36px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 5px
}

.blog-table {
    margin-bottom: 0
}

.blog-category {
    position: relative;
    line-height: 0;
    margin: 15px 0
}

.blog-text-success {
    color: #28a745!important
}

.course-card-caption {
    font-weight: 700
}

.course-card-caption,.course-card-caption a {
    color: #333;
    text-decoration: none
}

.about-course-img img {
    width: 100%;
    height: 100%
}

.collapse .well,.collapse.in .well,.collapsing .well {
    border-radius: 0;
    margin-bottom: 0
}

.collapse.show,.collapse.in.show,.collapsing.show {
    display: block
}

.sweet-alert {
    border-radius: 0!important
}

.sweet-alert p {
    font-size: 14px!important
}

.sweet-alert .sa-input-error {
    top: 23px!important;
    right: 13px!important
}

.sweet-alert h2 {
    font-size: 18px!important;
    margin: 0 0 5px!important;
    line-height: 40px
}

.sweet-alert button {
    font-size: 15px!important;
    border-radius: 0!important;
    padding: 5px 20px!important
}

.example-headers-align .mat-expansion-panel-header-title,.example-headers-align .mat-expansion-panel-header-description {
    flex-basis: 0
}

.example-headers-align .mat-expansion-panel-header-description {
    justify-content: space-between;
    align-items: center
}

.example-headers-align .mat-form-field+.mat-form-field {
    margin-left: 8px
}

.media {
    margin-bottom: 25px;
    margin-top: 15px
}

.media .media-left {
    padding-right: 10px
}

.media .media-body {
    color: #777;
    font-size: 13px
}

.media .media-body .media-heading {
    font-size: 16px;
    font-weight: 700;
    color: #333
}

.modal {
    background-color: #eeeeee69;
    max-height: 100%;
    width: 100%
}

.modal .modal-header {
    border: none;
    padding: 0;
    border-bottom: 1px solid #eee
}

.modal .modal-header .modal-title {
    font-weight: 700;
    font-size: 16px
}

.modal .modal-content {
    border-radius: 10px;
    box-shadow: 0 5px 20px #0000004f!important;
    border: none;
    padding: 10px
}

.modal .modal-content .modal-body {
    color: #777;
    padding: 15px 25px
}

.modal .modal-footer {
    border: none;
    background-color: transparent
}

.modal .modal-footer .btn {
    margin: 10px
}

.addContainer {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.addContainer .form {
    display: flex;
    padding-top: 6px
}

.addContainer .mat-form-field {
    flex-grow: 1
}

.addContainer .modalHeader img {
    border-radius: 50%
}

.modalHeader {
    display: flex;
    align-items: flex-start;
    padding: 0 10px;
    margin: 10px 10px 0
}

.modalHeader .modal-about {
    padding: 5px;
    font-weight: 500;
    font-size: 16px
}

.modal-close-button {
    background-color: transparent!important;
    box-shadow: none!important;
    color: #161d38;
    right: 10px;
    position: absolute!important
}

.modal-col-red {
    background-color: #f44336
}

.modal-col-red .modal-body,.modal-col-red .modal-title {
    color: #fff!important
}

.modal-col-red .modal-footer {
    background-color: #0000001f
}

.modal-col-red .modal-footer .btn-link {
    color: #fff!important
}

.modal-col-red .modal-footer .btn-link:hover,.modal-col-red .modal-footer .btn-link:active,.modal-col-red .modal-footer .btn-link:focus {
    background-color: #0000001f
}

.modal-col-pink {
    background-color: #e91e63
}

.modal-col-pink .modal-body,.modal-col-pink .modal-title {
    color: #fff!important
}

.modal-col-pink .modal-footer {
    background-color: #0000001f
}

.modal-col-pink .modal-footer .btn-link {
    color: #fff!important
}

.modal-col-pink .modal-footer .btn-link:hover,.modal-col-pink .modal-footer .btn-link:active,.modal-col-pink .modal-footer .btn-link:focus {
    background-color: #0000001f
}

.modal-col-purple {
    background-color: #9c27b0
}

.modal-col-purple .modal-body,.modal-col-purple .modal-title {
    color: #fff!important
}

.modal-col-purple .modal-footer {
    background-color: #0000001f
}

.modal-col-purple .modal-footer .btn-link {
    color: #fff!important
}

.modal-col-purple .modal-footer .btn-link:hover,.modal-col-purple .modal-footer .btn-link:active,.modal-col-purple .modal-footer .btn-link:focus {
    background-color: #0000001f
}

.modal-col-indigo {
    background-color: #3f51b5
}

.modal-col-indigo .modal-body,.modal-col-indigo .modal-title {
    color: #fff!important
}

.modal-col-indigo .modal-footer {
    background-color: #0000001f
}

.modal-col-indigo .modal-footer .btn-link {
    color: #fff!important
}

.modal-col-indigo .modal-footer .btn-link:hover,.modal-col-indigo .modal-footer .btn-link:active,.modal-col-indigo .modal-footer .btn-link:focus {
    background-color: #0000001f
}

.modal-col-blue {
    background-color: #2196f3
}

.modal-col-blue .modal-body,.modal-col-blue .modal-title {
    color: #fff!important
}

.modal-col-blue .modal-footer {
    background-color: #0000001f
}

.modal-col-blue .modal-footer .btn-link {
    color: #fff!important
}

.modal-col-blue .modal-footer .btn-link:hover,.modal-col-blue .modal-footer .btn-link:active,.modal-col-blue .modal-footer .btn-link:focus {
    background-color: #0000001f
}

.modal-col-cyan {
    background-color: #00bcd4
}

.modal-col-cyan .modal-body,.modal-col-cyan .modal-title {
    color: #fff!important
}

.modal-col-cyan .modal-footer {
    background-color: #0000001f
}

.modal-col-cyan .modal-footer .btn-link {
    color: #fff!important
}

.modal-col-cyan .modal-footer .btn-link:hover,.modal-col-cyan .modal-footer .btn-link:active,.modal-col-cyan .modal-footer .btn-link:focus {
    background-color: #0000001f
}

.modal-col-teal {
    background-color: #009688
}

.modal-col-teal .modal-body,.modal-col-teal .modal-title {
    color: #fff!important
}

.modal-col-teal .modal-footer {
    background-color: #0000001f
}

.modal-col-teal .modal-footer .btn-link {
    color: #fff!important
}

.modal-col-teal .modal-footer .btn-link:hover,.modal-col-teal .modal-footer .btn-link:active,.modal-col-teal .modal-footer .btn-link:focus {
    background-color: #0000001f
}

.modal-col-green {
    background-color: #4caf50
}

.modal-col-green .modal-body,.modal-col-green .modal-title {
    color: #fff!important
}

.modal-col-green .modal-footer {
    background-color: #0000001f
}

.modal-col-green .modal-footer .btn-link {
    color: #fff!important
}

.modal-col-green .modal-footer .btn-link:hover,.modal-col-green .modal-footer .btn-link:active,.modal-col-green .modal-footer .btn-link:focus {
    background-color: #0000001f
}

.modal-col-yellow {
    background-color: #ffe821
}

.modal-col-yellow .modal-body,.modal-col-yellow .modal-title {
    color: #fff!important
}

.modal-col-yellow .modal-footer {
    background-color: #0000001f
}

.modal-col-yellow .modal-footer .btn-link {
    color: #fff!important
}

.modal-col-yellow .modal-footer .btn-link:hover,.modal-col-yellow .modal-footer .btn-link:active,.modal-col-yellow .modal-footer .btn-link:focus {
    background-color: #0000001f
}

.modal-col-orange {
    background-color: #ff9800
}

.modal-col-orange .modal-body,.modal-col-orange .modal-title {
    color: #fff!important
}

.modal-col-orange .modal-footer {
    background-color: #0000001f
}

.modal-col-orange .modal-footer .btn-link {
    color: #fff!important
}

.modal-col-orange .modal-footer .btn-link:hover,.modal-col-orange .modal-footer .btn-link:active,.modal-col-orange .modal-footer .btn-link:focus {
    background-color: #0000001f
}

.modal-col-deep-orange {
    background-color: #ff5722
}

.modal-col-deep-orange .modal-body,.modal-col-deep-orange .modal-title {
    color: #fff!important
}

.modal-col-deep-orange .modal-footer {
    background-color: #0000001f
}

.modal-col-deep-orange .modal-footer .btn-link {
    color: #fff!important
}

.modal-col-deep-orange .modal-footer .btn-link:hover,.modal-col-deep-orange .modal-footer .btn-link:active,.modal-col-deep-orange .modal-footer .btn-link:focus {
    background-color: #0000001f
}

.modal-col-brown {
    background-color: #795548
}

.modal-col-brown .modal-body,.modal-col-brown .modal-title {
    color: #fff!important
}

.modal-col-brown .modal-footer {
    background-color: #0000001f
}

.modal-col-brown .modal-footer .btn-link {
    color: #fff!important
}

.modal-col-brown .modal-footer .btn-link:hover,.modal-col-brown .modal-footer .btn-link:active,.modal-col-brown .modal-footer .btn-link:focus {
    background-color: #0000001f
}

.modal-col-grey {
    background-color: #9e9e9e
}

.modal-col-grey .modal-body,.modal-col-grey .modal-title {
    color: #fff!important
}

.modal-col-grey .modal-footer {
    background-color: #0000001f
}

.modal-col-grey .modal-footer .btn-link {
    color: #fff!important
}

.modal-col-grey .modal-footer .btn-link:hover,.modal-col-grey .modal-footer .btn-link:active,.modal-col-grey .modal-footer .btn-link:focus {
    background-color: #0000001f
}

.modal-col-black {
    background-color: #000
}

.modal-col-black .modal-body,.modal-col-black .modal-title {
    color: #fff!important
}

.modal-col-black .modal-footer {
    background-color: #0000001f
}

.modal-col-black .modal-footer .btn-link {
    color: #fff!important
}

.modal-col-black .modal-footer .btn-link:hover,.modal-col-black .modal-footer .btn-link:active,.modal-col-black .modal-footer .btn-link:focus {
    background-color: #0000001f
}

.modal-col-white {
    background-color: #fff
}

.modal-col-white .modal-body,.modal-col-white .modal-title {
    color: #fff!important
}

.modal-col-white .modal-footer {
    background-color: #0000001f
}

.modal-col-white .modal-footer .btn-link {
    color: #fff!important
}

.modal-col-white .modal-footer .btn-link:hover,.modal-col-white .modal-footer .btn-link:active,.modal-col-white .modal-footer .btn-link:focus {
    background-color: #0000001f
}

.cdk-overlay-connected-position-bounding-box {
    z-index: 1052!important
}

.mat-dialog-content {
    margin: 0!important;
    padding: 0!important
}

.page-loader-wrapper {
    z-index: 99999999;
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    background: #eee;
    overflow: hidden;
    text-align: center
}

.page-loader-wrapper p {
    font-size: 13px;
    margin-top: 10px;
    font-weight: 700;
    color: #444
}

.page-loader-wrapper .loader {
    position: relative
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none
}

.pager li {
    display: inline
}

.pager li>a {
    border-radius: 0;
    border: none;
    background-color: transparent;
    color: #222;
    font-weight: 700;
    display: inline-block;
    padding: 5px 14px
}

.pager li a:focus,.pager li a:active {
    background-color: transparent
}

.pager .previous>a,.pager .previous>span {
    float: left
}

.pager .next>a,.pager .next>span {
    float: right
}

.pagination {
    margin: 20px 0
}

.pagination .disabled a,.pagination .disabled a:hover,.pagination .disabled a:focus,.pagination .disabled a:active {
    color: #bbb
}

.pagination li.active {
    background-color: transparent!important
}

.pagination li.active a {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 20px #0003
}

.pagination li {
    border-radius: 0
}

.pagination>li>a {
    border: none;
    font-weight: 700;
    color: #555;
    font-size: 14px;
    margin: 5px;
    border-radius: 50%;
    color: gray;
    min-width: 30px;
    text-transform: uppercase;
    padding: .5rem .75rem;
    line-height: 1.25
}

.pagination>li>a:hover {
    font-weight: 700;
    background-color: transparent;
    color: #8c8b8b;
    border-radius: 50%;
    font-size: 14px
}

.pagination>li:first-child>a,.pagination>li:last-child>a {
    width: auto;
    height: 32px;
    border-radius: 0
}

.pagination>li:first-child>a .material-icons,.pagination>li:last-child>a .material-icons {
    position: relative;
    bottom: 0
}

.pagination-sm>li:first-child>a,.pagination-sm>li:last-child>a {
    width: 28px;
    height: 28px
}

.pagination-sm>li:first-child>a .material-icons,.pagination-sm>li:last-child>a .material-icons {
    position: relative;
    top: 4px;
    left: -6px;
    font-size: 20px
}

.pagination-sm>li>a,.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px
}

.pagination-lg>li:first-child>a,.pagination-lg>li:last-child>a {
    width: 44px;
    height: 44px
}

.pagination-lg>li:first-child>a .material-icons,.pagination-lg>li:last-child>a .material-icons {
    font-size: 30px;
    position: relative;
    top: 0;
    left: -10px
}

.pagination-lg>li>a,.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px
}

.page-link:focus,.page-link:hover {
    color: #65686b;
    text-decoration: none;
    background-color: #e3eaf1;
    border-color: #e3eaf1;
    border-radius: 50%
}

.panel-group .panel-col-red {
    border: 1px solid #f44336
}

.panel-group .panel-col-red .panel-title {
    background-color: #f44336!important;
    color: #fff
}

.panel-group .panel-col-red .panel-body {
    border-top-color: transparent!important
}

.panel-group .panel-col-pink {
    border: 1px solid #e91e63
}

.panel-group .panel-col-pink .panel-title {
    background-color: #e91e63!important;
    color: #fff
}

.panel-group .panel-col-pink .panel-body {
    border-top-color: transparent!important
}

.panel-group .panel-col-purple {
    border: 1px solid #9c27b0
}

.panel-group .panel-col-purple .panel-title {
    background-color: #9c27b0!important;
    color: #fff
}

.panel-group .panel-col-purple .panel-body {
    border-top-color: transparent!important
}

.panel-group .panel-col-indigo {
    border: 1px solid #3f51b5
}

.panel-group .panel-col-indigo .panel-title {
    background-color: #3f51b5!important;
    color: #fff
}

.panel-group .panel-col-indigo .panel-body {
    border-top-color: transparent!important
}

.panel-group .panel-col-blue {
    border: 1px solid #2196f3
}

.panel-group .panel-col-blue .panel-title {
    background-color: #2196f3!important;
    color: #fff
}

.panel-group .panel-col-blue .panel-body {
    border-top-color: transparent!important
}

.panel-group .panel-col-cyan {
    border: 1px solid #00bcd4
}

.panel-group .panel-col-cyan .panel-title {
    background-color: #00bcd4!important;
    color: #fff
}

.panel-group .panel-col-cyan .panel-body {
    border-top-color: transparent!important
}

.panel-group .panel-col-teal {
    border: 1px solid #009688
}

.panel-group .panel-col-teal .panel-title {
    background-color: #009688!important;
    color: #fff
}

.panel-group .panel-col-teal .panel-body {
    border-top-color: transparent!important
}

.panel-group .panel-col-green {
    border: 1px solid #4caf50
}

.panel-group .panel-col-green .panel-title {
    background-color: #4caf50!important;
    color: #fff
}

.panel-group .panel-col-green .panel-body {
    border-top-color: transparent!important
}

.panel-group .panel-col-yellow {
    border: 1px solid #ffe821
}

.panel-group .panel-col-yellow .panel-title {
    background-color: #ffe821!important;
    color: #fff
}

.panel-group .panel-col-yellow .panel-body {
    border-top-color: transparent!important
}

.panel-group .panel-col-orange {
    border: 1px solid #ff9800
}

.panel-group .panel-col-orange .panel-title {
    background-color: #ff9800!important;
    color: #fff
}

.panel-group .panel-col-orange .panel-body {
    border-top-color: transparent!important
}

.panel-group .panel-col-deep-orange {
    border: 1px solid #ff5722
}

.panel-group .panel-col-deep-orange .panel-title {
    background-color: #ff5722!important;
    color: #fff
}

.panel-group .panel-col-deep-orange .panel-body {
    border-top-color: transparent!important
}

.panel-group .panel-col-brown {
    border: 1px solid #795548
}

.panel-group .panel-col-brown .panel-title {
    background-color: #795548!important;
    color: #fff
}

.panel-group .panel-col-brown .panel-body {
    border-top-color: transparent!important
}

.panel-group .panel-col-grey {
    border: 1px solid #9e9e9e
}

.panel-group .panel-col-grey .panel-title {
    background-color: #9e9e9e!important;
    color: #fff
}

.panel-group .panel-col-grey .panel-body {
    border-top-color: transparent!important
}

.panel-group .panel-col-black {
    border: 1px solid #000000
}

.panel-group .panel-col-black .panel-title {
    background-color: #000!important;
    color: #fff
}

.panel-group .panel-col-black .panel-body {
    border-top-color: transparent!important
}

.panel-group .panel-col-white {
    border: 1px solid #ffffff
}

.panel-group .panel-col-white .panel-title {
    background-color: #fff!important;
    color: #fff
}

.panel-group .panel-col-white .panel-body {
    border-top-color: transparent!important
}

.panel-group .panel {
    border-radius: 0;
    margin-top: 5px
}

.panel-group .panel .panel-title {
    margin-bottom: 0;
    font-size: 16px
}

.panel-group .panel .panel-title .material-icons {
    float: left;
    line-height: 16px;
    margin-right: 8px
}

.panel-group .panel .panel-title>a,.panel-group .panel .panel-title>small,.panel-group .panel .panel-title>.small,.panel-group .panel .panel-title>small>a,.panel-group .panel .panel-title>.small>a {
    color: #fff
}

.panel-group .panel .panel-heading {
    padding: 0;
    border-radius: 0
}

.panel-group .panel .panel-heading a {
    display: block;
    padding: 10px 15px
}

.panel-group .panel .panel-heading a:hover,.panel-group .panel .panel-heading a:focus,.panel-group .panel .panel-heading a:active {
    text-decoration: none
}

.panel-group .panel .panel-body {
    color: #555;
    border-top: 1px solid #ddd;
    padding: 15px
}

.panel-group .panel-primary {
    border: none
}

.panel-group .panel-primary .panel-title {
    background-color: #f5f5f5
}

.panel-group .panel-primary .panel-title a {
    color: #757575;
    font-weight: 400;
    font-size: 16px
}

.panel-group .panel-success {
    border: 1px solid #2b982b
}

.panel-group .panel-success .panel-title {
    background-color: #2b982b;
    color: #fff
}

.panel-group .panel-warning {
    border: 1px solid #ff9600
}

.panel-group .panel-warning .panel-title {
    background-color: #ff9600;
    color: #fff
}

.panel-group .panel-danger {
    border: 1px solid #fb483a
}

.panel-group .panel-danger .panel-title {
    background-color: #fb483a;
    color: #fff
}

.full-body .panel-col-red .panel-body {
    border-top-color: #fff!important;
    background-color: #f44336;
    color: #fff
}

.full-body .panel-col-pink .panel-body {
    border-top-color: #fff!important;
    background-color: #e91e63;
    color: #fff
}

.full-body .panel-col-purple .panel-body {
    border-top-color: #fff!important;
    background-color: #9c27b0;
    color: #fff
}

.full-body .panel-col-indigo .panel-body {
    border-top-color: #fff!important;
    background-color: #3f51b5;
    color: #fff
}

.full-body .panel-col-blue .panel-body {
    border-top-color: #fff!important;
    background-color: #2196f3;
    color: #fff
}

.full-body .panel-col-cyan .panel-body {
    border-top-color: #fff!important;
    background-color: #00bcd4;
    color: #fff
}

.full-body .panel-col-teal .panel-body {
    border-top-color: #fff!important;
    background-color: #009688;
    color: #fff
}

.full-body .panel-col-green .panel-body {
    border-top-color: #fff!important;
    background-color: #4caf50;
    color: #fff
}

.full-body .panel-col-yellow .panel-body {
    border-top-color: #fff!important;
    background-color: #ffe821;
    color: #fff
}

.full-body .panel-col-orange .panel-body {
    border-top-color: #fff!important;
    background-color: #ff9800;
    color: #fff
}

.full-body .panel-col-deep-orange .panel-body {
    border-top-color: #fff!important;
    background-color: #ff5722;
    color: #fff
}

.full-body .panel-col-brown .panel-body {
    border-top-color: #fff!important;
    background-color: #795548;
    color: #fff
}

.full-body .panel-col-grey .panel-body {
    border-top-color: #fff!important;
    background-color: #9e9e9e;
    color: #fff
}

.full-body .panel-col-black .panel-body {
    border-top-color: #fff!important;
    background-color: #000;
    color: #fff
}

.full-body .panel-col-white .panel-body {
    border-top-color: #fff!important;
    background-color: #fff;
    color: #fff
}

.full-body .panel-primary .panel-body {
    border-top-color: #fff!important;
    background-color: #7861a9;
    color: #fff
}

.full-body .panel-success .panel-body {
    border-top-color: #fff!important;
    background-color: #2b982b;
    color: #fff
}

.full-body .panel-warning .panel-body {
    border-top-color: #fff!important;
    background-color: #ff9600;
    color: #fff
}

.full-body .panel-danger .panel-body {
    border-top-color: #fff!important;
    background-color: #fb483a;
    color: #fff
}

.md-preloader .pl-red {
    stroke: #f44336
}

.md-preloader .pl-pink {
    stroke: #e91e63
}

.md-preloader .pl-purple {
    stroke: #9c27b0
}

.md-preloader .pl-indigo {
    stroke: #3f51b5
}

.md-preloader .pl-blue {
    stroke: #2196f3
}

.md-preloader .pl-cyan {
    stroke: #00bcd4
}

.md-preloader .pl-teal {
    stroke: #009688
}

.md-preloader .pl-green {
    stroke: #4caf50
}

.md-preloader .pl-yellow {
    stroke: #ffe821
}

.md-preloader .pl-orange {
    stroke: #ff9800
}

.md-preloader .pl-deep-orange {
    stroke: #ff5722
}

.md-preloader .pl-brown {
    stroke: #795548
}

.md-preloader .pl-grey {
    stroke: #9e9e9e
}

.md-preloader .pl-black {
    stroke: #000
}

.md-preloader .pl-white {
    stroke: #fff
}

.preloader {
    display: inline-block;
    position: relative;
    width: 50px;
    height: 50px;
    animation: container-rotate 1568ms linear infinite
}

.preloader.pl-size-xl {
    width: 75px;
    height: 75px
}

.preloader.pl-size-l {
    width: 60px;
    height: 60px
}

.preloader.pl-size-md {
    width: 50px;
    height: 50px
}

.preloader.pl-size-sm {
    width: 40px;
    height: 40px
}

.preloader.pl-size-xs {
    width: 25px;
    height: 25px
}

.spinner-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    border-color: #f44336;
    -ms-opacity: 1;
    opacity: 1;
    animation: fill-unfill-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both
}

.spinner-layer.pl-red {
    border-color: #f44336
}

.spinner-layer.pl-pink {
    border-color: #e91e63
}

.spinner-layer.pl-purple {
    border-color: #9c27b0
}

.spinner-layer.pl-indigo {
    border-color: #3f51b5
}

.spinner-layer.pl-blue {
    border-color: #2196f3
}

.spinner-layer.pl-cyan {
    border-color: #00bcd4
}

.spinner-layer.pl-teal {
    border-color: #009688
}

.spinner-layer.pl-green {
    border-color: #4caf50
}

.spinner-layer.pl-yellow {
    border-color: #ffe821
}

.spinner-layer.pl-orange {
    border-color: #ff9800
}

.spinner-layer.pl-deep-orange {
    border-color: #ff5722
}

.spinner-layer.pl-brown {
    border-color: #795548
}

.spinner-layer.pl-grey {
    border-color: #9e9e9e
}

.spinner-layer.pl-black {
    border-color: #000
}

.spinner-layer.pl-white {
    border-color: #fff
}

.right {
    float: right!important
}

.gap-patch {
    position: absolute;
    top: 0;
    left: 45%;
    width: 10%;
    height: 100%;
    overflow: hidden;
    border-color: inherit
}

.gap-patch.circle {
    width: 1000%;
    left: -450%
}

.circle-clipper {
    display: inline-block;
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden;
    border-color: inherit
}

.circle-clipper .circle {
    width: 200%;
    height: 100%;
    border-width: 3px;
    border-style: solid;
    border-color: inherit;
    border-bottom-color: transparent!important;
    border-radius: 50%;
    animation: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}

.circle-clipper.left .circle {
    left: 0;
    border-right-color: transparent!important;
    transform: rotate(129deg);
    animation: left-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both
}

.circle-clipper.right .circle {
    left: -100%;
    border-left-color: transparent!important;
    transform: rotate(-129deg);
    animation: right-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both
}

@keyframes container-rotate {
    to {
        transform: rotate(360deg)
    }
}

@keyframes fill-unfill-rotate {
    12.5% {
        transform: rotate(135deg)
    }

    25% {
        transform: rotate(270deg)
    }

    37.5% {
        transform: rotate(405deg)
    }

    50% {
        transform: rotate(540deg)
    }

    62.5% {
        transform: rotate(675deg)
    }

    75% {
        transform: rotate(810deg)
    }

    87.5% {
        transform: rotate(945deg)
    }

    to {
        transform: rotate(1080deg)
    }
}

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

    50% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(130deg)
    }
}

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

    50% {
        transform: rotate(5deg)
    }

    to {
        transform: rotate(-130deg)
    }
}

.progress {
    border-radius: 0;
    height: 16px
}

.progress.progress-xs {
    height: 4px
}

.progress .progress-bar {
    line-height: 16px;
    background-color: #1f91f3
}

.progress .progress-bar-success {
    background-color: #2b982b
}

.progress .progress-bar-info {
    background-color: #00b0e4
}

.progress .progress-bar-warning {
    background-color: #ff9600
}

.progress .progress-bar-danger {
    background-color: #fb483a
}

.progress-list {
    position: relative
}

.progress-list .status {
    display: inline-block;
    font-size: 12px;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 0
}

mat-slider {
    width: 300px
}

.mat-mdc-snack-bar-container.snackbar-success .mdc-snackbar__surface {
    background-color: #18ce0fcc;
    color: #fff
}

.mat-mdc-snack-bar-container.snackbar-info .mdc-snackbar__surface {
    background-color: #2ca8ffcc;
    color: #fff
}

.mat-mdc-snack-bar-container.snackbar-warning .mdc-snackbar__surface {
    background-color: #ffe600cc;
    color: #fff
}

.mat-mdc-snack-bar-container.snackbar-danger .mdc-snackbar__surface {
    background-color: #f00c;
    color: #fff
}

.example-small-box,.example-large-box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 16px;
    padding: 16px;
    border-radius: 8px
}

.example-small-box {
    height: 100px;
    width: 100px
}

.example-large-box {
    height: 300px;
    width: 300px
}

.appointment-tab-box {
    background-color: #eff1f7;
    width: 100%;
    padding: 10px
}

.tab-header {
    color: #555;
    padding: 15px;
    position: relative
}

.tooltip {
    font-size: 13px
}

.tooltip .tooltip-inner {
    border-radius: 0
}

.popover {
    border-radius: 0;
    border: 1px solid rgba(0,0,0,.08)
}

.popover .popover-title {
    font-weight: 700;
    border-radius: 0;
    background-color: #e9e9e9;
    border-bottom: 1px solid #ddd
}

.popover .popover-content {
    font-size: 13px;
    color: #777;
    border-radius: 0
}

.ck.ck-content ul,.ck.ck-content ul li {
    list-style-type: inherit
}

.ck.ck-content ul {
    padding-left: 40px
}

.ck.ck-content ol,.ck.ck-content ol li {
    list-style-type: decimal
}

.ck.ck-content ol {
    padding-left: 40px
}

html.ie10 .sidebar .menu .list li {
    line-height: 30px
}

html.ie10 .sidebar .menu .list .ml-menu li.active a:not(.menu-toggle).toggled:before {
    top: 6px!important;
    line-height: 20px!important
}

html.ie10 .sidebar .user-info .info-container {
    top: 15px
}

html.ie10 .search-bar input[type=text] {
    padding: 26px 60px 26px 56px
}

html.ie10 .dropdown-menu ul.menu li a {
    margin-top: -22px
}

html.ie10 .bs-searchbox .form-control {
    width: 90%
}

html.ie11 .sidebar .menu .list .ml-menu li.active a:not(.menu-toggle).toggled:before {
    top: 6px!important;
    line-height: 20px!important
}

html.ie11 .sidebar .user-info .info-container {
    top: 15px
}

html.ie11 .search-bar input[type=text] {
    padding: 26px 60px 26px 56px
}

html.ie11 .dropdown-menu ul.menu li a {
    margin-top: -22px
}

html.ie11 .bs-searchbox .form-control {
    width: 90%
}

.theme-purple .navbar {
    background-color: transparent
}

.theme-purple .navbar .icon-color,.theme-purple .navbar .navbar-nav.navbar-right .user_profile span {
    color: #fff
}

.theme-purple .navbar.active {
    background: #8e2de2;
    background: linear-gradient(to right,#4a00e0,#8e2de2);
    box-shadow: 0 1px 5px #00000040
}

.theme-purple .navbar.active .nav>li>a {
    color: #fff
}

.theme-purple .navbar.active .collapse-menu-icon .mat-icon,.theme-purple .navbar.active .navbar-right .nav-notification-icons .mat-icon {
    color: #fff
}

.theme-purple .nav>li>a:hover {
    background-color: #0000;
    text-decoration: none
}

.theme-purple .nav>li>a:focus {
    background-color: #0000;
    text-decoration: none
}

.theme-purple .bars {
    color: #fff
}

.theme-purple .sidebar .menu .list li.active {
    background-color: #0000
}

.theme-purple .sidebar .menu .list li a,.theme-purple .sidebar .menu .list li a i,.theme-purple .sidebar .menu .list li a span {
    transition: all .3s
}

.theme-purple .sidebar .menu .list .ml-menu {
    background-color: #0000
}

.theme-purple .sidebar .legal {
    background-color: #fff
}

.theme-purple .sidebar .legal .copyright a,.theme-purple .breadcrumb li a {
    color: #909de4!important
}

.theme-purple .page-item.active .page-link {
    background-color: #909de4;
    border-color: #909de4;
    color: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 20px #0003
}

.theme-purple .btn-primary {
    background-color: #909de4!important;
    color: #fff!important;
    border-color: #909de4!important
}

.theme-purple .btn-primary:hover,.theme-purple .btn-primary:active {
    background-color: #909de4!important;
    color: #fff!important
}

.theme-purple .btn-primary:focus {
    background-color: #909de4!important;
    color: #fff!important
}

.theme-purple .btn-primary:disabled {
    background-color: #909de4!important;
    color: #fff!important
}

.theme-purple .btn-outline-primary {
    background: 0 0!important;
    color: #909de4!important;
    border: 1px solid #909de4!important
}

.theme-purple .btn-outline-primary:hover {
    background: #909de4!important;
    color: #fff!important;
    border: 1px solid #909de4!important
}

.theme-purple .timelineLabelColor strong {
    color: #909de4!important
}

.theme-purple .top-sidebar .horizontal-menu li.active>a {
    color: #909de4
}

.theme-purple .top-sidebar .horizontal-menu li a {
    transition: all .3s
}

.theme-purple .top-sidebar .horizontal-menu li a:hover {
    color: #909de4
}

.theme-purple .nav-tabs>li>a:before {
    border-bottom: 2px solid #909de4
}

.logo-purple .navbar-header {
    background-color: #909de4
}

.theme-blue .navbar {
    background-color: transparent
}

.theme-blue .navbar .icon-color,.theme-blue .navbar .navbar-nav.navbar-right .user_profile span {
    color: #fff
}

.theme-blue .navbar.active {
    background: #00b4db;
    background: linear-gradient(to right,#048efb,#08b1d6);
    box-shadow: 0 1px 5px #00000040
}

.theme-blue .navbar.active .nav>li>a {
    color: #fff
}

.theme-blue .navbar.active .collapse-menu-icon .mat-icon,.theme-blue .navbar.active .navbar-right .nav-notification-icons .mat-icon {
    color: #fff
}

.theme-blue .nav>li>a:hover {
    background-color: #0000;
    text-decoration: none
}

.theme-blue .nav>li>a:focus {
    background-color: #0000;
    text-decoration: none
}

.theme-blue .bars {
    color: #fff
}

.theme-blue .sidebar .menu .list li.active {
    background-color: #0000
}

.theme-blue .sidebar .menu .list li a,.theme-blue .sidebar .menu .list li a i,.theme-blue .sidebar .menu .list li a span {
    transition: all .3s
}

.theme-blue .sidebar .menu .list .ml-menu {
    background-color: #0000
}

.theme-blue .sidebar .legal {
    background-color: #fff
}

.theme-blue .sidebar .legal .copyright a,.theme-blue .breadcrumb li a {
    color: #03a9f3!important
}

.theme-blue .page-item.active .page-link {
    background-color: #03a9f3;
    border-color: #03a9f3;
    color: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 20px #0003
}

.theme-blue .btn-primary {
    background-color: #03a9f3!important;
    color: #fff!important;
    border-color: #03a9f3!important
}

.theme-blue .btn-primary:hover,.theme-blue .btn-primary:active {
    background-color: #03a9f3!important;
    color: #fff!important
}

.theme-blue .btn-primary:focus {
    background-color: #03a9f3!important;
    color: #fff!important
}

.theme-blue .btn-primary:disabled {
    background-color: #03a9f3!important;
    color: #fff!important
}

.theme-blue .btn-outline-primary {
    background: 0 0!important;
    color: #03a9f3!important;
    border: 1px solid #03a9f3!important
}

.theme-blue .btn-outline-primary:hover {
    background: #03a9f3!important;
    color: #fff!important;
    border: 1px solid #03a9f3!important
}

.theme-blue .timelineLabelColor strong {
    color: #03a9f3!important
}

.theme-blue .top-sidebar .horizontal-menu li.active>a {
    color: #03a9f3
}

.theme-blue .top-sidebar .horizontal-menu li a {
    transition: all .3s
}

.theme-blue .top-sidebar .horizontal-menu li a:hover {
    color: #03a9f3
}

.theme-blue .nav-tabs>li>a:before {
    border-bottom: 2px solid #03a9f3
}

.logo-blue .navbar-header {
    background-color: #03a9f3
}

.theme-cyan .navbar {
    background-color: transparent
}

.theme-cyan .navbar .icon-color,.theme-cyan .navbar .navbar-nav.navbar-right .user_profile span {
    color: #fff
}

.theme-cyan .navbar.active {
    background: #4cb8c4;
    background: linear-gradient(to right,#0fdbdc,#1ab5b9);
    box-shadow: 0 1px 5px #00000040
}

.theme-cyan .navbar.active .nav>li>a {
    color: #fff
}

.theme-cyan .navbar.active .collapse-menu-icon .mat-icon,.theme-cyan .navbar.active .navbar-right .nav-notification-icons .mat-icon {
    color: #fff
}

.theme-cyan .nav>li>a:hover {
    background-color: #0000;
    text-decoration: none
}

.theme-cyan .nav>li>a:focus {
    background-color: #0000;
    text-decoration: none
}

.theme-cyan .bars {
    color: #fff
}

.theme-cyan .sidebar .menu .list li.active {
    background-color: #0000
}

.theme-cyan .sidebar .menu .list li a,.theme-cyan .sidebar .menu .list li a i,.theme-cyan .sidebar .menu .list li a span {
    transition: all .3s
}

.theme-cyan .sidebar .menu .list .ml-menu {
    background-color: #0000
}

.theme-cyan .sidebar .legal {
    background-color: #fff
}

.theme-cyan .sidebar .legal .copyright a,.theme-cyan .breadcrumb li a {
    color: #01d8da!important
}

.theme-cyan .page-item.active .page-link {
    background-color: #01d8da;
    border-color: #01d8da;
    color: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 20px #0003
}

.theme-cyan .btn-primary {
    background-color: #01d8da!important;
    color: #fff!important;
    border-color: #01d8da!important
}

.theme-cyan .btn-primary:hover,.theme-cyan .btn-primary:active {
    background-color: #01d8da!important;
    color: #fff!important
}

.theme-cyan .btn-primary:focus {
    background-color: #01d8da!important;
    color: #fff!important
}

.theme-cyan .btn-primary:disabled {
    background-color: #01d8da!important;
    color: #fff!important
}

.theme-cyan .btn-outline-primary {
    background: 0 0!important;
    color: #01d8da!important;
    border: 1px solid #01d8da!important
}

.theme-cyan .btn-outline-primary:hover {
    background: #01d8da!important;
    color: #fff!important;
    border: 1px solid #01d8da!important
}

.theme-cyan .timelineLabelColor strong {
    color: #01d8da!important
}

.theme-cyan .top-sidebar .horizontal-menu li.active>a {
    color: #01d8da
}

.theme-cyan .top-sidebar .horizontal-menu li a {
    transition: all .3s
}

.theme-cyan .top-sidebar .horizontal-menu li a:hover {
    color: #01d8da
}

.theme-cyan .nav-tabs>li>a:before {
    border-bottom: 2px solid #01d8da
}

.logo-cyan .navbar-header {
    background-color: #01d8da
}

.theme-green .navbar {
    background-color: transparent
}

.theme-green .navbar .icon-color,.theme-green .navbar .navbar-nav.navbar-right .user_profile span {
    color: #fff
}

.theme-green .navbar.active {
    background: #11998e;
    background: linear-gradient(to right,#10bf52,#11998e);
    box-shadow: 0 1px 5px #00000040
}

.theme-green .navbar.active .nav>li>a {
    color: #fff
}

.theme-green .navbar.active .collapse-menu-icon .mat-icon,.theme-green .navbar.active .navbar-right .nav-notification-icons .mat-icon {
    color: #fff
}

.theme-green .nav>li>a:hover {
    background-color: #0000;
    text-decoration: none
}

.theme-green .nav>li>a:focus {
    background-color: #0000;
    text-decoration: none
}

.theme-green .bars {
    color: #fff
}

.theme-green .sidebar .menu .list li.active {
    background-color: #0000
}

.theme-green .sidebar .menu .list li a,.theme-green .sidebar .menu .list li a i,.theme-green .sidebar .menu .list li a span {
    transition: all .3s
}

.theme-green .sidebar .menu .list .ml-menu {
    background-color: #0000
}

.theme-green .sidebar .legal {
    background-color: #fff
}

.theme-green .sidebar .legal .copyright a,.theme-green .breadcrumb li a {
    color: #11a37d!important
}

.theme-green .page-item.active .page-link {
    background-color: #11a37d;
    border-color: #11a37d;
    color: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 20px #0003
}

.theme-green .btn-primary {
    background-color: #11a37d!important;
    color: #fff!important;
    border-color: #11a37d!important
}

.theme-green .btn-primary:hover,.theme-green .btn-primary:active {
    background-color: #11a37d!important;
    color: #fff!important
}

.theme-green .btn-primary:focus {
    background-color: #11a37d!important;
    color: #fff!important
}

.theme-green .btn-primary:disabled {
    background-color: #11a37d!important;
    color: #fff!important
}

.theme-green .btn-outline-primary {
    background: 0 0!important;
    color: #11a37d!important;
    border: 1px solid #11a37d!important
}

.theme-green .btn-outline-primary:hover {
    background: #11a37d!important;
    color: #fff!important;
    border: 1px solid #11a37d!important
}

.theme-green .timelineLabelColor strong {
    color: #11a37d!important
}

.theme-green .top-sidebar .horizontal-menu li.active>a {
    color: #11a37d
}

.theme-green .top-sidebar .horizontal-menu li a {
    transition: all .3s
}

.theme-green .top-sidebar .horizontal-menu li a:hover {
    color: #11a37d
}

.theme-green .nav-tabs>li>a:before {
    border-bottom: 2px solid #11a37d
}

.logo-green .navbar-header {
    background-color: #11a37d
}

.theme-orange .navbar {
    background-color: transparent
}

.theme-orange .navbar .icon-color,.theme-orange .navbar .navbar-nav.navbar-right .user_profile span {
    color: #fff
}

.theme-orange .navbar.active {
    background: #fc4a1a;
    background: linear-gradient(to right,#ea581e,#ff8a61);
    box-shadow: 0 1px 5px #00000040
}

.theme-orange .navbar.active .nav>li>a {
    color: #fff
}

.theme-orange .navbar.active .collapse-menu-icon .mat-icon,.theme-orange .navbar.active .navbar-right .nav-notification-icons .mat-icon {
    color: #fff
}

.theme-orange .nav>li>a:hover {
    background-color: #0000;
    text-decoration: none
}

.theme-orange .nav>li>a:focus {
    background-color: #0000;
    text-decoration: none
}

.theme-orange .bars {
    color: #fff
}

.theme-orange .sidebar .menu .list li.active {
    background-color: #0000
}

.theme-orange .sidebar .menu .list li a,.theme-orange .sidebar .menu .list li a i,.theme-orange .sidebar .menu .list li a span {
    transition: all .3s
}

.theme-orange .sidebar .menu .list .ml-menu {
    background-color: #0000
}

.theme-orange .sidebar .legal {
    background-color: #fff
}

.theme-orange .sidebar .legal .copyright a,.theme-orange .breadcrumb li a {
    color: #f16735!important
}

.theme-orange .page-item.active .page-link {
    background-color: #f16735;
    border-color: #f16735;
    color: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 20px #0003
}

.theme-orange .btn-primary {
    background-color: #f16735!important;
    color: #fff!important;
    border-color: #f16735!important
}

.theme-orange .btn-primary:hover,.theme-orange .btn-primary:active {
    background-color: #f16735!important;
    color: #fff!important
}

.theme-orange .btn-primary:focus {
    background-color: #f16735!important;
    color: #fff!important
}

.theme-orange .btn-primary:disabled {
    background-color: #f16735!important;
    color: #fff!important
}

.theme-orange .btn-outline-primary {
    background: 0 0!important;
    color: #f16735!important;
    border: 1px solid #f16735!important
}

.theme-orange .btn-outline-primary:hover {
    background: #f16735!important;
    color: #fff!important;
    border: 1px solid #f16735!important
}

.theme-orange .timelineLabelColor strong {
    color: #f16735!important
}

.theme-orange .top-sidebar .horizontal-menu li.active>a {
    color: #f16735
}

.theme-orange .top-sidebar .horizontal-menu li a {
    transition: all .3s
}

.theme-orange .top-sidebar .horizontal-menu li a:hover {
    color: #f16735
}

.theme-orange .nav-tabs>li>a:before {
    border-bottom: 2px solid #f16735
}

.logo-orange .navbar-header {
    background-color: #f16735
}

.theme-black .navbar {
    background-color: transparent
}

.theme-black .navbar .icon-color,.theme-black .navbar .navbar-nav.navbar-right .user_profile span {
    color: #fff
}

.theme-black .navbar.active {
    background: #485563;
    background: linear-gradient(to right,#1c212d,#1a202e);
    box-shadow: 0 1px 5px #00000040
}

.theme-black .navbar.active .nav>li>a {
    color: #fff
}

.theme-black .navbar.active .collapse-menu-icon .mat-icon,.theme-black .navbar.active .navbar-right .nav-notification-icons .mat-icon,.theme-black .navbar-brand,.theme-black .navbar-brand:hover,.theme-black .navbar-brand:active {
    color: #fff
}

.theme-black .navbar-brand:focus {
    color: #fff
}

.theme-black .nav>li>a:hover {
    background-color: #0000;
    text-decoration: none
}

.theme-black .nav>li>a:focus {
    background-color: #0000;
    text-decoration: none
}

.theme-black .nav .open>a {
    background-color: #0000
}

.theme-black .nav .open>a:hover {
    background-color: #0000
}

.theme-black .nav .open>a:focus {
    background-color: #0000
}

.theme-black .bars {
    color: #fff
}

.theme-black .sidebar .menu .list li.active {
    background-color: #0000
}

.theme-black .sidebar .menu .list li a,.theme-black .sidebar .menu .list li a i,.theme-black .sidebar .menu .list li a span {
    transition: all .3s
}

.theme-black .sidebar .menu .list li a:hover {
    color: #5783c7
}

.theme-black .sidebar .menu .list .ml-menu {
    background-color: #0000
}

.theme-black .sidebar .legal {
    background-color: #fff
}

.theme-black .sidebar .legal .copyright a,.theme-black .breadcrumb li a {
    color: #1a202e!important
}

.theme-black .page-item.active .page-link {
    background-color: #1a202e;
    border-color: #1a202e;
    color: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 20px #0003
}

.theme-black .btn-primary {
    background-color: #5783c7!important;
    color: #fff!important;
    border-color: #1a202e!important
}

.theme-black .btn-primary:hover,.theme-black .btn-primary:active {
    background-color: #1a202e!important;
    color: #fff!important
}

.theme-black .btn-primary:focus {
    background-color: #1a202e!important;
    color: #fff!important
}

.theme-black .btn-primary:disabled {
    background-color: #1a202e!important;
    color: #fff!important
}

.theme-black .btn-outline-primary {
    background: 0 0!important;
    color: #1a202e!important;
    border: 1px solid #1a202e!important
}

.theme-black .btn-outline-primary:hover {
    background: #1a202e!important;
    color: #fff!important;
    border: 1px solid #1a202e!important
}

.theme-black .timelineLabelColor strong {
    color: #1a202e!important
}

.theme-black .top-sidebar .horizontal-menu li.active>a {
    color: #1a202e
}

.theme-black .top-sidebar .horizontal-menu li a {
    transition: all .3s
}

.theme-black .top-sidebar .horizontal-menu li a:hover {
    color: #1a202e
}

.theme-black .nav-tabs>li>a:before {
    border-bottom: 2px solid #1a202e
}

.logo-black .navbar-header {
    background-color: #1a202e;
    border-right: 1px solid #323538
}

.theme-white .navbar {
    background-color: transparent
}

.theme-white .navbar .icon-color,.theme-white .navbar .navbar-nav.navbar-right .user_profile span {
    color: #484c72
}

.theme-white .navbar.active {
    background-color: #fff!important;
    border-bottom: 1px solid #dee4ec;
    box-shadow: 5px 7px 26px -5px #cdd4e7
}

.theme-white .navbar.active .nav>li>a {
    color: #3a2c70
}

.theme-white .navbar.active .collapse-menu-icon .mat-icon,.theme-white .navbar.active .nav-notification-icons .mat-icon {
    color: #3a2c70
}

.theme-white .navbar-brand,.theme-white .navbar-brand:hover,.theme-white .navbar-brand:active {
    color: #2c303b
}

.theme-white .navbar-brand:focus {
    color: #2c303b
}

.theme-white .nav>li>a:hover {
    background-color: #0000;
    text-decoration: none
}

.theme-white .nav>li>a:focus {
    background-color: #0000;
    text-decoration: none
}

.theme-white .nav .open>a {
    background-color: #0000
}

.theme-white .nav .open>a:hover {
    background-color: #0000
}

.theme-white .nav .open>a:focus {
    background-color: #0000
}

.theme-white .bars {
    color: #2c303b
}

.theme-white .sidebar .menu .list li.active {
    background-color: #0000
}

.theme-white .sidebar .menu .list li a,.theme-white .sidebar .menu .list li a i,.theme-white .sidebar .menu .list li a span {
    transition: all .3s
}

.theme-white .sidebar .menu .list .ml-menu {
    background-color: #0000
}

.theme-white .sidebar .legal {
    background-color: #2c303b
}

.theme-white .sidebar .legal .copyright a {
    color: #fff!important
}

.theme-white .breadcrumb li a {
    color: #00bcd4!important
}

.theme-white .page-item.active .page-link {
    background-color: #00bcd4;
    border-color: #00bcd4;
    border-radius: 50%;
    margin: 5px;
    box-shadow: 0 4px 5px #d4d8da,0 1px 10px #d4d8da,0 2px 4px -1px #d4d8da;
    padding: 0 12px;
    min-width: 30px;
    line-height: 30px;
    color: #fff;
    text-transform: uppercase
}

.theme-white .btn-primary {
    background-color: #00bcd4!important;
    color: #fff!important;
    border-color: #00bcd4!important
}

.theme-white .btn-primary:hover,.theme-white .btn-primary:active {
    background-color: #00bcd4!important;
    color: #fff!important
}

.theme-white .btn-primary:focus {
    background-color: #00bcd4!important;
    color: #fff!important
}

.theme-white .btn-primary:disabled {
    background-color: #00bcd4!important;
    color: #fff!important
}

.theme-white .btn-outline-primary {
    background: 0 0!important;
    color: #2c303b!important;
    border: 1px solid #00bcd4!important
}

.theme-white .btn-outline-primary:hover {
    background: #00bcd4!important;
    color: #fff!important;
    border: 1px solid #fff!important
}

.theme-white .timelineLabelColor strong {
    color: #00bcd4!important
}

.theme-white .top-sidebar .horizontal-menu li.active>a {
    color: #00bcd4
}

.theme-white .top-sidebar .horizontal-menu li a {
    transition: all .3s
}

.theme-white .top-sidebar .horizontal-menu li a:hover {
    color: #00bcd4
}

.theme-white .demo-choose-skin li.actived:after {
    color: #000
}

.theme-white .nav-tabs>li>a:before {
    border-bottom: 2px solid #00bcd4
}

.theme-white .search-box input#search {
    color: gray;
    background: #edecec
}

.theme-white .settingSidebar ul.choose-theme li.active div:after {
    color: #000
}

.logo-white .navbar-header {
    background-color: #fff
}

.logo-white .navbar-header .logo-name {
    color: #000
}

body.dark {
    background-color: #232b3e
}

.dark {
    color: #96a2b4
}

.dark input {
    color: #96a2b4!important
}

.dark .dark-font-col {
    color: #96a2b4
}

.dark .card {
    background: #1a202e;
    border: none;
    color: #96a2b4;
    box-shadow: 0 0 10px #0003
}

.dark .card .body,.dark .card .header,.dark .card .header h2,.dark .card .card-content {
    color: #96a2b4
}

.dark .mat-mdc-card {
    background: #1a202e
}

.dark .course-card {
    background: #15181a;
    color: #96a2b4
}

.dark .course-card .bg-body-light {
    background-color: #292c31
}

.dark .course-card .course-card-image {
    background: #b6c0f1
}

.dark .plain-card {
    background: #1a202e
}

.dark .people-list .chat-list li:hover {
    background: #3f4650;
    cursor: pointer
}

.dark .people-list .chat-list li.active {
    background: #262b33
}

.dark .chat .chat-history .message-data-time {
    color: #96a2b4
}

.dark .contact-usertitle-name {
    color: #fff
}

.dark .demo-skin,.dark .demo-skin .form-check-label,.dark .demo-settings {
    color: #eaeaea
}

.dark .block-header {
    padding-bottom: 0
}

.dark .block-header h2 {
    color: #96a2b4!important
}

.dark .select-wrapper input.select-dropdown {
    color: #fff
}

.dark .breadcrumb li.active {
    color: #a5abb1
}

.dark .dropzone {
    border: 1px solid #afacac!important;
    background-color: #1a202e!important
}

.dark .dropzone .dz-message {
    min-height: 150px!important;
    background: #1a202e!important;
    color: #fff
}

.dark .sl-item .sl-content p {
    color: #96a2b4
}

.dark .info-box5 {
    background-color: #1a202e
}

.dark .form-check,.dark label,.dark .input-field input,.dark .input-field textarea,.dark .input-group .input-group-addon .material-icons,.dark .input-group input[type=text],.dark .input-group .form-control {
    color: #96a2b4
}

.dark .container-login100 .form-group .form-control {
    background: transparent
}

.dark .form-group .form-control {
    color: #96a2b4;
    background: #1a202e
}

.dark .form-group input.form-control {
    color: #96a2b4;
    border-bottom: 1px solid #9e9e9e
}

.dark .form-check .form-check-sign .check {
    border: 1px solid #96a2b4
}

.dark .form-control {
    color: #96a2b4;
    background: #1a202e
}

.dark .right-sidebar {
    background: #1a202e
}

.dark .ms-container .ms-selectable li.ms-hover,.dark .ms-container .ms-selection li.ms-hover {
    color: #96a2b4!important;
    background-color: #46484e!important
}

.dark .nav-tabs li a.active {
    color: #fff!important
}

.dark .bootstrap-tagsinput {
    background-color: #343840!important
}

.dark .to-do-list li {
    background: #1a202e
}

.dark #mail-nav li a,.dark .max-texts a {
    color: #96a2b4
}

.dark .pricingTable {
    background: #0c0c0c
}

.dark .pricingTable .pricingTable-header {
    background: #36373c
}

.dark .profile-tab-box {
    background: #1a202e
}

.dark .cd-timeline-content {
    background: #10131c
}

.dark .cd-timeline-content .timelineLabelColor strong {
    color: #fff!important
}

.dark .timeline>li>.timeline-panel {
    border: 1px solid #444444
}

.dark .cd-timeline-content h2,.dark .chart-note,.dark .chart-statis .index,.dark .dataTables_wrapper input[type=search] {
    color: #96a2b4
}

.dark .page-item.disabled .page-link {
    color: #96a2b4;
    pointer-events: none;
    cursor: auto;
    background-color: #1a202e
}

.dark .table,.dark .table tbody tr {
    color: #96a2b4
}

.dark .table tbody tr td,.dark .table tbody tr th {
    border-top: 1px solid rgba(120,130,140,.5);
    border-bottom: 1px solid rgba(255,255,255,.1);
    color: #96a2b4;
    background-color: #1a202e
}

.dark .table thead tr {
    color: #96a2b4
}

.dark .table thead tr th {
    border-bottom: 1px solid #15181d;
    border-top: 1px solid #15181d;
    background-color: #15181d;
    color: #abaaaa
}

.dark .table-bordered {
    border: 1px solid rgba(120,130,140,.5)
}

.dark .table-bordered tbody tr td,.dark .table-bordered tbody tr th {
    border-right: 1px solid rgba(120,130,140,.5);
    border-bottom: none
}

.dark .table-bordered thead tr th {
    border: 1px solid rgba(120,130,140,.5)
}

.dark .table-bordered th {
    border: 1px solid rgba(120,130,140,.5);
    color: #96a2b4
}

.dark tr.group,.dark tr.group:hover {
    background-color: #282d35!important
}

.dark .tableBody {
    color: #96a2b4
}

.dark .card .header h2 strong {
    color: #96a2b4!important
}

.dark .breadcrumb .page-title {
    color: #a5abb1
}

.dark .breadcrumb li a {
    color: #5783c7!important
}

.dark .breadcrumb li a .fa-home {
    color: #a5abb1
}

.dark .counter-box,.dark .box-part {
    background: #1a202e!important;
    color: #96a2b4
}

.dark .tblActnBtn i {
    color: #96a2b4
}

.dark .chat .chat-history .other-message {
    background: #3b4453
}

.dark .chat .chat-history .other-message:after {
    border-bottom-color: #3b4454
}

.dark .chat .chat-history .message {
    color: #96a2b4
}

.dark .chat .chat-history .my-message {
    background: #343840
}

.dark .chat .chat-history .my-message:after {
    border-bottom-color: #343840
}

.dark .task-box {
    border-bottom: solid 1px #5e5e5f;
    color: #96a2b4;
    background: #141a27
}

.dark .task-list {
    border: solid 1px #10141d;
    background: #141a27
}

.dark .mat-drawer {
    background-color: #141a27;
    color: #96a2b4;
    border-color: #121315!important
}

.dark .mat-drawer-container {
    background-color: #1a202e
}

.dark .taskbar .card-footer {
    background: #1a202e!important
}

.dark .move {
    background: #1a202e
}

.dark .board {
    background-color: #060707
}

.dark .board .drop-card {
    background-color: #000
}

.dark .list-group-item {
    background: #1a202e;
    color: #96a2b4
}

.dark .product-grid .product-content {
    background-color: #3b4453
}

.dark .ibox-title,.dark .ibox-content {
    background: #1a202e;
    border-color: #6c757d
}

.dark .collapsible-header {
    background: #1a202e
}

.dark .card .card-inside-title {
    color: #96a2b4
}

.dark .left-timeline>li:nth-child(odd) .left-label {
    background: #202529
}

.dark .left-timeline>li:nth-child(odd) .left-label:after {
    border-right-color: #202428
}

.dark .left-timeline>li:nth-child(odd) .left-time span:last-child {
    color: #eee
}

.dark .left-timeline>li .left-label {
    background: #303438
}

.dark .left-timeline>li .left-label p {
    color: #96a2b4
}

.dark .left-timeline>li .left-label:after {
    border-right-color: #303438
}

.dark .left-timeline>li .empty span {
    color: #96a2b4
}

.dark .left-timeline>li .left-time span:first-child {
    color: #96a2b4
}

.dark .left-timeline>li .left-time span:last-child {
    color: #eae9e9
}

.dark .font-icon .icon-preview i {
    color: #96a2b4
}

.dark .nav-tabs .nav-link.active,.dark .nav-tabs .nav-item.show .nav-link {
    background-color: transparent
}

.dark .panel-group .panel-primary .panel-title a {
    color: #96a2b4;
    background: #32363c
}

.dark .panel-group .panel .panel-body {
    color: #96a2b4
}

.dark .btn-outline-primary {
    color: #96a2b4!important;
    border: 1px solid #96a2b4!important
}

.dark .chip {
    background-color: #31353a;
    color: #96a2b4
}

.dark .dropdown-content {
    background-color: #31353a
}

.dark .dropdown-content li>span {
    color: #96a2b4
}

.dark .autocomplete {
    font-size: 13px!important;
    color: #96a2b4;
    caret-color: #fff
}

.dark .autocomplete:focus {
    color: #96a2b4
}

.dark .autocomplete-content li .highlight {
    color: #fff
}

.dark .autocomplete-content li :hover {
    background-color: #343d44
}

.dark .select2-container--default .select2-selection--single,.dark .select2-container--default .select2-selection--single .select2-selection__rendered,.dark .select2-container--default .select2-selection--multiple {
    background: #1a202e;
    color: #96a2b4;
    border-bottom: 1px solid #9e9e9e
}

.dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #444141;
    border: 1px solid #656464
}

.dark .select2-container--default.select2-container--focus .select2-selection--multiple {
    background: #1a202e;
    color: #96a2b4;
    border-bottom: 1px solid #9e9e9e
}

.dark .select2-container--default .select2-results>.select2-results__options {
    background-color: #282d35
}

.dark .select2-search--dropdown {
    background-color: #1c1f25
}

.dark .flatpickr-input {
    border-bottom: 1px solid #9e9e9e!important
}

.dark .ngx-datatable.material {
    background: #1a202e;
    color: #96a2b4
}

.dark .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell,.dark .ngx-datatable.material .datatable-header-cell-label {
    color: #96a2b4
}

.dark .ngx-datatable.material :not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
    background-color: #1c1f25
}

.dark .pagination>li>a:hover {
    background-color: #fff;
    color: #000
}

.dark .dataTables_length .custom-select {
    background-color: #1a202e;
    color: #fff
}

.dark .ngx-search {
    color: #96a2b4
}

.dark .ngx-datatable.material {
    background: #1a202e;
    border: 1px solid #404755
}

.dark .ngx-datatable.material .datatable-header .datatable-header-cell {
    background: #1a202e
}

.dark .ngx-datatable.material .datatable-header .resize-handle {
    border-right: solid 1px #1a202e
}

.dark .ngx-datatable.material .datatable-body-cell,.dark .ngx-datatable.material .datatable-header-cell {
    border: 1px solid #404755
}

.dark ::-webkit-input-placeholder {
    color: #96a2b4;
    opacity: 1!important
}

.dark :-moz-placeholder {
    color: #96a2b4;
    opacity: 1!important
}

.dark ::-moz-placeholder {
    color: #96a2b4;
    opacity: 1!important
}

.dark :-ms-input-placeholder {
    color: #96a2b4
}

.dark input,.dark textarea,.dark .flatPicker {
    color: #96a2b4
}

.dark .modal .modal-content {
    background: #1a202e
}

.dark .modal .modal-content .modal-body,.dark .modal .modal-close-button,.dark .ngx-search {
    color: #96a2b4
}

.dark .ngx-datatable {
    background: #434f5a;
    border: 1px solid #343d45
}

.dark .ngx-datatable.material {
    background: #1a202e
}

.dark .ngx-datatable.material .datatable-header .datatable-header-cell {
    background: #313742
}

.dark .ngx-datatable.material .datatable-header .resize-handle {
    border-right: solid 1px #434f5a
}

.dark .ngx-datatable.material .datatable-footer,.dark .ngx-datatable.material .datatable-footer .datatable-pager a {
    color: #fff
}

.dark .ngx-datatable.material .datatable-footer .datatable-pager li.disabled a {
    color: #fff!important
}

.dark .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
    color: #96a2b4
}

.dark .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover {
    background: #32383e
}

.dark .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
    background: #32383e
}

.dark .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell {
    color: #96a2b4
}

.dark .ngxTableHeader {
    background-color: #242931
}

.dark .ngxTableHeader .header-buttons-left strong,.dark .ngxTableHeader .header-buttons,.dark .ngxTableHeader .header-buttons-left strong .material-icons,.dark .ngxTableHeader .header-buttons .material-icons {
    color: #96a2b4
}

.dark .ngxTableHeader .header-buttons-left strong .dropdown-menu li span,.dark .ngxTableHeader .header-buttons .dropdown-menu li span {
    color: #000
}

.dark .navbar-nav .dropdown-menu {
    background-color: #1a202e;
    border: 1px solid #292a2a
}

.dark .navbar-nav .dropdown-menu:after {
    border-bottom: 6px solid #10131c
}

.dark .navbar-nav .dropdown-menu .header {
    color: #96a2b4;
    border-bottom: 1px solid #232a31
}

.dark .navbar-nav .dropdown-menu ul.menu .menu-info .menu-title {
    color: #fff
}

.dark .navbar-nav .dropdown-menu ul.menu li a {
    border-bottom: 1px solid #232a31
}

.dark .navbar-nav .dropdown-menu ul.menu li a:hover,.dark .navbar-nav .dropdown-menu ul.menu .msg-unread {
    background-color: #141820
}

.dark .navbar-nav .dropdown-menu ul.menu .menu-info .menu-desc,.dark .navbar-nav .dropdown-menu ul.menu .menu-info .menu-desc .material-icons {
    color: #ffffff80
}

.dark .navbar-nav .dropdown-menu .nfc-read-more {
    color: #96a2b4
}

.dark .navbar-nav .user_dw_menu li {
    border-bottom: 1px solid #232a31
}

.dark .navbar-nav .user_dw_menu li a {
    color: #96a2b4
}

.dark .fc .fc-col-header-cell-cushion {
    color: #fff
}

.dark .fc-daygrid-day-top .fc-daygrid-day-number {
    color: #96a2b4
}

.dark .fc-theme-standard .fc-scrollgrid {
    border: 1px solid #5c5c5c
}

.dark .fc-view>table td {
    color: #96a2b4
}

.dark .fc-unthemed td.fc-today {
    background: transparent
}

.dark .fc-unthemed td.fc-day-top .fc-day-number {
    color: #fff
}

.dark .fc-button-primary {
    background-color: #151414!important;
    border-color: #4a4a4a!important;
    color: #fff!important
}

.dark .fc-view>table td {
    border-color: #65686d
}

.dark .fc-view>table th {
    color: #fff;
    border-color: #65686d
}

.dark .mat-checkbox-frame,.dark .mat-radio-outer-circle {
    border-color: #96a2b4
}

.dark .mat-datepicker-content .mat-calendar-next-button,.dark .mat-datepicker-content .mat-calendar-previous-button {
    color: #96a2b4
}

.dark .mat-datepicker-content .time-container,.dark .mat-datepicker-content .actions {
    background-color: #12161f
}

.dark .mat-datepicker-content .actions .mat-button-wrapper .material-icons {
    color: #fff
}

.dark .mat-datepicker-content .actions .mat-stroked-button:not([disabled]) {
    border-color: #ffffff5e
}

.dark .mat-datepicker-toggle,.dark .mat-select-value,.dark .mat-form-field-appearance-legacy .mat-hint,.dark .mat-form-field-appearance-legacy .mat-form-field-label {
    color: #96a2b4
}

.dark .mat-form-field-appearance-legacy .mat-form-field-underline {
    background-color: #96a2b4
}

.dark .mat-form-field-appearance-outline .mat-form-field-outline-thick {
    color: #b7b7b7
}

.dark .mat-form-field-appearance-outline .mat-form-field-outline,.dark .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
    color: #96a2b4
}

.dark .mat-stepper-horizontal,.dark .mat-stepper-vertical {
    background-color: #1a202e
}

.dark .mat-horizontal-stepper-header:after {
    border-top-color: #ffffff1f
}

.dark .mat-horizontal-stepper-header:before {
    border-top-color: #ffffff1f
}

.dark .mat-stepper-horizontal-line {
    border-top-color: #ffffff1f
}

.dark .mat-form-field-ripple {
    background-color: #96a2b4
}

.dark .mat-select-arrow {
    color: #96a2b4
}

.dark input,.dark .mat-input-element {
    caret-color: #96a2b4
}

.dark .mat-hint {
    color: #96a2b4
}

.dark .mat-mdc-table {
    background: #1a202e
}

.dark .mat-mdc-cell {
    color: #96a2b4;
    border-bottom-color: #eae5e51f
}

.dark .mat-mdc-footer-cell {
    color: #96a2b4
}

.dark .mat-mdc-header-cell {
    color: #96a2b4;
    border-bottom: 1px solid #2a3040;
    border-top: 1px solid #2a3040;
    background-color: #2a3040;
    font-weight: 500
}

.dark .mat-mdc-paginator {
    color: #96a2b4;
    background: #1a202e
}

.dark .mat-form-field-type-mat-native-select .mat-form-field-infix:after {
    color: #96a2b4
}

.dark .mat-form-field.mat-focused .mat-form-field-label {
    color: #96a2b4
}

.dark .mat-form-field-appearance-fill .mat-form-field-flex {
    background-color: #00000040
}

.dark .mat-form-field-appearance-fill .mat-form-field-underline:before {
    background-color: #96a2b4
}

.dark .mat-step-header .mat-step-label.mat-step-label-active,.dark .mat-paginator-page-size .mat-select-trigger {
    color: #96a2b4
}

.dark .mat-expansion-panel {
    background: #101217;
    color: #96a2b4;
    border-bottom: 1px solid #31384b
}

.dark .mat-expansion-panel-header-title,.dark .mat-expansion-panel-header-description {
    color: #96a2b4
}

.dark .mat-card {
    background: #12161f;
    color: #96a2b4
}

.dark .mat-card-subtitle,.dark .mat-list-base .mat-list-option,.dark .mat-list-base .mat-list-item,.dark .list-group a.list-group-item,.dark .list-group button.list-group-item {
    color: #96a2b4
}

.dark .list-group .list-group-item:hover {
    background-color: #0a0a0a80
}

.dark .mat-tab-label,.dark .mat-tab-link {
    color: #96a2b4
}

.dark .materialTableHeader {
    background-color: #020910
}

.dark .materialTableHeader h2 {
    color: #96a2b4
}

.dark .materialTableHeader ::placeholder {
    color: #96a2b4;
    opacity: 1
}

.dark .materialTableHeader :-ms-input-placeholder {
    color: #96a2b4
}

.dark .materialTableHeader ::-ms-input-placeholder {
    color: #96a2b4
}

.dark .materialTableHeader .header-buttons-left input.search-field {
    background: #12161f;
    color: #96a2b4
}

.dark .materialTableHeader .header-buttons-left .search-icon {
    color: #96a2b4
}

.dark .mat-menu-panel {
    background: #12161f
}

.dark .mat-menu-item,.dark .mat-menu-item .mat-icon {
    color: #96a2b4
}

.dark .mat-menu-item-submenu-trigger:after {
    color: #96a2b4
}

.dark .mat-datepicker-content .mat-calendar {
    background: #12161f;
    color: #b8bbbd
}

.dark .mat-datepicker-content .mat-calendar .mat-calendar-body-cell-content,.dark .mat-datepicker-content .mat-calendar .mat-calendar-table-header,.dark .mat-datepicker-content .mat-calendar .mat-calendar-body-label {
    color: #b8bbbd
}

.dark .mat-datepicker-content .mat-calendar .mat-calendar-body-today:not(.mat-calendar-body-selected) {
    border-color: #ffffff52
}

.dark .mat-datepicker-content .mat-calendar .mat-calendar-arrow {
    border-top-color: #b8bbbd
}

.dark .mat-datepicker-content .mat-calendar .mat-calendar-period-button {
    color: #b8bbbd
}

.dark .mat-select-panel {
    background: #12161f;
    color: #b8bbbd
}

.dark .mat-select-panel .mat-option {
    color: #b8bbbd
}

.dark .mat-select-panel .mat-option.mat-active {
    color: #b8bbbd;
    background: rgba(0,0,0,.4)
}

.dark .mat-pseudo-checkbox {
    color: #b8bbbd
}

.dark .mat-autocomplete-panel {
    background: #12161f;
    color: #b8bbbd
}

.dark .mat-autocomplete-panel .mat-option-text {
    color: #b8bbbd
}

.dark .container-login100 {
    background: #12161f
}

.dark .login100-form {
    background-color: #1a202e
}

.dark .login100-form-title,.dark .error-header,.dark .error-subheader {
    color: #fff
}

.dark .txt1 {
    color: #96a2b4
}

.dark .apexcharts-legend-text {
    color: #96a2b4!important
}

.dark .mat-button[disabled],.dark .mat-icon-button[disabled],.dark .mat-stroked-button[disabled],.dark .mat-flat-button[disabled],.dark .mat-raised-button[disabled],.dark .mat-fab[disabled],.dark .mat-mini-fab[disabled] {
    color: #ffffff3b
}

.dark .mat-stroked-button:not([disabled]) {
    border-color: #ffffff4d
}

.dark .mat-bottom-sheet-container {
    background: #12161f
}

.dark .mat-row {
    border-bottom-color: #ffffff1f
}

.dark .appointment-tab-box {
    background-color: #11141b
}

.dark .owl-dt-calendar-table .owl-dt-calendar-cell,.dark .owl-dt-calendar-table .owl-dt-calendar-header {
    color: #96a2b4
}

.dark .owl-dt-container {
    background: #11141b
}

.dark .owl-dt-calendar-control {
    color: #fff
}

.dark .owl-dt-timer-content .owl-dt-timer-input {
    border: 1px solid #717070;
    background-color: #000
}

.dark .owl-dt-container-buttons {
    color: #fff
}

.dark .show-pwd-icon,.dark .face-icon,.dark .mat-form-field-prefix,.dark .mat-form-field-suffix {
    color: #96a2b4
}

.dark .app-list,.dark .lecture-list {
    background: #181c27
}

.dark .media .media-body {
    color: #96a2b4
}

.dark .auth-form-section {
    background-color: #11141b
}

.dark .lang-item .lang-item-list {
    color: #96a2b4
}

.dark .lang-item .lang-item-list.active {
    background-color: #10131c
}

.dark .lang-item .lang-item-list:hover {
    background-color: #171a21
}

.dark .lang-item .lang-item-list:hover span.mat-mdc-menu-item-text {
    color: #fff
}

.dark .settingSidebar {
    background: #1a202e
}

.dark .settingSidebar .setting-panel-header {
    color: #fff;
    border: 1px solid #000000;
    background: #000000
}

.dark .settingSidebar .border-bottom {
    border-bottom: 1px solid #3b434a!important
}

.dark .breadcrumb,.dark .breadcrumb-icon .feather {
    color: #96a2b4
}

.dark .contact-details-field .color-icon,.dark .material-icons-two-tone {
    filter: invert(68%) sepia(6%) saturate(787%) hue-rotate(177deg) brightness(94%) contrast(86%)
}

.dark .doc-file-type .d-flex {
    border-bottom: 1px solid #15181d
}

.dark .doc-file-type .set-flex {
    color: #96a2b4
}

.dark .mat-mdc-dialog-container .mdc-dialog__surface {
    background: #1a202e;
    color: #96a2b4
}

.dark .mat-mdc-dialog-container .mdc-dialog__content {
    background: #1a202e;
    color: #96a2b4!important
}

.dark .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.dark .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.dark .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: #ffffff61
}

.dark .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.dark .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.dark .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: #96a2b4
}

.dark .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch {
    border-left: none
}

.dark .mat-mdc-dialog-container .mdc-dialog__title {
    color: #96a2b4
}

.dark .mat-button-toggle-appearance-standard {
    color: #96a2b4;
    background: #1d1d1d
}

.dark .mat-button-toggle-checked {
    background: #000000!important;
    color: #96a2b4
}

.dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.dark .mat-button-toggle-group-appearance-standard {
    border: solid 1px #4a4a4a
}

.dark .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle {
    border: solid 1px #4a4a4a
}

.dark .mat-button-toggle-disabled .mat-button-toggle-button {
    background-color: #565656;
    color: #fff
}

.dark .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: #96a2b4
}

.dark .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
    color: #96a2b4
}

.dark .mat-mdc-select-value {
    color: #96a2b4
}

.dark .mdc-text-field--filled:not(.mdc-text-field--disabled) {
    background-color: #181b24
}

.dark .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background {
    border-color: #96a2b4
}

.dark .mat-mdc-checkbox .mdc-checkbox:hover .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background {
    border-color: #96a2b4
}

.dark .mat-mdc-paginator-icon {
    fill: #96a2b4
}

.dark .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle {
    border-color: #96a2b4
}

.dark .mat-mdc-radio-button .mdc-radio:hover .mdc-radio__outer-circle {
    border-color: #96a2b4!important
}

.dark .mat-mdc-select-arrow {
    color: #96a2b4
}

.dark .mat-mdc-icon-button[disabled] .mat-mdc-paginator-icon {
    fill: #ffffff26
}

.dark .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab__text-label {
    color: #96a2b4
}

.dark .order-list li .badge {
    background: rgba(12,12,12,.8)
}

.dark .order-list li img {
    border: 2px solid #545454
}

.dark .mat-mdc-raised-button:disabled {
    color: #7c7c7c
}

.dark .nfc-menu .nfc-dropdown {
    background-color: #1b1e27
}

.dark .nfc-menu .nfc-dropdown .menu button:hover {
    background-color: #10131c
}

.dark .nfc-menu .nfc-dropdown .menu .msg-read {
    background-color: #1b1e27;
    border-bottom: 1px solid #5e5e5e
}

.dark .nfc-menu .nfc-dropdown .menu .menu-info h4,.dark .nfc-menu .nfc-dropdown .menu .menu-info .menu-title {
    color: #96a2b4
}

.dark .nfc-menu .nfc-dropdown .menu .menu-info p,.dark .nfc-menu .nfc-dropdown .menu .menu-info .menu-desc {
    color: #ffffff8c
}

.dark .nfc-menu .nfc-dropdown .menu .menu-info .menu-desc .material-icons {
    color: #979797
}

.dark .nfc-menu .nfc-dropdown .menu .msg-unread {
    background-color: #000;
    border-bottom: 1px solid #5e5e5e
}

.dark .nfc-menu .nfc-footer {
    background-color: #1b1e27;
    border-top: 1px solid #363636
}

.dark .nfc-menu .nfc-footer .nfc-read-all {
    color: #b5b5b5
}

.dark .user_dw_menu .mat-mdc-menu-item.mdc-list-item {
    background-color: #1b1e27
}

.dark .user_dw_menu .mat-mdc-menu-item.mdc-list-item:hover {
    background-color: #10131c
}

.dark .user_dw_menu .mat-mdc-menu-item .mat-mdc-menu-item-text {
    color: #d5d5d5
}

.dark .mat-mdc-select-panel-above .mdc-menu-surface.mat-mdc-select-panel {
    background-color: #10131c
}

.dark .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled) {
    background: rgb(0,0,0)
}

.dark .mat-mdc-option.mat-mdc-option-active {
    background: rgb(0,0,0)
}

.dark .mat-mdc-option.mdc-list-item,.dark .mdc-menu-surface.mat-mdc-select-panel {
    background-color: #10131c
}

.dark .mat-mdc-option:hover:not(.mdc-list-item--disabled) {
    background: rgb(0,0,0)
}

.dark .mdc-list-item__primary-text {
    color: #96a2b4
}

.dark .mat-mdc-option .mdc-list-item__primary-text {
    color: #d5d5d5!important
}

.dark .mat-mdc-menu-panel.mat-mdc-menu-panel {
    background-color: #10131c
}

.dark .mat-mdc-menu-item .mat-mdc-menu-item-text {
    color: #fff
}

.dark .mat-mdc-menu-item[disabled] .mat-icon-no-color {
    color: #d5d5d5
}

.dark .mat-mdc-menu-item .mat-icon {
    color: #fff
}

.dark .feed-element .well {
    border: 1px solid #10131c;
    background: #10131c
}

.dark .feed-activity-list .feed-element {
    border-bottom: 1px solid #525252
}

.dark .project-activity {
    border: 1px solid #525252;
    margin-top: 20px
}

.dark .project-card-header {
    color: #96a2b4
}

.dark .navbar-nav.navbar-right .user_profile span,.dark .basic-btn.mat-mdc-button .mdc-button__label {
    color: #fff
}

.dark .basic-btn-disabled.mat-mdc-button .mdc-button__label {
    color: #787878
}

.dark .basic-btn-link.mat-mdc-button .mdc-button__label {
    color: #474aff
}

.dark .stroked-btn.mat-mdc-outlined-button .mdc-button__label {
    color: #fff
}

.dark .stroked-btn-disabled.mat-mdc-outlined-button .mdc-button__label {
    color: #787878
}

.dark .stroked-btn-link.mat-mdc-outlined-button .mdc-button__label {
    color: #474aff
}

.dark .flat-btn-disabled.mat-mdc-unelevated-button .mdc-button__label,.dark .fab-btn-disabled.mat-mdc-fab .mdc-button__label,.dark .mini-fab-btn-disabled.mdc-fab--mini .mdc-button__label {
    color: #787878
}

.dark .mat-mdc-autocomplete-visible {
    background-color: #10131c
}

.dark .cdk-drag.example-box {
    border: solid 1px #040303;
    background: #10131c;
    color: #96a2b4
}

.dark .cdk-drag.example-box2,.dark .cdk-drag.example-box-small {
    border: solid 1px #4d4f50;
    background: #10131c;
    color: #96a2b4
}

.dark .cdk-drop-list.example-list {
    border: solid 1px #4d4f50
}

.dark .medicine-list .badge-outline,.dark .medicine-list .pill-style {
    background-color: #1a202e;
    color: #96a2b4
}