@charset "UTF-8";
     
        .CodeMirror {
          
            font-family: monospace;
            height: 300px;
            color: black;
            direction: ltr;
        }
        /* PADDING */
        .CodeMirror-lines {
            padding: 4px 0;
        }

        .CodeMirror pre.CodeMirror-line,
        .CodeMirror pre.CodeMirror-line-like {
            padding: 0 4px;
            /* Horizontal padding of content */
        }

        .CodeMirror-scrollbar-filler,
        .CodeMirror-gutter-filler {
            background-color: white;
            /* The little square between H and V scrollbars */
        }
        /* GUTTER */
        .CodeMirror-gutters {
            border-right: 1px solid #ddd;
            background-color: #f7f7f7;
            white-space: nowrap;
        }

        .CodeMirror-linenumber {
            padding: 0 3px 0 5px;
            min-width: 20px;
            text-align: right;
            color: #999;
            white-space: nowrap;
        }

        .CodeMirror-guttermarker {
            color: black;
        }

        .CodeMirror-guttermarker-subtle {
            color: #999;
        }
        /* CURSOR */
        .CodeMirror-cursor {
            border-left: 1px solid black;
            border-right: none;
            width: 0;
        }
        /* Shown when moving in bi-directional text */
        .CodeMirror div.CodeMirror-secondarycursor {
            border-left: 1px solid silver;
        }

        .cm-fat-cursor .CodeMirror-cursor {
            width: auto;
            border: 0 !important;
            background: #7e7;
        }

        .cm-fat-cursor div.CodeMirror-cursors {
            z-index: 1;
        }

        .cm-fat-cursor-mark {
            background-color: rgba(20, 255, 20, 0.5);
            animation: blink 1.06s steps(1) infinite;
        }

        .cm-animate-fat-cursor {
            width: auto;
            border: 0;
            animation: blink 1.06s steps(1) infinite;
            background-color: #7e7;
        }

        @keyframes blink {
            50% {
                background-color: transparent;
            }
        }
        /* Can style cursor different in overwrite (non-insert) mode */
        .cm-tab {
            display: inline-block;
            text-decoration: inherit;
        }

        .CodeMirror-rulers {
            position: absolute;
            left: 0;
            right: 0;
            top: -50px;
            bottom: 0;
            overflow: hidden;
        }

        .CodeMirror-ruler {
            border-left: 1px solid #ccc;
            top: 0;
            bottom: 0;
            position: absolute;
        }
        /* DEFAULT THEME */
        .cm-s-default .cm-header {
            color: blue;
        }

        .cm-s-default .cm-quote {
            color: #090;
        }

        .cm-negative {
            color: #d44;
        }

        .cm-positive {
            color: #292;
        }

        .cm-header,
        .cm-strong {
            font-weight: bold;
        }

        .cm-em {
            font-style: italic;
        }

        .cm-link {
            text-decoration: underline;
        }

        .cm-strikethrough {
            text-decoration: line-through;
        }

        .cm-s-default .cm-keyword {
            color: #708;
        }

        .cm-s-default .cm-atom {
            color: #219;
        }

        .cm-s-default .cm-number {
            color: #164;
        }

        .cm-s-default .cm-def {
            color: #00f;
        }

        .cm-s-default .cm-variable-2 {
            color: #05a;
        }

        .cm-s-default .cm-variable-3,
        .cm-s-default .cm-type {
            color: #085;
        }

        .cm-s-default .cm-comment {
            color: #a50;
        }

        .cm-s-default .cm-string {
            color: #a11;
        }

        .cm-s-default .cm-string-2 {
            color: #f50;
        }

        .cm-s-default .cm-meta {
            color: #555;
        }

        .cm-s-default .cm-qualifier {
            color: #555;
        }

        .cm-s-default .cm-builtin {
            color: #30a;
        }

        .cm-s-default .cm-bracket {
            color: #997;
        }

        .cm-s-default .cm-tag {
            color: #170;
        }

        .cm-s-default .cm-attribute {
            color: #00c;
        }

        .cm-s-default .cm-hr {
            color: #999;
        }

        .cm-s-default .cm-link {
            color: #00c;
        }

        .cm-s-default .cm-error {
            color: #f00;
        }

        .cm-invalidchar {
            color: #f00;
        }

        .CodeMirror-composing {
            border-bottom: 2px solid;
        }
        /* Default styles for common addons */
        div.CodeMirror span.CodeMirror-matchingbracket {
            color: #0b0;
        }

        div.CodeMirror span.CodeMirror-nonmatchingbracket {
            color: #a22;
        }

        .CodeMirror-matchingtag {
            background: rgba(255, 150, 0, 0.3);
        }

        .CodeMirror-activeline-background {
            background: #e8f2ff;
        }
        /* STOP */
        /* The rest of this file contains styles related to the mechanics of
           the editor. You probably shouldn't touch them. */
        .CodeMirror {
            position: relative;
            overflow: hidden;
            background: white;
        }

        .CodeMirror-scroll {
            overflow: scroll !important;
            /* Things will break if this is overridden */
            /* 50px is the magic margin used to hide the element's real scrollbars */
            /* See overflow: hidden in .CodeMirror */
            margin-bottom: -50px;
            margin-right: -50px;
            padding-bottom: 50px;
            height: 100%;
            outline: none;
            /* Prevent dragging from highlighting the element */
            position: relative;
        }

        .CodeMirror-sizer {
            position: relative;
            border-right: 50px solid transparent;
        }
        /* The fake, visible scrollbars. Used to force redraw during scrolling
           before actual scrolling happens, thus preventing shaking and
           flickering artifacts. */
        .CodeMirror-vscrollbar,
        .CodeMirror-hscrollbar,
        .CodeMirror-scrollbar-filler,
        .CodeMirror-gutter-filler {
            position: absolute;
            z-index: 6;
            display: none;
            outline: none;
        }

        .CodeMirror-vscrollbar {
            right: 0;
            top: 0;
            overflow-x: hidden;
            overflow-y: scroll;
        }

        .CodeMirror-hscrollbar {
            bottom: 0;
            left: 0;
            overflow-y: hidden;
            overflow-x: scroll;
        }

        .CodeMirror-scrollbar-filler {
            right: 0;
            bottom: 0;
        }

        .CodeMirror-gutter-filler {
            left: 0;
            bottom: 0;
        }

        .CodeMirror-gutters {
            position: absolute;
            left: 0;
            top: 0;
            min-height: 100%;
            z-index: 3;
        }

        .CodeMirror-gutter {
            white-space: normal;
            height: 100%;
            display: inline-block;
            vertical-align: top;
            margin-bottom: -50px;
        }

        .CodeMirror-gutter-wrapper {
            position: absolute;
            z-index: 4;
            background: none !important;
            border: none !important;
        }

        .CodeMirror-gutter-background {
            position: absolute;
            top: 0;
            bottom: 0;
            z-index: 4;
        }

        .CodeMirror-gutter-elt {
            position: absolute;
            cursor: default;
            z-index: 4;
        }

        .CodeMirror-gutter-wrapper ::selection {
            background-color: transparent;
        }

        .CodeMirror-gutter-wrapper ::-moz-selection {
            background-color: transparent;
        }

        .CodeMirror-lines {
            cursor: text;
            min-height: 1px;
            /* prevents collapsing before first draw */
        }

        .CodeMirror pre.CodeMirror-line,
        .CodeMirror pre.CodeMirror-line-like {
            /* Reset some styles that the rest of the page might have set */
            border-radius: 0;
            border-width: 0;
            background: transparent;
            font-family: inherit;
            font-size: inherit;
            margin: 0;
            white-space: pre;
            word-wrap: normal;
            line-height: inherit;
            color: inherit;
            z-index: 2;
            position: relative;
            overflow: visible;
            -webkit-tap-highlight-color: transparent;
            font-variant-ligatures: contextual;
        }

        .CodeMirror-wrap pre.CodeMirror-line,
        .CodeMirror-wrap pre.CodeMirror-line-like {
            word-wrap: break-word;
            white-space: pre-wrap;
            word-break: normal;
        }

        .CodeMirror-linebackground {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            z-index: 0;
        }

        .CodeMirror-linewidget {
            position: relative;
            z-index: 2;
            padding: 0.1px;
            /* Force widget margins to stay inside of the container */
        }

        .CodeMirror-rtl pre {
            direction: rtl;
        }

        .CodeMirror-code {
            outline: none;
        }
        /* Force content-box sizing for the elements where we expect it */
        .CodeMirror-scroll,
        .CodeMirror-sizer,
        .CodeMirror-gutter,
        .CodeMirror-gutters,
        .CodeMirror-linenumber {
            box-sizing: content-box;
        }

        .CodeMirror-measure {
            position: absolute;
            width: 100%;
            height: 0;
            overflow: hidden;
            visibility: hidden;
        }

        .CodeMirror-cursor {
            position: absolute;
            pointer-events: none;
        }

        .CodeMirror-measure pre {
            position: static;
        }

        div.CodeMirror-cursors {
            visibility: hidden;
            position: relative;
            z-index: 3;
        }

        div.CodeMirror-dragcursors {
            visibility: visible;
        }

        .CodeMirror-focused div.CodeMirror-cursors {
            visibility: visible;
        }

        .CodeMirror-selected {
            background: #d9d9d9;
        }

        .CodeMirror-focused .CodeMirror-selected {
            background: #d7d4f0;
        }

        .CodeMirror-crosshair {
            cursor: crosshair;
        }

        .CodeMirror-line::selection,
        .CodeMirror-line > span::selection,
        .CodeMirror-line > span > span::selection {
            background: #d7d4f0;
        }

        .CodeMirror-line::-moz-selection,
        .CodeMirror-line > span::-moz-selection,
        .CodeMirror-line > span > span::-moz-selection {
            background: #d7d4f0;
        }

        .cm-searching {
            background-color: #ffa;
            background-color: rgba(255, 255, 0, 0.4);
        }
        /* Used to force a border model for a node */
        .cm-force-border {
            padding-right: 0.1px;
        }

        @media print {
            /* Hide the cursor when printing */
            .CodeMirror div.CodeMirror-cursors {
                visibility: hidden;
            }
        }
        /* See issue #2901 */
        .cm-tab-wrap-hack:after {
            content: "";
        }
        /* Help users use markselection to safely style text background */
        span.CodeMirror-selectedtext {
            background: none;
        }

        .CodeMirror-hints {
            position: absolute;
            z-index: 10;
            overflow: hidden;
            list-style: none;
            margin: 0;
            padding: 2px;
            box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
            border-radius: 3px;
            border: 1px solid silver;
            background: white;
            font-size: 90%;
            font-family: monospace;
            max-height: 20em;
            overflow-y: auto;
        }

        .CodeMirror-hint {
            margin: 0;
            padding: 0 4px;
            border-radius: 2px;
            white-space: pre;
            color: black;
            cursor: pointer;
        }

        li.CodeMirror-hint-active {
            background: #08f;
            color: white;
        }

        .CodeMirror-foldmarker {
            color: blue;
            text-shadow: #b9f 1px 1px 2px, #b9f -1px -1px 2px, #b9f 1px -1px 2px, #b9f -1px 1px 2px;
            font-family: arial;
            line-height: 0.3;
            cursor: pointer;
        }

        .CodeMirror-foldgutter {
            width: 0.7em;
        }

        .CodeMirror-foldgutter-open,
        .CodeMirror-foldgutter-folded {
            cursor: pointer;
        }

            .CodeMirror-foldgutter-open:after {
                content: "▾";
            }

            .CodeMirror-foldgutter-folded:after {
                content: "▸";
            }

        api-explorer .color-secondary,
        embedded-explorer .color-secondary {
            color: #757575;
        }

        api-explorer .json-request-body-hint,
        embedded-explorer .json-request-body-hint {
            color: #757575;
        }

        api-explorer .color-error,
        embedded-explorer .color-error {
            color: #f44336;
        }

        api-explorer .json-request-body-message.message-level-error,
        embedded-explorer .json-request-body-message.message-level-error {
            color: #f44336;
        }

        api-explorer .json-request-body-message.message-level-warning,
        embedded-explorer .json-request-body-message.message-level-warning {
            color: #00f;
        }

        api-explorer .json-request-body-message.message-level-notice,
        embedded-explorer .json-request-body-message.message-level-notice {
            color: #757575;
        }

        api-explorer .CodeMirror,
        embedded-explorer .CodeMirror {
            font-family: monospace;
        }

        api-explorer .CodeMirror,
        api-explorer .format-border,
        embedded-explorer .CodeMirror,
        embedded-explorer .format-border {
            border: 1px solid #ebebeb;
        }

            api-explorer .CodeMirror pre.CodeMirror-placeholder,
            embedded-explorer .CodeMirror pre.CodeMirror-placeholder {
                color: #999;
            }

        api-explorer .CodeMirror-foldgutter,
        embedded-explorer .CodeMirror-foldgutter {
            background: #eaeaea;
        }

        api-explorer .reqBodyHint,
        embedded-explorer .reqBodyHint {
            color: #03a9f4;
        }

        api-explorer input,
        api-explorer select,
        embedded-explorer input,
        embedded-explorer select {
            border: 1px solid #ebebeb;
        }

            api-explorer input:focus,
            api-explorer select:focus,
            embedded-explorer input:focus,
            embedded-explorer select:focus {
                border-bottom: 2px solid #03a9f4;
            }

            api-explorer input:not([disabled]),
            api-explorer select:not([disabled]),
            embedded-explorer input:not([disabled]),
            embedded-explorer select:not([disabled]) {
                background: #fff;
            }

            api-explorer input[required],
            api-explorer select[required],
            embedded-explorer input[required],
            embedded-explorer select[required] {
                border-left: 4px solid #f44336;
            }

        api-explorer :link,
        api-explorer :visited,
        api-explorer .link-button,
        embedded-explorer :link,
        embedded-explorer :visited,
        embedded-explorer .link-button {
            color: #03a9f4;
            text-decoration: none;
        }

        api-explorer .CodeMirror-empty,
        embedded-explorer .CodeMirror-empty {
            outline: 1px solid #c22;
        }

        api-explorer .status-bar.success,
        embedded-explorer .status-bar.success {
            background-color: #4caf50;
        }

        api-explorer .status-bar:not(.success),
        embedded-explorer .status-bar:not(.success) {
            background-color: #f44336;
        }

        api-explorer .explorer-parameters::-webkit-scrollbar-thumb,
        embedded-explorer .explorer-parameters::-webkit-scrollbar-thumb {
            background: rgba(0, 0, 0, 0.26);
        }

        api-explorer .explorer-parameters::-webkit-scrollbar,
        embedded-explorer .explorer-parameters::-webkit-scrollbar {
            height: 4px;
            width: 4px;
        }

        api-explorer .code-copy-button,
        embedded-explorer .code-copy-button {
            color: inherit;
        }

        api-explorer .CodeMirror-vscrollbar::-webkit-scrollbar-thumb,
        api-explorer .CodeMirror-hscrollbar::-webkit-scrollbar-thumb,
        embedded-explorer .CodeMirror-vscrollbar::-webkit-scrollbar-thumb,
        embedded-explorer .CodeMirror-hscrollbar::-webkit-scrollbar-thumb {
            background: rgba(0, 0, 0, 0.26);
        }

        .cm-s-default .cm-keyword {
            color: #1e88e5;
        }

        .cm-s-default .cm-number {
            color: #d32f2f;
        }

        .cm-s-default .cm-comment {
            color: #d81b60;
        }

        .cm-s-default .cm-string {
            color: #e53935;
        }

        .cm-s-default .cm-builtin {
            color: #1e88e5;
        }

        .cm-s-default .cm-tag {
            color: #1e88e5;
        }

        .cm-s-default .cm-attribute {
            color: #e53935;
        }

        .CodeMirror-hints {
            font-family: monospace;
        }

        #docs.main .main-content {
            font-family: Roboto, sans-serif;
            font-size: 13px;
            font-weight: 400;
        }

            #docs.main .main-content h1 {
                font-size: 24px;
                font-weight: normal;
                line-height: 24px;
                margin: 0 0 16px 0;
            }

            #docs.main .main-content h2 {
                font-size: 16px;
                font-weight: normal;
                margin: 0 0 8px 0;
            }

            #docs.main .main-content h3 {
                font-size: 14px;
                font-weight: 500;
                line-height: 24px;
                margin: 0 0 4px 0;
            }

            #docs.main .main-content h4 {
                font-weight: bold;
            }

            #docs.main .main-content hr {
                background-color: #ddd;
                border: 0;
                height: 1px;
                margin-top: 23px;
            }

            #docs.main .main-content .CodeMirror-hints {
                z-index: 102;
            }

            #docs.main .main-content .apis-explorer.apix-wide-layout .explorer-header-container {
                margin-left: -10px;
            }

            #docs.main .main-content .apis-explorer:not(.apix-wide-layout) {
                overflow-y: auto;
            }

            #docs.main .main-content .CodeMirror pre {
                font-size: 14px;
            }

            #docs.main .main-content .mat-drawer-content {
                z-index: unset !important;
            }

            #docs.main .main-content .selectable {
                cursor: pointer;
            }

            #docs.main .main-content .uppercase {
                text-transform: uppercase;
            }

            #docs.main .main-content documentation {
                height: 100%;
            }

        .nav-bar-container a,
        .main-docs-content a {
            text-decoration: none;
            color: #03a9f4;
        }

        .header-bar .nav-bar-container a,
        .colored-background .nav-bar-container a,
        .header-bar .main-docs-content a,
        .colored-background .main-docs-content a {
            color: inherit;
        }

        .uppercase {
            text-transform: uppercase;
        }

        [tabindex="-1"]:focus {
            outline: none;
        }

 .cdk-high-contrast-active .mat-toolbar {
            outline: solid 1px;
        }

        .mat-toolbar-row,
        .mat-toolbar-single-row {
            display: flex;
            box-sizing: border-box;
            padding: 0 16px;
            width: 100%;
            flex-direction: row;
            align-items: center;
            white-space: nowrap;
        }

        .mat-toolbar-multiple-rows {
            display: flex;
            box-sizing: border-box;
            flex-direction: column;
            width: 100%;
        }


         @media screen and (min-width: 600px), screen and (min-width: 960px), screen and (min-width: 1280px), screen and (min-width: 1920px), screen and (min-width: 1920px) and (max-width: 4999.98px), screen and (max-width: 1919.98px), screen and (min-width: 1280px) and (max-width: 1919.98px), screen and (max-width: 1279.98px), screen and (min-width: 960px) and (max-width: 1279.98px), screen and (max-width: 959.98px), screen and (min-width: 600px) and (max-width: 959.98px), screen and (max-width: 599.98px), screen and (min-width: 0px) and (max-width: 599.98px), print {
            .fx-query-test {
            }
        }


         .mat-button .mat-button-focus-overlay,
        .mat-icon-button .mat-button-focus-overlay {
            opacity: 0;
        }

        .mat-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay,
        .mat-stroked-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay {
            opacity: 0.04;
        }

        @media (hover: none) {
            .mat-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay,
            .mat-stroked-button:hover:not(.mat-button-disabled) .mat-button-focus-overlay {
                opacity: 0;
            }
        }

        .mat-button,
        .mat-icon-button,
        .mat-stroked-button,
        .mat-flat-button {
            box-sizing: border-box;
            position: relative;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-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;
            text-align: center;
            margin: 0;
            min-width: 64px;
            line-height: 36px;
            padding: 0 16px;
            border-radius: 4px;
            overflow: visible;
        }

            .mat-button::-moz-focus-inner,
            .mat-icon-button::-moz-focus-inner,
            .mat-stroked-button::-moz-focus-inner,
            .mat-flat-button::-moz-focus-inner {
                border: 0;
            }

            .mat-button.mat-button-disabled,
            .mat-icon-button.mat-button-disabled,
            .mat-stroked-button.mat-button-disabled,
            .mat-flat-button.mat-button-disabled {
                cursor: default;
            }

            .mat-button.cdk-keyboard-focused .mat-button-focus-overlay,
            .mat-button.cdk-program-focused .mat-button-focus-overlay,
            .mat-icon-button.cdk-keyboard-focused .mat-button-focus-overlay,
            .mat-icon-button.cdk-program-focused .mat-button-focus-overlay,
            .mat-stroked-button.cdk-keyboard-focused .mat-button-focus-overlay,
            .mat-stroked-button.cdk-program-focused .mat-button-focus-overlay,
            .mat-flat-button.cdk-keyboard-focused .mat-button-focus-overlay,
            .mat-flat-button.cdk-program-focused .mat-button-focus-overlay {
                opacity: 0.12;
            }

            .mat-button::-moz-focus-inner,
            .mat-icon-button::-moz-focus-inner,
            .mat-stroked-button::-moz-focus-inner,
            .mat-flat-button::-moz-focus-inner {
                border: 0;
            }

        .mat-raised-button {
            box-sizing: border-box;
            position: relative;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-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;
            text-align: center;
            margin: 0;
            min-width: 64px;
            line-height: 36px;
            padding: 0 16px;
            border-radius: 4px;
            overflow: visible;
            transform: translate3d(0, 0, 0);
            transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
        }

            .mat-raised-button::-moz-focus-inner {
                border: 0;
            }

            .mat-raised-button.mat-button-disabled {
                cursor: default;
            }

            .mat-raised-button.cdk-keyboard-focused .mat-button-focus-overlay,
            .mat-raised-button.cdk-program-focused .mat-button-focus-overlay {
                opacity: 0.12;
            }

            .mat-raised-button::-moz-focus-inner {
                border: 0;
            }

        ._mat-animation-noopable.mat-raised-button {
            transition: none;
            animation: none;
        }

        .mat-stroked-button {
            border: 1px solid currentColor;
            padding: 0 15px;
            line-height: 34px;
        }

            .mat-stroked-button .mat-button-ripple.mat-ripple,
            .mat-stroked-button .mat-button-focus-overlay {
                top: -1px;
                left: -1px;
                right: -1px;
                bottom: -1px;
            }

        .mat-fab {
            box-sizing: border-box;
            position: relative;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-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;
            text-align: center;
            margin: 0;
            min-width: 64px;
            line-height: 36px;
            padding: 0 16px;
            border-radius: 4px;
            overflow: visible;
            transform: translate3d(0, 0, 0);
            transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
            min-width: 0;
            border-radius: 50%;
            width: 56px;
            height: 56px;
            padding: 0;
            flex-shrink: 0;
        }

            .mat-fab::-moz-focus-inner {
                border: 0;
            }

            .mat-fab.mat-button-disabled {
                cursor: default;
            }

            .mat-fab.cdk-keyboard-focused .mat-button-focus-overlay,
            .mat-fab.cdk-program-focused .mat-button-focus-overlay {
                opacity: 0.12;
            }

            .mat-fab::-moz-focus-inner {
                border: 0;
            }

        ._mat-animation-noopable.mat-fab {
            transition: none;
            animation: none;
        }

        .mat-fab .mat-button-wrapper {
            padding: 16px 0;
            display: inline-block;
            line-height: 24px;
        }

        .mat-mini-fab {
            box-sizing: border-box;
            position: relative;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-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;
            text-align: center;
            margin: 0;
            min-width: 64px;
            line-height: 36px;
            padding: 0 16px;
            border-radius: 4px;
            overflow: visible;
            transform: translate3d(0, 0, 0);
            transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
            min-width: 0;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            padding: 0;
            flex-shrink: 0;
        }

            .mat-mini-fab::-moz-focus-inner {
                border: 0;
            }

            .mat-mini-fab.mat-button-disabled {
                cursor: default;
            }

            .mat-mini-fab.cdk-keyboard-focused .mat-button-focus-overlay,
            .mat-mini-fab.cdk-program-focused .mat-button-focus-overlay {
                opacity: 0.12;
            }

            .mat-mini-fab::-moz-focus-inner {
                border: 0;
            }

        ._mat-animation-noopable.mat-mini-fab {
            transition: none;
            animation: none;
        }

        .mat-mini-fab .mat-button-wrapper {
            padding: 8px 0;
            display: inline-block;
            line-height: 24px;
        }

        .mat-icon-button {
            padding: 0;
            min-width: 0;
            width: 40px;
            height: 40px;
            flex-shrink: 0;
            line-height: 40px;
            border-radius: 50%;
        }

            .mat-icon-button i,
            .mat-icon-button .mat-icon {
                line-height: 24px;
            }

        .mat-button-ripple.mat-ripple,
        .mat-button-focus-overlay {
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            position: absolute;
            pointer-events: none;
            border-radius: inherit;
        }

            .mat-button-ripple.mat-ripple:not(:empty) {
                transform: translateZ(0);
            }

        .mat-button-focus-overlay {
            opacity: 0;
            transition: opacity 200ms cubic-bezier(0.35, 0, 0.25, 1), background-color 200ms cubic-bezier(0.35, 0, 0.25, 1);
        }

        ._mat-animation-noopable .mat-button-focus-overlay {
            transition: none;
        }

        .mat-button-ripple-round {
            border-radius: 50%;
            z-index: 1;
        }

        .mat-button .mat-button-wrapper > *,
        .mat-flat-button .mat-button-wrapper > *,
        .mat-stroked-button .mat-button-wrapper > *,
        .mat-raised-button .mat-button-wrapper > *,
        .mat-icon-button .mat-button-wrapper > *,
        .mat-fab .mat-button-wrapper > *,
        .mat-mini-fab .mat-button-wrapper > * {
            vertical-align: middle;
        }

        .mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button,
        .mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            font-size: inherit;
            width: 2.5em;
            height: 2.5em;
        }

        .cdk-high-contrast-active .mat-button,
        .cdk-high-contrast-active .mat-flat-button,
        .cdk-high-contrast-active .mat-raised-button,
        .cdk-high-contrast-active .mat-icon-button,
        .cdk-high-contrast-active .mat-fab,
        .cdk-high-contrast-active .mat-mini-fab {
            outline: solid 1px;
        }

        .cdk-high-contrast-active .mat-button-base.cdk-keyboard-focused,
        .cdk-high-contrast-active .mat-button-base.cdk-program-focused {
            outline: solid 3px;
        }

.mat-icon {
            background-repeat: no-repeat;
            display: inline-block;
            fill: currentColor;
            height: 24px;
            width: 24px;
        }

            .mat-icon.mat-icon-inline {
                font-size: inherit;
                height: inherit;
                line-height: inherit;
                width: inherit;
            }

        [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;
        }
.menupanel {
    position: absolute;
    top: 22%;
    left: 26%;
}
.headingtitle {
    margin-top: 25px;
    font-size: 25px;
    font-weight: bold;
}

.mat-sidenav ul {
    list-style: none;
}

    .mat-sidenav ul li a span {
        padding: 0px 4px;
    }
.mat-sidenav .icon > i {
    color: #a58b8b;
}